/***********************************************/
/* Grundelemente */
/***********************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 0;
	padding: 0;
}


/***********************************************/
/* Wrapper */
/***********************************************/
#wrapper {
	width: 73em;
	margin: -.6em 0 0 12em;
}


/***********************************************/
/* Haeder */
/***********************************************/
#haeder {
	width: 73em;
	height: 33em;
	background-repeat: no-repeat;
	background-position: left 5em;
}

#subnavigation {
	width: 36em;
	height: 2em;
	margin: 0 0 0 35.8em;
	text-align: right;
}

#subnavigation ul { margin-right: -2em; }

#subnavigation li {
	display: inline;
	margin-right: 2em;
}

#subnavigation li a, #subnavigation li a:visited {
	color: #115a87;
	text-decoration: none;
}

#subnavigation li a:hover { text-decoration: underline; }

#schriftSRB {
	width: 40em;
	height: 4em;
	float: left;
	margin-right: 9em;
	background-image: url(../gfx/layout/haeder/schrift_srb.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.buttonFoto_Video {
	width: 12em;
	height: 3em;
	float: left;
	margin-top: 1.2em;
	background-image: url(../gfx/layout/haeder/button_Foto_Video.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.buttonFoto_Video p { margin: 0.5em 0 0 0; }

.buttonFoto_Video a {
	color: #fff;
	font-weight: bold;
	font-family: "Comic Sans MS", cursive, Arial;
	margin: 0 0 0 3em;
}

.imgHaeder {
	margin: 1em 0 0 0;
	border: 3px solid #fff;
}

.navigationHaeder {
	float: left;
	margin-top: 5em;
	margin-right: 2.65em;
}

.navigationHaederRight {
	float: right;
	margin-top: 5em;
}

#spassfaktor {
	position:absolute;
	width: 12em;
	height: 12em;
	left: 77em;
	top: 6em;
	background-image: url(../gfx/layout/haeder/spassfaktor.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#VideoHaeder {
	width: 16em;
	height: 12em;
	margin: 11em 0 0 3em;
	position: relative;
}


/***********************************************/
/* Main */
/***********************************************/
#main {
	width: 73em;
	margin-top: 3em;
}

.labelTabelleLeft {
	width: 15em;
	float: left;
}


/***********************************************/
/* Sidebar */
/***********************************************/
#sidebar {
	width: 17em;
	margin: .5em 1em 0 0;
	padding-bottom: 2em;
	float: left;
	z-index: 100;
}

#sidebar ul { margin: 0 0 0 -2.6em; }

#sidebar li {
	width: 16.5em;
	height: 3em;
	background-image: url(../gfx/sidebar/bg_nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
}

#sidebar li p { margin: 0 0 0 5em; padding-top: .5em; }

#sidebar li a, #sidebar li a:visited {
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

#sidebar li a:hover { text-decoration: underline; }


/***********************************************/
/* Content */
/***********************************************/
#wrapperContent {
	width: 51em;
	float: right;
	margin-top: -4em;
	margin-right: 2em;
	padding: 1em .5em 1em 1em;
}	

#content {
	width: 35em;
	float: left;
	background-image: url(../gfx/startseite/slogan.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content h1, h2 {
	color: #135c88;
	font-size: 1.3em;
	font-style:italic;
	font-weight: bold;
}

h2 { margin: 2em 0 1em 0; }

#content p {
	color: #135c88;
	font-size: 0.85em;
	line-height: 1.8em;
}

#content li {
	color: #135c88;
	font-size: 0.85em;
}

#sidebarRight {
	width: 13em;
	float: right;
	margin: 4em -.5em 0 0;
}

#betreiberhinweisGaestebuch {
	width: 43em;
	height: 32em;
	margin: -4.5em 0 0 0;
	background-image: url(../gfx/gaestebuch/zettel.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#betreiberhinweisGaestebuch h4 {
	margin: 5em 0 0 3em;
	padding: 5em 0 0 0;
	font-size: 1em;
	color: #f00;
}

#betreiberhinweisGaestebuch p {
	margin: 1em 9em 0 4em;
	font-size: .8em;
	color: #000;
}


/***********************************************/
/* Footer */
/***********************************************/
#footer {
	position: relative;
	bottom: 0;
	width: 100.01%;
	height: 12.5em;
	background-color: #005a91;
	background-image: url(../gfx/layout/footer/bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	z-index: -10;
}

#img_footer {
	position:absolute;
	width: 29em;
	height: 41em;
	left: 0;
	bottom:0;
	background-image: url(../gfx/footer/1.png);
	background-repeat: no-repeat;
	background-position: left 0.5em;
}

#nav_footer {
	width: 54em;
	height: auto;
	margin: -10em 0 0 32em;
	float: left;
}

.nav_box {
	width: 9em;
	height: 7em;
	float: left;
	margin: 0 5.8em 0 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

.nav_box a, .nav_box a:visited {
	color: #fff;
	text-decoration: none;
}

.nav_box a:hover { text-decoration: underline; }

#copyright {
	width: 26em;
	height: 1.3em;
	text-align: right;
	font-size: 0.9em;
	color: #fff;
	margin: -2em 0 0 57.5em;
}

#copyright a, #copyright a:visited {
	color: #fff;
	text-decoration: none;
}

#copyright a:hover { text-decoration: underline; }


/***********************************************/
/* Hintergrundfarben auf unterschiedlichen Seiten */
/***********************************************/
#home, #kontakt, #gaestebuch, #erlebnispark, #galerie, #gutscheine, #mobithek, #partner, #pension, #rodelbahn, #rodelklause, #veranstaltungen, #elektroauto {
	background-color: #f4ae00;
	background-image: url(../gfx/layout/body/navileiste_orange.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#park { background-color: #0e9245; }


/***********************************************/
/* Bilder im Haeder */
/***********************************************/
#home #haeder { background-image: url(../gfx/haeder/hauptbilder/home.jpg); }
#kontakt #haeder { background-image: url(../gfx/haeder/hauptbilder/kontakt.jpg); }
#gaestebuch #haeder { background-image: url(../gfx/haeder/hauptbilder/gaestebuch.jpg); }
#erlebnispark #haeder { background-image: url(../gfx/haeder/hauptbilder/erlebnispark.jpg); }
#galerie #haeder { background-image: url(../gfx/haeder/hauptbilder/galerie.jpg); }
#gutscheine #haeder { background-image: url(../gfx/haeder/hauptbilder/gutschein.jpg); }
#mobithek #haeder { background-image: url(../gfx/haeder/hauptbilder/mobithek.jpg); }
#partner #haeder { background-image: url(../gfx/haeder/hauptbilder/partner.jpg); }
#pension #haeder { background-image: url(../gfx/haeder/hauptbilder/pension.jpg); }
#rodelbahn #haeder { background-image: url(../gfx/haeder/hauptbilder/rodelbahn.jpg); }
#rodelklause #haeder { background-image: url(../gfx/haeder/hauptbilder/rodelklause.jpg); }
#veranstaltungen #haeder { background-image: url(../gfx/haeder/hauptbilder/veranstaltungen.jpg); }
#elektroauto #haeder { background-image: url(../gfx/haeder/hauptbilder/elektroauto.jpg); }


/***********************************************/
/* Wiederkehrende Klassen */
/***********************************************/
.fllft {
	float: left;
	margin-right: 1em;
}

.flrght {
	float: right;
	margin-left: 1em;
}

.fllftRahmen {
	float: left;
	margin-right: 1em;
	border: 1px solid #e6961c;
	padding: 0.5em;
}