html
{
	background-color:#87b8f3;
	background-image: url(/images/bg.png);
	background-repeat:repeat;
}

body
{
	background-image: url(/images/bg-top.png);
	background-repeat:repeat-x;
	text-align:center;/* centre for ie5 and 5.5. */
}

#container {
	width: 794px;
	\width: 994px;
	w\idth: 794px;
	margin: 0 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/bg-main.png);
	background-repeat:repeat-y;
}
#container-bottom {
	width: 794px;
	\width: 994px;
	w\idth: 794px;
	margin: 0 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/bg-main-bottom.png);
	background-repeat:no-repeat;
	background-position:top;
	height:24px;
	clear:both;
}

/* LOGIN */

#login {
	background-image: url(/images/bg-head-top.png);
	background-repeat:repeat-x;
	width:780px;
	height:50px;
	margin:0 7px;
}

#login-container {
	height: 27px;
	/*padding: 11px 0 12px 0;*/
	line-height:27px;
	position:relative;
	top:11px;
}

/*span.label {*/
#login-container label {
	line-height:27px;
	color:#999999;
	font-size:14px;
	padding: 0px 5px 0px 10px;
	/*line-height:17px;*/
	/*vertical-align: top;*/
	/*
	position:relative;
	top: -5px;
	*/
}
/*
#login form {
	margin-top: 11px;
}
*/
/*
span.fieldset {
	height:27px;
	width:98px;
	padding:0;
	margin:0;
}
*/
.login-field {
	/*background: url(/images/bg-login-form.png) no-repeat top;*/
	background: url(/images/bg-login-form-slide.png) no-repeat left top;
	color:#999999;
	font-size:14px;
	padding: 5px 5px;
	height:17px;
	width:88px;
	background-color:transparent;
	border:none;
	margin:0;
}
.login-field-over {
	/*background: url(/images/bg-login-form-over.png) no-repeat top;*/
	background: url(/images/bg-login-form-slide.png) no-repeat left -43px;
	color:#999999;
	font-size:14px;
	padding: 5px 5px;
	height:17px;
	width:88px;
	background-color:transparent;
	border:none;
	margin:0;
}

.login-button {
	/*background: url(/images/button-login.png) no-repeat top;*/
	background: url(/images/button-login-slide.png) no-repeat left top;
	/*line-height:50px;*/
	color:#999999;
	font-size:14px;
	/*padding: 5px 0;*/
	height:27px;
	line-height:27px;
	width:40px;
	background-color:transparent;
	border:none;
	cursor:pointer;
	text-align:center;
	margin-left:15px;
}
.login-button-over {
	/*background: url(/images/button-login-over.png) no-repeat top;*/
	background: url(/images/button-login-slide.png) no-repeat left -43px;
	color:#999999;
	font-size:14px;
	height:27px;
	line-height:27px;
	width:40px;
	background-color:transparent;
	border:none;
	cursor:pointer;
	text-align:center;
	margin-left:15px;
}

#header {
	background-image: url(/images/header.png);
	width:780px;
	height:230px;
	margin:0 7px;
}

#main {
	margin:0 7px;
}

/* LOGO */
#logo {
	height: 144px;
	width: 220px;
	/*margin: 9px;*/
	position:relative;
	top:0px;
	left:14px;
	float:left;
}

#logo a {
	display:block;
	height: 144px;
	width: 220px;
	text-decoration:none;
}

/* FOOTER */
#footer {
	/*background-image: url(/images/sep-footer.png);*/
	background-image: url(/images/sep-content-footer.png);
	background-repeat:no-repeat;
	background-position:top;
	/*clear: both;*/
	padding: 0;
	height:170px;
	/*margin-top:-120px;*/
	/*margin-top:-211px;*/
	
	margin:0 7px;
	/*
	position:relative;
	top:-71px;
	*/
	margin-top:-71px;
}

#footer-content {
	font-size:10px;
	color:#999999;
	line-height:30px;
	/*margin-top:140px;*/
	/*padding:0 10px;*/
	margin:0;
	
	width: 760px;
	position:relative;
	top:140px;
	left:10px;
}

