body {
	background:									#004132;
	color:										#004132;
	behavior: url(http://www.container-terminal.biz/cts/menue/csshover.htc);} /* WinIE behavior Aufruf */

body.bild {
	background:									#edfbfb;}

body.white {
	background:									#FFFFFF;}
	
h1 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   24px;
	color:										#007765;
	border-bottom:							  1px solid;
	margin-top:									   60px;
	margin-bottom:								   10px;
	margin-left:								   20px;
	margin-right:								   20px;}

p.noline {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   24px;
	color:										#007765;
	margin-top:									   60px;
	margin-bottom:								   10px;
	margin-left:								   20px;
	margin-right:								   20px;}

h2 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   20px;
	color:										#007765;
	margin-left:								   20px;
	margin-right:								   20px;}

h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:									  16px;
	color:									   #991D00;
	text-decoration:							  none;}

#main {
	color:										#007765;
	margin-left:									9em;
	padding:							   2em 0 1px 5%;
	border-left:							 5px dotted;}

div#nav {
	float:										   left;
	margin:								   -1px 0 0 9em;
	background:									#007765;
	border:							  1px solid #007765;
	font-family:		   Arial, Helvetica, sans-serif;
	font-size:									   12px;
	color:										#76B894;
	font-weight:								   bold;
	position:								   absolute;
	top:										  114px;
	left:											50%;
	width:										  687px; /* 547 */
	height:										   15px;
	z-index:										 20;
	margin-left:								 -210px;
	}

#newsTicker2{
	overflow:hidden;
	margin: 2px 0 0 -260px;
	position:								   absolute;
	width:250px;
	height:20px;
	color: #dcee94;

}

#newsTicker2 a{
	color: #dcee94;
	font-weight: normal;
}

div#nav ul {
	margin:											  0;
	padding:										  0;
	background:									#007765;
	border:							  1px solid #76B894;
	border-width:								  0 1px;
	
	}

div#nav li {
	position:								   relative;
	list-style:									   none;
	margin:											  0;
	float:										   left;
	width:											9em;
	border-right:					  1px solid #76B894;
	
	
	}

div#nav li a {
	display:									  block;
	padding:					  0.25em 0 0.25em 0.5em;
	text-decoration:							   none;
	width:										  7.5em;
	color:										#76B894;
	}
  
div#nav li a:hover {
	color:										#FFFFFF;
	}

div#nav li.submenul {				  border-right: 0px;

}

div#nav li.submenu a:hover {	  		 color: #FFFFFF;
	
}

div#nav li.submenul a:hover {	  		 color: #FFFFFF;
;}

div#nav li a.l {
	display:									  block;
	padding:					  0.25em 0 0.25em 0.5em;
	text-decoration:							   none;
	width:										  7.5em;
	color:										#76B894;
	}
  
div#nav ul a {
	width:										  auto;
	;}

div#nav ul ul {
	position:					  absolute; width: 9em;
	display:									  none;
	}
  
div#nav ul ul li {
	border-bottom:					 1px solid #CCCCCC;
	border-right-color:						   #CCCCCC;
	}

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:									 block;
	;}

div#nav ul.level1 li.submenul:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:									 block;
	}

div#nav ul.level2 {
	top:										 1.5em;
	left:										  -1px;
	margin-top:									   0px;
	}


#box0 {
	position:  absolute;
	top:		  170px;
	left:			50%;
	width:		  752px;
	height:		   25px;
	z-index:		  2;
	margin-left: -300px;}

#box1 {
	background:	#ffffff;
	position:  absolute;
	top:			0px;
	left:			50%;
	width:		  968px;
	z-index:		  1;
	margin-left: -484px;}

#box1a {
	background:	#D3D6E9;
	position:  absolute;
	top:			0px;
	left:			50%;
	width:		  964px;
	height:		  560px;
	z-index:		  2;
	margin-left: -482px;}

#box2 {
	position:  absolute;
	top:		  130px;
	left:			50%;
	width:		  808px;
	height:		   48px;
	z-index:		  2;
	margin-left: -326px;}

