body {
	overflow:scroll;
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
background-color:#F8F8F8;
  }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: auto; /* Div soll zentriert werden */
	width:800px;
	min-height:520px;
	background-color:#FFF;
	font-style:normal;
font-family:Verdana;
background-color:#F8F8F8;
	

  }
  
    a:link { text-decoration:none; color:#F8F8F8; }
a:visited { text-decoration:none; color:#F8F8F8; }
a:focus { text-decoration:underline; color:#F8F8F8; }
a:hover { text-decoration:none; color:#00331A; }
a:active { text-decoration:underline; color:#F8F8F8; }
  
  div#Header {
    width: 800px;
	height: 200px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto
  }
  
  
  div#Navi{
	margin-top:10px;
    width: 625px;
	height: 30px;
	margin-left:300px;
	margin-bottom:-10px;
	background-color:#F8F8F8;
  }
  
    div#Logo{
	margin-left:30px;
	margin-top:40px;
    width: 175px;
	height: 30px;
	position:absolute;
  }
  
div#Content-Wrap {
	margin-top:20px;
	margin-bottom: 20px;
	height: auto;
	width: 800px;
	margin-left:auto;
	margin-right:auto
	
  }
  
  
 div#Links {
	min-height: 480px;
	float:left;
	width: 800px;
	text-align:center;
		-moz-background-size: 100%;
-moz-background-size: 100%; /* firefox/seamonkey [geckos] */
-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
-o-background-size: 100%; /* opera 9 */
-ms-background-size: 100%; /* internet explorer ab version 9 */
background-size: 100%; /* css definition (ab firefox 4, opera 10) */
		border:1px solid;
		border-color: silver;
  }
  
  
    div#Flasche {
	position:absolute;
	height:280px;
	width:200px;
	margin-top:230px;
	margin-left:560px;
  }
  
   div#box-icon{
	margin-left:-10px;
	margin-top:-10px;
    width: 80px;
	height: 80px;
	position:absolute;
  }
  
   div#box-icon2{
	margin-left:440px;
	margin-top:100px;
    width: 80px;
	height: 80px;
	position:absolute;
  } 
  
   div#box-icon3{
	margin-left:680px;
	margin-top:115px;
    width: 100px;
	height: 100px;
	position:absolute;
  } 

    div#box-wrapper
{
width: 802px;
height:auto;
margin-top:570px;
margin-bottom:30px;
} 



  #linksbox
{
height:180px;
width: 220px;
float: left;
padding-left: 20px;
padding-right: 20x;
padding-top:0px;
padding-bottom:0px;
background: #FFFFFF;
		border:1px solid;
		border-color: silver;
		-moz-background-size: 100%;
-moz-background-size: 100%; /* firefox/seamonkey [geckos] */
-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
-o-background-size: 100%; /* opera 9 */
-ms-background-size: 100%; /* internet explorer ab version 9 */
background-size: 100%; /* css definition (ab firefox 4, opera 10) */

} 

#rechtsbox
{
height:180px;
width: 200px;
float: right;
padding-left: 20px;
padding-right: 20px;
padding-top:0px;
padding-bottom:0px;
background: #FFFFFF;
		border:1px solid;
		border-color: silver;
		-moz-background-size: 100%;
-moz-background-size: 100%; /* firefox/seamonkey [geckos] */
-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
-o-background-size: 100%; /* opera 9 */
-ms-background-size: 100%; /* internet explorer ab version 9 */
background-size: 100%; /* css definition (ab firefox 4, opera 10) */
} 

#mittebox
{
height:180px;
width: 200px;
padding-left: 20px;
padding-right: 20px;
padding-bottom:0px;
padding-top:0px;
margin-left: 280px;
background: #FFFFFF;
		border:1px solid;
		border-color: silver;
		-moz-background-size: 100%;
-moz-background-size: 100%; /* firefox/seamonkey [geckos] */
-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
-o-background-size: 100%; /* opera 9 */
-ms-background-size: 100%; /* internet explorer ab version 9 */
background-size: 100%; /* css definition (ab firefox 4, opera 10) */
} 
  
  

 
.content {
	padding:10px;	
	margin:auto;
	margin-top:100px;
	width:500px;
	height:auto;
	background-color: #e6e6e6;
}


h1 {
	color:#006200;
	font-size:26px;
	font-weight:normal;
	text-align:center;
}

h2 {
	color:#006200;
	font-size:16px;
	font-weight:normal;
}

hr {
	height:1px;
	background-color:#46484a;
	border:none;
}

p {
	text-align:left;
	font-family: "Calibri";
	color:#00331A;
}


