body{
  color: #666666;
  font-family:"Trebuchet MS", Tahoma, Arial, Sans;
  font-size: 12px;
}

.small{
	font-size: 10px;
}

#content-right{
	color: #888888;
}

a{
  color:#339900;
  text-decoration: none;
}
a:hover, a.active{
	text-decoration: underline;
}


a img{
 border:0;
}

li.inactive{
  color:#777;
  cursor:default;
}

h1.graphical-header{
	padding-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#content-right .graphical-header{
	width:275px;
}

h2.graphical-header{
	padding-bottom: 15px;
}

iframe{
	border: 1px solid #339900;
}

#content-wrap h1{
	font-size: 24px;
	color: #339900;
	font-weight: normal;
	padding-bottom: 15px;
}


h2,h3,h4 {
	font-size:15px;
	color: #339900;
	padding-bottom: 10px;
}


.brighter{
	color:#888;
}

#meta-menu{
  font-size:11px;
}

#meta-menu ul li{
  	width:auto;
  	float:left;
  	padding: 0 0 0 10px;
}

#meta-menu ul li a{
	display: block;
	padding-top:4px;
}

#meta-menu form input
{  
    display:block;float:left; 
    border: 0;
    font-size:10px;
    padding: 6px 5px;
    width: 100px;
    height:13px;
    background: url(../imgs/search_back.gif) no-repeat;
}

#meta-menu form input.small-submit{ 
	padding:0;
	text-indent:22px;     
    padding:0;
    margin-left:1px;
    width: 25px;
    height:25px;
    background: url(../imgs/search_butt.gif) no-repeat;
    cursor:pointer;
    border:0;
}


#breadcrumbs{
	color: #339900;
	font-size: 11px;
}

#breadcrumbs a{
	color:#66cc33;
	text-decoration: underline;
}


#content-wrap{
  line-height: 155%;
}

#content-wrap a{
  
}

#content-wrap a.external-link-new-window,
#content-wrap a.external-link,
#content-wrap a.internal-link-new-window,
#content-wrap a.internal-link,
#content-wrap a.mail{
	background: url(../imgs/link_pfeil.gif) left no-repeat;
	padding-left:15px;
	text-transform: uppercase;
}


#content-wrap a:hover{
   text-decoration:underline;
}


        
#content-wrap .button-wrap{
	display:table-cell;
	border: 1px solid #c8c8c8;
	padding:1px;
	margin-top: 1px;
}

#content-wrap a.nohover:hover{
	text-decoration: none;
}

#content-wrap .button-wrap:hover{
	border-color:#EA5036;
}

div.button-wrap input{
	margin:0;
}


#content-wrap ul{
	padding-left: 20px;
}

#content-wrap ul li {
	list-style: disc;
}

#content-wrap p {
  margin: 0 0 10px 0;
}

#content-wrap label{
	display:block;
	float:left;
	clear: left;
}

#footer{
  font-size:11px;
  padding: 15px 0;
  color:#339900;
  
}



/* Produktmenu */

#content-wrap ul.produkt-menu{
	padding:0;
	width: 670px;
	position: relative;
	left:-6px;
}
#content-wrap ul.produkt-menu li{
	list-style: none;
	width:173px;
	height:181px;
	float:left;	
	padding:15px 145px 15px 15px;
	cursor: pointer;
}


/* PLZ Suche */

	.plz-suche input.text{
		border:1px solid #339900;
	    font-size:10px;
    	padding: 6px 5px;
    	width: 155px;
    	height:13px;
		background: #ddf4d2;
		float:left;
	}


table.gmap-table{
	margin-top: 20px;
}

#google_map{
	width:400px;
	height: 280px;
	margin-right:30px;
	border:1px solid #339900;
}

.haendler-liste {
	padding-top: 20px;
}

.haendler-liste table{
	width: 100%;
}

.haendler-liste table tr td{
	padding:2px 10px 2px 0;
	border-top: 1px solid #ddd;
} 


/* Produktdetails */


.produkt-seite h3{
	font-size: 12px;
	font-weight: normal;
	color: #339900;
}

.produkt-tabs a{
	display: block;
	width:290px;
	float:left;
	font-size:18px;
	color: #b0d89c;
	border: 1px solid #f5faf1;
	border-bottom-color: #b0d89c;
	padding: 4px 6px;
	position: relative;
	left: -6px;
	margin-bottom: 15px;
	background: #f5faf1;
}

#content-wrap .produkt-tabs a:hover{
	text-decoration: none;
}

#content-wrap .produkt-tabs a.active{
	text-decoration: none;
	border-width: 1px 1px 0px 1px;
	color: #339900;
	border-color:#b0d89c;
	background: none;
}

.produkt-details{
	clear: left;
}

.produkt-bild-gross{
	width:260px;
	height:387px;
	position: absolute;
	right:0;
	top:137px;
	z-index: 2;
}

