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

a {
   outline:none;
   color:#491d00;
   text-decoration:underline;
}

a:hover {
   text-decoration:none;
}

img {
   border:none;
}

.clear {
   font-size:0.001em;
   line-height:0.001em;
   clear:both;
   float:none;
	height:0px;
	overflow:hidden;
}

.indent {
   font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
}
ul {
	list-style:none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}

html,
body {
   height:100%;
}

body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:62.5%;
   line-height:normal;
   color:#491e01;
	background:#f57419 url(../images/bg-body.jpg) top center repeat-x;
}

/* ------------------------------------------------------------- */
/* => container
/* ------------------------------------------------------------- */

#container {
   width:994px;
   margin:0 auto;
}

/* ------------------------------------------------------------- */
/* => header
/* ------------------------------------------------------------- */

#header {
   width:994px;
   height:465px;
   position:relative;
	font-size:1.1em;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
}

#header h1.branding a {
   display:block;
   width:177px;
   height:115px;
   top:0px;
   left:777px;
   position:absolute;
}

/* ------------------------------------------------------------- */
/* => slideshow
/* ------------------------------------------------------------- */

#slideshow {
	overflow:hidden;
	width:447px;
	height:298px;
	background:url(../images/bg-slideshow.jpg) 0 0 no-repeat;
	position:absolute;
	top:150px;
	left:537px;
}
#slideshow img {
	display:none;
	position:absolute;
	top:23px;
	left:14px;
}

/* ------------------------------------------------------------- */
/* => navi
/* ------------------------------------------------------------- */

#navi { 
	width:677px;
	height:64px;
	position:absolute;
	top:39px;
	left:34px;
}
	#navi ul li {
		float:left;
	}
	#navi ul li a {
		display:block;
		height:64px;
		margin:0 21px 0 0;
		font-size:0.00001em;
		line-height:0.00001em;
		text-indent:-9999px;
		background:url(../images/navi.jpg) 0 0 no-repeat; 
	}
		#navi ul li a.wir-ueber-uns {
			width:196px;
			background-position:0px 0px;
		}
		#navi ul li a.wir-ueber-uns:hover {
			background-position:0px -64px;
		}
		#wir-ueber-uns #navi ul li a.wir-ueber-uns {
			background-position:0px -64px;
		}
		#navi ul li a.produkte {
			width:150px;
			background-position:-217px 0px;
		}
		#navi ul li a.produkte:hover {
			background-position:-217px -64px;
		}
		#produkte-naturkost #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-naturdrogerie #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-molkereiprodukte #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-brot #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-kaese #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-fleisch-wurst #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-wein #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		#produkte-auro-naturfarben #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		
		#produkte-obst-gemuese #navi ul li a.produkte { /* acvive */
			background-position:-217px -64px;
		}
		
		#navi ul li a.aktuelles {
			width:153px;
			background-position:-388px 0px;
		}
		#navi ul li a.aktuelles:hover {
			background-position:-388px -64px;
		}
		#aktuelles #navi ul li a.aktuelles { /* acvive */
			background-position:-388px -64px;
		}
		#navi ul li a.links {
			width:115px;
			margin:0px;
			background-position:-562px 0px;
		}
		#navi ul li a.links:hover {
			background-position:-562px -64px;
		}
		#links #navi ul li a.links { /* acvive */
			background-position:-562px -64px;
		}
		
