body {
	background-color: #C8AF77;
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	min-height:100%;
	padding-top: 0;
	margin-top: 0;
	border-top: 0;}

h1, h2, h3 {
	color: #FFFFFF;
	font-weight:bold;
	line-height: 20px;}

h1 {
	margin: 30px 0 0;
	font-size: 18px;}

h2 {
	margin: 20px 0 0;
	font-size: 15px;}

h3  {margin: 20px 0 0;}

h3, p  {font-size: 12px;
	clear: both;}
	
p {margin: 10px 0 0;}
	
img {margin-top: 10px;}

a {	color: #FFFFFF;
	text-decoration: underline;}
	
a:hover, h1 a, h2 a, h3 a, a h1, a h2, a h3 {text-decoration: none;}
a img {border: none;
	text-decoration: none;}
:visited {color: #ffffff;}
.em {font-style: italic;}
.strong {font-weight: bold;}

p img, td img {margin-top: 0;}

img[align=right] {
	clear: right;
	margin: 0 0 10px 10px;}
	
img[align=left] {
	clear: left;
	margin: 0 10px 10px 0;}

td {padding: 10px 10px 0 0;}

#content ul {
	margin: 0;
	padding: 0;}
	
#content li {
	margin: 10px 0 0 10px;}


/* general positioning */


#header, #footer, #wallpaper  {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 3;}

#wallpaper {
	top: 0;
	height: 100%;
	z-index: -1;
	text-align: center;
	background-color:#2A2714;
	overflow:visible;}
	
#wallpaper img {
	display: inline;
	margin: 0 auto;}

#logo, #galerielink, #wetter {position: absolute;}
	
#header {
	height: 85px;
	top: 0;
	background-image: url(img/header.png);
	background-position: 0 0;
	background-repeat: repeat-x;}

#galerielink, #wetter {
	top: 0;
	left: 50%;}
	
#logo, #galerielink, #wetter {
	text-indent: -9999px;
	display: block;}

#logo {
	height: 85px;
	width: 206px;
	top: 0;
	right: 5%;
	background-image: url(img/forestadventures.png);}
	
#logo:hover {background-position: 0 -85px;}
	
#galerielink {
	height: 35px;
	width: 186px;
	margin-left: -321px;
	background-image: url(img/galerie.png);}
	
#galerielink.active{
	width: 241px;
	background-position: 0 -70px;}
	
#galerielink:hover {background-position: 0 -35px;}

#galerielink.active:hover {background-position: 0 -105px;}

#wetter {
	top: 94px;
	height: 46px;
	width: 339px;
	margin-left: -321px;
	background-image: url(img/kletterpark.png);
	background-position: 0 -92px;}
	
#wetter:hover {background-position: 0 -138px;}
	
#wrapper {
	margin: 139px auto 60px;
	width: 640px;
	border: 1px solid #C1974B;
	background-image:  url(img/wrapper.png);
	background-position: 0 0;
	background-repeat: repeat-x;}
	
#footer {
	bottom: 0;
	height: 30px;
	border: 1px solid #;
	background-image: url(img/footerhell.png);
	background-position: center 0 ;
	background-repeat:no-repeat;}
	
#content, #wrapper .footer {margin: 0 19px;}
	
#content {
	background-color: #C8AF77;
	width: 557px;
	margin: 0 19px;
	padding: 10px 25px 20px 20px;}
	
#wrapper .footer {
	margin-bottom: 5px;
	height: 20px;
	width: 612px;
	background-color: transparent;
	background-image:  url(img/content.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;}
	
.clear {clear: both;
width: 100px;
height: 1px;}
	
	
/* Navigation and Subnav*/

#navigation, .subnav.active {
	display: block;
	margin: 0 19px;
	padding: 0;
	width: 602px;
	height: 39px;
	background-position: 0 bottom;
	background-repeat: no-repeat;}
	
#navigation {background-image:  url(img/navigation.png);}

.subnav.active {background-image:  url(img/subnav.png);
	background-color: #C8AF77;}
	
.inactive, #skipnav {display: none;}

.subnav.kletterwald {
	padding: 0 0 0 76px;
	width: 526px;}
	
.subnav.kontakt {
	padding: 0 0 0 146px;
	width: 456px;}
	
#navigation li, #navigation a, .subnav li, .subnav a {
	display: block;
	height: 39px;}
	