.produkt-hinweise{
	width:290px;
	padding-right:15px;
	float:left;	
}

.produkt-tabelle{
	width:350px;
	float:left;
}

.produkt-tabelle table{
	width:100%;
}

.produkt-tabelle table tr td{
	padding: 0 5px;
	width: 50%;
}

.produkt-tabelle table tr.odd td{
	background: #dcf4d2;	
}

/* Rezepte */

.klappmenu {
        position: relative;
    }
    
    #klappmenu{
    	margin-bottom:20px;
    }
  
    .klappmenu-head{
      height:21px;
      background:#ebf1e8 repeat-x; 
      padding: 0 10px 0 10px;
      line-height: 20px;
      cursor:pointer;
      color:#339900;
    }
    
    .klappmenu-head:hover,
    .klappmenu-head.active{
    	color:white;
    	background: #66cc33;
    }
    
    .klappmenu-active{

    }
  
    h2.klappmenu-head , h3.klappmenu-head {
      font-weight:bold;
      font-size: 14px;
      position: relative; /* required for effect */
      margin-bottom:1px;
      z-index: 10;      
    }
  
    .klappmenu-content{         
      padding: 0 10px;
      overflow: hidden;
      background: #f5faf1;
      margin-bottom:1px;
      clear:left;
    }
    
    .klappmenu-item{
    	height:66px;
    	width:300px;
    	margin: 10px 20px 10px 0;
    	float:left;
    	background: white;
    	display: table-cell;
    	vertical-align: middle;
    }
    
	.klappmenu-pic{
    	float:left;
    	width:100px;
    	height:66px;
    	background: white;
    	margin: 0px 10px 0 0;
    	
     }
    
    .klappmenu-text{
    	font-size: 14px;
        }



	.rezept-single h2{
		color: #339900;
	}
	.rezept-single h3{
		color: #339900;
		font-weight: normal;
	}
	
	.rezept-single-image{
		float: left;
		padding: 6px 20px 10px 0;
	}

	td.rezept-single-left{
		width:400px;
		padding-right:30px;
	}
	
	.rezepte-context{
		padding-bottom: 10px;
	}
	
	.rezepte-context select{
		width:193px;
		border:1px solid #339900;
	}


/* Forms */
	
form input.text,
form textarea.textarea
{
		border:none;
	    font-size:10px;
    	padding: 6px 5px;
    	width: 250px;
    	height:13px;
		background: #ddf4d2;
		float:left;
		margin-bottom: 10px;
	}

form textarea.textarea
{
    	height:130px;
}


form input.submit{
		border:1px solid #339900;
	    font-size:10px;
    	padding: 3px 5px;
    	width: 100%;
    	color:#ddf4d2;
		background: #339900;
}

form input.small-submit
{ 
	padding:0;
	text-indent:25px;     
    padding:0;
    margin-left:1px;
    width: 25px;
    height:25px;
    background: #339900 url(../imgs/search_butt.gif) bottom no-repeat;
    cursor:pointer;
    border:0;
}


/* Login */

.tx-newloginbox-pi1 table label{
	width:100%;
	padding: 0 0 0 0;
}

.tx-newloginbox-pi1 table tbody input{
		border:none;
	    font-size:10px;
    	height:13px;
    	padding: 5px 0px;
    	margin: 0 0 10px 0;
    	width: 100%;
		background: #ddf4d2;
}

.tx-newloginbox-pi1 table tfoot input{
        border:none;
	    font-size:10px;
    	padding: 5px 0px;
    	width: 100%;
    	color:#ddf4d2;
		background: #339900;
}


/* Indexed Search*/


#content-wrap ul.browsebox {
	padding: 0;margin:0:
}

#content-wrap ul.browsebox li{
	float: left;
	padding: 0 10px 0 0;
	list-style: none;
}

.tx-indexedsearch-searchbox,
#content-wrap .tx-indexedsearch-browsebox p{
	background:#f5f5f5;
	padding:10px 15px;
}
#content-wrap .tx-indexedsearch-browsebox p{
	padding-top:0;
}

div.browsebox{
	margin-top: 15px;
	position: relative;
	height:25px;
}

div.browsebox .tx-indexedsearch-next{
 	position: absolute;
 	right:0;top:0;
}

.tx-indexedsearch-whatis{
	display:none;
}

.tx-indexedsearch-single-res{
	clear:left;
	position: relative;
	padding: 15px 0 ;
	border-bottom:1px solid #f5f5f5;
}

.tx-indexedsearch-percent{
	position: absolute;
	top:15px; right:0;
}



/* NEWS */

div.news-single-image{
	float:left;
	padding-right: 10px;
}

div.news-list-item{

	padding-bottom: 20px;
}


.graybox{
	display:block;
	padding: 15px;
	background: #f5f5f5;
}

.error{
	border: 1px solid red;
}