/*
----- Inhaltsverzeichnis -----
Domain: www.domain.de

1. Aufbau
2. Kopf
3. Navi2
5. Unten
6. Abschluss

*/

/*----- 1. Aufbau -----*/

* {
	margin: 0;
	padding: 0;
}

body { 
	background: #000;
	font-size:16px;;
	color: #313131;
	font-family:"Bookman Old Style";
} 

#wrapper {
	background: url(../images/bg_wrapper.gif) 0 0 repeat;
	width: 885px;
	padding: 0 35px 35px 35px;
	margin: 0 auto;}
	
	#seite {
		background: url(../images/bg_seite.jpg) 0 0 repeat-y;
		width:885px;
		position: relative;}
		
#logo {
		position: absolute;
		top: 24px;
		left: 51px;
		width: 192px;
		height: 224px;
		z-index: 100;}

	#logo h1 {
			font-size: 0.001em;
			}
	#wrapper #seite #logo h1 {
		text-indent: -9999px;
	}
			
			#logo h1 a {
				text-decoration: none;
				color: #CABFA0;
				}

/*----- 2. Navi1 -----*/

#navi1 {
	height: 22px;
	background: url(../images/bg_navi1.jpg) 0 0 no-repeat;
	padding: 6px 0 0 345px;}
	
	#navi1 ul {
		list-style-type: none;}
		
		#navi1 li {
			float: left;
			font-size: 0.75em;}
			
			#navi1 li a:link, #navi1 li a:visited {
				text-decoration: none;
				color: #313131;
				display: block;
				padding: 0 11px 0 29px;}
			
			#navi1 li a:hover, #navi li a:active {
				color: #4a1a1a;}
				
			#navi1 a.kontakt {
				background: url(../images/brief.gif) 11px 4px no-repeat;}
				
			#navi1 a.anfahrt {
				background:url(../images/auto.gif) 12px 2px no-repeat;}
			
			#navi1 a.home {
				background: url(../images/haus.gif) 18px 2px no-repeat;}
				
			#navi1 a.impressum {
				background: url(../images/blaetter.gif) 15px 1px no-repeat;}
				
			.bild1 {
				margin: 0 0 0 362px;}

/*----- 3. Navi2 -----*/

#navi2 {
	float:left;
	width: 307px;
	padding: 88px 0 0 0;}
	
	#navi2 ul {
		list-style-type: none;
		margin: 0 0 0 20px;}
		
		#navi2 ul li a:link, #navi2 ul li a:visited, #navi2 ul li a:hover, #navi2 ul li a:active {
			width: 249px;
			height: 36px;
			display: block;
			text-indent: -5000px;}
		
		#navi2 ul li a.restaurant:link, #navi2 ul li a.restaurant:visited {
			background: url(../images/navi/restaurant.gif) 0 0 no-repeat;}
			
		#navi2 ul li a.restaurant:hover, #navi2 ul li a.restaurant:active {
			background: url(../images/navi/restaurant.gif) -249px 0 no-repeat;}
			
		#navi2 ul li a.veranstaltung:link, #navi2 ul li a.veranstaltung:visited {
			background: url(../images/navi/veranstaltungen.gif) 0 0 no-repeat;}
			
		#navi2 ul li a.veranstaltung:hover, #navi2 ul li a.veranstaltung:active {
			background: url(../images/navi/veranstaltungen.gif) -249px 0 no-repeat;}
			
		#navi2 ul li a.aktionen:link, #navi2 ul li a.aktionen:visited {
			background: url(../images/navi/aktionen.gif) 0 0 no-repeat;}
			
		#navi2 ul li a.aktionen:hover, #navi2 ul li a.aktionen:active {
			background: url(../images/navi/aktionen.gif) -249px 0 no-repeat;}
			
		#navi2 ul li a.speisekarte:link, #navi2 ul li a.speisekarte:visited {
			background: url(../images/navi/speisekarte.gif) 0 0 no-repeat;}
			
		#navi2 ul li a.speisekarte:hover, #navi2 ul li a.speisekarte:active {
			background: url(../images/navi/speisekarte.gif) -249px 0 no-repeat;}
			
		#navi2 ul li a.partyservice:link, #navi2 ul li a.partyservice:visited {
			background: url(../images/navi/partyservice.gif) 0 0 no-repeat;}
			
		#navi2 ul li a.partyservice:hover, #navi2 ul li a.partyservice:active {
			background: url(../images/navi/partyservice.gif) -249px 0 no-repeat;}
			
		#navi2 ul li a.gb:link, #navi2 ul li a.gb:visited {
			background: url(../images/navi/gaestebuch.gif) 0 0 no-repeat;}
			
		#navi2 ul li a.gb:hover, #navi2 ul li a.gb:active {
			background: url(../images/navi/gaestebuch.gif) -249px 0 no-repeat;}
		
		#navi2 ul li a.partner:link, #navi2 ul li a.partner:visited {
			background: url(../images/navi/partner.gif) 0 0 no-repeat;}
		
		#navi2 ul li a.partner:hover, #navi2 ul li a.partner:active {
			background: url(../images/navi/partner.gif) -249px 0 no-repeat;}
		
		
		#navi2 ul li.trenner {
			height: 36px;
			background:url(../images/navi/trenner.gif) 73px 12px no-repeat;
			width: 249px;}
		
		#navi2 ul li a.active:link, #navi2 ul li a.active:visited {
			background-position: -249px 0;}