/* sub navi */
	
	#navi li#produkte-li:hover ul.sub-navi {
		display:block;
	}
	#navi ul li:hover a.produkte {
		background-position:-217px -64px;
	}	
	#navi li#produkte-li ul.sub-navi {
		width:158px;
		height:240px;
		display:none;
		margin:0 0 0 -4px;
		background:url(../images/bg-sub-navi2.gif) 0 0 no-repeat;
	}
	* html #navi li#produkte-li ul.sub-navi { /* IE hack */
		position:absolute;
		z-index:10;
	}
	#navi li ul.sub-navi li { /* IE hack */
		margin:0 0 0 15px;
	}
	* html #navi li ul.sub-navi li {
		display:inline;
	}
	#navi li ul.sub-navi li a {
		display:block;
		width:132px;
		height:21px;
		text-decoration:none;
		background:url(../images/sub-navi2.jpg) 0 0 no-repeat;
	}
		#navi li ul.sub-navi li a.naturkost {
			background-position:0px 0px;
			margin:6px 0 4px 0;	
		}
		#navi li ul.sub-navi li a.naturkost:hover {
			background-position:-132px 0px;
		}
		#produkte-naturkost #navi li ul.sub-navi li a.naturkost { /* acvive */
			background-position:-132px 0px;
		}
		#navi li ul.sub-navi li a.naturdrogerie {
			background-position:0px -25px;
			margin:0 0 2px 0;	
		}
		#navi li ul.sub-navi li a.naturdrogerie:hover {
			background-position:-132px -25px;
		}
		#produkte-naturdrogerie #navi li ul.sub-navi li a.naturdrogerie { /* acvive */
			background-position:-132px -25px;
		}
		#navi li ul.sub-navi li a.molkereiprodukte {
			background-position:0px -48px;
			margin:0 0 4px 0;	
		}
		#navi li ul.sub-navi li a.molkereiprodukte:hover {
			background-position:-132px -48px;
		}
		#produkte-molkereiprodukte #navi li ul.sub-navi li a.molkereiprodukte { /* acvive */
			background-position:-132px -48px;
		}
		#navi li ul.sub-navi li a.brot {
			background-position:0px -73px;
			margin:0 0 2px 0;	
		}
		#navi li ul.sub-navi li a.brot:hover {
			background-position:-132px -73px;
		}
		#produkte-brot #navi li ul.sub-navi li a.brot { /* acvive */
			background-position:-132px -73px;
		}
		#navi li ul.sub-navi li a.kaese {
			background-position:0px -96px;
			margin:0 0 3px 0;	
		}
		#navi li ul.sub-navi li a.kaese:hover {
			background-position:-132px -96px;
		}
		#produkte-kaese #navi li ul.sub-navi li a.kaese { /* acvive */
			background-position:-132px -96px;
		}
		#navi li ul.sub-navi li a.fleisch-wurst {
			background-position:0px -120px;
			margin:0 0 3px 0;	
		}
		#navi li ul.sub-navi li a.fleisch-wurst:hover {
			background-position:-132px -120px;
		}
		#produkte-fleisch-wurst #navi li ul.sub-navi li a.fleisch-wurst { /* acvive */
			background-position:-132px -120px;
		}
		#navi li ul.sub-navi li a.wein {
			background-position:0px -144px;
			margin:0 0 3px 0;	
		}
		#navi li ul.sub-navi li a.wein:hover {
			background-position:-132px -144px;
		}
		#produkte-wein #navi li ul.sub-navi li a.wein { /* acvive */
			background-position:-132px -144px;
		}
		#navi li ul.sub-navi li a.auro-naturfarben {
			background-position:0px -168px;
			margin:0;	
		}
		#navi li ul.sub-navi li a.auro-naturfarben:hover {
			background-position:-132px -168px;
		}
		#produkte-auro-naturfarben #navi li ul.sub-navi li a.auro-naturfarben { /* acvive */
			background-position:-132px -168px;
		}
		
		
		#navi li ul.sub-navi li a.obst-gemuese {
			background-position:0px -192px;
			margin:0;	
		}
		
		#navi li ul.sub-navi li a.obst-gemuese:hover {
			background-position:-132px -192px;
		}
		#produkte-obst-gemuese #navi li ul.sub-navi li a.obst-gemuese { /* acvive */
			background-position:-132px -192px;
		}

/* ------------------------------------------------------------- */
/* => navi-add
/* ------------------------------------------------------------- */

