/* Start Hintergund */


body {
	background-color: #72180e;
	background-image: url(../images/hg_kachel_rot.gif);
	background-repeat: repeat-x;
}

/* Ende Hintergund  */




/* Start FLA */

#CarouselDiv {
	position:absolute;
	width: 857px;
	height:440px;
	left: 0px;
	top: 196px;
	}



/* EndeFLA */



/* Start Seitenrahmen */

#hippweiss{
	position:relative;
	background-image:url(../images/bg_hipp.jpg);
	width: 857px;
	height:441px;
	margin: auto;
	margin-top:-15px;

}

#premium {
	position:absolute;
	background-image:url(../images/premium.gif);
	background-repeat:no-repeat;
	width: 391px;
	height:113px;
	top:83px;
    right:21px;
	
}

#rundums {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	position:absolute;
	width: 434px;
	height:113px;
	top:106px;
	right:15px;
	
}

#biotext1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	position:absolute;
	width: 434px;
	height:113px;
	top:96px;
	right:15px;
	
}

#produktrange {
	position:absolute;
	width: 391px;
	height:113px;
	top:241px;
	right:476px;
	
}


#haken {
	position:absolute;
	width: 446px;
	height:72px;
	top:165px;
	left: 411px;
	z-index: 7;
	
}


#transp {
	position:absolute;
	width: 200px;
	height:206px;
	top:22px;
	left: 181px;
	z-index: 7;
	
}


#produkt {
	position:absolute;
	width: 695px;
	height:262px;
	top:235px;
	left: 0px;
	z-index: 2;
	
}

#mueslischale {
	position:absolute;
	width: 414px;
	height:262px;
	top:212px;
	left: -17px;
	z-index: 2;
	
}

#kaufenmuesli {
	position:absolute;
	width: 312px;
	height:262px;
	top:234px;
	left: 58px;
	z-index: 2;
	
}

#angaben {
	position:absolute;
	background-color:#fff4d2;
	position:absolute;
	width: 732px;
	height:336px;
	top:235px;
	left: 1px;
	z-index: 5;
	visibility: hidden;
}

div#angaben table#zutaten{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #06285b;

	}
	
div#angaben table#zutaten table#kcal{
  border-width:1px;
  border-style:solid;
  border-color:#06285b;
  padding:0.5em;
  text-align:justify;

	}

#verpackung {
	position:absolute;
	width: 227px;
	height:262px;
	top:232px;
	left: 695px;
	z-index: 4;
	
}

#aufklappen {
	position:absolute;
	width: 250px;
	height:34px;
	top:587px;
	left: 317px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	z-index: 8;
	
}

#einklappen {
	position:absolute;
	width: 250px;
	height:34px;
	top:587px;
	left: 317px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	visibility: hidden;
	
}

#back {
	position:absolute;
	width: 250px;
	height:34px;
	top:587px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}

#wstephan {
	position:absolute;
	width: 357px;
	height:175px;
	top:467px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}

#order_mitte{
	position:absolute;
	width: 250px;
	height:34px;
	top:588px;
	left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}
#shop {
	position:absolute;
	width: 250px;
	height:34px;
	top:587px;
	left: 175px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}

#impressum {
	position:absolute;
	width: 152px;
	height:34px;
	top:587px;
	left: 716px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}

#impressum_weiterunten {
	position:absolute;
	width: 157px;
	height:34px;
	top:921px;
	left: 713px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	
}




a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
	
}


a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:underline;
	
}





/* Start Navi */

#navigesamt{
	position:absolute;
	width:434px;
	height:27px;
	background-color:transparent;
	right:20px;
	top:20px;

}

a.produkte{
  display:block;
  background-position:top left;
  height:27px;
  width:88px;
  float: left;
  background-image:url(../images/produkte.gif);
}

a.produkte:hover {background-position: bottom;}


a.bio{
  display:block;
  background-position:top left;
  height:27px;
  width:116px;
  float: left;
  background-image:url(../images/bio.gif);
}

a.bio:hover {background-position: bottom;}

a.rundum{
  display:block;
  background-position:top left;
  height:27px;
  width:147px;
  float: left;
  background-image:url(../images/rundum.gif);
}

a.rundum:hover {background-position: bottom;}

a.kontakt{
  display:block;
  background-position:top left;
  height:27px;
  width:83px;
  float: left;
  background-image:url(../images/kontakt.gif);
}