/*----- 4. Inhalt -----*/

#inhalt {
	float:left;
	width:451px;
	margin-left:55px;
	
	}
	
	#inhalt h2 {
		margin: 32px 0 0 0px;
		font-size: 0.001em;
		color: #D4CCB0;
				}
				
	#inhalt h4 {
		margin: 32px 0 0 0px;
		font-size: 0.001em;
		color: #D4CCB0;
		text-indent:-9999px;
				}
		
	#inhalt p {
		font-size: 0.75em;
		margin: 0.8em 0 0.8em 0px;
		}
		
	#inhalt p.klein {
		font-size: 0.65em;
		}
		
			#inhalt  a:link, #inhalt  a:visited {
				text-decoration: underline;
				color: #4a1a1a;}
			
			#inhalt  a:hover, #inhalt  a:active {
				color: #313131;
				text-decoration: none;}
	#inhalt h3 {
		font-size: 1em;
		color: #4a1a1a;
		margin: 0 0 0 0px;}
		
		#inhalt .bild2 {
			border: 1px solid #313131;
			padding: 4px;}
			
		#inhalt .bild3 {
			border: 1px solid #313131;
			padding: 4px;
			margin: 0.8em 0 0.8em 55px;}


div.leftCol {
	width:337px;
	float:left;
	margin-right:10px;	
}

div.rightCol {
	width:104px;
	float:left;
}

div.rightCol img {
	margin-bottom:10px;
}

div.rightCol a {
	font-size:11px;
	width:104px;
}

div.partner-link {
	margin-bottom:15px;
}

div.partner-link img {
	margin-right:10px;
	float:left;
}

div.partner-link a {
	float:left;
	font-size:11px;
}

/*clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear {
	clear:both;
}

div.aktionenContainer {
	width:140px;
	float:left;
	margin:0 10px 10px 0;
}

dl.impressum {
	width:447px;
	font-size:0.75em;
	margin-bottom:15px;
}

dl.impressum dt {
	width:150px;
	float:left;
}

dl.impressum dd {
	width:250px;
	float:left;
}

/*----- 5. Bottom -----*/

#bottom {
	clear: both;
	float: none;
	height: 36px;
	padding: 8px 0 0 0;
	background: url(../images/bg_bottom.gif) 0 0 repeat-x;
	font-size: 0.7em;}
	
	#bottom p {
	width: 578px;	
	text-align: center;
	margin: 0 0 0 307px;}
	
			#bottom  a:link, #bottom  a:visited {
				text-decoration: underline;
				color: #4a1a1a;}
			
			#bottom  a:hover, #bottom  a:active {
				color: #313131;
				text-decoration: none;}
				
#noprint{
	margin-top:20px;
	}