/* CSS Document */

* {
	margin:0; padding:0;
	}

body {
	background:url(../images_system/body_bg.gif) repeat-x #E4E5E3;
	font-size:12px;
	line-height:16px;
	font-family:Arial, sans-serif;
	color:#403F40;
	}
strong {
	color:#2768A1;
	}

.logo {
	float:right;
	margin:0 0 0 0;
	}
.right{
text-align:right;
}

/* container ///////////////////////// */
	
#container {
	width:966px;
	margin:40px auto 50px auto;
	background:url(../images_system/content_tile.gif) repeat-y;
	}
#upper {
	position:relative;
	}
	
.polaroids {
	position:absolute;
	top:23px;
	right:0;
	}
.logo_2 {
	padding:0 0 0 22px;
	}

#header_left {
	height:275px;
	width:454px;
	margin:0 0 0 22px;
	background:url(../images_system/header_left.jpg) no-repeat;
	}	
#header_left h1 {
	font-size:24px;
	line-height:28px;
	padding:193px 0 0 20px;
	color:#403F40;
	}
#header_left h2 {
	font-size:14px;
	font-weight:normal;
	line-height:17px;
	padding:4px 0 0 20px;
	color:#5F5F5F;	
	}
	
/* content //////////////////////////// */

#content {
	float:left;
	width:560px;
	margin:20px 0 20px 42px;
	}
	*html #content {
			margin:20px 0 20px 21px;
			}
p {
	margin:5px 0 15px 0;
	}

#content h2 {
	font-size:16px; 
	margin:20px 0 0px 0; 
	padding:15px 0 0 0;
	border-top:1px solid #ccc; 
	color:#2768A1;
	}
#content h3 {
	font-size:14px; 
	margin:0px 0 0px; 0
	}
#content h4 {
	font-size:12px; 
	margin:2px 0 10px; 0
	}

#content ul, #content ol {
	margin:10px 20px;
	}
#content ol, #content ul {margin:10px 20px 10px 3px;list-style:none;}
#content ol li, #content ul li {padding:0 0 0 20px; margin:5px 0 5px 0;background:url(../images_system/bull_content.gif) no-repeat 0 3px;}
#content ul.fehlende {
	width:550px;
	}
#content .fehlende li {
	display:inline;
	}
#content .fehlende li a {
	diplay:block; padding:2px;
	}

#content a {
	color:#2768A1;
	}

.download {
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	}
.download img {
	float:left;
	margin:-5px 10px 0 0; border:none;
	}
.download .subtext {
	font-size:12px;
	font-weight:normal;
	}

/* Content Boxen Start //////////////// */

.box {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:right bottom;
	border:1px solid #CECECE;
	padding:5px 0px 10px 10px;
	margin:0 0 10px 0;
	}	
.box p {
	color:#7A7A7A;
	line-height:14px;
	}
#content .box li {
	background:url(../images_system/box_bull.gif) no-repeat 0 3px;
	}
#content .box li a {
	font-weight:bold;
	}
.dreissig {
	background-image:url(../images_system/bg_30_60_98.jpg);
	}
.az {
	background-image:url(../images_system/bg_a_z.jpg);
	}
.hundert {
	background-image:url(../images_system/bg_1_100_abwasser_muell.jpg);
	}
.abwasser {
	background-image:url(../images_system/bg_1_100_abwasser.jpg);
	}
.uebersicht {
width:255px; float:left; margin:0 9px 9px 0;padding:5px 0 0 10px;}
	
#content .box h2 {
	margin:0;
	border:none;
	padding:7px 0 0 0;
	}

/* Tabellen Styles //////////////////// */

#content table {
	margin:0 0 30px 20px;
	}
#content td {
	padding:2px 20px 2px 2px; vertical-align:top;
	}
#content th {
	padding:2px 20px 2px 2px; vertical-align:top;
	}
#content td.plus {background:url(../images_system/balken_bg.gif) no-repeat; height:23px; padding:0px 20px 0px 0px;}
#content td.plus img {background:url(../images_system/balken_active.gif) no-repeat; height:23px;}
/* graph ////////////////////////////// */

.outer {
	background:url(../images_system/grey.gif);
	width:459px;
	height:35px;
	margin:0 0 0 50px;
	}
.inner {
	background:url(../images_system/orange.gif);
	height:35px;
	}
.innerst {
	background:url(../images_system/green.gif);
	height:35px;
	}
#content table.graph.label {
	margin:-15px 0 20px 50px; 
	}
#content table.graph {
	padding:0px 0 0 0px; margin:0 0 0 50px; 
	background:url(../images_system/strich.gif) no-repeat top left;}
#content .graph td {
	padding:0px 0px 0 0; 
	color:#666; 
	font-size:11px; 
	border-right:0px solid #888;
background:url(../images_system/strich.gif) no-repeat top right;
	}
#content .graph td.none {
	border:none;
	} 
