/*Farben:
	Hintergrung: #f7f2e1
*/

/************************************************************************
 Reset (in Datei css/reset.css ausgelagert )
************************************************************************/

/************************************************************************
 Basis Elemente
 Stiele für die Basiselement wie: body, h1-h6, ul, ol, a, p, usw.
************************************************************************/
 body {background: #f7f2e1;}
 
 h2 {text-transform:uppercase;}
 
 
 a:link, a:visited {
	 color: #0e472b;
	 font-weight: bold;
	 text-decoration: none; 
	 border-bottom: 1px dotted #73a68d;
	 }
 
 a:hover, a:active {
	 color: #339966;
	 border-bottom: 1px solid #206e48;
	 }
/************************************************************************
 Generic Classes
 Einfache Stiele für uniwerselle Nutzung. z.B. .left, .right, .clearfix 
************************************************************************/	
.img-wrapper {
	background: url(../images/schatten.png) no-repeat bottom right;
	float: left;
	}

.img-wrapper img{
	float: none;
	margin: 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #999;
	position: relative;
	top: -3px;
	left: -3px;
	}

.img-wrapper a:hover img{
	border: 1px solid #333;
	}

.img-wrapper a {
	border: none;
	}



.left {float: left; margin: 0 8px 8px 0; display: inline;}
.right {float: right; margin: 0 0 8px 8px; display: inline;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}



/************************************************************************
 Basis Layout 
 Grundlayout und Anpassungen: #wrapper, #header, #body, #footer ...  
************************************************************************/
#wrapper {
	}

/*Hintergrund auf der ganzen Breite
************************************************************************/ 
#headerBG { 
	background: #f4edd8 url(../images/header_bg.png) repeat-x 0 0;
	text-align: center;/*Layout zentrieren für IE6*/
	}
#bodyBG {
	background: #f7f2e1 url(../images/body_bg.png) repeat-x 0 0;
	text-align: center;/*für IE6*/
	}
#footerBG {
	background: #c4bea9;
	text-align: center;/*für IE6*/
	margin-top: 40px;
	}

#header {
	height: 170px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

#body { 
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}

#zweiSpalten #sideContent {
	width: 280px;
	float: right;
	margin: 0 10px 0 0;
	}
	
#zweiSpalten #mainContent {
	width: 480px;
	float: left;
	padding: 20px 0 0 0;
	}
	
#eineSpalte #mainContent {
	width: 800px;
	float: left;
	}
#eineSpalte #sideContent {
	display: none;
	}

#mainContent {
	padding: 30px 0 0 0;
	}
	
.sidebarTop {
	width: 280px;
	height: 20px;
	background: url(../images/sidebar_top.png) no-repeat top center;
	}
	
.sidebarBottom {
	width: 280px;
	height: 20px;
	background: url(../images/sidebar_bottom.png) no-repeat bottom center;
	}
	
#sidebar{
	padding: 0 10px;
	background: url(../images/sidebar_bg.png) repeat-y top center;
}

#footer {
	width: 800px;
	clear: both;
	text-align: left;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
	}


/************************************************************************
 Header
 Definiert alle Elemente im Headerbereich
************************************************************************/
/*Logo - Schrift mit Bildersetzungs-Technik ersetzt*/
#header h1 {
	width: 330px;
	height: 170px;
	position: relative;
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	margin:0 0 0 70px;
	padding: 0px;
	}

.logoLink {
	position: absolute;
	width: 331px;
	height: 169px;
	background: #444;
	left: 69px;
}

/*Header Bild*/
#headerBild {
	position: absolute;
	top: 32px;
	right: 0;
	display: inline;
	}


/************************************************************************
 Navigation
 Horizontale Hauptnavigation 
************************************************************************/ 
#navigation{
	float: left;
	margin: 3px 0 10px 0;
	border-bottom: 1px solid #fff;
	}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	border-bottom: 1px solid #d9d4c5;

	}

#navigation li {
	float: left;
	display: inline;
	}

