body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
}

#main {
	position:relative;
	display:block;
	margin:auto;
	width:935px;
	background-image:url(../images/bg.jpg);
}

#kopf{
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	z-index:1;
}
#head{
	top:20px;
	left:195px;
	width:544px;
	height:37px;
	position:absolute;
	margin:0;
}
#titel{
	top:66px;
	left:0px;
	width:935px;
	position:absolute;
	margin:0;
	z-index:1;
}
#film{
	top:66px;
	left:0px;
	width:935px;
	height:238px;
	position:absolute;
	margin:0;
	z-index:2;
}

#video{
	margin:0;
	z-index:10;
}

#inhalt{
	top:304px;
	left:195px;
	width:710px;
	position:absolute;
	margin:0;
}

#bottom{
	position:relative;
	display:block;
	margin:auto;
  height:72px;
  width:935px;
  background-image:url(../images/bottom.jpg);
}

#navi {
	position:absolute;
    display:block;
	height:350px;
	background-color:transparent;
	top:304px;
	left:0px;
	margin:0;
	width:150px;
}

a.willkommen{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_willkommen.jpg);
}

a.willkommen:hover {background-position: bottom;}

#willkommenactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_willkommen.jpg);
}

a.wohnungen{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_wohnungen.jpg);
}

a.wohnungen:hover {background-position: bottom;}

#wohnungenactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_wohnungen.jpg);
}

a.fotogallerie{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_fotogallerie.jpg);
}

a.fotogallerie:hover {background-position: bottom;}

#fotogallerieactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_fotogallerie.jpg);
}

a.freizeit{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:49px;
  width:148px;
  float: left;
  background-image:url(../images/bt_freizeit.jpg);
}

a.freizeit:hover {background-position: bottom;}

#freizeitactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:49px;
  width:148px;
  float: left;
  background-image:url(../images/bt_freizeit.jpg);
}


a.preise{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_preise.jpg);
}

a.preise:hover {background-position: bottom;}

#preiseactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_preise.jpg);
}

a.anfrage{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_anfrage.jpg);
}

a.anfrage:hover {background-position: bottom;}

#anfrageactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_anfrage.jpg);
}

a.kontakt{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_kontakt.jpg);
}

a.kontakt:hover {background-position: bottom;}

#kontaktactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_kontakt.jpg);
}

a.gaeste{
  display:block;
  background-position:top left;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_gaestebuch.jpg);
}

a.gaeste:hover {background-position: bottom;}

#gaesteactive{
  display:block;
  background-position:bottom;
  margin-top: 12px;
  height:32px;
  width:148px;
  float: left;
  background-image:url(../images/bt_gaestebuch.jpg);
}

#navi2 {
	width:710px;
	height:27px;
	position:absolute;
	background-color:transparent;
}

a.woh2{
  display:block;
  background-position:top left;
  height:27px;
  width:160px;
  float: left;
  background-image:url(../images/bt_woh2.gif);
}

a.woh2:hover {background-position: bottom;}

#woh2active{
  display:block;
  background-position:bottom;
  height:27px;
  width:160px;
  float: left;
  background-image:url(../images/bt_woh2.gif);
}


a.woh3{
  display:block;
  background-position:top left;
  height:27px;
  width:187px;
  float: left;
  background-image:url(../images/bt_woh3.gif);
}

a.woh3:hover {background-position: bottom;}

#woh3active{
  display:block;
  background-position:bottom;
  height:27px;
  width:187px;
  float: left;
  background-image:url(../images/bt_woh3.gif);
}

a.woh4{
  display:block;
  background-position:top left;
  height:27px;
  width:175px;
  float: left;
  background-image:url(../images/bt_woh4.gif);
}

a.woh4:hover {background-position: bottom;}

#woh4active{
  display:block;
  background-position:bottom;
  height:27px;
  width:175px;
  float: left;
  background-image:url(../images/bt_woh4.gif);
}

a.woh5{
  display:block;
  background-position:top left;
  height:27px;
  width:175px;
  float: left;
  background-image:url(../images/bt_woh5.gif);
}

a.woh5:hover {background-position: bottom;}

#woh5active{
  display:block;
  background-position:bottom;
  height:27px;
  width:175px;
  float: left;
  background-image:url(../images/bt_woh5.gif);
}