/* LAYOUT Stylesheet */

html{
	/*fix to get scrollbar in firefox - to avoid horizontal jumps http://www.css-technik.de/details/319/9/CSS-Snippets.htm */
	height:100%;
	margin-bottom: 1px;
}

body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 0px; 
	padding: 0px 0px 20px 0px;
	text-align: center;
	font-size: 12px;
	/*background:url(img/body_bg.gif) no-repeat 0px 168px;*/
	
	
}

body.body_login{
	background:url(img/login_bg_plus.gif) no-repeat 0px 168px;
}



#container { 
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
}





.clearboth{
	clear:both;
	display:block;
	font-size:0px;
	line-height:0px;
	/*Firefox 1 - 1.5 needs a height, otherwise the clearboth does'nt work without a   in the div*/
	height:0.1px;
	border:none;
}


/* HEADER ++++++++++++++++++++ */

#meta_logo_container {
	margin: 0px 2px 0px 20px;
	_margin: 0px 2px 0px 10px;
	padding: 0px;
	/* width login width: 758px;*/
	width: 930px;
	height: 120px;
	float: left;
}

/*MetaNavWrapForm*/
.metaNavForm{
	padding:0px;
	margin:0px 0px 0px 0px;
	float: right;
	width:507px;
}

#languagenav{
	display:none;
	height: 22px;
	padding:0px;
	margin:0px 2px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../css/img/metaNav_firstItem_bg.gif);	
	font-size:10px;
	color:#333333;
	list-style:none;
	float: right;
	
}

	#languagenav li{
		float: left;
		padding: 5px 10px 0px 10px;
		height: 17px;
		color:#FFFFFF;
	}

	
	#languagenav li a {
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#languagenav li a:hover {
		text-decoration: underline;
	}



#metaNavigation {
	display:none;
	height: 22px;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	list-style:none;
	float: right;
}

	#metaNavigation .metaNav_firstitem {
		float:left;
		padding: 5px 10px 0px 10px;
		margin: 0px 2px 0px 0px;
		height: 17px;
		background-image:url(../css/img/metaNav_firstItem_bg.gif);
		background-position:left;
		color:#858585;
		background-color:#ffffff;
	}
	
	#metaNavigation li {
		float: left;
		padding: 5px 10px 0px 10px;
		height: 17px;
		background-color:#C1B8B3;
		color:#FFFFFF;
	}
	
	#metaNavigation li a {
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#metaNavigation li a:hover {
		text-decoration: underline;
	}
	
	#metaNavigation .metaNav_lastitem {
		float:left;
		padding: 5px 10px 0px 10px;
		height: 17px;
		background-image:url(img/metaNav_lastitem_bg.gif);
		background-position:right;
		background-color:#ffffff;
		color:#FFFFFF;
	}
	
	#metaNavigation .metaNav_lastitem a {
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#metaNavigation #metaNav_lastitem a:hover {
		text-decoration: underline;
	}

#logo {
	margin: 0px 0px 0px 10px;
	padding: 35px 0px 0px 0px;
}

#logo img {
	margin: 0px 0px 0px 0px;
	border:none;
}

#login_container {
	display:none;
	width:170px;
	float:left;
}

#login_container #login_info {
	display:none;
	color:#ffffff;
	/*background:url(img/horiizontal_line.gif) no-repeat 8px 40px;*/
	background-color:#f07c10;   /*#C1B8B3;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 3px 7px 7px 7px;
	line-height: 17px;
	margin: 0px 0px 1px 0px;
	height:70px;
}

#login_container #login_info .login_user{
	color:#ffffff;
	background-color:#C1B8B3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}

#login_container #login_action {
	background-color:#FFFFFF;
	background:url(img/loginbox_logoutbutton.gif) no-repeat 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 4px 7px 7px 7px;
}

#login_container #login_action:hover {
	background:url(img/loginbox_logoutbutton_ro.gif) no-repeat 0px 0px;
}

