html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	font-size: 12px; font-family:"arial","verdana", serif; color: #333333;
	background: #efebe9; 
	}
#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:150px; 
	bottom:100px; 
	width:1000px; 
	margin-left:-500px; 
	left:50%; 
	background:#fff;
	
	}
	
	


* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:1000px;
	border-top:154px solid #fff; 
	border-bottom:90px solid #fff;
	border-right:20px solid #fff; 
	}

#header {
	position:absolute; 
	margin-left:-500px; 
	left:50%; 
	top:0; 
	width:970px; 
	min-width:970px; 
	height:150px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
		border-right:15px solid #fff; 
	border-left:15px solid #fff; 
	}

* html #header {
	top:2px; width:970px; height:148px;
	}

#footer {
	position:absolute; 
	margin-left:-500px; 
	left:50%; 
	bottom:0; 
	width:970px; 
	min-width:970px; 
	height:60px; 
	background: #fff url('tw_foot.gif') no-repeat;
	font-size: 12px;
	z-index:5; 
	color:#000;
	padding-top: 55px;
	border-right:15px solid #fff; 
	border-left:15px solid #fff; 
	}

* html #footer {
	bottom:2px; width:1000px; height:105px;
	}

#nav2 {
position:fixed;margin: 15px 0 0 0px; padding:0 0 0 0; width: 220px; color:#CC0000; background-color:#FFFFFF}


* html #nav2 {margin: 15px 0 0 0px; padding:0 0 0 0; width: 220px; color:#CC0000; text-align:left; background-color:#FFFFFF}

#nav2 .onlineshop a {margin: 0 0 0 65px; padding:0 0 0 0; color: #fc001a; text-decoration: none;font-size:12px}

img{padding:0 0 0 0; margin:0 0 0 0;}
.gruen{color:#3d854c;font-weight:bold;}
.bild_rechts{float:right; border:0px solid #3d854c; padding:10px 0 0 10px;margin: 0 15px 15px 15px;}
.bild_links{float:left; border:0px solid #3d854c; padding:0 0 0 0; margin: 0 15px 15px 0;}


#shop1 {
 width:270px; padding: 10px 10px 10px 10px; font-size: 22px; color:#fc001a;
font-weight:bold; border:3px #fc001a solid;
 margin:5px 0 5px 170px;
text-align:center;
}

#lief a{font-size:12px; margin:0; padding:0;}
#lief ul{margin:0;}
#lief li{ background-image:url('pfeil.gif'); background-repeat:no-repeat; background-position: left top;  margin:0 0 0 0px; padding:0 0 0 15px; list-style-type:none}
#lief a img{border:0px; vertical-align:top;}


#lieferanten{ background: #fff url('lieferanten_1.gif') no-repeat;  z-index:1;  padding:0 0 0 0; width:550px; height:530px;
overflow:hidden;}			 

/* Popupfenster
*******************************************************************************/
 #lieferanten a.infobox { border-bottom: 0px dashed #1e2974; text-decoration:none;  font-size:10px; color:#1e2974; }
 #lieferanten a.infobox:hover { color:#1e2974; }
  #lieferanten a.infobox span { visibility:visible; position:absolute; left:-99em;
                   margin-top:10px; padding:5px 7px 5px 5px; text-decoration:none; width:200px;}
 #lieferanten a.infobox:hover span { visibility:visible; left:5em; margin:0 0 0 0;
                         border:1px solid #3d854c; color:#b80026; background:#fff;}