#navi-add {
	width:200px;
	height:16px;
	position:absolute;
	top:396px;
	left:268px;
}
	#navi-add ul li {
		float:left;
	}
	#navi-add ul li a {
		display:block;
		color:#f6fbdb;
		text-decoration:none;
	}
	#navi-add ul li.separator {
		width:1px;
		height:16px;
		background:url(../images/separator.jpg) 0 2px no-repeat;
		margin:0 10px 0 10px;
	}
	#navi-add ul li a:hover {
		text-decoration:underline;
	}
	#index #navi-add ul li a.startseite { /* acvive */
		text-decoration:underline;
	}
	#kontakt #navi-add ul li a.kontakt { /* acvive */
		text-decoration:underline;
	}
	#danke #navi-add ul li a.kontakt { /* acvive */
		text-decoration:underline;
	}
	#anfahrt #navi-add ul li a.anfahrt { /* acvive */
		text-decoration:underline;
	}

/* ------------------------------------------------------------- */
/* => navi-gaestebuch	
/* ------------------------------------------------------------- */
	
#navi-gaestebuch {
	width:224px;
	height:108px;
	position:absolute;
	top:344px;
	left:34px;
}	
	#navi-gaestebuch ul li a {
		display:block;
		width:224px;
		height:108px;
		font-size:0.00001em;
		line-height:0.00001em;
		text-indent:-9999px;
		background:url(../images/gaestebuch.jpg) 0 0 no-repeat;
	} 
	#navi-gaestebuch ul li a:hover {
		background-position:0 -108px;
	}

/* ------------------------------------------------------------- */
/* => content-container
/* ------------------------------------------------------------- */
	
#content-container {
   width:994px;
	min-height:485px;
	background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}
* html #content-container { /* IE hack */
	height:485px;
}

#content-container p {
   margin:0 0 18px 0;
}

/* ------------------------------------------------------------- */
/* => content-main
/* ------------------------------------------------------------- */

#content-main {
   width:498px;
   float:left;
	padding:28px 77px 0 38px;
	font-size:1.1em;
	line-height:164%;
}

h2 {
	width:498px;
	height:60px;
	font-size:0.00001em;
	line-height:0.00001em;
	text-indent:-9999px;
	margin:0 0 30px 0;
}
	.h2-startseite {
		height:71px;
		background:url(../images/h2/h2-startseite.jpg) 0 0 no-repeat;
	}
	.h2-wir-ueber-uns {
		background:url(../images/h2/h2-wir-ueber-uns.jpg) 0 0 no-repeat;
	}
	.h2-naturkost {
		background:url(../images/h2/h2-naturkost.jpg) 0 0 no-repeat;
	}
	.h2-naturdrogerie {
		background:url(../images/h2/h2-naturdrogerie.jpg) 0 0 no-repeat;
	}
	.h2-molkereiprodukte {
		background:url(../images/h2/h2-molkereiprodukte.jpg) 0 0 no-repeat;
	}
	.h2-brot {
		background:url(../images/h2/h2-brot.jpg) 0 0 no-repeat;
	}
	.h2-kaese {
		background:url(../images/h2/h2-kaese.jpg) 0 0 no-repeat;
	}
	.h2-fleisch-wurst {
		background:url(../images/h2/h2-fleisch-wurst.jpg) 0 0 no-repeat;
	}
	.h2-wein {
		background:url(../images/h2/h2-wein.jpg) 0 0 no-repeat;
	}
	.h2-auro-naturfarben {
		background:url(../images/h2/h2-auro-naturfarben.jpg) 0 0 no-repeat;
	}
	.h2-aktuelles {
		background:url(../images/h2/h2-aktuelles.jpg) 0 0 no-repeat;
	}
	.h2-links {
		background:url(../images/h2/h2-links.jpg) 0 0 no-repeat;
	}
	.h2-kontakt {
		background:url(../images/h2/h2-kontakt.jpg) 0 0 no-repeat;
	}
	.h2-danke {
		background:url(../images/h2/h2-danke.jpg) 0 0 no-repeat;
	}
	.h2-fehler {
		background:url(../images/h2/h2-fehler.jpg) 0 0 no-repeat;
	}
	.h2-anfahrt {
		background:url(../images/h2/h2-anfahrt.jpg) 0 0 no-repeat;
	}
	.h2-impressum {
		background:url(../images/h2/h2-impressum.jpg) 0 0 no-repeat;
	}
	
	.h2-obst-gemuese {
		background:url(../images/h2/h2-obst-gemuese.jpg) 0 0 no-repeat;
	}
	