h3 {
	text-align:center;
	float:center;
	font-family: "Calibri";
	color:#F8F8F8;
	margin-top:10px;
}


label{
	cursor:pointer;
}

#form {
	margin:auto;
	width:335px;
	height:auto;
	font-family: "Calibri";
	color:#46484a;
}


input {
	float:right;
}

ul {
	font-family: "Calibri";
	color:#46484a;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

.menu li{
float:left;
position:relative;
z-index:100;

}


.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
top:25px;

}


.menu a, .menu :visited {
display:block;
font-size:13px;
width:125px;
padding:7px 0;
color:#006200;
font-style:normal;
font-family:Verdana;
background-color:#FFF;
text-decoration:none;
text-align:center;
background-color:#F8F8F8;



}

.menu :hover{
color:#17AB00;
}


.menu ul ul {
visibility:hidden;
position:absolute;
width:125px;

}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
background-color:#006200;
}

  
   div#Links-Innen {
	min-height: 480px;
	float:left;
	width: 800px;
	text-align:center;
	-moz-background-size: 100%;
	-moz-background-size: 100%; /* firefox/seamonkey [geckos] */
	-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
	-o-background-size: 100%; /* opera 9 */
	-ms-background-size: 100%; /* internet explorer ab version 9 */
	background-size: 100%; /* css definition (ab firefox 4, opera 10) */
  }
  
    ul#tabs {
    margin: 0; padding: 0.8em;
    text-align: center;
    border: 1px solid black;
    background-color: silver;
  }
  ul#tabs li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

  ul#tabs a, ul#tabs span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#tabs a, * html ul#tabs span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#tabs a:hover, ul#tabs span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  
      div#Rezept-Wrapper {
	position:absolute;
	height:80px;
	width:480px;
	margin-top:400px;
	margin-left:360px;
  }
  
   div#Rezept-Text {
	position:absolute;
	height:284px;
	width:332px;
	background-color:#F8F8F8;
	border:1px solid;
	border-color:silver;
	margin-top:60px;
	margin-left:428px;
	text-align:center;
	padding-LEFT:10px;	
	PADDING-RIGHT:10px;
	padding-top:15px;
	color:#006200;
  }
  
     div#Partner-Text {
	position:absolute;
	height:300px;
	width:420px;
	background-color:#F8F8F8;
	border:1px solid;
	border-color:silver;
	margin-top:60px;
	margin-left:340px;
	text-align:center;
	padding-LEFT:10px;	
	PADDING-RIGHT:10px;
	padding-top:15px;
	color:#006200;
  }
  
        div#Partner-Wrapper {
	position:absolute;
	height:220px;
	width:480px;
	margin-top:420px;
	margin-left:380px;
  }

       div#Produkt-Wrapper-XL {
	position:absolute;
	height:220px;
	width:900px;
	margin-top:400px;
	margin-left:-10px;
  }
  
      div#Produkt-Wrapper {
	position:absolute;
	height:220px;
	width:501px;
	margin-top:300px;
	margin-left:320px;
  }
  
  
   div#Produkt-Text {
	position:absolute;
	height:200px;
	width:780px;
	border:1px solid;
	border-color:silver;
	margin-top:550px;
	text-align:center;
	padding-LEFT:10px;	
	PADDING-RIGHT:10px;
	color:#006200;
	background: url("Bilder/box-produkt.jpg");
  }
  
     div#Produkt-Text-Links {
	width:240px;
	padding-LEFT:10px;	
	PADDING-RIGHT:10px;
	color:#006200;
	float:left;
	margin-top:-16px;
  }
  
       div#Produkt-Text-Rechts{
	width:240px;
	padding-LEFT:10px;	
	PADDING-RIGHT:10px;
	color:#006200;
	float:right;
	margin-top:-16px;
  }
  
         div#Produkt-Text-Mitte{
	width:240px;
	padding-LEFT:10px;	
	PADDING-RIGHT:10px;
	margin-left:260px;
	margin-right:260px;
	color:#006200;


  }
  
     div#Produkt-Abstand-Bottom{
	 height:30px;
	 position:aboslute;
	 margin-top:280px;
  }
  
  ph {
  color:#006200;
	font-size:16px;
	font-weight:normal;
		text-align:center;
	}
  
     div#Produkt-Pfeil {
    	-moz-background-size: 100%;
	-moz-background-size: 100%; /* firefox/seamonkey [geckos] */
	-webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
	-o-background-size: 100%; /* opera 9 */
	-ms-background-size: 100%; /* internet explorer ab version 9 */
	background-size: 100%; /* css definition (ab firefox 4, opera 10) */
    position:absolute;
	height:20px;
	width:20px;
	margin-top:531px;
  }