@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	width:100%;
}
a {
	outline: none;
	color:#010101;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
img {border:none;}
.clear {
	float:none; 
	clear:both;	
}

html {
	background:#dae9e2 url(../images/layout/bg.jpg) top center repeat-x;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#010101;
	text-align:left;
	line-height:20px;
	background:url(../images/layout/bg_body.jpg) top center no-repeat;
}

#wrapper {
	width:987px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -184px auto;
}
	
	#header {
		height:287px;
	}
		#logo {
			width:248px;
			height:123px;
		}
			#logo h1 a {
				display: block;
				position:absolute;
				width:248px;
				height:123px;
				font-size: 0.00001em;
				line-height: 0.00001em;
				text-indent: -5000px;
				margin:84px 0 0 707px;
			}
	
	#menu {
		height:102px;
		width:899px;
		padding:0 0 0 88px;
		background:url(../images/layout/bg_menu.jpg) 0 0 no-repeat;
	}
		.line {
			background:url(../images/layout/line.jpg) right 6px no-repeat;
			padding:0 11px 0 10px;
		}
		.distance {
			padding:0 0 0 10px;
		}
		#menu ul#submenu {
			list-style:none;
		}
		#menu ul#submenu li {
			float:left;
		}
		#menu ul#submenu li a {
			display:block;
			height:55px;
			font-size: 0.00001em;
			line-height: 0.00001em;
			text-indent: -5000px;
			background:url(../images/layout/menu.jpg) 0 0 no-repeat;
		}
			#menu ul#submenu li a.startseite {
					width:81px;
					margin:0 3px 0 0;
					background-position:0 0; 
				}
			#menu ul#submenu li a.startseite:hover, #menu ul#submenu li.active a.startseite {
				background-position:0 -55px; 
			} 
			#menu ul#submenu li a.messgeraete {
					width:109px;
					margin:0 3px 0 0;
					background-position:-84px 0; 
				}
			#menu ul#submenu li a.messgeraete:hover , #menu ul#submenu li.active a.messgeraete {
				background-position:-84px -55px; 
			}
			
				#menu ul#submenu li ul#submenu1 {
					height:20px;
					width:800px;
					position:absolute;
					z-index:3;
					display:none;
					list-style:none;
					padding:12px 0 0 0;
					margin:0 0 0 -86px;
				}
					
					.show {
						display:block !important;
					}
					
					#menu ul#submenu li ul#submenu1 a {
						display:block;
						height:20px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#006634;
						text-align:left;
						line-height:20px;
						text-indent:0;
						background:none;
						text-decoration:none;
					}
					* html #menu ul#submenu li ul#submenu1 a {
						display:block;
						float:left;
						height:20px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#006634;
						text-align:left;
						line-height:20px;
						text-indent:0;
						background:none;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu1 a:hover {
						font-weight:normal;
						color:#ed1c24;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu1 a.active {
						font-weight:bold;
						color:#ed1c24;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu1 a.active:hover {
						font-weight:bold;
						color:#ed1c24;
						text-decoration:none;
					}
 
 			 	#menu ul#submenu li ul#submenu2 {
					height:20px;
					width:300px;
					position:absolute;
					z-index:3;
					display:none;
					list-style:none;
					padding:12px 0 0 0;
					margin:0 0 0 -50px;
				}
					#menu ul#submenu li ul#submenu2 a {
						display:block;
						height:20px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#006634;
						text-align:left;
						line-height:20px;
						text-indent:0;
						background:none;
						text-decoration:none;
					}
					* html #menu ul#submenu li ul#submenu2 a {
						display:block;
						float:left;
						height:20px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#006634;
						text-align:left;
						line-height:20px;
						text-indent:0;
						background:none;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu2 a:hover {
						font-weight:normal;
						color:#ed1c24;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu2 a.active {
						font-weight:bold;
						color:#ed1c24;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu2 a.active:hover {
						font-weight:bold;
						color:#ed1c24;
						text-decoration:none;
					}
					
				#menu ul#submenu li ul#submenu3 {
					height:20px;
					width:700px;
					position:absolute;
					z-index:3;
					display:none;
					list-style:none;
					padding:12px 0 0 0;
					margin:0 0 0 -430px;
				}
					#menu ul#submenu li ul#submenu3 a {
						display:block;
						height:20px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#006634;
						text-align:left;
						line-height:20px;
						text-indent:0;
						background:none;
						text-decoration:none;
					}
					* html #menu ul#submenu li ul#submenu3 a {
						display:block;
						float:left;
						height:20px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#006634;
						text-align:left;
						line-height:20px;
						text-indent:0;
						background:none;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu3 a:hover {
						font-weight:normal;
						color:#ed1c24;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu3 a.active {
						font-weight:bold;
						color:#ed1c24;
						text-decoration:none;
					}
					#menu ul#submenu li ul#submenu3 a.active:hover {
						font-weight:bold;
						color:#ed1c24;
						text-decoration:none;
					}
							
			#menu ul#submenu li a.waermecontracting {
					width:151px;
					margin:0 3px 0 0;
					background-position:-196px 0; 
				}
			#menu ul#submenu li a.waermecontracting:hover, #menu ul#submenu li.active a.waermecontracting {
				background-position:-196px -55px; 
			} 
			#menu ul#submenu li a.heizkostenabrechnung {
					width:183px;
					margin:0 3px 0 0;
					background-position:-350px 0; 
				}
			#menu ul#submenu li a.heizkostenabrechnung:hover ,#menu ul#submenu li.active a.heizkostenabrechnung {
				background-position:-350px -55px; 
			} 
			#menu ul#submenu li a.lexikon {
					width:74px;
					margin:0 3px 0 0;
					background-position:-536px 0; 
				}
			#menu ul#submenu li a.lexikon:hover, #menu ul#submenu li.active a.lexikon {
				background-position:-536px -55px; 
			} 
			#menu ul#submenu li a.wetter {
					width:66px;
					margin:0 3px 0 0;
					background-position:-613px 0; 
				}
			#menu ul#submenu li a.wetter:hover, #menu ul#submenu li.active a.wetter {
				background-position:-613px -55px; 
			} 
			#menu ul#submenu li a.faq {
					width:53px;
					margin:0 3px 0 0;
					background-position:-682px 0; 
				}
			#menu ul#submenu li a.faq:hover, #menu ul#submenu li.active a.faq {
				background-position:-682px -55px; 
			} 
			#menu ul#submenu li a.links {
					width:55px;
					background-position:-738px 0; 
				}
			#menu ul#submenu li a.links:hover, #menu ul#submenu li.active a.links {
				background-position:-738px -55px; 
			} 

			
	.bspgrafik {
		float:left;
		padding:0px 25px 25px 0px;
		width:138px;
		height:134px;
		
		}		
			
				
	#content {
		min-height:390px;
		background: url(../images/layout/bg_content.jpg) 0 19px no-repeat;
	}
	
	#content h4 {
		font-size:14px;
	}
	* html #content {
		height:390px;
	}
		#content_left_images {
			float:left;
			width:170px;
			padding:119px 0 15px 32px;
		}
		
		#content_left02_images {
			float:left;
			width:170px;
			padding:97px 0 15px 32px;
		}
		
		.content_left03_images {
			float:left;
			width:170px;
			padding:97px 0 15px 32px
			background: url(../images/layout/bg_content.jpg) 0 19px no-repeat;;
		}
		
		#content_left02_images img {
				background:url(../images/layout/bg_img_content_left.png) 0 0 no-repeat;
				padding:7px;
				width:138px;
				height:134px;
				float:left;
			}
		
			#content_left_images img {
				background:url(../images/layout/bg_img_content_left.png) 0 0 no-repeat;
				padding:7px;
				width:138px;
				height:134px;
				float:left;
			}
		#content_left {
			float:left;
			width:540px;
			padding:56px 0 10px 0;
		}
			#content_left a {
				outline: none;
				color:#010101;
				font-weight:bold;
				text-decoration:underline;
			}
			#content_left a:hover {
				text-decoration:none;
			}

			#content_left h1 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#010101;
				text-align:left;
				line-height:18px;
				font-weight:normal;
				margin:0 0 21px 0;
			}
			#content_left h2 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#010101;
				text-align:left;
				line-height:18px;
				font-weight:bold;
				margin:0 0 6px 0;
			}
			#content_left h3 {
				margin: 30px 0 0 0;
			}
			* html #content_left h1 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#010101;
				text-align:left;
				line-height:18px;
				font-weight:normal;
				margin:0 0 23px 0;
			}
			*+html #content_left h1 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#010101;
				text-align:left;
				line-height:18px;
				font-weight:normal;
				margin:0 0 23px 0;
			}
			#content_left p {
				margin:0 0 20px 0;
			}
				#content_left ul {
					list-style:none;
					margin:0 0 12px 0;
				}
				#content_left ul li {
					padding:0 0 0 20px;
					background:url('../images/li.gif') no-repeat left top;
				}
				#content_left dd {
					padding:0 0 0 10px;
					margin: 0 0 10px 0; 
				}
				#content_left .bold_h2 {
					font-size:15px;
					color:#FF1818;
					font-weight:bold;
				}
		#content_right {
			width:223px;
			float:left;
			padding:0 0 0 11px;
		}		
		#content_right_top {
			height:187px;
			width:223px;
			background:url(../images/layout/neu_watter_service.gif) 0 40px no-repeat;
		}
			#content_right_top h1 a {
				width:72px;
				height:52px;
				display:block;
				position:absolute;
				font-size: 0.00001em;
				line-height: 0.00001em;
				text-indent: -5000px;
				margin:84px 0 0 102px;
			}
		
			#content_right h2 {
				font-weight:bold;
				font-size:12px;
			}
		#content_right_bottom {
			width:223px;
			padding:0 0 0 7px;
		}
			#content_right_bottom ul {
				list-style:none;
			}
			#content_right_bottom ul li a {
				font-weight:bold;
				font-size:12px;
				text-decoration:none;
			}
			#content_right_bottom ul li a:hover {
				font-weight:bold;
				font-size:12px;
				text-decoration:underline;
			}
			#content_right_bottom h2 {
				line-height:18px;
			}
			#content_right_bottom p {
				line-height:18px;
				margin:0 0 15px 0;
			}
			
#push {
	float: none;
	clear: both;
	height:184px;
}	
	
#footer {
	width:100%;
	height:184px;
	margin:0 auto;
	background:url(../images/layout/bg_footer_repeat.jpg) 0 0 repeat-x;
}
	#footer_in {
		width:100%;
		margin:0 auto;
		height:184px;
		background:url(../images/layout/bg_footer.jpg) top center no-repeat;
	}
		#footer_in p {
			font-size: 0.00001em;
			line-height: 0.00001em;
			text-indent: -5000px;
		}

a[href $='.pdf'] { 
   padding-left: 40px;
   background: transparent url('../images/PDF.gif') no-repeat center left;
   display:block;
   height:32px;
   margin-right:25px;
   float:left;
}

content_left a.pdf {
   
   width:auto;

}

.gotop {
float:right;
}