#box3 {
	position:  absolute;
	top:		   18px;
	left:			50%;
	width:		  170px;
	height:		   12px;
	z-index:		  2;
	margin-left:  300px;}

#box4 {
	position:  absolute;
	top:		   46px;
	left:			50%;
	width:		  170px;
	height:		   45px;
	z-index:		  2;
	margin-left:  300px;}  

#box5 {
	position:  absolute;
	top:			1px;
	left:			50%;
	width:		   60px;
	height:		  103px;
	z-index:		  2;
	margin-left:  229px;}  

#box6 {
	position:  absolute;
	top:		  120px;
	left:			50%;
	width:		  750px;
	height:		  300px;
	z-index:		  2;
	margin-left: -300px;}  

#box7 {
	position:  absolute;
	top:		  320px;
	left:			50%;
	width:		  280px;
	height:		  120px;
	z-index:		  2;
	margin-left:  180px;}  

#box8 {
	position:  absolute;
	top:		  150px;
	left:			50%;
	width:		  280px;
	height:		  120px;
	z-index:		  2;
	margin-left:  190px;}  

#box9 {
	position:  absolute;
	top:		  160px;
	left:			50%;
	width:		  280px;
	height:		  120px;
	z-index:		  2;
	margin-left:  180px;}  
  
  
p {
	font-family:		   Arial, Helvetica, sans-serif;
	font-size:									   12px;
	color:										#007765;
}

.datum {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:										9px;
	color:										#76B894;
	font-weight:								 normal;}

.head {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   12px;
	color:										#007765;
	font-weight:								   bold;
	margin-left:								   20px;
	margin-right:								   20px;}

.bild {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   10px;
	color:										#007765;
	font-weight:								 normal;}

table.rand {
	margin-left:								   20px;}

table.adr {
	margin-left:								   20px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   10px;
	color:										#007765;}

hr {
	color:										#007765;
	height:											1px;}

.body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   12px;
	color:										#007765;
	font-weight:								 normal;
	margin-left:								   20px;
	margin-right:								   20px;}
	
.alg {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   12px;
	color:										#006671;
	font-weight:								   bold;
	margin-left:								  110px;
	margin-right:								   20px;}
	
.bodyS {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:									   10px;
	color:										#007765;
	font-weight:								   bold;}

.body a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:									  12px;
	color:									   #991D00;
	font-weight:								  bold;
	text-decoration:							  none;}

.bodyS a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:									  10px;
	color:									   #991D00;
	font-weight:								  bold;
	text-decoration:							  none;}

.err {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:									  10px;
	color:									   #991D00;
	font-weight:								  bold;
	margin-left:								  20px;
	margin-right:								  20px;}

.pegel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:									  10px;
	line-height:								  12px;
	color:									   #76B894;
	font-weight:								  bold;}

.pegel a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:									  10px;
	line-height:								  12px;
	color:									   #76B894;
	font-weight:								  bold;
	text-decoration:							  none;}

#newsTicker{
	position:absolute;
	
	margin:147px 0 0 48px;
	left:			50%;
	padding:0;
	width:312px;
	height:20px;
	overflow:hidden;
	z-index:10;
	background:0;
}

* html #newsTicker{
	margin:147px 0 0 55px;
	width:305px;
}

*+html #newsTicker{
	margin:147px 0 0 55px;
	width:305px;
}

#newsTicker .left{
	position:relative;
	float:left;
	width:40px;
	height:20px;
	background: url("../images/utilities/tickerfadel.gif") no-repeat;
	z-index:100;
}
#newsTicker .right{
	position:relative;
	float:right;
	width:15px;
	height:20px;
	background:url("../images/utilities/tickerfader.jpg") no-repeat right ;
	z-index:100;
	overflow:visible;
}

/* hiding Auslastung Leerdepot just uncoment to make visible*/
#box4 tr+tr+tr{
	visibility:hidden;
}