#login_container #login_action a {
	color:#FFFFFF;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	background: url(img/logout_icon.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 15px;
	display:block;
	width: 140px;
	height: 15px;
}

#login_container #login_action a:hover {
	text-decoration: none;
}

#login_container #login_action form {
	width: 155px;
	padding: 0px;
	margin: 0px;
}

#login_container .myuseraccount{
	margin:6px 0px 0px 0px;
	background:url(img/login_logoutarrow.gif) no-repeat 0px 5px;
	padding:0px 0px 0px 15px;
}

#login_container .myuseraccount a{
	color:#ffffff;
	
}

#login_container .myuseraccount form{
	width:140px;

}


#login_container #login_action .input_text {
	height: 13px;
	border: 1px solid #666666;
	line-height: 12px;
	width: 90px;
	font-size: 11px;
}

#login_container #login_action .input_pass {
	height: 13px;
	border: 1px solid #666666;
	line-height: 12px;
	width: 92px;
	font-size: 11px;
}

#login_container #login_action .input_submit {
	height: 17px;
	border: 1px solid #666666;
	width: 70px;
	font-size: 11px;
	margin: 0px 1px 0px 0px;
}

#login_container #login_action label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 50px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;	
}

#login_container #login_action .login_oneline {
	width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	height: 15px;
}

/* HEADER ENDE */


/*MainNavigation - further NavigationStyles in uls-vertical.css */
#MainNavigation{
	margin: 0px 0px 0px 0px;
	padding:0px;
}

/*MainNavigation  - further NavigationStyles in uls-vertical.css Ende */ 


/*Content - further NContentStyles in contentelements.css */
#content{
	float:left;
	color: #000000;
	width:920px;
	margin: 0px 0px 0px 0px;
	padding: 20px 30px 20px 30px;
}


#maincontent{
	float:left;
	color: #000000;
	width:620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#addoncontent{
	float:left;
	color: #000000;
	width:220px;
	margin: 60px 0px 0px 80px;
	padding: 0px 0px 0px 0px;
}

/*Content - further definitions in contentelements.css Ende */


/* FOOTER */
#extrafooter {
	width:100%;
	padding-top:3px;
	padding-bottom:0px;
	/*background:url(img/body_bg.gif) no-repeat 0px 23px;*/
	color:#858585;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	clear:both;
}

#extrafooter_extradiv{
	margin:0px auto 0px auto;
	width:920px;
	_width:950px;
	height:50px;
	background-color:#FFFFFF;
	background:url(img/footer_bg.gif) no-repeat;
	background-position: top right;
}

#extrafooter #copyright {
	float: left;
	text-align:left;
	border-right:#cccccc 1px solid;
	margin: 25px 10px 0px 0px;
	padding: 2px 10px 2px 0px;
	*padding: 3px 10px 3px 0px;
}

#extrafooter #sponsors {
	float: left;
	margin: 25px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	border-right:#cccccc 1px solid;
}

#extrafooter #sponsors .footerlogo {
	padding: 0px 0px 0px 1px;
	vertical-align:middle;
}

#extrafooter #sitebyverdino{
	margin: 25px 0px 0px 0px;
	*margin: 27px 0px 0px 0px;
	padding: 1px 0px 0px 8px;
	float:left;
}

#totop {
	display:none;
	float: right;
	padding: 2px 0px 2px 12px;
	background:url(img/footer_icon_totop.gif) no-repeat 0px 3px;
	margin: 25px 44px 0px 0px;
	_margin: 25px 22px 0px 0px;
}

#totop a {
	text-decoration:none;
	color:#858585;
	cursor:pointer;
}

#totop a:hover {
	text-decoration:underline;
	cursor:pointer;
}

#extradiv1{
	display:none;
	position:absolute;
	top:120px;
	left:755px;
}