#navigation a {
	font-size: 1.2em;
	display: block;
	padding: 0 1.1em;
	margin-left:1px;
	line-height: 3.5em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #0e472b;
	border: none;
	/* Holy-Hack: http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=4081&productId=1&loc=de*/
	display: inline-block;
	display: block;
	}
	
#navigation a:hover {
	color: #000;
	background: #f0ecde;
	}
	
/*Deklaration für Aktive Links in der Hauptnavigation
************************************************************************/ 
body.startseite #navigation a#startseite,
body.restaurant #navigation a#restaurant,
body.umgebung #navigation a#umgebung,
body.aktuelles #navigation a#aktuelles,
body.kontakt #navigation a#kontakt {
	color: #000;
	background: #f0ecde;
	}
	


/************************************************************************
 Content
 Definiert alle Elemente im Contentbereich  
************************************************************************/ 
#mainContent {
	position: relative;
	}
	
.infoBlock {
	float: left;
	margin: 10px 0;
	padding: 10px;
	width: 96%;
	background: #e6e1d1 url(../images/trenner.gif) repeat-x left bottom;
	position: relative;
	}
	
a.button {
	padding: 1px;
	border: none;
	background: #fff;
 }
	
#body h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #0e472b;
	font-size: 2.2em;
	border-bottom: 1px solid #0e472b;
	margin: 0 0 20px 0;
	padding: 0 0 4px 0;
	}

#body h2 {
	color: #0e472b;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 5px 0 0 0;

	}

.introText {
	font-size: 1.4em;
	font-weight: normal;
	color: #3e3e34;
	}
	
/*Sidebar Content
************************************************************************/ 
.sidebarBox {
	padding: 15px;
	background: url(../images/trenner_box.png) no-repeat center bottom;
	position: relative;
	}

#sideContent h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #594e33;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 12px;
	}

/*Aktuelles Box Anlesetext in der Sidebar
************************************************************************/ 
#newsboxcontent .textbox {
	font-size: 0.9em;
	line-height: 120%;
}

#newsboxcontent h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing: normal;
	margin: 0 0 3px 0;

	text-decoration: none;
	line-height: 1.5em;
}

#newsboxcontent h4 a{
	color:#4E3C30;
	text-decoration: none;
	border: none;
	background: none;
}

#newsboxcontent h4 a:hover{
	color:#000;
	text-decoration: underline;
}

#newsboxcontent .datum {
	color: #7b8161;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 3px 0;
	background: url(../images/icon_kalender.gif) no-repeat left center;
	padding: 0 0 0 19px;
}

#newsboxcontent p {
	margin: 0 0 20px 0;
}


#newsContent { margin-top: 20px; }

#newsContent h3.datum { 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	letter-spacing: 0.06em;
	color: #9f946e;
	padding: 3px 0;
	border-bottom: 1px solid #ebe6d9;
	border-top: 1px solid #eae3ce;
	text-align: left;
	font-weight: normal;
}
#newsContent h4.headline { 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.5em;
	color: #5b503a;
	margin: 0 0 5px 0;
}

#newsContent p.text { 
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #000;
	margin: 0 0 25px 0;
}


   
/************************************************************************
 Footer
 Definiert alle Elemente im Footerbereich 
************************************************************************/
#footer h2 {
	color: #0e472b;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	letter-spacing: 0.05em
	}

#footer strong{
	color: #000;
	font-size: 0.9em;
	letter-spacing: 0.05em
	}

#footernav{
	float: right;
	position: absolute;
	top: 20px;
	right: 20px;
	}

#footernav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	}

#footernav li {
	float: left;
	display: inline;
	}

#footernav a {
	font-size: 1.3em;
	display: block;
	padding-left: 2em;
	margin-left:1px;
	line-height: 1em;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #fff;
	border: none;
	}
	
#footernav a:hover {
	text-decoration: underline;
	}
	
#footer a {
	background: none;	
	}

   
/************************************************************************
 Weiteres
************************************************************************/
	
.speisenkarte td {
	padding: 4px;
}