html,body {
	height:100%;
	margin: 0px; 
	padding: 0px;
	border:none;
	}
	
body { 
	background-image:url(images/bgmuster.jpg); 
	font:normal normal normal 12px Arial, Helvetica, sans-serif; 
	color:#fff9e5;
	}

/* Grundgerüst */
#all { 
	position:absolute; 
	top:0px; 
	left:50%; 
	width:680px;
 	margin-left:-340px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image:url(images/bgimage.jpg);
	}
	
#bgimg { 
	position:absolute;
	top:275px; 
	left:29px;
	}


#schattenrechts { 
	position:absolute; 
	top:0px; 
	right:0px; 
	width:16px; 
	}

#navikopf { 
	position:absolute; 
	top:0px; 
	left:33px; 
	width:624px; 
	height:43px; 
	background-color:#522a2b;
	}

#fuss { 
	position:absolute;
 	bottom:0px; 
	left:33px; 
	width:622px; 
	height:74px; 
	border-top: 1px solid #999999; 
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
	background-color:#ffffff;
	margin:0px;
	}
	/*änderung wegen link impressum*/
	#fuss a {
	color:#6c4947;
	text-decoration:none;
	}
#fuss a:hover {
	color:#fff9e5;
	}
	/*bis hier*/
#fuss div { 
	position:absolute; 
	width:600px; 
	height:63px; 
	margin:5px 5px 0px 5px;
	padding:6px 6px 0px 6px; 
	background-color:#522a2b; 
	font-size:9px;  
	text-align:center;
	}
	
#fussklein { 
	position:absolute;
 	bottom:0px; 
	right:23px; 
	width:411px; 
	height:74px; 
	border-top: 1px solid #999999; 
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
	background-color:#ffffff;
	float:left;
	}
	
#fussklein div { 
	position:absolute; 
	width:389px; 
	height:63px; 
	margin:5px 5px 0px 5px;
	padding:6px 6px 0px 6px; 
	background-color:#522a2b; 
	font-size:9px;  
	text-align:center;
	}
	
#fussklein a {
	color:#6c4947;
	text-decoration:none;
	}
#fussklein a:hover {
	color:#fff9e5;
	}
#logo { 
	position:absolute; 
	top:50px; 
	left:33px; 
	width:201px; 
	height:220px; 
	border: 1px solid #999999;  
	background-color:#ffffff;
	float:left;
	}
	
#logo div { 
	position:absolute; 
	top:5px; 
	left:5px;
	}

/* headlines */

.headlines {
margin: 7px 0px;
line-height:18px;
	}

/* Start & Kontakt  */
#banner { 
	position:relative; 
	top:50px; 
	left:244px; 
	width:411px; 
	height:220px; 
	border: 1px solid #999999;  
	background-color:#ffffff;
	float:left;
	}
	
#banner img { 
	position:relative; 
	top:5px; 
	left:5px;
	}

#textmitte { 
	position:relative; 
	top:56px; 
	left:33px; 
	width:622px;
	height: 480px;/*um100 erhöht*/
	border:1px solid #999999; 
	background-color:#ffffff;
	float:left;
	margin:0px;
	}
	
#textmitte div {
	position: absolute;
	width: 586px;
	height: 454px;/*um100 erhöht*/
	margin: 5px 5px 0px 5px;
	padding: 15px 10px 0px 15px;
	background-color: #522a2b;
	line-height: 18px;
}

#textmitte a {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color:#fff9e5;
	text-decoration:underline;
}

#textmitte a:hover {
	text-decoration: none;
}
	
#textmitte div p,ul { 
	width:400px; 
	margin-top:7px;
	}
	
	

/* Selber kochen  */
#textrechts {
	position:relative; 
	top:50px; 
	left:244px; 
	width:411px; 
	border:1px solid #999999; 
	background-color:#ffffff;
	float:left;
	}
	
#textrechts div { 
	position:relative; 
	width:371px; 
	margin:5px 5px 5px 5px; 
	padding:15px 15px 5px 15px;
	background-color:#522a2b;  
	line-height:18px; 
	}
	
#textrechts div p {
	width:200px;
	}


/* Karte  */
#navkarte { 
	position:absolute; 
	top:280px; 
	left:50%; 
	width:195px; 
	height:330px; 
	margin-left:-302px;
	}
	
#navkarte[id] {
      position: fixed;
      }

#karte{
	width: 191px; 
	height:304px;
	margin: 5px;	
}


table.karte { 
	position:relative;
	left:0px; 
	width:365px;  
	margin-top:20px; 
	spacing:0px; 
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	}
	
table.karte th {  
	vertical-align:top;  
	height:30px; 
	}
	
table.karte tr { 
	color:#fff9e5;
	}

td.ware { 
	width:295px;  
	height:20px; 
	padding-left:15px; 
	vertical-align:bottom;
	}
	