#navigation li, .subnav li {float: left;}

#navigation a, .subnav a  {
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image:  url(img/navitems.png);}	
	
#home, #navigation:hover #home.active {
	width: 71px;
	background-position: 0 0;}
	
#home:hover, #home.active, #navigation:hover #home.active:hover {background-position: 0 -39px;}

#kletterwald, #navigation:hover #kletterwald.active {
	width: 127px;
	background-position: -71px 0;}
	
#kletterwald:hover, #kletterwald.active, #navigation:hover #kletterwald.active:hover {background-position: -71px -39px;}

#preise, #navigation:hover #preise.active {
	width: 72px;
	background-position: -198px 0;}
	
#preise:hover, #preise.active, #navigation:hover #preise.active:hover {background-position: -198px -39px;}

#oeffnung, #navigation:hover #oeffnung.active {
	width: 149px;
	background-position: -270px 0;}
	
#oeffnung:hover, #oeffnung.active, #navigation:hover #oeffnung.active:hover {background-position: -270px -39px;}

#kontakt, #navigation:hover #kontakt.active {
	width: 93px;
	background-position: -419px 0;}
	
#kontakt:hover, #kontakt.active, #navigation:hover #kontakt.active:hover {background-position: -419px -39px;}

#anfahrt, #navigation:hover #anfahrt.active {
	width: 90px;
	background-position: -512px 0 ;}
	
#anfahrt:hover, #anfahrt.active, #navigation:hover #anfahrt.active:hover {background-position: -512px -39px;}

#ueberuns, .subnav:hover #ueberuns.active {
	width: 84px;
	background-position: -76px -78px;}
	
#ueberuns:hover, #ueberuns.active, .subnav:hover #ueberuns.active:hover {background-position:  -76px -117px;}

#sicherheit, .subnav:hover #sicherheit.active {
	width: 91px;
	background-position: -160px -78px;}
	
#sicherheit:hover, #sicherheit.active, .subnav:hover #sicherheit.active:hover {background-position:  -160px -117px;}

#team, .subnav:hover #team.active {
	width: 58px;
	background-position: -251px -78px;}

#team:hover, #team.active, .subnav:hover #team.active:hover {
	background-position:  -251px -117px;}

#parcours, .subnav:hover #parcours.active {
	width: 81px;
	background-position: -309px -78px;}
	
#parcours:hover, #parcours.active, .subnav:hover #parcours.active:hover {background-position: -309px -117px;}

#uebersicht, .subnav:hover #uebersicht.active {
	width: 88px;
	background-position: -146px -156px;}
	
#uebersicht:hover, #uebersicht.active, .subnav:hover #uebersicht.active:hover {background-position: -146px -195px;}

#anmeldung, .subnav:hover #anmeldung.active {
	width: 100px;
	background-position: -234px -156px;}
	
#anmeldung:hover, #anmeldung.active, .subnav:hover #anmeldung.active:hover {background-position: -234px -195px;}

#gutscheine, .subnav:hover #gutscheine.active {
	width: 97px;
	background-position: -334px -156px;}
	
#gutscheine:hover, #gutscheine.active, .subnav:hover #gutscheine.active:hover {background-position: -334px -195px;}

#anfrage, .subnav:hover #anfrage.active {
	width: 76px;
	background-position: -431px -156px;}
	
#anfrage:hover, #anfrage.active, .subnav:hover #anfrage.active:hover {background-position: -431px -195px;}


/* Footer */

#footer ul {
	display: block;
	width: 353px;
	margin: 0 auto;
	height: 30px;
	padding: 0;}
	
#footer li {
	display: block;
	float: left;}

#footer li, #footer a {height: 30px;}

#footer a  {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image:  url(img/footeritemshell.png);}	
	
#agb, #footer:hover #agb.active {
	width: 52px;
	background-position: 0 0;}
	
#agb:hover, #agb.active, #footer:hover #agb.active:hover {background-position: 0 -30px;}

#download, #navigation:hover #download.active {
	width: 99px;
	background-position: -52px 0;}
	
#download:hover, #download.active, #footer:hover #download.active:hover {background-position: -52px -30px;}