#footer-content a {
	text-decoration: none;
	padding:6px 0px;
	height:30px;
	line-height:30px;
}
#footer-content a:link, #footer-content a:visited {
	/*color: #fff;*/
	color:#999999;
}
#footer-content a:hover {
	color: #0374c4;
}

a#firefox:link, a#firefox:visited {
	/*background: url(/images/logo-firefox.gif) no-repeat left; padding-left:20px;*/
	background: url(/images/logo-firefox-slide.gif) no-repeat left 5px; padding-left:20px;
}

a#firefox:hover {
	/*background: url(/images/logo-firefox-active.gif) no-repeat left; padding-left:20px;*/
	background: url(/images/logo-firefox-slide.gif) no-repeat left -29px; padding-left:20px;
}

a#bmc-on:link, a#bmc-on:visited  {
	/*background: url(/images/logo-bmc.gif) no-repeat left; padding-left:38px;*/
	background: url(/images/logo-bmc-slide.gif) no-repeat left 5px; padding-left:38px;
}

a#bmc-on:hover {
	/*background: url(/images/logo-bmc-active.gif) no-repeat left; padding-left:38px;*/
	background: url(/images/logo-bmc-slide.gif) no-repeat left -29px; padding-left:38px;
}


/* LANG */
div#lang {
	margin-right: 10px;
	position:relative;
	top:-50px;
	float:right;
	background-image: url(/images/bg-lang.png);
	width:152px;
	height:76px;
}
div#lang ul {
	margin: 0px;
	margin-right:7px;
	padding: 0 0 0 12px;
	list-style-type: none;
}
div#lang li {
	margin: 30px 0 0 0;
	padding: 0px;
	float: left;
	width: 32px;
	line-height:30px;
	text-align: center;
	margin-left:8px;
}
#lang a, #lang a:link, #lang a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 30px;
	color: #fff;
	font-size:12px;
}
a#lang-de, a#lang-de:link, a#lang-de:visited {
	/*background-image: url(/images/lang-1.png);*/
	background: url(/images/lang-1-slide.png) no-repeat left top;
}
a#lang-de:hover, a#lang-de.active, a#lang-de.active:link, a#lang-de.active:visited, a#lang-de.active:hover {
	/*background-image: url(/images/lang-1-over.png);*/
	background: url(/images/lang-1-slide.png) no-repeat left -40px;
}

a#lang-fr, a#lang-fr:link, a#lang-fr:visited {
	/*background-image: url(/images/lang-2.png);*/
	background: url(/images/lang-2-slide.png) no-repeat left top;
}
a#lang-fr:hover, a#lang-fr.active, a#lang-fr.active:link, a#lang-fr.active:visited, a#lang-fr.active:hover {
	/*background-image: url(/images/lang-2-over.png);*/
	background: url(/images/lang-2-slide.png) no-repeat left -40px;
}

a#lang-en, a#lang-en:link, a#lang-en:visited {
	/*background-image: url(/images/lang-3.png);*/
	background: url(/images/lang-3-slide.png) no-repeat left top;
}
a#lang-en:hover, a#lang-en.active, a#lang-en.active:link, a#lang-en.active:visited, a#lang-en.active:hover {
	/*background-image: url(/images/lang-3-over.png);*/
	background: url(/images/lang-3-slide.png) no-repeat left -40px;
}


/* NAV */

div#nav {
	width: 235px;
	margin:0 0 10px 10px;
	text-align:left;
	float:left;
	position:absolute;
	top:300px;
	background-image: url(/images/bg-nav.png);
	background-repeat:no-repeat;
	height:309px;
}

#nav ul
{
	margin: 16px 14px 0 14px;
	padding: 0;
	list-style-type: none;
}

#nav li
{
	margin-bottom: 4px;
	width: 206px;
	height:43px;
	/*background-image: url(/images/nav-element-bg.png);*/
	/*background-image: url(/images/frame-nav.png);*/
	background-image: url(/images/nav-element.png);
	background-repeat:no-repeat;
	
	background-position:3px 3px;
}