#extradiv1 a{
	display:block;
	width:195px;
	height:49px;
	background:url(img/navitem-direkteinstieg.png) no-repeat 0px 0px;
}


#extradiv1 a:hover{
	background:url(img/navitem-direkteinstieg-ro.png) no-repeat 0px 0px;
}
	
#extradiv2{
	display:none;
}

#extradiv3{
	display:none;
}

#extradiv4{
	display:none;
}

#extradiv5{
display:none;

}

#extradiv6{
	display:none;
}

#extradiv7{
	display:none;
}

#extradiv8{
	display:none;
}

/* FOOTER Ende */

/* POPUP Specific Styles */
/*to avoid background in popups*/
body.popup{
	background:none;
	padding:0px 0px 10px 10px;
	margin:0px;
	top:0px;
	left:0px;
	text-align:left;
}



/*----------------- LOGIN SITE STYLES -----------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------*/

#login_sitecontainer { 
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
}

#login_sitecontainer #login_site_header {
	height: 73px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 85px 0px 11px 0px;
	background:url(img/cml_logo.gif) no-repeat 0px 125px;
}

#login_sitecontent {
	float:left;
	color: #000000;
	width:710px;
	margin: 0px 0px 0px 0px;
	/*padding: 55px 10px 20px 10px;*/
	height:120px;
}

#login_sitecontent form {
	width:710px;
	border:none;
	margin:0px;
	padding:0px;
}

#login_extrafooter_extradiv {
	margin:0px auto 0px auto;
	width:730px;
	height:50px;
	background-color:#FFFFFF;
	background:url(img/footer_bg.gif) no-repeat;
	background-position: top right;
}


#loginbox{
	height:54px;
	border:none;
	margin-top:55px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}

#login_inputfieldsbox{
	float:left;
	width:258px;
	padding:5px 0px 0px 0px;
	margin:0px 15px 0px 0px;
}

#login_helptextbox{
	float:left;
	background:url(img/login_verticalline.gif) no-repeat 0px 0px;
	/*border: 1px solid #003399;*/
	height: 45px;
	width: 410px;
	padding: 9px 0px 0px 25px;
	line-height:18px;
}

#login_helptextbox #emailLink{
	color:#FFFFFF;
	text-decoration:none;
}

#login_helptextbox #emailLink:hover{
	text-decoration:underline;
}

.loginform_line{
	width: 250px;
	clear:both;
}

.loginform_line label{
	float:left;
	width:88px;
	font-weight:bold;
	color:#FFFFFF;
}

.loginform_line input[type=text]{
	margin:1px 0px 0px 0px;
	float:left;
	width:145px;
	border-color:#EFEEEC;
}

.loginform_line input[type=text]:hover{
	border-color:#EFEEEC;
}

.loginform_line input[type=text]:focus{
	border-color:#EFEEEC;
}

.loginform_line input[type=password]{
	float:left;
	width:145px;
	border-color:#EFEEEC;
	margin:2px 0px 0px 0px;
}




#login_sitecontent .TabNavigation_Bottom{
	width:247px;
}


/* QMS Styles*/

.QMS{
	text-align:right;
	background-color:#C1B8B3;
	height:18px;
	margin:0px 0px 2px 301px;
	padding:2px 0px 0px 0px;

}

.QMS form{
	width:600px;
}

.QMS form a#qms{
	color:#FFFFFF;
}

.QMS form a.qms{
	color:#FFFFFF;
}

.QMS form a.qms:hover{
	color:#F1821B;
}






/*#####################################################*/
/*Float Clearing*/

 /* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 
/*---------------------------------------------------------*/
/* Workaround: Clearfix-Anpassung für alle IE-Versionen */
/*
** IE5.x/Mac - x
** IE7 - x
*/
.clearfix { display: inline-block; }

/*
** IE5.x/Win - x
** IE6 - x
*/

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------------------------------------------------*/
/*Float Clearing ENDE*/
/*#####################################################*/