@charset "utf-8";
* {
	padding:0;
	margin:0;
	outline:none;
}

.clear {
	clear:both;
}

a {
	text-decoration:none;
	color:#303fc2;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#828282;
}


html {
	background:url(../images/layout/html-bg.jpg) 0 0 repeat;
}

body {
	background:url(../images/layout/body-bg.jpg) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#696969;
}

#wrapper {
		width:808px;
		margin:0 auto;
		background:url(../images/layout/wrapper-bg.jpg) 0 0 repeat-y;
	}
	
	#header {
		width:808px;
		height:292px;
		background:url(../images/layout/header-bg.jpg) 0 0 no-repeat;
	}
	
		#sub-navy {
			width:743px;
			height:59px;
			padding:0 0 0 65px;
		}
		
			#sub-navi ul.left-navy {
				float:left;
				list-style-type:none;
			}
			
			#sub-navy ul.left-navy li {
				float:left;
				display:block;
			}
			
			#sub-navy ul.left-navy li a {
				float:left;
				display:block;
				height:29px;
				font-family:Arial, Helvetica, sans-serif;
				color:#828282;
				padding:30px 0 0 0;
			}
			
			#sub-navy li a:hover { text-decoration:none; }
			
			#sub-navy li a.firmenprofil {
				width:102px;
				text-align:center;
			}
			
			#sub-navy li a.firmenprofil:hover {
				background:url(../images/layout/navigation-top.jpg) 0 0 no-repeat;
			}
			
			#sub-navy li a.aktuelles {
				width:88px;
				text-align:center;
			}
			
			#sub-navy li a.aktuelles:hover {
				background:url(../images/layout/navigation-top.jpg) -102px 0 no-repeat;
			}
			
			#sub-navy li a.kontakt {
				width:80px;
				text-align:center;
			}
			
			#sub-navy li a.kontakt:hover {
				background:url(../images/layout/navigation-top.jpg) -190px 0 no-repeat;
			}
			
			#sub-navy li a.anfahrt {
				width:77px;
				text-align:center;
			}
			
			#sub-navy li a.anfahrt:hover {
				background:url(../images/layout/navigation-top.jpg) -270px 0 no-repeat;
			}
			
			#sub-navy ul.right-navy {
				float:right;
				list-style:none;
				padding:15px 26px 0 0;
			}
			
			#sub-navy ul.right-navy li {
				line-height:14px;
				display:block;
				text-align:right;
			}
			
			#sub-navy ul.right-navy li a {
				font-size:10px;
				color:#bcbcbc;
				line-height:14px;
			}
			
			#sub-navy ul.right-navy li a:hover { text-decoration:underline; }
			
		#flash-slideshow {
			width:808px;
			height:232px;
		}
		
			#flash-slideshow h1 a {
				display:block;
				position:relative;
				width:271px;
				height:120px;
				top:27px;
				left:63px;
				text-indent:-9999px;
			}
	
	#main-content {
		width:808px;
		min-height:391px;
	}
	
		#content-left {
			float:left;
			width:455px;
			min-height:370px;
			padding:10px 38px 0 59px;
			background:url(../images/layout/content-left-bg.jpg) 0 0 no-repeat;
		}
		
		* html #content-left {height:370px;}
		
			#content-left h1.headline {
				display:block;
				width:455px;
				color:#828282;
				padding:0 0 9px 0;
				margin:0 0 17px 0;
				background:url(../images/layout/h1-bg.jpg) bottom left no-repeat;
			}
			
			#content-left h1 {
				color:#828282;
				padding:0 0 9px 0;
				margin:0 0 17px 0;
			}
			
			#content-left h2 {
				color:#828282;
				padding:0 0 0px 0;
				margin:0 0 15px 0;
				font-size:16px;
			}
			
			#content-left p {
				padding:0 0 0 1px;
				line-height:17px;
				margin:0 0 17px 0;
			}
			
			#content-left img.img-cont {
				float:right;
				margin:0 0 0 15px;
				border:4px solid #cccccc;
			}
			
			#content-left img.imgcms {
				float:left;
				border:4px solid #cccccc;
				margin:0 15px 0 0;
			}
			
			#content-left img {
				border:none;
			}
			/*---- for images that should have border - make them class="bord"----*/
			#content-left img.bord {
				border:4px solid #cccccc;
				margin:0 5px 5px 0;
			}
			
			#contact-left .kontimg {border:none !important}
		
		#navigation {
			float:left;
			width:256px;
			background:url(../images/layout/navigation-bgr.jpg) 0 0 no-repeat;
		}
		
			#navigation ul {
				list-style-type:none;
				width:221px;
				height:401px;
				margin:1px 0 0 15px;
				background:url(../images/layout/navy-hover.jpg) 0 0 no-repeat;
			}
			
			#navigation ul li {
				display:block;
				line-height:16px;
			}
			
			#navigation ul li.red {
				color:#db0903;
				font-weight:bold;
				padding:13px 0 3px 23px;
				line-height:16px;
				font-size:13px;
			}
			
			#navigation ul li.blue {
				color:#303fc2;
				font-weight:bold;
				padding:13px 0 3px 23px;
				line-height:16px;
				font-size:13px;
			}
			
			#navigation ul li a {
				display:block;
				height:16px;
				color:#828282;
				padding:0 0 0 43px;
				margin:0;
				font-size:12px;
			}
			
			#navigation ul li a:hover {
				text-decoration:none;
				background:url(../images/layout/navy-hover.jpg) -221px 0;
			}
			
			#navigation ul li a.energie {
				color:#db0903;
				font-size:13px;
				font-weight:bold;
			}
			
			
			#navigation ul li a.solar:hover {
				background-position: -221px -48px;
			}
			
			#navigation ul li a.trink:hover {
				background-position:-221px -64px;
			}
			
			#navigation ul li a.solarheizung:hover {
				background-position:-221px -80px;
			}
			
			#navigation ul li a.holz:hover {
				background-position:-221px -128px;
			}
			
			#navigation ul li a.gasheizung:hover {
				background-position:-221px -144px;
			}
			
			#navigation ul li a.luft:hover {
				background-position:-221px -192px;
			}
			
			#navigation ul li a.erdwaerme:hover {
				background-position:-221px -208px;
			}
			
			#navigation ul li a.grundwasser:hover {
				background-position:-221px -224px;
			}
			
			#navigation ul li a.entl:hover {
				background-position:-221px -272px;
			}
			
			#navigation ul li a.raumklimaanlagen:hover {
				background-position:-221px -288px;
			}
			
			#navigation ul li a.hausinstallation:hover {
				background-position:-221px -336px;
			}
			
			#navigation ul li a.komplettbad:hover {
				background-position:-221px -352px;
			}
			
			#navigation ul li a.klempnerarbeiten {
				margin:15px 0 0 0;
				font-size:13px;
				font-weight:bold;
				color:#303fc2;
			}
			
			#navigation ul li a.klempnerarbeiten:hover {
				background-position:-221px -383px;
			}
	
#footer {
	width:808px;
	height:47px;
	margin:0 auto;
	background:url(../images/layout/footer-bg.gif) 0 0 no-repeat;
}