html, body {
		height:100%;
		}

	body {
	text-align:center; /* horizontal centering for IE Win quirks */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
		}

	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-287px; /* half of container's height */
		float:left;
		}
/********************************** allgemeine Einstellungen ********************************************/
	#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:center;
	height:575px;
	width:100%;
	clear:left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AEAFB1;
	border-bottom-color: #AEAFB1;
		}

	#inhalt {
	position:relative; /* puts container in front of distance */
	text-align:center;
	height:575px;
	width:820px;
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #AEAFB1;
	border-left-color: #AEAFB1;
	background-image: url(../images/pistol.gif);
	background-repeat: no-repeat;
	background-position: left 210px;
		}

	#kopf {
	position:absolute;
	height:125px;
	width:800px;
	left: 10px;
	top: 10px;
	background-image: url(../images/header/default.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#kopf_waschen {
	position:absolute;
	height:125px;
	width:800px;
	left: 10px;
	top: 10px;
	background-image: url(../images/header/sonst_dienst.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#kopf_ktl {
	position:absolute;
	height:125px;
	width:800px;
	left: 10px;
	top: 10px;
	background-image: url(../images/header/ktl_besch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#kopf_industrie {
	position:absolute;
	height:125px;
	width:800px;
	left: 10px;
	top: 10px;
	background-image: url(../images/header/pulverbesch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#kopf_fassaden {
	position:absolute;
	height:125px;
	width:800px;
	left: 10px;
	top: 10px;
	background-image: url(../images/header/fassadenbesch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#container #inhalt #kopf img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

	#container #inhalt #kopf_waschen img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
	#container #inhalt #kopf_ktl img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

	#container #inhalt #kopf_industrie img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

	#container #inhalt #kopf_fassaden img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

	#kopfmenue {
	position:absolute;
	height:15px;
	width:125px;
	right: 10px;
	top: 555px;
	background-repeat: no-repeat;
	z-index: 1;
	text-align: right;
	}

	#hauptmenue {
	position:absolute;
	height:26px;
	width:800px;
	left: 10px;
	top: 137px;
	background-color: #8690AB;
	text-align: left;
	}

	#untermenue {
	position:absolute;
	height:15px;
	width:800px;
	left: 10px;
	top: 167px;
	background-color: #E7EBED;
	text-align: left;
	}
	
	#untermenue_1 {
	position:absolute;
	height:15px;
	width:800px;
	left: 10px;
	top: 186px;
	background-color: #E7EBED;
	text-align: left;
	}
/********************************************* inhalt div-s ***********************************/	
	#inhalt_mitte_ganz {
	overflow: auto;
	position:absolute;
	height:340px;
	width:800px;
	left: 10px;
	text-align: left;
	bottom: 24px;
	}
	
	#inhalt_mitte_links {
	overflow: auto;
	position:absolute;
	height:340px;
	width:620px;
	left: 10px;
	text-align: left;
	bottom: 25px;
	}
	
	#inhalt_mitte_rechts {
	overflow: visible;
	position:absolute;
	height:340px;
	width:180px;
	right: 10px;
	text-align: right;
	bottom: 25px;
	}
	
	#inhalt_mitte_hlinks {
	overflow: auto;
	position:absolute;
	height:340px;
	width:400px;
	left: 10px;
	text-align: left;
	bottom: 25px;
	}
	
	#inhalt_mitte_hrechts {
	overflow: visible;
	position:absolute;
	height:340px;
	width:400px;
	right: 10px;
	text-align: right;
	bottom: 25px;
	}
	
/********************************************* Schrift formatierungen ***********************************/	
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505052;
}

	h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #505052;
	padding-left: 10px;
}

	h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505052;
	padding-left: 10px;
	font-weight: normal;
	padding-right: 10px;
	}
	
	a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8690AB;
	}

/************************************** inhalt für Startseite ********************************************/

	#Startinhalt_mitte {
	position:absolute;
	height:270px;
	width:800px;
	left: 10px;
	text-align: left;
	bottom: 95px;
	}

	#Startinhalt_unten {
	position:absolute;
	height:85px;
	width:400px;
	left: 10px;
	bottom: 10px;
	text-align: left;
	}

	#Startbild_unten {
	position:absolute;
	height:85px;
	width:400px;
	left: 410px;
	top: 478px;
	text-align: right;
}