@charset "UTF-8";
/* CSS Document */


/*ALLGEMEINES*/
html{

}

body{
	margin: 0px;
	background-image:url(bilder/bg_body.gif) ;
	background-repeat:repeat-x;
	background-color: #3b1c13;
	text-align:center;
	height: 100%;

}

p {
	font-family:  Trebuchet, Verdana, sans-serif;
	font-size:	12px;
	line-height: 140%;
	color:#3b1c13;
	text-align:left;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 60px;
	padding-top: 0px;
	padding-bottom: 8px;
	
}

hr{
	border: #fff solid 4px;
}

h3 {
	font-family:  Trebuchet, Verdana, sans-serif;
	font-size:	12px;
	line-height: 140%;
	color:#3b1c13;
	text-align:left;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}

img {border:0px;}

.bestellen {
	font-family:  Trebuchet, Verdana, sans-serif;
	font-size:	12px;
	line-height: 140%;
	color:#3b1c13;
	text-align:left;
	margin-left: 30px;
	width: 580px;
	
}

.artikelergebnis {
	background-color:#d9d7d6;
	border: 0px;
	margin: 0px;
	text-align: right;
}

.bestellen p {
	padding-left: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}

.produkt{padding-left: 4px;}

.zeile {
	background-color:#d9d7d6;
	}
.abstand {
	font-size: 6px;
	line-height: 100%;
	}


.bestellen h1{
	font-family:  Verdana, sans-serif;
	font-size:	16px;
	color:#d4b3d2;
	padding-left: 0px;
	text-align:left;
	float:left;
	}

.kontaktdaten{
	font-family:  Trebuchet, Verdana, sans-serif;
	font-size:	12px;
	line-height: 140%;
	color:#3b1c13;
	text-align:left;
	width: 560px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	}

.kontaktdaten input {
	border: 1px solid #d9d7d6;
	width: 130px;
	margin-right: 5px;
	padding-left: 5px;
}

.kontaktdaten textarea {
	border: 1px solid #d9d7d6;
	width: 250px;
	height: 150px;
	font-family:  Trebuchet, Verdana, sans-serif;
	font-size:	12px;
	line-height: 140%;
	color:#3b1c13;
	text-align:left;
	padding: 5px;
}

.kontaktdaten .anschrift{
	width: 300px;
}

#kontaktrahmen{
	background-color:#d9d7d6;
	margin-left: 30px;
	margin-right: 30px;

}

#rahmenabschicken{
	margin-left: 30px;
	margin-right: 30px;
	text-align: right;
}

.bestaetigungrahmen{
	background-color:#d9d7d6;
	margin-left: 30px;
	margin-right: 30px;
	}

.abschicken{
	margin-top: 10px;

}

.ohneabstand{
	font-family:  Trebuchet, Verdana, sans-serif;
	font-size:	12px;
	color:#3b1c13;
	text-align:left;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

h1 {
	font-family:  Verdana, sans-serif;
	font-size:	16px;
	line-height: 140%;
	color:#d4b3d2;
	padding-left: 30px;
	text-align:left;
	margin-top: 0px;
	padding-top: 0px;
}

.produkthead{
	border: 1px solid #000;
	}

a:link {
	font-weight: bold;
	color: #d4b3d2;
	text-decoration: none;
}	

a:visited {
	font-weight: bold;
	color: #d4b3d2;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #d4b3d2;
	text-decoration: underline;
}

a:active {
	font-weight: bold;
	color: #d4b3d2;
	text-decoration: none;
}

/*CONTAINER*/

#head{
	background-color:#ffffff;
	padding-bottom: 6px;
}


#container{
	width: 827px;
	margin: 0px auto;
	background-color:#ffffff;
	padding: 6px;
}

#containerintro{
	width: 827px;
	margin: 0px auto;
	background-color:#ffffff;
	padding: 6px;
	position:relative; /* puts container in front of distance */
		clear:left;

}

#nav{
	width: 179px;
	margin-top: 0px;
	background-color:#FFFFFF;
}

#subnav{
	width: 827px;
	height: 25px;
	background-color:#3b1c13;
	clear: both;
	padding-top:0px;
}

#content {
	width: 647px;
	background-color:#ebecec;
	height: 100%;	
}