#lieferanten a.infobox img { float:left; border:0;}
#lieferanten a.infobox .head { color:#FFFFFF; font-weight:bold;}
#lieferanten .lief1{position:relative; left:266px; top: 52px; width: 18px; height: 19px;}
#lieferanten .lief2{position:relative; left:180px; top: 122px; width: 18px; height: 19px;}
#lieferanten .lief3{position:relative; left:137px; top: 110px; width: 18px; height: 19px;}
#lieferanten .lief4{position:relative; left:82px; top: 85px; width: 18px; height: 19px;}
#lieferanten .lief5{position:relative; left:150px; top: 116px; width: 18px; height: 19px;}
#lieferanten .lief6{position:relative; left:170px; top: 90px; width: 18px; height: 19px;}
#lieferanten .lief7{position:relative; left:327px; top: 107px; width: 18px; height: 19px;}
#lieferanten .lief8{position:relative; left:315px; top: 93px; width: 18px; height: 19px;}
#lieferanten .lief9{position:relative; left:260px; top: 75px; width: 18px; height: 19px;}
#lieferanten .lief10{position:relative; left:280px; top: 65px; width: 18px; height: 19px;}
#lieferanten .lief11{position:relative; left:368px; top: 45px; width: 18px; height: 19px;}
#lieferanten .lief12{position:relative; left:350px; top: 26px; width: 18px; height: 19px;}
#lieferanten .lief13{position:relative; left:332px; top: 10px; width: 18px; height: 19px;}
#lieferanten .lief14{position:relative; left:350px; top: -10px; width: 18px; height: 19px;}
#lieferanten .lief15{position:relative; left:158px; top: -50px; width: 18px; height: 19px;}
#lieferanten .lief16{position:relative; left:173px; top: -60px; width: 18px; height: 19px;}
#lieferanten .lief17{position:relative; left:188px; top: -77px; width: 18px; height: 19px;}
#lieferanten .lief18{position:relative; left:260px; top: -122px; width: 18px; height: 19px;}
#lieferanten .lief19{position:relative; left:241px; top: -130px; width: 18px; height: 19px;}
#lieferanten .lief20{position:relative; left:277px; top: -160px; width: 18px; height: 19px;}
#lieferanten .lief21{position:relative; left:286px; top: -174px; width: 18px; height: 19px;}
#lieferanten .lief22{position:relative; left:230px; top: -189px; width: 18px; height: 19px;}
#lieferanten .lief23{position:relative; left:290px; top: -210px; width: 18px; height: 19px;}
#lieferanten .lief24{position:relative; left:305px; top: -230px; width: 18px; height: 19px;}
#lieferanten .lief25{position:relative; left:295px; top: -250px; width: 18px; height: 19px;}
#lieferanten .lief26{position:relative; left:278px; top:-275px; width: 18px; height: 19px;}
#lieferanten .lief27{position:relative; left:285px; top: -290px; width: 18px; height: 19px;}
#lieferanten .lief28{position:relative; left:299px; top: -310px; width: 18px; height: 19px;}
#lieferanten .lief29{position:relative; left:300px; top: -327px; width: 18px; height: 19px;}
#lieferanten .lief30{position:relative; left:281px; top: -347px; width: 18px; height: 19px;}
#lieferanten .lief31{position:relative; left:300px; top: -360px; width: 18px; height: 19px;}
#lieferanten .lief32{position:relative; left:273px; top: -385px; width: 18px; height: 19px;}
#lieferanten .lief33{position:relative; left:250px; top: -405px; width: 18px; height: 19px;}
#lieferanten .lief34{position:relative; left:245px; top: -446px; width: 18px; height: 19px;}
#lieferanten .lief35{position:relative; left:220px; top: -492px; width: 18px; height: 19px;}
#lieferanten .lief36{position:relative; left:205px; top: -525px; width: 18px; height: 19px;}
#lieferanten .lief37{position:relative; left:185px; top: -520px; width: 18px; height: 19px;}
#lieferanten .lief38{position:relative; left:75px; top: -580px; width: 18px; height: 19px;}
#lieferanten .lief39{position:relative; left:20px; top: -522px; width: 18px; height: 19px;}