#nav li:hover
{
	/*background-image: url(/images/nav-element-bg-over.png);*/
	/*background-image: url(/images/frame-nav-over.png);*/
	/*background-image: url(/images/nav-element-over.png);*/
}

#nav li.active, #nav li.active:hover
{
	/*background-image: url(/images/nav-element-bg-over.png);*/
	/*background-image: url(/images/frame-nav-over.png);*/
	background-image: url(/images/nav-element-over.png);
}
#nav a
{
	display: block;
	margin: 0 0 0 -10px;
	padding:0 10px;
	width: 186px;
	text-decoration: none;
	font-size:15px;
	line-height:32px;
	height:43px;
	color: #fff;
	background-repeat:no-repeat;
	/*background-position:3px 3px;*/
}

#nav a:link, #nav a:visited
{
	/*background-image: url(/images/nav-element.png);*/
	background-image: url(/images/frame-nav.png);
}

#nav a:hover
{
	/*background-image: url(/images/nav-element-over.png);*/
	background-image: url(/images/frame-nav-over.png);
}

#nav a.active, #nav a.active:link, #nav a.active:visited, #nav a.active:hover {
	/*background-image: url(/images/nav-element-over.png);*/
	background-image: url(/images/frame-nav-over.png);
}

#nav span
{
	display: block;
	margin: 0;
	padding:0 10px;
	width: 186px;
	text-decoration: none;
	font-size:15px;
	line-height:32px;
	height:43px;
	color: #fff;
	background-image: url(/images/nav-element-scrollin.png);
	background-repeat:no-repeat;
	background-position:220px;
}

/* CONTENT */

#content-container {
	position:relative;
	left:300px;
	width: 470px;
	margin:20px 10px 0 0;
	background-color:#ecf8fc;
	background-image: url(/images/bg-content.png);
	background-repeat: repeat-y;
}

#content {
	width: 350px;
	margin:0 10px 0 110px;
	text-align:left;
	min-height:600px;
	height:auto !important;
  	height:600px;
	padding-bottom:5px;
}

#content-title {
	background-color:#d3ecfb;
	background-image: url(/images/bg-content-top.png);
	background-repeat: no-repeat;
	height:84px;
	width:470px;
}

#content-title h1 {
	color:#08a3e2;
	font-size:24px;
	margin:0 0 0 110px;
	line-height:65px;
}
/*
#content-bottom {
	background-color:#ecf8fc;
	background-image: url(/images/bg-content-bottom.png);
	background-repeat: no-repeat;
	height:10px;
	clear:both;
}
*/
/* PICTURES */
#pictures {
	position:absolute;
	top:300px;
	
	float:left;
	width:127px;
	/*margin-left:-35px;*/
	margin-left:265px;
	margin-top:24px;
	/*clear:both;*/
}

#pictures ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pictures li {
	margin: 0;
	padding: 0px 0 10px 0px;
}
#pictures a {
	padding:0;
	margin:0;
	text-decoration:none;
}

#pictures img {
	border:solid 1px #77CDF1;
}

/* OTHER */

#ajax-load {
	background: url(/images/ajax-loader.gif) center 20px no-repeat;
	height:50px;
	width:100%;
}

.error {
	color: red;
	font-weight:bold;
}

/* Disclaimer  */
#disclaimer fieldset {
	margin: 20px 0;
	padding: 10px 10px;
	overflow:hidden;
	border:1px dashed #77CDF1;
}
#disclaimer legend {
	padding: 0 5px -5px;
	font-size:20px;
	color:#74b2e1;
}

#disclaimer div, #disclaimer p {
	line-height: normal;
	margin-top:0;
	padding-top:0;
}

/* Sitemap  */

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{background:url(/images/sitemap-line-1.gif) repeat-y;}
#sitemap li{
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
	background:url(/images/sitemap-line-2.gif) no-repeat 0 0;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px; text-decoration:none; color:#08A3E2;}
#sitemap li a:hover{color:#74b2e1;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
/*#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}*/

/* sub levels */

#sitemap li ul{	
	margin-left:28px;
	background:url(/images/sitemap-line-1.gif) repeat-y;
}
#sitemap li li{	
	background:url(/images/sitemap-line-2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display: block;}