div#wrapper {
	background:url(../images/wrapper-hg.png) left bottom no-repeat;
	margin:0 auto 30px auto;
	padding:0 0 85px 0;
	position:relative;
	width:961px;
}



/* ------------ Header ---------- */
div#header {
	background:url(../images/header-hintergrund.png) no-repeat;
	height:408px;
	position:relative;
	z-index:0;
}

div#eyecatcher {
	background:url(../images/eyecatcher.jpg) no-repeat;
	height:222px;
	left:135px;
	position:absolute;
	top:108px;
	width:688px;
}



/* ------------ Navigation ---------- */
ul#navi {
	background:url(../images/navi-hover.gif) no-repeat;
	height:47px;
	left:0;
	list-style:none;
	padding:0 0 0 159px;
	position:absolute;
	top:319px;
	width:802px;
}

ul#navi li {
	float:left;
	font-size:1px;
	overflow:hidden;
	text-indent:-9999px;
}

ul#navi a {
	background-image:url(../images/navi-normal.png);
	background-repeat:no-repeat;
	border:none;
	display:block;
	height:47px;
	margin:0 1px 0 0;
}

ul#navi li.current a {
	background-image:url(../images/navi-aktiv.png);
}

ul#navi a:hover {
	background:none !important;
}


li#ueberuns a {
	width:117px;
}
li#buskarte a {
	background-position:-118px 0;
	width:87px;
}
li#preisliste a {
	background-position:-206px 0;
	width:87px;
}
li#gruppenreisen a {
	background-position:-294px 0;
	width:126px;
}
li#tagungen a {
	background-position:-421px 0;
	width:95px;
}
li#arrangements a {
	background-position:-517px 0;
	width:122px;
}




/* ------------ Kleine Navigation 1 ---------- */
ul#navi-klein {
	bottom:303px;
	list-style:none;
	position:absolute;
	right:580px;
}

ul#navi-klein li, ul#navi-klein a {
	color:#97241a;
	float:left;
	font-style:italic;
	line-height:1em;
}

ul#navi-klein li {
	border-right:1px solid #97241a;
	margin:0 3px 0 0;
	padding:0 3px 0 0;
}

ul#navi-klein a {
	border:none;
	display:block;
	padding:3px 5px 3px 5px;
}

ul#navi-klein a:hover {
	color:#F1E4C7;
	background:#AD3026;
}

ul#navi-klein li.current a {
	font-weight:bold;
}

ul#navi-klein li#impressum {
	border:none;
	margin:0;
	padding:0;
}




/* ------------ Kleine Navigation 2 ---------- */
div#geschichte {
	position: absolute;
	bottom: 200px;
	right: 110px;
}
div#geschichte a:link, div#geschichte a:visited {
	text-decoration: none;
	border-bottom: none;
	background:url(../images/geschichte/header.png);
	display:block;
	height: 154px;
	width: 247px;
}
div#geschichte a:hover {
	text-decoration: none;
	border-bottom: none;
	background:url(../images/geschichte/header_hover.png);
	display:block;
	height: 154px;
	width: 247px;
}

ul#navi-klein2 {
	bottom:303px;
	list-style:none;
	position:absolute;
	right:160px;
}

ul#navi-klein2 li, ul#navi-klein2 a {
	color:#97241a;
	float:left;
	font-style:italic;
	line-height:1em;
}

ul#navi-klein2 li {
	margin:0 3px 0 0;
	padding:0 3px 0 0;
}

ul#navi-klein2 a {
	border:none;
	display:block;
	padding:3px 5px 3px 5px;
}

ul#navi-klein2 a:hover {
	color:#F1E4C7;
	background:#AD3026;
}

ul#navi-klein2 li.current a {
	font-weight:bold;
}



/* ------------ Inhaltsbereich ---------- */
div#main {
	background:url(../images/main-oben.png) no-repeat;
	margin:-42px 0 0 136px;
	width:685px;
}

div#container {
	background:#e6d0a8 url(../images/content-oben.jpg) no-repeat;
	margin:0 auto;
	position:relative;
	width:669px;
	z-index:1;
}

div#content {
	background:url(../images/papier-unten.jpg) left bottom no-repeat;
	min-height:450px;
	padding:95px 27px 20px 28px;
}



div#content ul {
	list-style:none;
	margin:5px 0 1.5em 0;
}

div#content ul li {
	background:url(../images/sternchen.gif) 0 0.5em no-repeat;
	border-top:1px solid #CFAB81;
	color:#6F5037;
	padding:5px 0 5px 20px;
}

div#content ul li:first-child {
	border:none;
}



a#reservierung {
	background:url(../images/reservierung-normal.png) no-repeat;
	border:none;
	display:block;
	height:151px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:18px;
	right:17px;
	width:301px;
	z-index:10;
}

a#reservierung:hover {
	background:url(../images/reservierung-hover.png) no-repeat;
}



div.spalte-links {
	float:left;
	width:307px;
}

div.spalte-rechts {
	float:right;
	width:288px;
}




/* ------------ Footer ---------- */
div#footer {
	color:#d4a675;
	clear:both;
	font-style:italic;
	padding:30px 0 0 0;
	position:relative;
}

p#anschrift {
	float:left;
	margin:0 0 0 280px;
	width:200px;
}

p#kontaktdaten {
	float:right;
	margin:0 250px 0 0;
	width:200px;
}


a#lions {
	border:none !important;
	display:block;
	height:64px;
	left:190px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:28px;
	width:64px;
}

a#rotary {
	border:none !important;
	display:block;
	height:64px;
	right:193px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:28px;
	width:64px;
}





/* ####### Formatierungen ####### */
p.trennlinie {
	border-bottom:1px dashed #9f8e72;
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:5px 0 20px 0;
}


a.thumb {
	border:none !important;
}

a.thumb img {
	margin:0 0 5px 0;
	padding:5px 7px 7px 5px;
}

div.spalte-links a.thumb img {
	background:url(../images/bild-hg-links.gif) no-repeat;
}

div.spalte-rechts a.thumb img {
	background:url(../images/bild-hg-rechts.gif) no-repeat;
}


.clear {
	clear:both;
}



/* ####### Speisen ####### */
dl.speisen dt {
	color:#280606;
	float:left;
	margin:0 30px 0 0;
	padding:2px 0 10px 0;
	width:80%;
}

dl.speisen dd {
	color:#8d2517;
	float:left;
	padding:2px 0 10px 0;
	white-space:nowrap;
	width:15%;
}




strong.telefonnummer {
	color:#a36949;
	font-size:2.2em;
	font-weight:normal;
}



div#panorama {
	position: relative;
	border:3px solid #F3E4C9;
	margin:10px 0 15px 0;
	width:600px;
	height:200px;
	overflow:hidden;
}
div#panoramabild {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1;
}
div#blind {
	position: absolute;
	top: 0px;
	left: 0px;
	height:200px;
	width:600px;
	z-index:2;
}


#ewcms_edit_controller {
	left:20px;
	position:absolute;
	top:20px;
}




/* ####### Float-Clearing ####### */
dl:after,
div#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}