td.warefett { 
	width:295px;  
	height:25px; 
	padding-left:15px; 
	vertical-align:middle; 
	font-weight:bold;  
	}
	
td.wareklein { 
	width:295px;  
	padding-left:15px; 
	padding-bottom:10px;
	vertical-align:top;
	font-size:10px;
	}
	
td.menge { 
	width:35px;  
	height:20px;
	}
	
td.preis { 
	width:35px;  
	height:20px; 
	padding-right:15px;
	text-align:right; 
	}

/* Eventkalender */
#navevent { 
	position:absolute; 
	top:280px; 
	left:50%; 
	width:201px; 
	height:315px; 
	border: 1px solid #999999;  
	background-color:#ffffff;
	margin-left:-307px;
	padding: 0px;	
	}

#navevent img { 
	position:absolute; 
	top:5px; 
	left:5px;
	}
	
#header { 
	position:relative; 
	top:50px; 
	left:244px; 
	width:411px; 
	height:75px; 
	border: 1px solid #999999;  
	background-color:#ffffff;
	}
	
#header div {
	width:401px; 
	height:65px; 
	margin:5px 5px 5px 5px;
	background-color:#522a2b; 
	}
	
#header img { 
	position:relative; 
	top:22px; 
	left:15px;
	}
	
#contentrechts { 
	position: relative; 
	margin-top: 50px; 
	left: 244px;
	width:413px; 
	}
	
	
table.event	{ 
	position:relative; 
	top:0px; 
	left:0px; 
	width:413px; 
	border: 1px solid #999999;  
	background-color:#ffffff; 
	margin:6px 0px 0px 0px;
	}
	
td.farbe { 
	width:12px;  
	background-color:#ffff00; 
	border-top:5px solid #ffffff;
	border-left:5px solid #ffffff;
	padding:0px;
	}
	
td.wann { 
	width:150px; 
	background-color:#522a2b;
	border-top:5px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:0px;
	}
	
td.was { 
	width:320px;  
	background-color:#522a2b; 
	border-top:5px solid #ffffff;
	border-right:5px solid #ffffff;
	padding:0px;
	}
	
td.wer { 
	width:320px;  
	background-color:#522a2b; 
	border-right:5px solid #ffffff;
	padding:0px;
	}
	
td.beschreibung { 
	width:100%;  
	background-color:#ffffff; 
	
	}
	

	
p.wann {
	display:block;
	text-align: center;
	font:normal normal bolder 48px Arial, Helvetica, sans-serif;
	margin:5px 5px 4px 5px;
	}
	
p.was { 
	font:normal normal bolder 20px Arial, Helvetica, sans-serif;
	margin:8px 15px 0px 15px;
	}
	
p.wer { 
	font:normal normal normal 15px Arial, Helvetica, sans-serif;
	margin:0px 15px 9px 15px;
	}
	
p.beschreibung { 
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	color:#522a2b;
	margin:10px 13px 10px 17px;
	}

	
	
/* Newsletter  */
#letterlinks { 
	position:absolute; 
	top:206px; 
	left:250px;
	}
	
#letterrechts { 
	position:absolute; 
	top:505px; 
	left:519px;
	}

#letterevent { 
	position:absolute; 
	top:61px; 
	left:519px;
	}

/* Polaroids */
#polaroidkochen { 
	position:absolute; 
	top:130px; 
	left:430px;
	}
	
#polaroidstart { 
	position:absolute; 
	top:325px; 
	left:375px;
	width:270px;
	height: 300px; 
	background-color: transparent;
	padding:0px;
	}

/* Allgemein */
.fett { 
	font-weight:bold; 
	}
	
.fettlinie {
	text-decoration: underline;
	font-weight: bold;

}
	
.klein { 
	font-size:9px; 
	line-height:normal; 
	}
	
/* hier beginnt der style für sitemap.html */
#impressum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color:#fff9e5;
	font-style: normal;
	font-variant: normal;
	display: block;
	width:280px;
	height:400px;
	position: absolute;
	left: 100px;
	bottom: 100px;
	margin-left: -25px;
	background-color:#009999;
	}
	
#impressum h5 {
	font-weight:bold;
	font-size: 16px;
	}
	
#impressum a {
	color:#fff9e5;
	text-decoration:none;
	line-height: 19px;
	padding-left:5px;
	padding-right: 5px;
	margin-left: -6px;
	}
	
#impressum a:hover { 
	text-decoration:none; 
	background-color:#fff9e5;
	color:#330000;
	}
/*alternativer hintergrund*/

#alternativ{
	color:#fff9e5;
	font-weight:bold;
	text-decoration:none;
	}
	
#event{
	color:#fff9e5;
	text-decoration:none;
	}
	
#alternativ:hover, #event:hover{
	text-decoration:underline;
	}