body
{
	background:url(images/hintergrund.gif) repeat-y center top;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:auto auto auto auto;
	color:#fff;
	background-color: #ebf6f6;
	height: 100%;

}


#seite{
	width:950px;
	height:100%;
	margin:auto;
	padding:0px;
	/*background:url(images/hintergrundnavi.gif) repeat-y left;*/

}




#kopfzeile{
width:950px;
height:126px;
margin:auto;
background:url(images/ESC-Logo.jpg) no-repeat left;
}
.logo{
padding:25px 10px 0 0 ;
float:right;

}




/*---------------- Menü oben ----------------------*/
#menu_oben{
width:950px;
height:25px;
margin:auto;
background:url(images/naviobenhintergrund.gif) repeat-x;
float:left;
}

ul.menu {
list-style-type:none; 
display:block;  
 margin: auto; 
 padding:0 0 0 0; background:none;}

ul.menu li {
display:inline;
font-size:12px;
font-weight:bold;
line-height:25px;}

 li.abstand{
	display:block;
	float:left;
	width:153px;
	height:25px;
	padding:0px;
	margin:0px;
	background-color: #e2001a;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px 16px 0px 16px; width: auto;  text-align:center;
text-decoration:none;  color:#ffffff;}

a.nav_selected:link, a.nav_selected:visited {
	display:block;
	float:left;
	padding:0px 16px 0px 16px;
	
	width: auto;
	
	text-align:center;
	text-decoration:none;
	color: #00929d;
	background-color: #FFFFFF;
}

a.nav:hover {
color: #00929d; background-color: #FFFFFF; text-decoration:none; 	
}





/*--------------Menü links ----------------*/
#menu_links{
	position:relative;
	top:0px;
    min-height:300px;
	height:auto;
	float:left;
	background:url(images/hintergrundnavi.gif) repeat-y left;
}
#menu_links ul{
list-style-type:none; width: 153px;
margin:0; padding:0;}

#menu_links li {
display:block;}

#menu_links li a {
display:block;  padding:0 0 0 15px; height:29px;text-align:left; line-height:29px;
text-decoration:none; background:url(images/navilinkshintergrund.gif) repeat-x left ; color:#000000;}
#menu_links li.ausgewaehlt a {
display:block;  padding:0 0 0 15px; height:29px;text-align:left; line-height:29px;
text-decoration:none; background:none; background-color:#FFFFFF; color:#000000; 
}
#menu_links li a:hover {
display:block;  padding:0 0 0 15px; height:29px;text-align:left;
text-decoration:none; background:none; background-color:#FFFFFF; color:#000000;	
}

#menu_links li.divider {
	display:block;
	height:22px;
	padding:0px;
	margin:0px;
	background:none; background-color: #ffedcb;
	
}

/*---------------- Hauptbereich ----------------*/
#hauptbereich{
width:949px;
clear:both;
height:auto;
margin:0 0 0 0;
}

#textbereich{
width:776px;
float:left;
height:auto;
padding:0px 10px 0px 10px	;
}

#textbereichohnenavi{
	width:950px;
	height:541px;
	float:left;

	padding:0px 0px 0px 0px;
	background:url(images/Klaeranlage.jpg) left;
	
}


.titel{
	clear:both;
	padding:22px 0 0 0;
	color:#00929d;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.titel a{
color:#00929d;
text-decoration:underline;
}



.titelblau{
	position:relative;
	top:80px;
	left:153px;
	padding:40px 26px 0 30px;
	height:117px;
	width:741px;
	font-size: 26px;
	line-height: 38px;
	background:url(images/blauverlauf.gif) repeat-x left;
	
}

.titelorange{
	position:relative;
	top:61px;
	left:0px;
	padding:10px 10px 0px 16px;
	height:28px;
	width:300px;
	font-size: 12px;
	background-color: #faba00;
	color: #000000;	
}


.text{
	color:#000000;
	padding:25px 5px 5px  5px;
	height: auto;
	margin:auto;
	font-size: 12px;
}

.textueberschrift{
	color:#000000;
	height: auto;
	font-weight: bold;
	font-size: 16px;
}

.textueberschriftblau{
	color:#00929d;
	height: auto;
	font-weight: bold;
	font-size: 16px;
}

.textblau{
	color:#00929d;
	height: auto;
	font-weight: bold;
}

.textgelb{
	color:#ffb600;
	height: auto;
	font-weight: bold;
}	

.tabelle th{
	color:#FFFFFF;
	height: auto;
	margin:auto;
	font-size: 12px;
	background-color: #009999;
	font-weight: bold;
	vertical-align: top;
}

.tabelle td{
	color:#000000;
	height: auto;
	margin:auto;
	font-size: 12px;
	vertical-align: top;
}

.tabelle a{
	color:#000000;
}

.tabelle a:hover {
color:#009999;
}


.tabellelinkshell {
	padding:10px 15px 10px  15px;
    text-align: left;	
	background-color: #e1f1f1;
	line-height: 20px;

}
.tabellelrechtshell {
	padding:10px 15px 10px  15px;
	text-align: right;	
	background-color: #e1f1f1;
	line-height: 20px;

}
.tabellelinksdunkel {
	padding:10px 15px 10px  15px;
	text-align: left;	
	background-color: #bee2e2;
	line-height: 20px;

}
.tabellelinksgelb {
	padding:10px 15px 10px  15px;
    text-align: left;	
	background-color: #fff6e1;
	line-height: 20px;

}
.tabellelinksrot {
	padding:10px 15px 10px  15px;
    text-align: left;	
	background-color: #fbd9c9;
	line-height: 20px;

}
.tabellerechtsdunkel {
	padding:10px 15px 10px  15px;
	text-align: right;	
	background-color: #bee2e2;
	line-height: 20px;

}
.tabellelinks {
	padding:10px 15px 10px  15px;
	text-align: left;	
	line-height: 20px;

}
.tabellerechts {
	padding:10px 15px 10px  15px;
	text-align: right;
	line-height: 20px;

}

.tabellebalkenmitte {
	padding:5px 5px 5px  5px;
	background-color: #FFFFFF;
	font-size: 2px;
	height: 5px;
	line-height: 2px;
}
.tabellebalkenmitteblau {
	padding:5px 5px 5px  5px;
	background-color: #e1f1f1;
	font-size: 2px;
	height: 5px;
	line-height: 2px;
}
.tabellebalkenmitterandlos {
	padding:0px 0px 0px  0px;
	background-color: #FFFFFF;
	font-size: 2px;
	height: 5px;
	line-height: 2px;
}
/*----Fußzeile---------*/
#fusszeile{
	width:auto;
	clear:both;
	margin:-24px 20px 0 0;
	text-align:right;
	color:#ffffff;
	font-size: 12px;
}