/*CSS für die chiemgauer*/
body {/* Scrollbalkenauszeichnung, Schrift, Hintergrundfarbe*/
	scrollbar-face-color: #B6CCB4;
	scrollbar-shadow-color: #074822;
	scrollbar-highlight-color: #B6CCB4;
	scrollbar-3dlight-color: #074822;
	scrollbar-darkshadow-color: #074822;
	scrollbar-track-color: #E0E8E0;
	scrollbar-arrow-color: #B6CCB4;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FDFDF3;
}
html { min-width: 850px; }

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */
	font-family: verdana, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #000000;
}  

.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/

#header {/*container Logo */
	width: 850px;
	position: relative;
	height: 160px;
	z-index: 750;
}

#container {/*container für alles*/
	left: auto;
	right: auto;
	bottom: auto;
	width: 850px;
	position: static;
	background-color: #F0ECE0;
	clip: rect(3px,auto,auto,auto);
	height: auto;
	padding-bottom: 80px;
	line-height: normal;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(../Bilder/hg_strich.gif);
	top: 80px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#textbody {/*Anweisungen für Textbox, Schrift, größe, farbe*/
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-right: 0px;
	padding-bottom: 5;
	position: relative;
	width: 490px;
	left: 170px;
	top: 0px;
	margin-top: 0px;
	height: auto;
	line-height: normal;
	white-space: normal;
	padding-top: 110px;
	font-style: normal;
	text-align: left;
	display: block;
	background-color: #FFFFFF;
}
#textbody2 {/*Anweisungen für Textbox, Schrift, größe, farbe*/
	padding-right: 0px;
	padding-bottom: 5;
	padding-left: 0px;
	position: absolute;
	width: 490px;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	height: auto;
	white-space: normal;
	padding-top: 110px;
	text-align: left;
	display: block;
}

#text3 {/*Anweisungen für Textbox, Schrift, größe, farbe*/
	
	height:1300px;
}

.bild_Logo {
	padding: 10px 0 0 0;
	}

# logo01 {
	float: left;
}
.bild_rechts {/*Positionierung für Bild orange oben*/
	left: -375px;
	top: 51px;
	position: absolute;
}
.bild_rechts2 {/*Positionierung für Bild orangen Streifen oben*/
	position: absolute;
	left: 0px;
	top: 0px;
}

.bild_rechts4 {/*Positionierung für senkrechten hintergrundstreifen*/
	left: 576px;
	width: 180px;
	height: 123px;
	z-index: 500;
	top: 16px;
	position: absolute;
}
.text_rechts {/*Positionierung für Text oben "Sie finden uns..."*/
	position: absolute;
	left: 602px;
	top: 142px;
	color: #000000;
	width: 204px;
}

.bild_rechts3 {/*Positionierung für Bild orangen Streifen oben*/
	top: 140px;
}

.box-impressum {/*Positionierung für Impressum und Webdesign*/
	position: relative;
	left: 55%;
	z-index: 800;
	width: 400px;
	top: 65px;
	font-size: 8px;
	height: 40px;
	color: #003366;
	margin: 10px;
	padding: 10px;
}


a {/*Farbauszeichnung für die links*/
	color: #4F4F4F;
	text-decoration: none;
}
a:hover { /*Farbauszeichnung für den Hover-effekt*/
color: #FDE700; 
}
a:active { /*Farbauszeichnung für den aktiven Zustand*/

}
.link {/*Farbauszeichnung für die links*/
	color: #4F4F4F;
	text-decoration: underline;
	font-weight: bold;
}
.link:hover { /*Farbauszeichnung für den Hover-effekt*/
	color: #007B33;
	font-weight: bold;
	text-decoration: underline;
}
.link:active { /*Farbauszeichnung für den aktiven Zustand*/
color: #000; 
}

#designbox_links {/*Box für das Bild "Regional & Leistungsstark*/
	position: absolute;
	left: -153px;
	top: 19px;
	z-index: 800;
}
#designbox_links2 {/*Box für das Bild "Unser Partner für Großverbraucher*/
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 800;
}
#linie {/*Positionierung rechter brauner senkrechter streifen*/
	position: absolute;
	z-index: 150;
	left: 580px;
	top: -83px;
	color: #000000;
	width: 250px;
}
.linie_unten {/*Positionierung der orangen linie unten*/
	position: absolute;
	z-index: 150;
	left: 0px;
	top: 1px;
	width: 851px;
	display: block;
	height: 19px;
}

#navigation_unten {/*steht anschrift drin,tel*/
	position: absolute;
	z-index: 150;
	left: -80px;
	top: 514px;
	width: 543px;
	display: block;
	height: 43px;
}
#leiste-unten {/* Untere Box, die von der Textbox vor sich hergeschoben wird*/
	position: absolute;
	z-index: 150;
	left: -171px;
	height: 78px;
	width: 850px;
	background-color: #FDFDF3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.txt-klein {/*auszeichnung für die emailadresse*/
	font-size: 9px;
	line-height: normal;
}
.txt-klein a:hover {/*auszeichnung für link bei der emailadresse*/
	color: #007B33;
}

#textbox_rechts {/*Händler-login, etc*/
	width: 337px;
	position: absolute;
	left: 453px;
	font-weight: bold;
	line-height: 1.9em;
	text-align: left;
	font-size: 9px;
	text-decoration: none;
	color: #4F4F4F;
	top: -179px;
}
#textbox_oben {/*navigation etc*/
	float: right;
	width: 186px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #007B33;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bild_unten {/*Positionierung für grünen Balken unten*/
	position: absolute;
	top: 55px;
	left: 0px;
}
.bilder {/*Bildpositionierung für die drei Jungs*/
	left: 125px;
	position: relative;


}
.bildertext {/*Positionierung für die namen der Jungs*/
	left: 140px;
	position: relative;
	top: -10px;
	width: 400px;


}
.choronologie {/*Positionierung für die Jahreszahlen*/
	position: relative;
	left: 80px;
	
}

.chronologie_text {/*Positionierung für den Text*/
	position: absolute;
	left: 172px;
	width: 319px;
}
.txt-kl2 {/*textfarbe für Lieferantenseite damit die abkürzungen nur zum programmieren sichtbar werden,
danach wieder auf Farbwert F3E8E6 setzen*/
	font-size: 14px;
	color: #FDFDF3;
}

.Stil1 {font-family: Arial, Helvetica, sans-serif}
.aktuell-datum {
	font-size: 9px;
	color: #666666;
}
#blub {
	height: 130px;
	}