/* basic elements */
body { 
	text-align: justify;
	color: #000000; 
	background: #FFFFCC url("stockfl.png") bottom right; 
	width:890px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-left:auto;margin-right:auto;
	font-size: 12pt;
	scrollbar-base-color:#DDCB99;
	scrollbar-darkshadow-color:#551111;
	scrollbar-arrow-color:#551111;
/*	overflow:scroll; */
	}

#border {
	position:relative;
	display:block;
	background:red;
	width:890px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

a {
	color: #884444;
}

h2 a {
	color: #000000;
	text-decoration: none;
}

h3 a {
	text-decoration: none;
}

p { 
/*	background-color:#ff7777;*/
	text-align: justify;
	}
.tab {
	padding-left:18px;
	}
	
ul {
	text-align: left;
	padding:0px;
	margin:0px;
	padding-left:15px;
	padding-bottom:12px;}

li {
	padding:0px;
	margin:0px;
}

h1 {
	font: bold 52pt ZurichCalligraphic;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	color: #f0f0cc;
}
h1 span {
	position: absolute;
	display:block;
	font: bold 52pt ZurichCalligraphic;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	top:-2px;
	left:-2px;
	color: black;
}

h2 { 
	font: bold 16pt ZurichCalligraphic; 
	margin: 0px;
	padding-top: 0px;
	text-align: left;
/*	background-color: #009900; */
	}

h3 { 
	font: bold 14pt ZurichCalligraphic; 
	text-align: left;
	margin: 0px;
	padding: 0px;
/*	background-color: #009900; */
	}
h4 {
	font: bold 12pt ZurichCalligraphic; 
	text-align: left;
	margin: 0px;
	padding: 0px;
/*	background-color: #009900;	*/
	}

a.impressum {
	position:absolute;
	top:33px;
	left:3px;
	width:152px;
	height:95px;
	background: url("impressum.gif") no-repeat;	
	background-position:0px -28px;
}
a.impressum:hover {
	background-position:0px -8px;
	height:115px;
	left:-42px;
	width:198px;
	overflow:visible;
}
a.impressum:active {
	background-position:0px -8px;
	height:115px;
	left:-42px;
	width:198px;
	overflow:visible;
}
a.impressum_sel {
	position:absolute;
	top:33px;
	left:-42px;
	width:198px;
	height:115px;
	background: url("impressum.gif") no-repeat;	
	background-position:0px -8px;
	overflow:visible;
}
a.theorie {
	position:absolute;
	top:33px;
	left:159px;
	width:157px;
	height:95px;
	background: url("theorie.gif") no-repeat;	
	background-position:0px -28px;
}
a.theorie:hover {
	background-position:0px -8px;
	height:115px;
	width:175px;
	left:139px;
	overflow:visible;
}
a.theorie:active {
	background-position:0px -8px;
	height:115px;
	width:175px;
	left:139px;
	overflow:visible;
}
a.theorie_sel {
	position:absolute;
	top:33px;
	left:139px;
	width:175px;
	height:115px;
	background: url("theorie.gif") no-repeat;	
	background-position:0px -8px;
	overflow:visible;
}
a.praxis {
	position:absolute;
	top:33px;
	left:320px;
	width:161px;
	height:95px;
	background: url("praxis.gif") no-repeat;	
	background-position:0px -28px;
}

