/* generell */
body {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left; /* For IE */
	background:  url(muster.gif);
	}


/* Container Styles */
#container {
	position:		relative;
	width:			833px !important;
	width /**/:		833px;
	height:			600px;
	min-height:		600px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	background: url(background.gif) left repeat-y;
	}

#intro {
	margin: 0;
	width:		705px;
}

#rauchfrei {
	float: right;
	width: 113px;
	margin-left: 15px;
}


#navigation {
position: absolute;
top: 0px;
left: 5px;
	height: 67px;
	width: 700px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	background: url(navigation.gif) #6E3C2A no-repeat;
}

#navigation a {
display: block;
	width:				140px;
	height:				67px;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	background-image: url(navigation-spacer.gif);
	}
	
#navigation a:hover {
	
	width:				140px;
	height:				67px;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	background-image: url(navigation-spacer-hover.gif);
	}
	
#navigation a.aktiv{
	
	width:				140px;
	height:				67px;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	background-image: url(navigation-spacer-aktiv.gif);
	}
	
#navigation a:hover.hinten {
	
	width:				140px;
	height:				67px;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	background-image: url(navigation-spacer-hover-2.gif);
	}
	
#navigation a.hintenaktiv {
	
	width:				140px;
	height:				67px;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	background-image: url(navigation-spacer-aktiv-2.gif);
	}
	
#background{
	position: absolute;
	top: 67px;
	width: 705px;
	background: url(background.gif);

}

#softbild{
	position: absolute;
	left: 5px;
	height: 454px;
	width:	226px;
	
	}
	
#telefon{
	position: absolute;
	left: 35px;
	padding: 470px 0 0 0;
	height: 47px;
	width:	140px;
	z-index: 2;
	}
	
#reservieren{
	position: absolute;
	left: 510px;
	padding: 270px 0 0 0;
	
	z-index: 1;
	}
	
#reservieren2{
	position: absolute;
	left: 530px;
	padding: 320px 0 0 0;
	z-index: 1;
	}
	
#unternavigation{
	position: absolute;
	margin: 320px 0 0 30px;
	padding: 0px;
	z-index: 2;
	}
	
#unternavigation ul{
	width: 180px;
	padding: 0px;
	margin: 0px;
}	
	
#unternavigation li.dotted{
	width: 180px;
	background: url(dots.gif) left bottom repeat-x;
	list-style: none;
	padding: 0 0 2px 0;
	margin: 2px 0 0 0px;
}

#unternavigation li.last{
	width: 180px;
	list-style: none;
	padding: 0 0 2px 0;
	margin: 2px 0 0 0px;
}
	
#unternavigation a.unternavi{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#6E3C2A;
	text-decoration: none;
	padding: 0 0 0 19px;
	margin: 0px;
}

#unternavigation a:hover.unternavi{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#BC3A0E;
	text-decoration:  none;
	padding: 0 0 0 19px;
	margin: 0px;
}

#unternavigation a.aktivunternavi{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#BC3A0E;
	text-decoration:  none;
	padding: 0 0 0 19px;
	margin: 0px;
}
	
#schmuckbild{
	position: absolute;
	left:					231px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				225px;
	width:				474px;
}


#flash{
	position: absolute;
	left:					231px;
	margin:				0 0 0 0;
	padding:				0 0 0 0px;
	height:				225px;
	width:				474px;
	z-index: 2;
}

#dotsvertikal{
	position: absolute;
	left:					231px;
	margin:				75px 0 0 0;
	padding:				0 0 0 0px;
	height:				450px;
	width:				1px;
	background: url(dots-vertikal.gif);
	z-index: 2;
}



#content {
	top:	330px;
	left:	285px;
	width: 385px;
	margin:				0 0 0 0;
	padding:				270px 0 20px 285px;
	
}


#content h1{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 0 0px;
	padding:				0 0 15px 0px;
	text-align:			left;
}

#content h1.stern{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 0 0px;
	padding:				0 0 5px 10px;
	text-align:			left;
	background: url(stern.gif) top left no-repeat;
}

#content h2{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 0 0px;
	padding:				0 0 10px 0px;
	text-align:			left;
}



#content p{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 5px 0px;
	padding:				0 20px 12px 20px;
	line-height:		14px;
	text-align:			left;
}

#content p.dots{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 12px 0px;
	padding:				0 20px 12px 20px;
	width:				245px;
	line-height:		14px;
	text-align:			left;
	background: url(dots.gif) left bottom repeat-x;
}

#content p.meldung{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 25px 0px;
	padding:				0 20px 12px 20px;
	line-height:		14px;
	text-align:			left;
	background: url(dots.gif) left bottom repeat-x;
}

#content table{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	margin:				0 0 17px 0px;
	padding:			0 20px 0px 20px;
	text-align:			left;
}


#content a.textlink {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight: bold;
	color:				#4E2F22;
	text-decoration: none;
}

#content a:hover.textlink{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight: bold;
	color:				#BC3A0E;
	text-decoration:  none;
}

#content a.sitemap {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#4E2F22;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#content a:hover.sitemap{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#BC3A0E;
	text-decoration:  none;
	padding: 0 0 0 15px;
}

#content img.logos{
	margin:				0 10px 0 0px;
	padding:				0px;
	width: 				132px;
}

#content img.links{
	margin:				5px 10px 10px 0px;
	padding:				0 0 0px 0px;
	width: 				170px;
	line-height:		18px;
	float:			left;
}

#content img.rechts{
	margin:				5px 15px 10px 10px;
	padding:				0 0 0px 0px;
	width: 				170px;
	line-height:		18px;
	float:			right;
}

#content img.mitte{
	margin:				10px 0 0 0px;
	padding:				0 0 0px 0px;
	width: 				390px;
	line-height:		18px;
}


#content img.indexlink {
	margin: 10px 0 20px 300px;
	padding: 0 0 0 20px;
}


#content .footer {
	font-size:			9px;
	color:				#8D7A68;
	margin: 10px 0 20px 0;
	padding: 0 0 20px 20px;
}

#content .footerlinie {
	font-size:			9px;
	color:				#8D7A68;
	width:		285px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 20px;
	background: url(dots2.gif) top left repeat-x;
}

#content a.footer {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			9px;
	color:				#8D7A68;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#content a:hover.footer {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			9px;
	color:				#BC3A0E;
	text-decoration:  none;
}
#special {
position: absolute;
top: 120px;
left: 20px;
	height: 130px;
	width: 190px;
	z-index: 3;
}
