/*-----	Stylesheet für die Website Käserei Horst
		Farben für Hintergrund und Schrift
		orange	=  #fbec98
		hellorange=  #fcf9dd
		rot		=  #e06639
*/

/*-----	Zurücksetzen aller Browserstyles	-----*/
*{
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none	
}

/*-----	Setzen der Body Styles	-----*/
body {
	background-color: #fbec98;
	height: 100%;
	width: 100%;
	text-align: center;
}

/*-----	Container für Inhalt mit horizontaler Positionierung	-----*/
#Inhalt{
	z-index: 10;
	position: absolute;
	top: 65px;
	left: 0;
	height: 500px;
	width: 100%;
	margin: 0;
	text-align: center;
}

#Inhalt_II{
	z-index: 10;
	position: absolute;
	top: 120px;
	left: 0;
	height: 500px;
	width: 100%;
	margin: 0;
	text-align: center;
}

/*-----	Container zur horizontalen Zentrierung	-----*/
#Centerbox{
	z-index: 11;
	position: relative;
	top: 0;
	height: 502px;
	width: 926px;
	margin: auto;
	text-align: left;
}
/*-----	Runde Ecken	-----*/
#Informationen{
	z-index: 11;
	position: absolute;
	background-color: #fcf9dd;
	top: 0;
	right: 0;
	min-height: 500px;
	width: 725px;
	border: 1px solid #e06639;
	margin: 0 0 50px 0;
}

#Firmengeschichte{
	z-index: 11;
	position: absolute;
	background-color: #fcf9dd;
	top: 0;
	right: 0;
	min-height: 500px;
	width: 725px;
	border: 1px solid #e06639;
}
#Informationen-Index{
	z-index: 11;
	position: absolute;
	background-color: #fcf9dd;
	top: 0;
	right: 0;
	height: 500px;
	width: 724px;
	border: 1px solid #e06639;
}

#ecke_lo{
	z-index: 12;
	position: absolute;
	background-image: url("../Hintergrund/Ecke_lo.gif");
	top: -1px;
	left: -1px;
	height: 16px;
	width: 16px;
}

#ecke_ro{
	z-index: 12;
	position: absolute;
	background-image: url("../Hintergrund/Ecke_ro.gif");
	top: -1px;
	right: -1px;
	height: 16px;
	width: 16px;
}

#ecke_ru{
	z-index: 12;
	position: absolute;
	background-image: url("../Hintergrund/Ecke_ru.gif");
	bottom: -1px;
	right: -1px;
	height: 16px;
	width: 16px;
}

#ecke_lu{
	z-index: 12;
	position: absolute;
	background-image: url("../Hintergrund/Ecke_lu.gif");
	bottom: -1px;
	left: -1px;
	height: 16px;
	width: 16px;
}
/*-----	Inhalt	-----*/
#Wappen_gr{
	z-index: 15;
	position: absolute;
	top: 100px;
	right: 100px;
	height: 300px;
	width: 200px;
}

#Wappen{
	z-index: 15;
	position: absolute;
	bottom: 80px;
	left: -5px;
	height: 205px;
	width: 155px;
}

#Logo_gr{
	z-index: 15;
	position: absolute;
	top: 190px;
	left: 100px;
	height: 95px;
	width: 210px;
}

#Logo{
	z-index: 15;
	position: absolute;
	top: 15px;
	left: 50%;
	height: 95px;
	width: 210px;
	margin: 0 0 0 -40px;
}

#Produkt{
	z-index: 15;
	position: absolute;
	bottom: 100px;
	left: -5px;
	height: 200px;
	width: 200px;
}

#Eingang-Text-1{
	z-index: 15;
	position: absolute;
	top: 130px;
	left: 95px;
	width: 210px;
	text-align: center;
}

#Eingang-Text-2{
	z-index: 15;
	position: absolute;
	top: 280px;
	left: 95px;
	width: 210px;
	text-align: center;
}

#Content{
	z-index: 15;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 615px;
}
/*-----	Navigation	-----*/
#Menu{
	z-index: 15;
	position: absolute;
	top: 40px;
	left: 25px;
	height: 500px;
	width: 175px;
}

#Menu li{
	color: #e06639;
	line-height: 22px;
	height: 22px;
	width: 170px;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

#Menu li a{
	display: block;
	color: #000000/*e06639*/;
	width: 100%;
	padding: 0 0 3px 5px;
}

#Menu li a:hover{
	background-color: #e06639;
	color: #fcf9dd;
	width: 100%;
}

#Menu .aktiv{
	background-color: #e06639;
	color: #fcf9dd;
	width: 100%;
}

/*-----	Platzhalter	-----*/
hr{
	background-color: #e06639;
	color: #e06639;
	height: 1px;
	width: 645px;
	margin: 0 0 0 40px;
	border: none;
}