@charset "utf-8";

body,td,th{
	font-family:Georgia, Times New Roman, Times, serif;
	color: #000000;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CB3400;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #16191E;
}




.Stil2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFCC9A;
	background-color: #FFFFFF;
	background-position: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    }
	
	
	.clearfix:after{

content: ".";
 display: block; 
 height: 0; 
clear: both; 
 visibility: hidden;

}

	
    .thrColLiqHdr #container{
	width: 890px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	text-align: left;
	top: 0px;
	padding-bottom: 0px;
	float: none;
	background-repeat: repeat;
	background-image: url(../zutaten/hg_xy.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

    } 
	
	  position:relative;
    .thrColLiqHdr #header{
	color: #FFFFFF;
	background-color: #ffcc99;
	width: 890px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
    } 
    .thrColLiqHdr #header h1{
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0;
	background-color: #ffcc99;
    }
    

    .thrColLiqHdr #sidebar1{
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 257px;
	padding: 0px;
	background-repeat: repeat;
	background-color: #FFCC9A;
	background-image: url(../zutaten/hg.jpg);
    }
    .thrColLiqHdr #bilder{
	/* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 240px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px;
	background-repeat: repeat;
	background-position: center;
	background-color: #FFCC9A;
	float: right;
	vertical-align: top;
	top: 0px;
	height: 100%;
	background-image: url(../zutaten/hg_rechts.jpg);
	vertical-align: top;
	color: #000000;

    }

 
     #mainContent{
	width: 389px;
	text-align: left;
	color: #000000;
	vertical-align: top;
	padding-left: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    }
	
	#navi{
	width: 160px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 6em;
	margin: 0;
	height: 350px;
	}
	
	#navi ul{
	padding: 0;
	border: none;
	list-style-position: inside;
	list-style-image: url(../zutaten/icon.jpg);
	list-style-type: none;

		}
		
		#navi li{
	padding: 0;
	border: none;
	list-style-position: inside;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;



		}
		

		
a:link{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	color: #cc3300;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #cc3300;
	text-decoration: underline;
}
a:visited{
		font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	color: #cc3300;
	font-weight: bold;
	text-decoration: none;
}
a:active{
	font-family: Georgia,Times New Roman, Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	text-align: right;
}
#fuss{
	width: 720px;
	height: 35px;
	background-image: url(../zutaten/linie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;

    }
	
	#bildu{
	width: 180px;
	height: 60px;
	vertical-align: bottom;
	position: absolute;
	left: 230px;
	bottom: -301px;



    }
 
font{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a.text:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CB3400;
	text-decoration: none;
}
a.text:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1D1D1F;
	text-decoration: underline;
}
a.text:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3200;
	text-decoration: none;
}
a.text:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CB3400;
	text-decoration: none;
	
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #CD3202;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CB3400;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #CB3301;
}