#content .graph td.both {
	border-left:0px solid #888;
	background:url(../images_system/strich.gif) no-repeat top right;}
	

/* specials /////////////////////////// */
	
.clearer {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	}

/* Col Right ////////////////////////// */

#col_right {
	float:right;
	width:271px;
	margin:0 55px 0 0;
	/*background:#333;*/
	}

	*html #col_right {
	margin:0 27px 0 0;
	position:relative;
	right:1px;
	}
	
#col_right h4 {
	margin:8px 10px 0px 10px;
font-size:12px;
	}

#col_right p {
	margin:10px; 
	color:#D9CF6E;
	font-size:11px; 
	line-height:14px;
	}	
	
.teaser {
margin:20px auto 0px 30px;
border:5px solid #A2A1A1;
}

	
/* Footer bereich ///////////////////// */

#foot_image {
	width:921px;
	height:61px;
	background:url(../images_system/footer.gif) no-repeat;
	font-size:10px;
	color:#888;
	padding:50px 0 0 45px;
	}



/* Navigation ///////////////////////// */

#nav_1 {
	background:transparent;
	border-top:1px solid #999; padding:0px;}
#nav_2 {
	background:url(../images_system/lower_navi_bg.jpg) no-repeat left bottom #61838F;
	border-top:1px solid #7A97A2;
	}
#nav_3 {
	background:url(../images_system/upper_navi_bg.jpg) no-repeat left bottom #A09A5B;
	border-top:1px solid #AFAA75;}


#nav_1 h3 a, #nav_2 h4, #nav_3 h4 {
	font-size:16px; 
	line-height:20px; 
	padding:5px 0 0 0px;
	}
#nav_1 h3 a{color:#F4EB92;}
#nav_2 h4 {color:#B9CCDA;}
#nav_3 h4 {color:#F4EB92;}

#nav_1 ul, #nav_2 ul, #nav_3 ul {
	padding:10px 0 10px 0;font-size:12px; list-style:none; border-bottom:1px solid #AFAA75; }
#nav_3 ul ul {padding:5px 0 5px 0; border-bottom:0px;}
#nav_1 li, #nav_2 li {
	zoom:1;}
#nav_1 li a, #nav_2 li a, #nav_3 li a {
	color:#fff;text-decoration:none; font-weight:bold; padding:0 0 0 25px;line-height:22px;	display:block;}

#nav_1 li a {
	background:transparent url(../images_system/bullit_upper.gif) no-repeat 9px 6px;}
#nav_2 li a {
	background:transparent url(../images_system/bullit_lower.gif) no-repeat 9px 6px; zoom:1;}
#nav_3 li a {
	background:transparent url(../images_system/bullit_upper.gif) no-repeat 9px 6px; zoom:1;}
#nav_3 li li a {
	background:transparent url(../images_system/bullit_upper.gif) no-repeat 28px 6px; zoom:1; padding:0 0 0 45px}
#nav_1 li .inactive {
	background:#7A5B37 url(../images_system/bullit_upper.gif) no-repeat 9px 6px; color:#F4EB92; zoom:1;}
#nav_2 li .inactive {
	background:#495A6B url(../images_system/bullit_lower.gif) no-repeat 9px 6px; color:#B9CCDA; zoom:1;}
#nav_3 li .inactive {
	background:#7A5B37 url(../images_system/bullit_upper.gif) no-repeat 9px 6px; color:#B9CCDA; zoom:1;}
#nav_3 li li .inactive {
	background:#7A5B37 url(../images_system/bullit_upper.gif) no-repeat 28px 6px; color:#F4EB92; zoom:1; padding:0 0 0 45px}

#nav_1 li a:hover {
	color:#F4EB92}
 
#nav_2 li a:hover {
	color:#B9CCDA}

#nav_3 li a:hover {
	color:#F4EB92}

#nav_1 li .inactive, #nav_2 li .inactive, #nav_3 li .inactive {
	color:#fff;text-decoration:none; font-weight:bold; padding:0 0 0 25px;line-height:22px; display:block;}
	
/* Supportnavi ////////////////////// */

#support_navi {
	width:966px;
	height:43px;
	overflow:hidden;
	margin:auto;
	}

#support_navi ul {
	float:left;
	border-left:1px solid:#333;
	padding:14px 0 14px 0;
	margin:0 0 0 0;
	border-left:1px solid #828282;
	}
#support_navi li {
	display:inline;
	list-style:none;
	}
#support_navi li a {	
	color:#D0D0D0;
	border-right:1px solid #828282;
	padding:14px 18px 14px 18px;
	margin:0 0 0 0;
	text-decoration:none;
	}
#support_navi li a:hover {
	background:#333;
	}
#support_navi .inactive {
	color:#000;
	background:#7a7a7a;
	border-right:1px solid #828282;
	padding:14px 18px 14px 18px;
	margin:0 0 0 0;
	
	}