#distance { 
		width:1px;
		height:50%;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}


#contentmitnav {
	width: 472px;
	background-color:#ebecec;
	height: 100%;	
}

#footer {
	clear: both;
    background:#3b1c13;
	width: 827px;
	height: 6px;
	margin-top: 6px;
	font-size: 2px;
}

#trennlinie{
	background:#FFF;
	width: 647px;
	height: 6px;
}

#fuellflaeche{
	width: 174px;
	background: #3b1c13;
}

#rezeptnav{
	width: 170px;
	background-color:3b1c13;
}

#rezeptnav .sub{
	

}

#rezeptnav .sub a:link {
	font-family:  Verdana, sans-serif;
	font-size:	11px;
	line-height: 140%;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
}	

#rezeptnav .sub a:visited {
	font-family:  Verdana, sans-serif;
	font-size:	11px;
	line-height: 140%;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
}

#rezeptnav .sub a:hover {
	font-family:  Verdana, sans-serif;
	font-size:	11px;
	line-height: 140%;
	font-weight: normal;
	color: #d4b3d2;
	text-decoration: none;
	padding-left: 15px;
}

#rezeptnav .sub a:active {
	font-family:  Verdana, sans-serif;
	font-size:	11px;
	line-height: 140%;
	font-weight: normal;
	color: #d4b3d2;
	text-decoration: none;
	padding-left: 15px;
}


/*CLASS*/

.logo {float: left;}

.logo img{margin-bottom: 6px;}

.slideshow{padding-left: 6px; float: left;}

.rezepttext{padding-right: 30px;}

#subnav a{margin-right: 30px;}

#nav img {margin-bottom: 6px; padding-right: 6px;}

.headline {padding-left: 30px; padding-top: 30px; padding-bottom: 10px;}

.bildergalerie {padding-top: 0px; padding-left: 30px;}

.bildergalerie img {margin-right: 20px; margin-bottom: 25px;}




/*  Container Navigation */
#nav {
	padding-top: 0px;
	}
	

/* Container Hauptnavigation*/
#ulNav {
	position: relative;
	display: block;
	width: 700px;
	margin-top: 0px;
	}

/* Listeneintrge Hauptnavigation Anordnung*/
#nav ul,
#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color:#3b1c13;
	}
	
/* blendet das Geschriebene aus*/
#nav span { display: none }

/* Listeneintrge Hauptnavigation  Aussehen*/
#nav li.on,
#nav li.off, 
#nav li.current{ 
	float: left;
	height: 25px;
	}

/*  Listeneintrge Hauptnavigation Aussehn hervorgehoben*/
#nav li a,
#nav li strong {
	display: block;
	height: 25px;
	margin-right: 25px;
	}

/* Listeneintrge Hauptnavigation  Position erster Eintrag*/
	#nav #LiProdukte { padding-left: 210px }

/* Bestimmung der Zustnde Link, hover, strong, current */
	#LiProdukte a, #LiProdukte strong { background: url(bilder/navigation/best_01.gif); width: 143px; background-position: 0 50px;}
	#LiProdukte:hover a, #LiProdukte.over a { background-position: 0 25px }
	#LiProdukte.current a, #LiProdukte strong { background-position: 0  25px }
	#LiProdukte.off  a { background-position: 0  0px }
	
	#LiDaten a, #LiDaten strong { background: url(bilder/navigation/best_02.gif); width: 139px; background-position: 0 50px; }
	#LiDaten:hover a, #LiDaten.over a { background-position: 0 25px }
	#LiDaten.current a, #LiDaten strong { background-position: 0  25px }
	#LiDaten.off  a { background-position: 0  0px }
	
	#LiBestaetigen a, #LiBestaetigen strong { background: url(bilder/navigation/best_03.gif); width: 110px; background-position: 0 50px; }
	#LiBestaetigen:hover a, #LiBestaetigen.over a { background-position: 0 25px }
	#LiBestaetigen.current a, #LiBestaetigen strong { background-position: 0  25px }
	#LiBestaetigen.off  a { background-position: 0  0px }

	#nav li ul { display: none }


/* hover Zustnad */
	#nav li.off:hover ul,
	#nav li.over ul {
		display: block;
		z-index: 6000;
		background: #3b1c13;
	}