#jobs, #footer:hover #jobs.active {
	width: 53px;
	background-position: -151px 0;}
	
#jobs:hover, #jobs.active, #footer:hover #jobs.active:hover {background-position: -151px -30px;}

#faq, #navigation:hover #faq.active {
	width: 52px;
	background-position: -204px 0;}
	
#faq:hover, #faq.active, #footer:hover #faq.active:hover {background-position: -204px -30px;}

#impressum, #footer:hover #impressum.active {
	width: 97px;
	background-position: -256px 0;}
	
#impressum:hover, #impressum.active, #footer:hover #impressum.active:hover {background-position: -256px -30px;}


/* Forms */

fieldset {
	border: 1px solid transparent;
	margin: 10px 0 0;
	padding: 10px;
	background-color: #D6C399;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
fieldset h2 {margin: 0;}
	
label, textarea, fieldset div {
	display: block;
	float: left;
	margin-top: 10px;}
	
/*fieldset div {width: 360px;}*/
	
.element {clear: both;
	text-align: right;
	margin: 10px 5px 0 0;
	width: 150px;
	line-height: 24px;}
	
fieldset div label {
	margin-top: 3px;
	width: 300px;}
	
input, textarea {
	border: 1px solid #8F6721;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image:  url(img/input.png);
	background-repeat: repeat-x;
	background-position: 0 -48px;}
	
input {
	height: 22px;
	width: 250px;
	padding: 2px 5px;
	color: #333;}	
	
.flexibleRadio {width: auto;
	background: none;
	border: none;
	clear: left;
	float: left;
	margin: 3px 3px 0 5px;}

textarea {
	width: 350px;
	padding: 5px;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin-top: 0;}
	
input:focus, textarea:focus {
	background-image: none;
	border: 2px solid #3C381E;
	margin: -1px;
	color: #000;}
	
.flexibleRadio:focus {
	margin: 3px 3px 0 5px;
	border: none;}

#send input {
	width: 150px;
	background-position: 0 0;
	color: #ffffff;
	font-weight: bold;
	text-align: center;}

#send input:hover {background-position: 0 -24px;}
	
#send input:focus {
	background-image:  url(img/input.png);
	background-position: 0 -24px;
	border: 2px solid #3C381E;}
	
.reqnote {
	display: block;
	float: left;
	clear: both;
	margin: 10px 0 0;
	width: 500px;}
	
.error {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 0 155px;
	width: 250px;
	padding: 0 5px;
	color: #990000;
	font-size: 10px;
	line-height: 15px;}
	
.note {position: relative;}	
.note span {display: none;}

.note:hover span{
	display: block;
	background-color: #C8AF77;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #8F6721;
	padding: 5px 5px;
	position: absolute;
	top: 20px;
	left: -10px;
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	width: 250px;}
	
/* Galerie Links */

.skipforward, .skipback {
	position: absolute;
	display: block;
	text-align:center;
	height: 35px;
	width: 36px;
	top: 0;
	color: #99712A;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: -.7px;
	left: 50%;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 38px;
	text-decoration: none;
	text-align: center;}
	
.skipback {background-image:  url(img/skipback.png);
	margin-left: -383px;
	padding: 0 2px 0 24px;
	}
	
.skipforward {background-image:  url(img/skipforward.png);
	margin-left: -80px;
	padding: 0 24px 0 2px;}
	
.skipback:hover, .skipforward:hover {
	background-position: 0 -35px;}
	
.helpwanted {
	width: 143px;
	height:143px;
	display:block;
	position:absolute;
	text-indent: -99999px;
	background-image: url(img/helpwanted.png);
	margin-left: 380px;
	margin-top:282px;
	}
	
.picknick {
	width: 203px;
	height:203px;
	display:block;
	position:absolute;
	text-indent: -99999px;
	background-image: url(../preise/img/picknick.png);
	margin-left: -254px;
	margin-top:80px;
	}
	
a:active {
	outline:none;
	}
	
p.gutschein {
	text-align:left;
	}
	
.team {
	margin-top:12px;
	margin-bottom:8px;
	}
	
.thomas, .manuel, .martin {
	padding-right:32px;
	float:left;
	margin-top:12px;
	}