/* colors 
.green  #35ba09
.beige  #f5ecc1
.light-beige #f7f4e8
.brown  #652d2c
*/
/* Screen layout: */

* { padding: 0; margin: 0; border: 0;}
html { height: 101%; } /* Scrollbalken fallen weg */

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100.1%;

	color: #652d3c;
	background-color:  #ffffff;

}

#wrap_site {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:relative;
	font-size: 18px;
	color: #652d2c;
	width: 950px;
}

#wrap_main {
	position: relative;
	width:950px;
}
#header {
	position: relative;
	height: 150px;
	border-bottom: solid 6px #35ba09;
	background-color: #ffffff;
}
#main{
	position: relative;
	width: 950px;
	background-color: #ffffff;
	border-right: solid 1px #35ba09;
}	
#left {
	position: relative;
	float: left;
	width: 190px;
	padding-bottom: 10px;
}
#verkauf-button {
	position: relative;
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
 	letter-spacing: 0.1em;
 	border: solid 2px #35ba09;
}
#verkauf-button a{
	display: block;
}
#aktuell {
	position: relative;
	margin-top: 10px;
	padding:2px;
	border: solid 3px #35ba09;
}
.verkauf {	
	padding:2px;
	border: solid 3px #35ba09;	
}
div .verkauf{
	width: 19em;
}
#right {
	position: relative;
	float: right;
	width: 730px;


}
#content {
	position: relative;
	padding: 5px 5px 5px 0px;
}
.content-left{
	position:relative;
	width: 50%;
	float: left;
}
.content-right {
	position: relative;
	width: 49%;
	float: right;
	padding-right: 4px;
}
div .wissenswertes{
	width: auto;
}
	
.wissenswertes {
	position: relative;
	font-weight: bold;
 	letter-spacing: 0.1em;
}
#footer {
	position: relative;
	width: 100%;
	padding: 0px;
	color: #652d2c;
	font-size: 14px;	
	border-top: solid 1px #652d2c;
}


/*---------------==global formatting -------------------
-----------------------------------------------------------*/
/* ------------- =headlines---------------- */
h1 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	padding: 18px 4px 5px 4px;
	margin-bottom: 5px;
}
	
h2 {
	font-size: .9em;
	font-weight: bold;	
	text-align: left;
	text-indent: 0px;
	line-height: 1em;
	padding: 14px 4px 3px 4px;
}
h3 {
	font-size: .8em;
	font-weight: bold;	
	text-align: left;
	text-indent: 0px;
	padding: 8px 4px 5px 4px;
}

/*--------------=global classes ---------------------*/

p{
	font-size: 14px;
	line-height: 150%;
	padding: 4px;


}
.strong {
	font-weight: bold;
}
.clear {

	clear: both;
	width: 1px;
	height: 0px;
	font-size: 0px;
}
.clear-right {
    clear: right;
}
.clear-left {
    clear: left;
}

.right {
	float: right;
}
.left {
	float: left;
}
.bold {
	font-weight: bold;
}
.pad-0 {
	padding: 0px;
}
.hidden {
	position: absolute;
	top:-1000px;
	left: -1000px;
	width: auto;
}
.green {
	color: #35bb09;
	font-weight: bold;
}
.line-green{
	border-bottom: solid 2px #35ba09;
}
.line-dotted{
	border-bottom: dotted 2px #652d2c;
}
/*------------images------------*/
/* Bildformatierungen --*/

img {
	padding: 5px;
}
.no_pad{
	padding: 0px;
}
#header img{
	padding:0px;
}

.img-right {
	float:right;

	padding: 5px;
}
.img-left {
	float:left;
	
	margin-right: 10px;
	padding: 5px;
}
img .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#verkauf-button img{
	
	padding: 0px;
}
.wissenswertes img{
	
	padding: 0px 5px 0px 0px;
}
/*--     backround-img  -*/
#rez-hb1{
	position: relative;
	background-image: url(./images/kochtopf.jpg);
	background-repeat: no-repeat;
	background-position: 450px 40px;

}

#rez-hb2{
	position: relative;
	background-image: url(./images/guten_appetit.jpg);
	background-repeat: no-repeat;
	background-position: 420px 80px;
	border-bottom: dotted 2px #652d2c;
}
#rez-bh1{
	position: relative;
	background-image: url(./images/brathaehnchen_grafik.jpg);
	background-repeat: no-repeat;
	background-position: 430px 50px;
}

