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 */

#skipnav {display: none;}

#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 {position: absolute;}
	
#header {
	height: 85px;
	top: 0;
	background-image: url(img/header.png);
	background-position: 0 0;
	background-repeat: repeat-x;}

#galerielink {
	top: 0;
	left: 50%;}
	
#logo, #galerielink {
	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: 33px;
	width: 186px;
	margin-left: -321px;
	background-image: url(img/galerie.png);}
	
#galerielink.active{
	width: 236px;
	background-position: 0 -66px;}
	
#galerielink:hover {background-position: 0 -33px;}

#galerielink.active:hover {background-position: 0 -99px;}
	
#wrapper {
	margin: 89px auto 60px;
	width: 640px;
	border: 1px solid #C1974B;
	background-image:  url(img/wrapper.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding: 20px 0 0;}
	
#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;
	min-height: 500px;
	margin: 0 19px;
	padding: 10px 25px 20px 20px;
	background-image: url(img/karte.png);
	background-position: 60px 120px;
	background-repeat:no-repeat;
	position: relative;}
	
#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;}
	

/* Map */

.marker {
	display: block;
	height: 33px;
	position: absolute;
	background-repeat: no-repeat;
	background-image:  url(img/marker.png);
	text-indent: -9999px;
	outline: none;}
	
.wetter {
	width: 200px;
	background-position: 0 -66px;
	top: 275px;
	left: 60px;}

.giessen {
	width: 200px;
	background-position: 0 -198px;
	top: 330px;
	left: 102px;}			
	
.taunus {
	width: 207px;
	background-position: 0 0;
	top: 370px;
	left: 100px;}
	
.viernheim {
	width: 242px;
	background-position: 0 -132px;
	top: 405px;
	left: 98px;}
	

.wetter:hover {background-position: 0 -99px;}
.giessen:hover {background-position: 0 -231px;}
.taunus:hover {background-position: 0 -33px;}
.viernheim:hover {background-position: 0 -165px;}



/* Footer */

#footer ul {
	display: block;
	width: 97px;
	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);}	

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