a.kontakt:hover {background-position: bottom;}


/* Ende Navi */


/* Start Navi ACTIVE */

#produkteactive{
	position:absolute;
	display:block;
	height:27px;
	width:88px;
	background-image:url(../images/produkte_select.gif);
	top: 0px;
	left: 0px;
  }

#bioactive{
	position:absolute;
	display:block;
	height:27px;
	width:116px;
	background-image:url(../images/bioactive.gif);
	top: 0px;
	left: 88px;
  }



#rundumactive{
	position:absolute;
	display:block;
	height:27px;
	width:147px;
	background-image:url(../images/rundumactive.gif);
	top: 0px;
	left: 204px;
  }



#kontaktactive{
	position:absolute;
	display:block;
	height:27px;
	width:83px;
	background-image:url(../images/kontaktactive.gif);
	top: 0px;
	left: 351px;
  }




/* Start Navi ACTIVE */





/* Start Subnavi */


#subNavigation{
	position:absolute;
	font-size:12px;
	width:206px;
	font-family:Arial, Helvetica, sans-serif;
	left: 418px;
	top: 56px;
	background-color:transparent;
	  }
  
  
#subNavigation a.frucht{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/frucht.gif);
}

#subNavigation a.frucht:hover {background-position: bottom;}

#subNavigation a.schoko{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/schoko.gif);
}

#subNavigation a.schoko:hover {background-position: bottom;}



#subNavigation a.kschoko{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/kschoko.gif);
}

#subNavigation a.kschoko:hover {background-position: bottom;}



#subNavigation a.waldbeeren{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/waldbeeren.gif);
}

#subNavigation a.waldbeeren:hover {background-position: bottom;}


#subNavigation a.mandeln{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/mandeln.gif);
}

#subNavigation a.mandeln:hover {background-position: bottom;}



#subNavigation a.kfrucht{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/kfrucht.gif);
}

#subNavigation a.kfrucht:hover {background-position: bottom;}


#subNavigationbio{
	position:absolute;
	font-size:12px;
	width:206px;
	font-family:Arial, Helvetica, sans-serif;
	left: 489px;
	top: 58px;
	background-color:transparent;
	height: 62px;
	  }


#subNavigationbio a.biounter{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/biounter.gif);
}

#subNavigationbio a.biounter:hover {background-position: bottom;}



#subNavigationbio a.landbau{
  display:block;
  background-position:top left;
  height:16px;
  width:206px;
  background-image:url(../images/landbau.gif);
}

#subNavigationbio a.landbau:hover {background-position: bottom;}

/* Ende Subnavi */


/* Start Subnavi ACTIVE*/


#subNavigation #fruchtactive{
	position:absolute;
	display:block;
	height:16px;
	width:206px;
	background-image:url(../images/fruchtactive.gif);
	top: 80px;
	left: 0px;
}


#subNavigation #schokoactive{
	position:absolute;
	display:block;
	height:16px;
	width:206px;
	background-image:url(../images/schokoactive.gif);
	top: 64px;
}



#subNavigation #kschokoactive{
	position:absolute;
	display:block;
	height:16px;
	width:206px;
	background-image:url(../images/kschokoactive.gif);
	top: 0px;
	left: 0px;
}



#subNavigation #waldbeerenactive{
	position:absolute;
	display:block;
	height:16px;
	width:206px;
	background-image:url(../images/waldbeerenactive.gif);
	top: 32px;
}


#subNavigation #mandelnactive{
	position:absolute;
	display:block;
	height:16px;
	width:206px;
	background-image:url(../images/mandelnactive.gif);
	top: 16px;
}

#subNavigation #kfruchtactive{
	position:absolute;
	display:block;
	height:16px;
	width:206px;
	background-image:url(../images/kfruchtactive.gif);
	top: 48px;
	left: 0px;
}

#subNavigationbio #biounteractive{
	position:absolute;
	display:block;
	background-position:top left;
	height:16px;
	width:206px;
	background-image:url(../images/biounteractive.gif);
	top: 0px;
}

#subNavigationbio #landbauactive{
	position:absolute;
	display:block;
	background-position:top left;
	height:16px;
	width:206px;
	background-image:url(../images/landbauactive.gif);
	top: 16px;
}

/* Ende Subnavi ACTIVE*/





	
	
/* Ende Seitenrahmen */