* {
margin: 0em; 
padding: 0em;
}

* a img{
	border: none;
}

* img {
	border: none;
}

* ul {
	list-style-type: none;
}
.clear {
	clear: both;
}

.ohne {
	font-weight: normal;
}

em {
	font-weight: bold;
	font-style: normal;
}

h1, h2, h3, p {
	font-weight: normal;
	}
h1 {
	font-size: 1.2em;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #064363;
}

h1 span {
	font-size: 0.7em;
	color: #333;
}


h2 {
	font-size: 0.8em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	font-weight: bold;
}
h2.aktuelles {
	width: 181px;
	height: 20px;
	display: block;
	background: #ebebeb;
	font-size: 0.9em;
	border-bottom: 1px solid #064363;
	border-top: 1px solid #064363;
	padding-left: 27px;
	padding-top: 3px;
	background: url(../bilder/aufz-rot.jpg) no-repeat;
	background-position: 10px 5px;
}
p {
	font-size: 0.8em;
	padding-bottom: 10px;
	}
	
.none {
	display: none;
}
* a {
	text-decoration: none;
}
#submenu_active, #subnav a:hover {
	text-decoration: underline;
}
	#submenu_active:hover {
		text-decoration: none;
	}
#nav-bereich #menu_active, #nav-bereich a:hover {
		background: #eee url(../bilder/aufz-rot.jpg) no-repeat; 
		background-position: 10px 5px;
		}
body.startseite #nav-bereich li.startseite a, 
body.aktuelles #nav-bereich li.aktuelles a,
body.heizungen #nav-bereich li.heizungen a,
body.fehlerortung #nav-bereich li.fehlerortung a,
body.planung #nav-bereich li.planung a,
body.referenzen #nav-bereich li.referenzen a,
body.service #nav-bereich li.service a,
body.tekmar #nav-bereich li.tekmar a {
	background: #eee url(../bilder/aufz-rot.jpg) no-repeat; 
		background-position: 10px 5px;
}

body.kontakt #subnav li.kontakt a,
body.impressum #subnav li.impressum a {
	text-decoration: underline;
}
.rot {
	color: #C63324 !important;
	font-weight: bold !important;
}
address {
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	padding: 15px 0 15px 14px;
	}
	address.impressum {
		font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	padding: 15px 0 15px 0px;
	}
	address.impressum a {
		color: #333;
		text-decoration: underline;
	}
	address.impressum a:hover {
		text-decoration: none;
	}
.link {
	color: #333;
	text-decoration: underline;
}
.link:hover {
	text-decoration: none;
}
.uh {
	color: #333;
}
.kleiner {
	font-size: 0.7em;
}
span.gruen {
	color: green;
	}


body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #333;
background: url(../bilder/hintergrund.gif) repeat;
}

#container {
	width: 986px;

	margin: 0 auto;
	}

	#wrapper {
		width: 986px;
			
		float: left;
		background: #fff url(../bilder/hg.jpg) repeat-y;
	}

/* Anfang subnav */

#subnav {

width: 986px;
height: 39px;
float: left;
background: #efefef;
border-bottom: 1px solid #064363;

}

	#subnav ul {
		text-align: right;
		padding-top: 10px;
		padding-right: 5px;
		}
	#subnav ul li {
		display: inline;
		
		}
		#subnav ul li a {
			font-size: 0.8em;
			color: #2C8C5E;
			padding-right: 10px;
			}
		
	
/* Ende subnav */


/* Anfang nav-bereich*/

#nav-bereich {
	width: 157px;
	height: 141px;
	float: left;
	margin-right: 1px;
	
}
	#nav-bereich ul {
		width: 157px;
		margin-top: 70px;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		padding-top: 1px;
	}
	#nav-bereich ul li {
		background: #cdcdcd;
	}
	#nav-bereich ul li a{
		width: 130px;
		height: 18px;
		display: block;
		border-bottom: 1px solid #064363;
		font-size: 0.8em;
		color: #333;
		padding-top: 5px;
		padding-left: 27px;
		background: url(../bilder/aufz-schwarz.jpg) no-repeat; 
		background-position: 10px 5px;
	}
	
	#nav-bereich ul li a.shop {
		background: url(../bilder/shop-klein.png) no-repeat; 
		background-position: 3px 7px;
		font-weight: bold;
	}
	
	
	#nav-bereich a.shop:hover {
		background: url(../bilder/shop-klein.png) no-repeat; 
		background-position: 3px 7px;
		color: #C63324;
		}
	
	
	#farbfeld1 {
		width: 157px;
		height: 141px;
			
	}
	
	#farbfeld1 img {
		width: 140px;
		height: 29px;
		float: left;
		padding-top: 100px;
		padding-left: 5px;
		
	}
	
	
	
	
	
	#farbfeld2 {
		height: 8px;
		background: url(../bilder/farbf-2.jpg) no-repeat;
		
	}
	#farbfeld3 {
		width: 157px;
		height: 8px;
		background: #fff;
		
	}
/* Ende nav-bereich*/


/* Anfang hauptbereich  */