a.praxis:hover {
	background-position:0px -8px;
	height:115px;
	overflow:visible;
}
a.praxis:active {
	background-position:0px -8px;
	height:115px;
	overflow:visible;
}
a.praxis_sel {
	position:absolute;
	top:33px;
	left:320px;
	width:161px;
	background: url("praxis.gif") no-repeat;	
	background-position:0px -8px;
	height:115px;
	overflow:visible;
}
a.rezepte {
	position:absolute;
	top:33px;
	left:486px;
	width:155px;
	height:95px;
	background: url("rezepte.gif") no-repeat;	
	background-position:-17px -28px;
}
a.rezepte:hover {
	background-position:4px -8px;
	height:115px;
	width:198px;
	overflow:visible;
}
a.rezepte:active {
	background-position:4px -8px;
	height:115px;
	width:198px;
	overflow:visible;
}
a.rezepte_sel {
	position:absolute;
	top:33px;
	left:486px;
	background: url("rezepte.gif") no-repeat;	
	background-position:4px -8px;
	height:115px;
	width:198px;
	overflow:visible;
}
a.sonstiges {
	position:absolute;
	top:33px;
	left:644px;
	width:157px;
	height:95px;
	background: url("sonstiges.gif") no-repeat;
	background-position:-44px -28px;	
}
a.sonstiges:hover {
	background-position:0px -8px;
	height:115px;
	width:196px;
	overflow:visible;
}
a.sonstiges:active {
	background-position:0px -8px;
	height:115px;
	width:196px;
	overflow:visible;
}
a.sonstiges_sel {
	position:absolute;
	top:33px;
	left:644px;
	background: url("sonstiges.gif") no-repeat;
	background-position:0px -8px;
	height:115px;
	width:196px;
	overflow:visible;
}
#oben {
	position:relative;
	top:4px;
	margin:0px;
	width:798px;
	height:121px;
	background: url("oben_gesamt.gif") no-repeat;
	padding:0px;
	margin-left:auto; margin-right:auto;
	}

#oben[id] {
	top:0px;
}

#mitte {
	position:relative;
	top:0px;
	margin:0px;
	width:798px;
	height:324px;
	padding:0px;
	margin-left:auto; margin-right:auto;
	}
	
#links {
	position:absolute;
	top:0px;
	left:2px;
	width:89px;
	height:324px;
	background: url("links_ohne.gif") no-repeat;

}

#rechts {
	position:absolute;
	top:0px;
	left:706px;
	width:88px;
	height:324px;
	background: url("rechts_ohne.gif") no-repeat;
}
		
#unten {
	position:relative;
	top:0px;
	margin:0px;
	width:798px;
	height:102px;
	background: url("unten.gif") no-repeat;
	padding:0px;
	margin-left:auto; margin-right:auto;
	}
	
#kessel {
	position:absolute;
	top:-10px;
	left:250px;
	margin:0px;
	width:341px;
	height:337px;
	background: url("kessel.gif") no-repeat;
	padding:0px;
}

a.bild {
	display:block;
	width:200px; height:152px;
	margin:0; padding:0;
	}
a.bild span {
	display:none;
}
a.bild:hover span {
	z-index:15;
	display:block;
	position:absolute;
	top:-5px;
	left:-415px;
	width:620px; height:456px;
	background: url("stockfl.jpg") repeat;
	text-align:center;
	}

#loeffel1 {
	position:absolute;
	bottom:315px;
	right:54px;
	background: url("loeffel01.gif") no-repeat;
	width:39px;
	height:143px;
	
}

#loeffel2 {
	position:absolute;
	bottom:265px;
	left:44px;
	background: url("loeffel02.gif") no-repeat;
	width:52px;
	height:188px;

}

#dose {
	position:absolute;
	bottom:77px;
	left:40px;
	background: url("dose01.gif") no-repeat;
	width:63px;
	height:83px;

}

#flasche {
	position:absolute;
	bottom:80px;
	right:43px;
	background: url("flasche2.gif") no-repeat;
	width:49px;
	height:131px;

}

#content {
	position:absolute;
	top:-3px;
	left:91px;
	height:345px;
	width:618px;
	overflow:scroll;
}

#rezeptzutaten {
	position:absolute;
	top:5px;
	right:5px;
	width:200px;
}
#rezepttext {
	position:absolute;
	top:2em;
	left:10px;
	width:373px;
}
.ueberschrift {
	position:absolute;
	display:block;
	top:0px;
	left:10px;
	width:371px;
	padding-left:5px;
	padding-right:5px;
}
#text {
	position:absolute;
	top:2em;
	left:10px;
	width:585px;
}
#impressum {
	position:absolute;
	top:2em;
	left:10px;
	width:238px;
}
#gestalter {
	position:absolute;
	top:2em;
	left:129px;
	width:1109px;
}