html>body #lieferanten .lief1{position:relative; left:266px; top: 52px; width: 18px; height: 19px;}
html>body #lieferanten .lief2{position:relative; left:180px; top: 132px; width: 18px; height: 19px;}
html>body #lieferanten .lief3{position:relative; left:137px; top: 128px; width: 18px; height: 19px;}
html>body #lieferanten .lief4{position:relative; left:82px; top: 108px; width: 18px; height: 19px;}
html>body #lieferanten .lief5{position:relative; left:150px; top: 145px; width: 18px; height: 19px;}
html>body #lieferanten .lief6{position:relative; left:170px; top: 125px; width: 18px; height: 19px;}
html>body #lieferanten .lief7{position:relative; left:327px; top: 150px; width: 18px; height: 19px;}
html>body #lieferanten .lief8{position:relative; left:315px; top: 142px; width: 18px; height: 19px;}
html>body #lieferanten .lief9{position:relative; left:260px; top: 133px; width: 18px; height: 19px;}
html>body #lieferanten .lief10{position:relative; left:280px; top: 129px; width: 18px; height: 19px;}
html>body #lieferanten .lief11{position:relative; left:368px; top: 116px; width: 18px; height: 19px;}
html>body #lieferanten .lief12{position:relative; left:350px; top: 105px; width: 18px; height: 19px;}
html>body #lieferanten .lief13{position:relative; left:332px; top: 97px; width: 18px; height: 19px;}
html>body #lieferanten .lief14{position:relative; left:350px; top: 83px; width: 18px; height: 19px;}
html>body #lieferanten .lief15{position:relative; left:158px; top: 49px; width: 18px; height: 19px;}
html>body #lieferanten .lief16{position:relative; left:173px; top: 46px; width: 18px; height: 19px;}
html>body #lieferanten .lief17{position:relative; left:188px; top: 37px; width: 18px; height: 19px;}
html>body #lieferanten .lief18{position:relative; left:260px; top: -2px; width: 18px; height: 19px;}
html>body #lieferanten .lief19{position:relative; left:241px; top: -5px; width: 18px; height: 19px;}
html>body #lieferanten .lief20{position:relative; left:277px; top: -27px; width: 18px; height: 19px;}
html>body #lieferanten .lief21{position:relative; left:286px; top: -34px; width: 18px; height: 19px;}
html>body #lieferanten .lief22{position:relative; left:230px; top: -39px; width: 18px; height: 19px;}
html>body #lieferanten .lief23{position:relative; left:290px; top: -57px; width: 18px; height: 19px;}
html>body #lieferanten .lief24{position:relative; left:305px; top: -70px; width: 18px; height: 19px;}
html>body #lieferanten .lief25{position:relative; left:295px; top: -80px; width: 18px; height: 19px;}
html>body #lieferanten .lief26{position:relative; left:278px; top:-100px; width: 18px; height: 19px;}
html>body #lieferanten .lief27{position:relative; left:285px; top: -110px; width: 18px; height: 19px;}
html>body #lieferanten .lief28{position:relative; left:297px; top: -125px; width: 18px; height: 19px;}
html>body #lieferanten .lief29{position:relative; left:300px; top: -127px; width: 18px; height: 19px;}
html>body #lieferanten .lief30{position:relative; left:281px; top: -143px; width: 18px; height: 19px;}
html>body #lieferanten .lief31{position:relative; left:300px; top: -150px; width: 18px; height: 19px;}
html>body #lieferanten .lief32{position:relative; left:273px; top: -170px; width: 18px; height: 19px;}
html>body #lieferanten .lief33{position:relative; left:250px; top: -180px; width: 18px; height: 19px;}
html>body #lieferanten .lief34{position:relative; left:245px; top: -216px; width: 18px; height: 19px;}
html>body #lieferanten .lief35{position:relative; left:220px; top: -252px; width: 18px; height: 19px;}
html>body #lieferanten .lief36{position:relative; left:205px; top: -280px; width: 18px; height: 19px;}
html>body #lieferanten .lief37{position:relative; left:185px; top: -270px; width: 18px; height: 19px;}
html>body #lieferanten .lief38{position:relative; left:75px; top: -315px; width: 18px; height: 19px;}
html>body #lieferanten .lief39{position:relative; left:20px; top: -252px; width: 18px; height: 19px;}

