body{background: #efebe9;padding: 0px 0px 0px 0px; margin:0 0 0 0; font-size: 12pt; font-family:"arial","verdana", serif; color: #333333; }

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:0 0 0 0;margin: 0 15px 15px 0;}
.bild_links{float:left; border:0px solid #3d854c; padding:0 0 0 0; margin: 0 15px 15px 0;}


 #content a.infobox { border-bottom: 1px dashed #1e2974; text-decoration:none;  font-size:10px; color:#1e2974; }
 #content a.infobox:hover { color:#1e2974;  filter:alpha(opacity: 0.6); }
  #content a.infobox span { visibility:hidden; position:absolute; left:-99em;
                   margin-top:1.5em; padding:5px 7px 5px 0; text-decoration:none; width:400px;}
 #content a.infobox:hover span { visibility:visible; left:25em;
                         border:1px solid #1e2974; color:#1e2974; background:#A5c3c9;}
#content a.infobox img { float:left; border:0;}
#content a.infobox .head { color:#FFFFFF; font-weight:bold;}

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



 
ul.linklist
{list-style: none;}

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


#outer
{width: 970px;border: solid 7px #fff;background-color: #fff;margin: 0 0 0 0;padding:0 0 0 0;text-align:left;}

#header
{position: relative;width: 100%;height: 150px;margin: 0 0 0 0;}


#headercontent
{float: right;margin:0 -5px 0 0; width: 200px; }

html>body #headercontent
{float: right;margin:0 25px 0 0; 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 40px; padding-top:15px; font-size: 15px;font-weight:bold;}

#primarycontent_start h1
{margin:15px 0 0 0px; padding: 5px 0 0 0; font-size: 22px; color:#397d47; line-height:28px; }

#primarycontent_start a
{color:#397d47;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 0px;}

#primarycontent_start a img
{text-decoration:none; padding: 0 0 0 0; margin: 0 0 0 0;}

#primarycontent_start img{
background:inherit;
border:#CC0000 0px solid;}


#content
{margin: 0 0 0 0; padding: 0 0 0 0; min-height:300px;}

#primarycontent
{margin: 20px 50px 10px 20px; font-size: 12px; line-height: 16px; padding: 0 0 5px 0;
min-height:300px; }

#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%; align:left;
text-shadow:none }

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

#primarycontent h2
{margin:0 0 10px 0;padding: 0 0 0 0; font-size: 16px; color:#3d854c; }

#primarycontent h3
{margin:0 0 5px 0; padding: 0 0 0 0; font-size: 14px; color:#3d854c; }

#primarycontent h4
{margin:0 0 10px 0;padding: 0 0 0 0; font-size: 16px; color:#000000; }
#primarycontent h5
{margin:0 0 5px 0; padding: 0 0 0 0; font-size: 14px; color:#000000; }

#primarycontent h6
{margin:0 0 5px 0;padding: 0 0 0 0; font-size: 12px; color:#000000; }


#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-size: 12px; font-weight:normal;line-height: 16px;}

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


#nav2
{margin: 15px 0 0 -20px; padding:0 0 0 0; width: 240px; color:#CC0000;  }

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

#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
{position: relative;height: 60px; width:100%; clear: both;padding-top: 55px;background: #fff url('tw_foot.gif') no-repeat;
font-size: 0.9em; margin: 5px 0 0 0;}
#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:550px; text-align:left;}

#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: 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:16px;
}
#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{width:250px; height:20px }
/* form-module
*******************************************************************************/
#form-module {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, 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:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

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

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, 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;
}