h3 {
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px 0;
}	
	#pixaround {
		width:466px;
		height:183px;
		padding:11px;
		margin:26px 0 17px 2px;
		background:url(../images/bg-pixaround.jpg) 0 0 no-repeat;
	}
	.map {
		border:8px solid #f0a634;
		background:#FFFFFF;
		padding:3px;
	}
	.cms-img {
		border:6px solid #f0a634;
		background:#FFFFFF;
		padding:2px;
		float:left;
		margin:0 15px 15px 0;
	}
	.cms-img-end {
		border:6px solid #f0a634;
		background:#FFFFFF;
		padding:2px;
		float:left;
		margin:0 0px 10px 0;
	}
	
/* ------------------------------------------------------------- */
/* => content-sidebar
/* ------------------------------------------------------------- */

#content-sidebar {
   width:297px;
	padding:167px 0 0 84px;
   float:left;
	position:relative;
	height:260px;
	font-size:1.1em;
	line-height:164%;
}
	.highlight {
		font-size:1.2em;
	}
	.content-container-kontakt {
		line-height:182%;
		padding:45px 0 0 0;
	}
	.claim {
		width:280px;
		height:110px;
		position:absolute;
		top:0px;
		left:72px;
		font-size:0.00001em;
		line-height:0.00001em;
		text-indent:-9999px;
		background:url(../images/claim.png) 0 0 no-repeat;
	}

#push {
   font-size:0.001em;
   line-height:0.001em;
   height:80px;
   float:none;
   clear:both;
}


/* ------------------------------------------------------------- */
/* => footer
/* ------------------------------------------------------------- */
	
#footer {
   width:994px;
   height:251px;
   margin:0 auto;
	position:relative;
	color:#ffca78;
	font-size:1.1em;
	background:url(../images/bg-footer.jpg) 673px 171px no-repeat;
}
	#work-time {
		width:463px;
		height:72px;
		padding:78px 0 0 35px;
		color:#f48218;
		position:absolute;
		top:0px;
		left:419px;
		line-height:164%;
		background:url(../images/bg-work-time.png) 0 0 no-repeat;
	}

	#footer-img {
		width:335px;
		height:290px;
		position:absolute;
		top:-39px;
		left:84px;
		background:url(../images/footer-img.jpg) 0 0 no-repeat;
	}
	a.footer-logo {
		width:87px;
		height:60px;
		position:absolute;
		top:171px;
		left:560px;
	}

/* ------------------------------------------------------------- */
/* => navi-add-1
/* ------------------------------------------------------------- */

#navi-add-1 {
	width:280px;
	height:40px;
	position:absolute;
	top:194px;
	left:694px;
}
	#navi-add-1 ul {
		margin:7px 0 0 1px;
	}
	#navi-add-1 ul li {
		float:left;
	}
	#navi-add-1 ul li a {
		display:block;
		color:#ffca78;
		text-decoration:none;
		padding:0 0 0 11px;
		margin:0 18px 0 0;
		background:url(../images/arrow-navi-add-1.gif) 0 3px no-repeat;
	}
	#navi-add-1 ul li a:hover {
		text-decoration:underline;
	}
	#kontakt #navi-add-1 ul li a.kontakt { /* acvive */
		text-decoration:underline;
	}
	#danke #navi-add-1 ul li a.kontakt { /* acvive */
		text-decoration:underline;
	}
	#anfahrt #navi-add-1 ul li a.anfahrt { /* acvive */
		text-decoration:underline;
	}
	#impressum #navi-add-1 ul li a.impressum { /* acvive */
		text-decoration:underline;
	}