<!--[if IE 5]>
 #lieferanten a.infobox span { display:none; }
 #lieferanten a.infobox:hover span { display:block; }

<!--[endif]-->

 
ul.linklist
{list-style: none;}

ul.linklist li
{line-height: 20px;}



#headercontent
{position:absolute; margin:0 0 0 750px; width: 200px; }

html>body #headercontent
{position:absolute; margin:0 0 0 745px; width: 200px; }

.contentarea
{padding-top: 15px;padding-bottom: 30px;clear:right;}

#headerpic
{position:absolute;height: 140px; z-index:1;}

#menu
{position:absolute; left:0px; top:115px;  width:750px;color: #fff; height: 25px;padding: 0 0 0 0; z-index:1; font-size:14px;}
html>body #menu {top:100px;}


#menu ul
{position: relative;}

#menu ul li
{position: relative;display: inline;}

#menu ul li a
{padding: 0 5px 0 5px;color: #fff;text-decoration: none; }

#menu ul li a:hover
{text-decoration: none;}

#menu .active
{background: #ffffff; color:#fc001a; text-transform:uppercase;}


#content_start
{margin: 0 0 0 0; padding: 0 0 0 0; height:auto; background: #fff url('start_pic.jpg') no-repeat; 
color:#ffffff; font-size: 16px; font-weight:bold;}

#primarycontent_start
{ margin: 0 0 0 0; padding-top:15px; font-size: 15px;font-weight:bold;}

#primarycontent_start h1
{margin:15px 0 0 50px; padding: 5px 0 0 0; font-size: 20px; color:#ffffff; line-height:30px; }

#primarycontent_start a
{color:#ffffff;text-decoration:underline; padding: 0 0 0 0; margin: 0 0 0 0;}

#primarycontent_start p
{color:#ffffff; padding: 0 0 0 0; margin: 10px 0 10px 20px;}



#primarycontent
{margin: 20px 10px 10px 30px;  font-size: 14px; line-height: 18px; padding: 0 0 5px 0; width:680px;
text-align:left;
 }

#primarycontent img
{margin: 0 5px 0 0; }

#primarycontent .border
{border: 1px #3d854c  solid;margin: 0 15px 15px 0;}

#primarycontent hr{margin:10px 0 15px 0; width:75%; text-align:left;
text-shadow:none }

#primarycontent maike_versuch
{font-family:arial, verdana, helvetica, sans-serif; margin:0 0 15px 0; padding: 0 0 0 0; font-size: 12px; color:#3d854c;
text-align:left; line-height:24px;}

#primarycontent maike_versuch2
{font-family:arial, verdana, helvetica, sans-serif; margin:0 0 15px 0; padding: 0 0 0 0; font-size: 10px; color:#3d854c;
text-align:left; line-height:24px;}


#primarycontent maike_versuch3
{font-family:arial, verdana, helvetica, sans-serif; margin:0 0 15px 0; padding: 0 0 0 0; font-size: 11px; color:#3d854c;
text-align:left; line-height:24px;}


#primarycontent h1
{margin:0 0 15px 0; padding: 0 0 0 0; font-size: 20px; color:#3d854c;
text-align:left; line-height:26px;}

#primarycontent h2
{margin:0 0 10px 0;padding: 0 0 0 0; font-size: 18px; color:#3d854c;
line-height:24px;}

#primarycontent h3
{margin:0 0 10px 0; padding: 0 0 0 0; font-size: 16px; color:#3d854c;line-height:20px; }

#primarycontent h4
{margin:0 0 15px 0;padding: 0 0 0 0; font-size: 18px; color:#000000; line-height:22px;}
#primarycontent h5
{margin:0 0 10px 0; padding: 0 0 0 0; font-size: 16px; color:#000000; line-height:20px;}

#primarycontent h6
{margin:0 0 5px 0;padding: 0 0 0 0; font-size: 14px; color:#000000;line-height:18px; }


#primarycontent a
{color: #3d854c; text-decoration:none; font-weight:normal; padding: 0 0 0 0; margin: 0 0 0 0;}

#primarycontent p
{margin:0 0 0 0;padding: 5px 0 5px 0;  font-weight:normal;}

#primarycontent ul
{margin: 0 5px 0 15px;padding: 5px 0 5px 0;  font-weight:normal;}

#primarycontent td
{font-size: 14px; }

#primarycontent .rosalie_ueberschrift{color:#800080;font-weight:bold; font-size:20px; line-height:26px; font-style:italic;}
#primarycontent .rosalie_text{color:#800080;font-weight:bold; font-size:13px; line-height:18px; font-style:italic;}
#primarycontent .rosalie_importent{color:#800080;font-weight:bold; font-size:16px; line-height:20px; font-style:italic;}
#primarycontent .rosalie_importent a{color:#800080; font-size:16px; line-height:20px; font-style:italic;}
#primarycontent .big{font-weight:bold; font-size:14px; }

#nav2 ul
{ list-style-type:none; font-size:12px; padding:0; margin:0 0 0 35px;}

#nav2 ul li
{ padding: 0.3em 0em 0.2em 0em;}

#nav2 ul li a
{color: #fc001a;text-decoration: none;}

#nav2 ul li a:hover
{text-decoration: none;}

#nav2 .current
{text-transform:uppercase;}

#onlineshop{margin: -10px 0 0 0; padding:0 0 0 0;}
#onlineshop a {margin: 0 0 0 50px; padding:0 0 0 0; color: #fc001a; text-decoration: none;font-size:12px}


#footer .left
{font-weight:bold;color: #ffffff;padding: 0 0 0 30px;text-decoration: none;line-height: 1.5em;}

#footer a
{font-weight:bold;color: #ffffff;padding: 0 0 0 0;text-decoration: none;}
#nav3
{padding: 0 0 0 0; margin: 0 0 -15px 0; }


#footer .right
{position:absolute;left:800px; top:15px; width:120px;margin:0 0 0 0;}

#footer_start
{position: relative;height: 60px;clear: both;padding-top: 55px;background: url('tw_foot_start.gif') no-repeat;
font-size: 0.9em; margin: 0 0 0 0;}

#footer_start .left, a
{font-weight:bold;color: #ffffff;padding: 0 0 0 30px;text-decoration: none;line-height: 1.5em;}

#footer_start a
{font-weight:bold;color: #ffffff;padding: 0 0 0 0;text-decoration: none;}


#footer_start .right
{position:absolute;left:800px; top:15px; width:120px;margin:0 0 0 0;}



/* form-modehlung
*******************************************************************************/

fieldset {
	border:1px solid #ccc;
	width:500px;
}

#content legend {
	display:none;
}


#form-mod p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-mod .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #ccc;
}

#form-mod input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#content label.textarea, 
#content textarea.textarea {
	height:96px;
}

#content .list_content2{padding:10px 0px 10px 30px; }

/* artikelliste
*******************************************************************************/
#articleliste{width:670px; text-align:left;}

#articleliste fieldset {
width:660px;
	list-style:none;
	margin:5px 0 5px 0;
	padding:0;
	border:0px;
	border-bottom:1px solid #999999;
	
	
}

#articleliste ul {
	list-style:none;
	margin:0;
	padding:0;
}


#articleliste li {
	margin:0;
	padding:0;
	display:block;
	width:200px;
	font-size:14px;
	line-height:18px;
	height:auto;
	float:left;

}

#articleliste a:link, #articleliste a:visited   {
	display:block;
	color:#3d854c;
	text-decoration:none;
	
	}


#articleliste li a:hover {
	display:block;
	font-weight: bold;
	color: #333;
	
}


/* sortiment
*******************************************************************************/
#sort_tab{}
.sort_tab {border: 2px #3d854c solid; }
#sort_tab td{border: 1px #3d854c solid; }
#sort_tab .bg{background-color:#d2e5d7;}
#sort_tab .sp1{width:300px;  padding-left:5px;  }
#sort_tab .sp2{  padding-left:5px; border: 1px }
.font_green {font-weight: bold;	color: #3d854c;}
#tab_in {padding:0 0 0 0; margin:0 0 0 0;}
#tab_in td{border: 0;padding:0 0 0 0; margin:0 0 0 0; }

/* Empfehlung
*******************************************************************************/
#bg_hell{background: #efebe9;padding:25px 10px 25px 10px;}
#bg_hell_k{background: #efebe9;padding:2px 10px 2px 10px;}
#empf{background-color:#FFffff; padding:0 0 0 0; margin:0 0 0 0; width:250px; }

#empf input{
	margin:0px;
	width:200px;
	border:1px solid #333;
}
#empf input.text{
	margin:1px;
	width:250px;
	border:1px solid #333;
	height:20px;
}
#empf input.checkbox{
	text-align:left;
	width:15px;
	border:0px solid #333;
}
#empf input.radio{
	text-align:left;
	width:15px;
	border:0px solid #333;
}
#empf input.submit { 
	border:1px solid #333;
	width:250px;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
}
#empf .table_left{margin-right:50px; border:1px solid #333}
#empf .auswahl{width:20px; border:0px solid #333;}

#empf textarea{margin:1px;
	width:200px;
	border:1px solid #333; height:90px }

.invisible{display:none}

/* form-module
*******************************************************************************/
#form-module {
	margin:0px;
	padding:0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:0.9em;
	background-color:#fff;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:11px;
	
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:295px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	padding:0 0 0 0;
	border:none;
	margin:0 0 0 0;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:arial, verdana, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}




#form-module-thanks {
	display:block;
	color:#666;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.2em;
}
/* Layer System Ökokisten
*******************************************************************************/
#Layer1 {
	position: absolute;
	z-index:1;
	width: 300px;
	top: 300px;
	height: 200px;
  	left: 36%;
	visibility: hidden;
	background-color: #FFFFFF;
	border: thin solid #CC0000;
	padding:7px;
	text-align:justify;
}

#Layer2 {
	position: absolute;
	z-index:1;
	width: 300px;
	top: 250px;
	height: 320px;
  	left: 36%;
	visibility: hidden;
	background-color: #FFFFFF;
	border: thin solid #CC0000;
	padding:7px;
	text-align:justify;}

#Layer3 {
	position: absolute;
	z-index:1;
	width: 300px;
	top: 250px;
	height: 300px;
  	left: 36%;
	visibility: hidden;
	background-color: #FFFFFF;
	border: thin solid #CC0000;
	padding:7px;
	text-align:justify;
}

#Layer4 {
	position: absolute;
	z-index:1;
	width: 300px;
	top: 250px;
	height: 360px;
  	left: 36%;
	visibility: hidden;
	background-color: #FFFFFF;
	border: thin solid #CC0000;
	padding:7px;
	text-align:justify;
}

#Layer5 {
	position: absolute;
	z-index:1;
	width: 300px;
	top: 280px;
	height: 270px;
  	left: 36%;
	visibility: hidden;
	background-color: #FFFFFF;
	border: thin solid #CC0000;
	padding:7px;
	text-align:justify;
}

#Layer6 {
	position: absolute;
	z-index:100;
	width: 300px;
	top: 280px;
	height: 270px;
  	left: 36% ;
	visibility: hidden;
	background-color: #FFFFFF;
	border: thin solid #CC0000;
	padding:7px;
	text-align:justify;
}