/* Grundgerüst
-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #023671;
	background: #f7f7f7;
	font-size: 13px;
	}	

#frame {
	background: url(../_img/frameBG.gif) repeat-y center center;
	width: 960px;
	padding: 0 5px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 188px;
	border-bottom: 1px solid #3d6490;
	background: url(../_img/naviHeaderBG.gif) no-repeat center center;
	margin: 0 5px;
}

#body_front #header { 
	background: none;
	border-bottom: none;
}

#body_front #content { background: url(../_img/indexBG.jpg) no-repeat 5px bottom; height: 612px; }

#footer {
	background: url(../_img/footerBG.gif) no-repeat center top;
	height: 100px;
}

#footer p {
	padding: 8px 0 0 0;
}

#footer a {
	color: #fff;
}

#body_anfahrt-kontakt #footer, #body_front #footer {
	background: url(../_img/footerBGblue.gif) no-repeat center top;
	height: 165px;
	/*background: #fff;*/
	width: 960px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}

#body_anfahrt-kontakt #content {
	height: 423px;
}

#content {
	height: 483px;
	position: relative;
}

#body_oeffnungszeiten #content { background: url(../_img/imgOeffnungszeiten.jpg) no-repeat 5px bottom; }
#body_gastronomie #content { background: url(../_img/imgGastronomie.jpg) no-repeat 5px bottom; }
#body_freizeit #content { background: url(../_img/imgFreizeit.jpg) no-repeat 5px bottom; }
#body_events #content { background: url(../_img/imgEvents.jpg) no-repeat 5px bottom; }
#body_uebernachtung #content { background: url(../_img/imgUebernachtung.jpg) no-repeat 5px bottom; }
#body_links #content { background: url(../_img/imgLinks.jpg) no-repeat 5px bottom; }
#body_links #mainContent { padding-top: 36px; }
#body_anfahrt-kontakt #content { background: url(../_img/imgAnfahrt.gif) no-repeat 5px bottom; }



/*#body_anfahrt-kontakt #content { background: none; }*/


.topImg {
	width: 475px;
	position: absolute;
	height: 118px;
	overflow: auto;
	right: 5px;
}

.bottomSlogan {
	width: 475px;
	position: absolute;
	height: 52px;
	overflow: auto;
	right: 5px;
	text-indent: -99999em;
	background: url(../_img/naturerlebnis.gif) 0 0;
	bottom: 0px;
}

#mainContent {
	width: 475px;
	position: absolute;
	height: 313px;
	overflow: auto;
	right: 5px;
	top: 118px;
	/*margin: 0 20px 0 20px;*/
}

#body_anfahrt-kontakt #mainContent {
	width: 475px;
	position: absolute;
	height: 387px;
	overflow: auto;
	right: 5px;
	top: 36px;
	/*margin: 0 20px 0 20px;*/
}

/* Allgemeine Formatierungen
-----------------------------------------------------------*/
#mainContent p, #mainContent ul  {
	line-height: 18px;
	padding: 0 18px 18px 18px;
}

#mainContent ul li {
	margin: 0 0 0 18px;
	/*margin: 0 0 0 18px;*/
}

#mainContent table {
	border-spacing: 0;
	/*border-collapse: collapse;*/
	line-height: 18px;
	margin: 0 18px 9px 18px;
}

#mainContent table td {
	/*padding: 0 18px 0 0;*/
	table-layout: fixed;
}

td:first-child { width: 210px; }



h1 {
	margin: 18px 18px 18px 16px;
	height: 60px;
	text-indent: -99999em;
	display: block;
}

#body_oeffnungszeiten #mainContent h1 { background: url(../_img/title_oeffnungszeiten.gif) no-repeat left bottom; height: 30px; } 
#body_gastronomie #mainContent h1 { background: url(../_img/title_gastronomie.gif) no-repeat; } 
#body_freizeit #mainContent h1 { background: url(../_img/title_freizeit.gif) no-repeat; } 
#body_events #mainContent h1 { background: url(../_img/title_event.gif) no-repeat left bottom; height: 30px; } 
#body_uebernachtung #mainContent h1 { background: url(../_img/title_uebernachtung.gif) no-repeat left bottom; height: 30px; } 

h2, h3, h4, h5, h6 {
	margin: 0 18px;
	font-size: 13px;
	line-height: 18px;
}

a {
	text-decoration: none;
	color: #023671;
}

a:hover {
	text-decoration: underline;
}

#homeWappen {
	text-indent: -99999em;
	width: 119px;
	height: 78px;
	position: absolute;
	background: url(../_img/wappen.png) no-repeat;
	left: 775px;
	top: 570px;
}

#indexText {
	z-index: 100;
	width: 250px;
	height: 78px;
	position: absolute;
	left: 620px;
	top: 120px;
}

#dog {
	margin: -10px 0 0px 0; 
	padding: 5px 0 0 70px;
	background: url(../_img/dog.gif) no-repeat 20px 8px;
}

/* MainNavigation
-----------------------------------------------------------*/
#header ul {
	list-style-type: none;
	margin: 0 0 0 172px;
}

#header ul li {
	list-style-type: none;
	float: left;
}

#header ul li a {
	height: 156px;
	float: left;
	display: block;
	text-indent: -999999em;
}

#btn1 a { background: url(../_img/btn1.png) 0 0; width: 126px; }
#btn1 a:hover, #body_oeffnungszeiten #btn1 a { background: url(../_img/btn1.png) 0 -156px; width: 126px; }

#btn2 a { background: url(../_img/btn2.png) 0 0; width: 111px; }
#btn2 a:hover, #body_gastronomie #btn2 a { background: url(../_img/btn2.png) 0 -156px; width: 111px; }

#btn3 a { background: url(../_img/btn3.png) 0 0; width: 70px; }
#btn3 a:hover, #body_freizeit #btn3 a { background: url(../_img/btn3.png) 0 -156px; width: 70px; }

#btn4 a { background: url(../_img/btn4.png) 0 0; width: 72px; }
#btn4 a:hover, #body_events #btn4 a { background: url(../_img/btn4.png) 0 -156px; width: 72px; }

#btn5 a { background: url(../_img/btn5.png) 0 0; width: 117px; }
#btn5 a:hover, #body_uebernachtung #btn5 a { background: url(../_img/btn5.png) 0 -156px; width: 117px; }

#btn6 a { background: url(../_img/btn6.png) 0 0; width: 84px; }
#btn6 a:hover, #body_webcam #btn6 a { background: url(../_img/btn6.png) 0 -156px; width: 84px; }

#btn7 a { background: url(../_img/btn7.png) 0 0; width: 63px; }
#btn7 a:hover, #body_links #btn7 a { background: url(../_img/btn7.png) 0 -156px; width: 63px; }

#btn8 a { background: url(../_img/btn8.png) 0 0; width: 135px; }
#btn8 a:hover, #body_anfahrt-kontakt #btn8 a { background: url(../_img/btn8.png) 0 -156px; width: 135px; }