#hauptbereich {
	width: 828px;
	float: left;
}
	#hauptfoto {
		width: 828px;
		height: 149px;
		float: left;
		
	}
	#streifen {
		width: 828px;
		height: 8px;
		float: left;
		background: #103350;
	}
	#textbereich {
		width: 828px;
		float: left;
	}
		#text {
			width: 524px;
			padding: 50px 43px 67px 53px;
			float: left;
			
		}
		
		#text ul.liste {
			font-size: 0.8em;
			list-style-type: disc;
			color: #333;
			padding-left: 20px;
			margin-bottom: 20px;
		}
		
		#text ul.liste li {
			line-height: 1.4em;
		}
		
		#text ul.allgemein {
			width: 500px;

		}
		#text ul.allgemein li {
			font-size: 0.8em;
			padding-bottom: 5px;
			
		}
		#text ul.allgemein li a {
			text-decoration: underline;
			color: #333;
			background: url(../bilder/aufz-gruen.jpg) no-repeat;
			background-position: 0 2px;
			padding: 0 0 0px 20px;
			}
			#text ul.allgemein li a:hover {
				text-decoration: none;
				background: url(../bilder/aufz-gruen.jpg) no-repeat;
			background-position: 0 2px;
			padding: 0 0 0px 20px;
			}
		#text ul.allgemein li.letzt {
			font-size: 0.8em;
			padding: 0 0 25px 0px;
		}
		
		.eis #text ul.allgemein li a.eis, .dachflaeche #text ul.allgemein li a.dachflaeche, .rampenheizung-kaulsdorf #text ul.allgemein li a.rampenheizung-kaulsdorf, 
		.dachflaeche-lidl #text ul.allgemein li a.dachflaeche-lidl, .klaerwerk #text ul.allgemein li a.klaerwerk, .hubschrauberplattform #text ul.allgemein li a.hubschrauberplattform, 
		.maelzerei #text ul.allgemein li a.maelzerei, .bundesbank #text ul.allgemein li a.bundesbank, .aok #text ul.allgemein li a.aok, 
		.ausfahrt-pankow #text ul.allgemein li a.ausfahrt-pankow, .bettenwelt #text ul.allgemein li a.bettenwelt, .freiflaeche-garage #text ul.allgemein li a.freiflaeche-garage, 
		.dachrinnenheizung-teltow #text ul.allgemein li a.dachrinnenheizung-teltow, .dachrinnenheizung-spandau #text ul.allgemein li a.dachrinnenheizung-spandau, 
		.gesimskantenheizung #text ul.allgemein li a.gesimskantenheizung, .glasdach #text ul.allgemein li a.glasdach, .efh #text ul.allgemein li a.efh, 
		.bitumendach #text ul.allgemein li a.bitumendach,
		.tierpark #text ul.allgemein li a.tierpark,
		.rampenheizung_chemnitz #text ul.allgemein li a.rampenheizung_chemnitz,
		.rampenheizung_greven #text ul.allgemein li a.rampenheizung_greven,
		.rampenheizung_bielefeld #text ul.allgemein li a.rampenheizung_bielefeld

		{
			text-decoration: none;
		}
		
		
		#text a {
			color: #333;
			text-decoration: underline;
			}
			#text a:hover {
				text-decoration: none;
			}
		
		#aktuelles {
			width: 208px;
			float: left;
			background: #ebebeb;
			margin-top: 55px;
		}
		#text img {
			border: 1px solid #ccc;
			padding: 2px;
			margin-bottom: 15px;
		}
		#text img.beispiele {
			float: right;
			margin-left: 15px;
		}
		#text img.float {
			float: left;
			margin-top: 25px;
			
		}
		#text img.abstand {
			margin-right: 9px;
		}
		#text img.kein-rahmen {
			border: none;
		}
		#text p a.sprung {
			text-decoration: underline;
			color: #333;
		}
		#text p a.sprung:hover {
			text-decoration: none;
		}
		
		div.letztes {
			width: 524px;
			float: left;}
		div.unterseiten {
			display: block;
			width: 500px;
			clear: left;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			margin-bottom: 20px;
			padding: 10px;
				}
		
					
		div.unterseiten2 {
			display: block;
			width: 500px;
			border: 1px solid #064363;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			margin-bottom: 20px;
			margin-top: 20px;
			padding: 10px;
			clear: left;
				}
		div.unterseiten3 ul.allgemein {
			padding-left: 0;
		}
			
	#footer {
		width: 524px;
		float: left;
		padding-left: 53px;
		padding-bottom: 25px;
	}
		#footer p {
			padding-top: 5px;
			border-top: 1px solid #064363;
		}
		
		#footer p a {
			color: #333;
			text-decoration: none;
		}

/* Ende hauptbereich */

/* Beginn Kontaktformular */

form p.achtung {
	width: 500px;
	float: left;
	padding-top: 10px;
}
label {
	width: 150px; 
	float: left;
	
}
input {
	width: 300px;
	float: left;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
input.btn {
	width: 70px;
	height: 20px;
	clear: left;
	float: left;
	background: #064363;
	color: #fff;
	
}
textarea {
	width: 300px;
	border: 1px solid #ccc;
	float: left;
}
/* Ende Kontaktformular */

/* Tabellen der Seite Angebotsanfrage */

table.zustaendiges_evu {
	width: 460px;
	
	float: left;
}
table.zustaendiges_evu input {
	width: 110px;
	float: left;
}
table.zustaendiges_evu label {
	width: 90px;
	font-size: 0.8em;
}

table.bauteilbeschreibung {
	width: 460px;
	
	float: left;
}
table.bauteilbeschreibung input {
	width: 110px;
	float: left;
}
table.bauteilbeschreibung label {
	width: 90px;
	font-size: 0.8em;
}


table.bauteilbeschreibung td {
	font-size: 0.8em;
	vertical-align: top;
	padding-bottom: 15px;
}

div.heizsystem p {
	width: 400px;
	float: left;
}
div.heizsystem input {
	width: auto;
	float: left;
}
div.heizsystem input.check {
	border: none;
}
div.heizsystem label {
	width: 350px;
	float: left;
	padding-left: 15px;
	
}