/*-------- HEADER - NAVIGATION */
div#wrapper div#header ul#navi {
text-indent:-10000px;
height:45px;
width:866px;
margin:61px 0 0 96px;
background:url(../images/layout/navi/de/navi.gif) no-repeat;
}

/*-------- HEADER - NAVIGATION HOME */
div#wrapper div#header ul#navi li.home {
width:58px;
margin:0 0 0 48px;
}
div#wrapper div#header ul#navi li.home a:hover, div#wrapper div#header ul#navi li.home#active {
background:url(../images/layout/navi/de/home.gif);
}

/*-------- HEADER - NAVIGATION HOTEL */
div#wrapper div#header ul#navi li.hotel { width:72px; }
div#wrapper div#header ul#navi li.hotel a:hover, div#wrapper div#header ul#navi li.hotel#active {
background:url(../images/layout/navi/de/das-hotel.gif);
}

/*-------- HEADER - NAVIGATION ZIMMER/Apartments */
div#wrapper div#header ul#navi li.zimmer { width:152px; }
div#wrapper div#header ul#navi li.zimmer a:hover, div#wrapper div#header ul#navi li.zimmer#active {
background:url(../images/layout/navi/de/zimmer-appartments.gif);
}

/*-------- HEADER - NAVIGATION PREISE */
div#wrapper div#header ul#navi li.preise { width:60px; }
div#wrapper div#header ul#navi li.preise a:hover, div#wrapper div#header ul#navi li.preise#active  {
background:url(../images/layout/navi/de/preise.gif);
}

/*-------- HEADER - NAVIGATION ONLINE BUCHUNG */
div#wrapper div#header ul#navi li.buchung { width:111px;margin:0 0 0 -2px; }
div#wrapper div#header ul#navi li.buchung a:hover, div#wrapper div#header ul#navi li.buchung#active {
background:url(../images/layout/navi/de/online-buchung.gif);
}

/*-------- HEADER - NAVIGATION LINKS */
div#wrapper div#header ul#navi li.links { width:59px;margin:0 0 0 9px; }
div#wrapper div#header ul#navi li.links a:hover, div#wrapper div#header ul#navi li.links#active  {
background:url(../images/layout/navi/de/links.gif);
}

/*-------- HEADER - NAVIGATION KONTAKT */
div#wrapper div#header ul#navi li.kontakt { width:65px;margin:0 0 0 12px; }
div#wrapper div#header ul#navi li.kontakt a:hover, div#wrapper div#header ul#navi li.kontakt#active {
background:url(../images/layout/navi/de/kontakt.gif);
}

/*-------- HEADER - NAVIGATION ANFAHRT */
div#wrapper div#header ul#navi li.anfahrt { width:71px; }
div#wrapper div#header ul#navi li.anfahrt a:hover, div#wrapper div#header ul#navi li.anfahrt#active {
background:url(../images/layout/navi/de/anfahrt.gif);
}