html, body, ul, li {margin: 0; padding: 0; border: 0;}

body {
  color: #000; 
  margin: 30px;			 
  background: #eee;
	font-size: 100.01%;
  font-family: verdana, sans-serif;
 	}

.alignright {margin: 0 30px 30px 0; text-align: right;}

.small {font-size: .8em;}
.back {text-align: right; padding: 3px 10px 0 0;}
.back a {text-align: right; font-size: .8em; color: #000;}
.textbox {
border: 1px solid #252;
margin: 20px 10%;
padding: 0 10px;
background: #fff8f8;
}
img {border: 0;}
img.ab {margin: 15px;}
h1 {font-size: 1.8em; text-align: center; font-family: tahoma, arial, sans-serif; color: #484;}	
h1:active {background: red;}
h2 {font-size: 1.2em; font-family: verdana, sans-serif; margin: 10px; color: #484;}
h3 {font-size: 1.0em; font-family: verdana, sans-serif; margin: 10px; color: #484;}	
p {color: #000; font-size: .9em;}
ul { /* needs the Holly hack to avoid IE bugs */
	border-top: 1px solid #000;	}
li {
  list-style: none; /* kills the list item "bullet" markers */
  border-bottom: 1px solid #000; /* Makes side borders on flyouts */
  position: relative;
	text-align: center;
	vertical-align: bottom; /* for IE5/win */
	font-weight: bold;
	font-family: arial, sans-serif;
	}
.nav a {
  display: block;
  vertical-align: bottom; /* needed for IE5/win */
	color: #552;
	text-decoration: none;
	padding: 5px 10px;
	border: 1px solid #000;
	border-width: 0 1px; /* Makes side borders on flyouts */
	}

.nav a:hover {color: #c44; text-decoration: underline;}
	
.nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */
	background-color: #00c !important;
	color: white;
	}
.float-holder-left {
  width: 150px;
	float: left;
	margin: 40px 20px 0 0;
	}
.float-holder-right {
  width: 150px;
	float: right;
	margin: 40px 0 0 20px;
	}	
.nav div {
  width: 150px;
  position: absolute;  
	left: -3000px;
	}
/* \*/
.nav div {
  width: 220px;
  wid\th: 150px;
	}
/* Box model fix for IE5.x Win */	
.float-holder-left div {
  padding: 30px 60px 30px 10px;
	}
.float-holder-right div {
  padding: 30px 10px 30px 60px;
	}
.float-holder-left div.leftbox,
.float-holder-right div.leftbox {
  padding: 30px 10px 30px 60px;
	}
.float-holder-left div.rightbox,
.float-holder-right div.rightbox {
  padding: 30px 60px 30px 10px;
	}
.float-holder-left .nav div.zone,
.float-holder-right .nav div.zone {
  padding: 0;
  width: 150px;
	height: 10px;  
	left: -3000px;
	top: auto;
	bottom: -10px;
  font-size: 1px;
	}
.float-holder-left .nav li:hover div.zone,
.float-holder-right .nav li:hover div.zone {
	left: 0;
	}
.float-holder-left li:hover div div,
.float-holder-left div li:hover div div,
.float-holder-right li:hover div div,
.float-holder-right div li:hover div div {
	left: -3000px;
	}
.float-holder-left li:hover div,
.float-holder-left div li:hover div,
.float-holder-left div div li:hover div.rightbox,
.float-holder-right div div li:hover div.rightbox {
  left: 126px;
  top: -28px;
  }
.float-holder-left div div li:hover div.leftbox,
.float-holder-right li:hover div,
.float-holder-right div li:hover div,
.float-holder-right div div li:hover div.leftbox {
  left: auto;
  right: 126px;
  top: -28px;
  }
.main {z-index: 90; background: #ffb2cd;}
.main li {background-color: #ff8cb5;}

/*.sales {z-index: 5; background: #fcd;} .sales li {background-color: #ebc;}*/

.nachtschatten {z-index: 80; background: #eeccff;}
.nachtschatten li {background-color: #dd99ff;}
.nachtschatten li li {background-color: #ca5eff;}
.nachtschatten li li li {background-color: #a200f2;}

.frucht {z-index: 70; background: #ddf;}
.frucht li {background-color: #bbd;}
.frucht li li {background-color: #99b;}
.frucht li li li {background-color: #fff;}

.salat {z-index: 60; background: #dfd;}
.salat li {background-color: #bdb;}
.salat li li {background-color: #6fb677; }

.blattgem {z-index: 50; background-color: #ffffbd;}/*#dfd;*/
.blattgem li {background-color: #ffff9b;}
.blattgem li li {background-color: #feff6a;}

.wurzel {z-index: 40; background-color: #c06132; color: #ffffff;}
.wurzel li {background-color: #b0592f; color: #ffffff;}
.wurzel li li {background-color: #8d4a29; color: #ffffff;}
.wurzel a {color:#ffffff;}
.wurzel a:hover {color: #ffffff; text-decoration: underline;}
.wurzel a:focus, a.sffocus {color: #ffffff;}
.wurzel a:visited {color: #ffffff;}

.masse {z-index: 30; background-color: #ffffbd;}
.masse li {background-color: #ffff9b;}
.masse li li {background-color: #feff6a;}

.stevia {z-index: 20; background-color: #228b22;}
.stevia li {background-color: #19671a; color: #ffffff;}
.stevia li li {background-color: #144814;}
.stevia a {color:#ffffff;}
.stevia a:hover {color: #ffffff; text-decoration: underline;}
.stevia a:focus, a.sffocus {color: #ffffff;}
.stevia a:visited {color: #ffffff;}

.nav ul a {color: #fff;}
/*.schwarz {color: #000;}*/
	
.nav li li li li a {
color: #000;
}
	/* bestimmt die Farbe aller Textlinks in Untermenüs */
.nav li li a {
color: #552;
}

.float-holder-left .arrow {
background: url(images/arrow-right.gif) no-repeat 100% 50%; 
}

.float-holder-right .arrow {
background: url(images/arrow-left.gif) no-repeat 0 50%; 
}

.arrow-double {
background: url(images/arrow-double.gif) no-repeat 0 50%; 
}

.in-arrow-right {
background: url(images/arrow-right-lite.gif) 0 .4em no-repeat;
}

.in-arrow-left {
background: url(images/arrow-left-lite.gif) 100% .4em no-repeat;
}
/* \*/ /*/ 

.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { 
  position: relative;
	left: 5px;
	padding: 0;
	}

.nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;}

.zone {display: none;}

/* */

.classW {font-size: .6em !important;}
.classW div, .classW ul ul .leftbox, .classW ul ul .rightbox, 
.classW li:hover div, .classW ul li:hover div .leftbox, .classW ul ul .rightbox {
  position: relative !important;
	left: 5px !important;
	top: 0 !important;
	padding: 0 !important;
	}

.classW .arrow, .classW .arrow-double, .classW .in-arrow-right, .classW .in-arrow-left {
border-bottom: 1px solid #000; 
background-image: none  !important;
}

.classW .zone {display: none;}