#rez-bh2{
	position: relative;
	border-bottom: dotted 2px #652d2c;
}
#rez-sb1{
	position: relative;
	background-image: url(./images/ruehrschuessel.jpg);
	background-repeat: no-repeat;
	background-position: 380px 110px;
}

#rez-sb2{
	position: relative;
	background-image: url(./images/zimt_zucker.jpg);
	background-repeat: no-repeat;
	background-position: 420px 130px;
	overflow: visible;
	padding-bottom: 150px;

}
/*------------      =text styles-----------*/

.strong {
	font-weight: bold;
}



/*-----------links--*/

#right a:link,
#right a:visited,
#footer a:link,
#footer a:visited{
	color:#652d2c;
 	text-decoration: none;
 	border-bottom: solid 1px #35ba09;

 	
 }

 
#right a:hover,
#right a:focus,
#footer a:hover,
#footer a:focus {
 	color: #ffffff;
 	background-color: #35ba09;
 	text-decoration: none;
 	border-bottom: solid 1px #35ba09;

 }
 
#verkauf-button a:link,
#verkauf-button a:visited{
 	color: #652d3c;
 	text-decoration: none;
 	padding: 2px 10px 2px 30px;


}
#verkauf-button a:hover,
#verkauf-button a:focus {
	
 	color: #652d3c;
 	text-decoration: none;
 	padding: 2px 10px 2px 30px;
	background-color: #ffffff;
 	background-repeat: no-repeat;
	background-position: left;
	background-image: url(./grafik/strich-1.png);


 }
#right p.wissenswertes a{
	
	text-decoration:none;
	border: solid 2px #35ba09;
	font-size: 1.4em;
	padding: 3px;
}
#right p.wissenswertes a:link,
#right p.wissenswertes a:visited{
 	color: #652d3c;
 	text-decoration: none;



}
#right p.wissenswertes a:hover,
#right p.wissenswertes a:focus {
	
 	color: #35ba09;
 	text-decoration: none;
	background-color: #ffffff;

 	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(./grafik/pfeil-gruen.png);


 }
#aktuell a:link,
#aktuell a:visited{
	color:#652d2c;
 	text-decoration: none;
 	border-bottom: solid 1px #35ba09;

}
#aktuell a:hover,
#aktuell a:focus{
	color: #ffffff;
	background-color: #35ba09;
 	text-decoration: none;
 	border-bottom: solid 1px #35ba09;

}
/*----------- menu-links-*/
#menu{
	position: relative;
	margin:0;
	padding:0px;

	font-size: .9em;
	font-weight: bold;
}
.sub-navi {
	font-weight: normal;
}
#menu ul {
	position: relative;
	padding:0;
	margin: 0;
}

.navi li{
	width: 100%;
}

.navi li.sub-navi{
	width: 100%;
}

#menu .navi li.main-navi a:link,
#menu .navi li.main-navi a:visited {
	display: block;
	color: #652d3c;
	text-decoration: none;
	padding: 3px 30px;
	border-bottom: solid 1px #35ba09;
	display: block;
}
#menu .navi li.main-navi a:hover {
	display: block;
	padding: 3px 30px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(./grafik/strich-1.png);
}


#menu .navi li.main-navi a:focus {
	color: #ffffff;
	background-color: #35ba09;
	padding: 3px 30px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(./grafik/strich-1-weiss.png);
}


.navi li.sub-navi a:link,
.navi li.sub-navi a:visited {
	text-decoration: none;
	display: block;
	color: #652d3c;
	padding: 3px 30px 3px 45px;
	border-bottom: solid 1px #35ba09;
}

.navi li.sub-navi a:hover {
	color: #000000;	
	display: block;
	padding: 3px 30px 3px 45px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 30px;
	background-image: url(./grafik/punkt-gruen.png);	
}
.navi li.sub-navi a:focus{
	color: #ffffff;
	background-color: #35ba09;
	padding: 3px 30px 3px 45px;
	background-repeat: no-repeat;
	background-position: 30px;
	background-image: url(./grafik/punkt-weiss.png);	
}	


/*--------menu-links-ende-*/




 
 
 
/*------------            =list---------------------------*/
ul  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;


}
#right {
	list-style-type: none;
	padding: 5px 0px 5px 20px;
}
#right li{
		list-style-type: none;
		font-size: 0.8em;
		font-weight: bold;
		color: #652d2c;
		padding: 3px 40px;
		background-repeat: no-repeat;
		background-position: 20px 10px;
		background-image: url(./grafik/punkt-gruen-list.png);	
		}
#right li.rezepte{
		font-weight: normal;
}
#right ol {
	padding: 5px 0px 5px 25px;
}