<style type="text/css">
/* /////////////////////////////////////////////////// */
/* ----------------------- HOME -----------------------*/
/* /////////////////////////////////////////////////// */
/* ON STATES*/
#frei{}
#home.home #globalnavhome li#nav1home a { background-position: -0px -40px !important; }
#home.kontakt #globalnavhome li#nav4home a { background-position: -539px -40px !important; }
#home.impressum #globalnavhome li#nav5home a { background-position: -649px -40px !important; }
#globalnavhome { margin: 0; padding: 0; }
#nav1home {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 121px;
}
#nav1home li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 121px;
height: 40px;
float: left;
}
#nav1home a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../home/img/navigation.jpg) 0px 0px no-repeat;
width: 121px;
}
#nav1home a:hover {
background-position: 0px -40px;
}
#nav1home a:active {
background-position: 0px -40px;
}
#nav2home {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 214px;
}
#nav2home li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 214px;
height: 40px;
float: left;
}
#nav2home a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../home/img/navigation.jpg) -121px 0px no-repeat;
width: 214px;
}
#nav2home a:hover {
background-position: -121px -40px;
}
#nav2home a:active {
background-position: -121px -40px;
}
#nav3home {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 204px;
}
#nav3home li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 204px;
height: 40px;
float: left;
}
#nav3home a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../home/img/navigation.jpg) -335px 0px no-repeat;
width: 204px;
}
#nav3home a:hover {
background-position: -335px -40px;
}
#nav3home a:active {
background-position: -335px -40px;
}
#nav4home {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 110px;
}
#nav4home li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 110px;
height: 40px;
float: left;
}
#nav4home a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../home/img/navigation.jpg) -539px 0px no-repeat;
width: 110px;
}
#nav4home a:hover {
background-position: -539px -40px;
}
#nav4home a:active {
background-position: -539px -40px;
}
#nav5home {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 151px;
}
#nav5home li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 151px;
height: 40px;
float: left;
}
#nav5home a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../home/img/navigation.jpg) -649px 0px no-repeat;
width: 151px;
}
#nav5home a:hover {
background-position: -649px -40px;
}
#nav5home a:active {
background-position: -649px -40px;
}
/* /////////////////////////////////////////////////// */
/* ---------------------- HÖRNUM ----------------------*/
/* /////////////////////////////////////////////////// */
#frei{}
#hoernum.home #globalnavhoernum li#nav1hoernum a { background-position: -0px -40px !important; }
#hoernum.kontakt #globalnavhoernum li#nav4hoernum a { background-position: -510px -40px !important; }
#hoernum.impressum #globalnavhoernum li#nav5hoernum a { background-position: -642px -40px !important; }
#globalnavhoernum { margin: 0; padding: 0; }
<!-- -->
#nav1hoernum {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 118px;
}
#nav1hoernum li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 118px;
height: 40px;
float: left;
}
#nav1hoernum a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../hoernum/img/navigation.jpg) 0px 0px no-repeat;
width: 118px;
}
#nav1hoernum a:hover {
background-position: 0px -40px;
}
#nav1hoernum a:active {
background-position: 0px -40px;
}
#nav2hoernum {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 203px;
}
#nav2hoernum li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 203px;
height: 40px;
float: left;
}
#nav2hoernum a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../hoernum/img/navigation.jpg) -118px 0px no-repeat;
width: 203px;
}
#nav2hoernum a:hover {
background-position: -118px -40px;
}
#nav2hoernum a:active {
background-position: -118px -40px;
}
#nav3hoernum {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 189px;
}
#nav3hoernum li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 189px;
height: 40px;
float: left;
}
#nav3hoernum a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../hoernum/img/navigation.jpg) -321px 0px no-repeat;
width: 189px;
}
#nav3hoernum a:hover {
background-position: -321px -40px;
}
#nav3hoernum a:active {
background-position: -321px -40px;
}
#nav4hoernum {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 132px;
}
#nav4hoernum li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 132px;
height: 40px;
float: left;
}
#nav4hoernum a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../hoernum/img/navigation.jpg) -510px 0px no-repeat;
width: 132px;
}
#nav4hoernum a:hover {
background-position: -510px -40px;
}
#nav4hoernum a:active {
background-position: -510px -40px;
}
#nav5hoernum {
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
width: 158px;
}
#nav5hoernum li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 158px;
height: 40px;
float: left;
}
#nav5hoernum a {
float: left;
padding: 40px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../hoernum/img/navigation.jpg) -642px 0px no-repeat;
width: 158px;
}
#nav5hoernum a:hover {
background-position: -642px -40px;
}
#nav5hoernum a:active {
background-position: -642px -40px;
}

/* /////////////////////////////////////////////////// */
/* ----------------------- Leuchtturm -----------------------*/
/* /////////////////////////////////////////////////// */

/* Häuser */
#globalhausleuchtturm { margin: 0; padding: 0; }
<!-- -->
#haus1leuchtturm {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
width: 122px;
}
#haus1leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 122px;
height: 20px;
float: left;
}
#haus1leuchtturm a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation_haus.jpg) 0px 0px no-repeat;
width: 122px;
}
#haus2leuchtturm {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
width: 136px;
}
#haus2leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 136px;
height: 20px;
float: left;
}
#haus2leuchtturm a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation_haus.jpg) -122px 0px no-repeat;
width: 136px;
}


#leuchtturm.home #globalnavleuchtturm li#nav1leuchtturm a { background-position: -0px -30px !important; }
#leuchtturm.bilder #globalnavleuchtturm li#nav2leuchtturm a { background-position: -59px -30px !important; }
#leuchtturm.hoernum #globalnavleuchtturm li#nav3leuchtturm a { background-position: -123px -30px !important; }
#leuchtturm.anreise #globalnavleuchtturm li#nav4leuchtturm a { background-position: -201px -30px !important; }
#leuchtturm.hausprospekt #globalnavleuchtturm li#nav5leuchtturm a { background-position: -267px -30px !important; }
#leuchtturm.preise #globalnavleuchtturm li#nav6leuchtturm a { background-position: -374px -30px !important; }
#leuchtturm.belegung #globalnavleuchtturm li#nav7leuchtturm a { background-position: -434px -30px !important; }
#leuchtturm.mietvertrag #globalnavleuchtturm li#nav8leuchtturm a { background-position: -518px -30px !important; }
#leuchtturm.guestbook #globalnavleuchtturm li#nav9leuchtturm a { background-position: -621px -30px !important; }
#leuchtturm.impressum #globalnavleuchtturm li#nav10leuchtturm a { background-position: -711px -30px !important; }
#globalnavleuchtturm { margin: 0; padding: 0; }
<!-- -->
#nav1leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 59px;
}
#nav1leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 59px;
height: 30px;
float: left;
}
#nav1leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) 0px 0px no-repeat;
width: 59px;
}
#nav1leuchtturm a:hover {
background-position: 0px -30px;
}
#nav1leuchtturm a:active {
background-position: 0px -30px;
}
#nav2leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 64px;
}
#nav2leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 64px;
height: 30px;
float: left;
}
#nav2leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -59px 0px no-repeat;
width: 64px;
}
#nav2leuchtturm a:hover {
background-position: -59px -30px;
}
#nav2leuchtturm a:active {
background-position: -59px -30px;
}
#nav3leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 78px;
}
#nav3leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 78px;
height: 30px;
float: left;
}
#nav3leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -123px 0px no-repeat;
width: 78px;
}
#nav3leuchtturm a:hover {
background-position: -123px -30px;
}
#nav3leuchtturm a:active {
background-position: -123px -30px;
}
#nav4leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 66px;
}
#nav4leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 66px;
height: 30px;
float: left;
}
#nav4leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -201px 0px no-repeat;
width: 66px;
}
#nav4leuchtturm a:hover {
background-position: -201px -30px;
}
#nav4leuchtturm a:active {
background-position: -201px -30px;
}
#nav5leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 107px;
}
#nav5leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 107px;
height: 30px;
float: left;
}
#nav5leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -267px 0px no-repeat;
width: 107px;
}
#nav5leuchtturm a:hover {
background-position: -267px -30px;
}
#nav5leuchtturm a:active {
background-position: -267px -30px;
}
#nav6leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 60px;
}
#nav6leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 60px;
height: 30px;
float: left;
}
#nav6leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -374px 0px no-repeat;
width: 60px;
}
#nav6leuchtturm a:hover {
background-position: -374px -30px;
}
#nav6leuchtturm a:active {
background-position: -374px -30px;
}
#nav7leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 84px;
}
#nav7leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 84px;
height: 30px;
float: left;
}
#nav7leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -434px 0px no-repeat;
width: 84px;
}
#nav7leuchtturm a:hover {
background-position: -434px -30px;
}
#nav7leuchtturm a:active {
background-position: -434px -30px;
}
#nav8leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 103px;
}
#nav8leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 103px;
height: 30px;
float: left;
}
#nav8leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -518px 0px no-repeat;
width: 103px;
}
#nav8leuchtturm a:hover {
background-position: -518px -30px;
}
#nav8leuchtturm a:active {
background-position: -518px -30px;
}
#nav9leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 90px;
}
#nav9leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 90px;
height: 30px;
float: left;
}
#nav9leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -621px 0px no-repeat;
width: 90px;
}
#nav9leuchtturm a:hover {
background-position: -621px -30px;
}
#nav9leuchtturm a:active {
background-position: -621px -30px;
}
#nav10leuchtturm {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 89px;
}
#nav10leuchtturm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 89px;
height: 30px;
float: left;
}
#nav10leuchtturm a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../leuchtturm/img/navigation.jpg) -711px 0px no-repeat;
width: 89px;
}
#nav10leuchtturm a:hover {
background-position: -711px -30px;
}
#nav10leuchtturm a:active {
background-position: -711px -30px;
}


/* /////////////////////////////////////////////////// */
/* ----------------------- FERNSICHT ------------------*/
/* /////////////////////////////////////////////////// */

/* Häuser */
#globalhausfernsicht { margin: 0; padding: 0; }
<!-- -->
#haus1fernsicht {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
width: 122px;
}
#haus1fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 122px;
height: 20px;
float: left;
}
#haus1fernsicht a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation_haus.jpg) 0px 0px no-repeat;
width: 122px;
}
#haus2fernsicht {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
width: 136px;
}
#haus2fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 136px;
height: 20px;
float: left;
}
#haus2fernsicht a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation_haus.jpg) -122px 0px no-repeat;
width: 136px;
}


#fernsicht.home #globalnavfernsicht li#nav1fernsicht a { background-position: -0px -30px !important; }
#fernsicht.bilder #globalnavfernsicht li#nav2fernsicht a { background-position: -59px -30px !important; }
#fernsicht.hoernum #globalnavfernsicht li#nav3fernsicht a { background-position: -123px -30px !important; }
#fernsicht.anreise #globalnavfernsicht li#nav4fernsicht a { background-position: -201px -30px !important; }
#fernsicht.hausprospekt #globalnavfernsicht li#nav5fernsicht a { background-position: -267px -30px !important; }
#fernsicht.preise #globalnavfernsicht li#nav6fernsicht a { background-position: -374px -30px !important; }
#fernsicht.belegung #globalnavfernsicht li#nav7fernsicht a { background-position: -434px -30px !important; }
#fernsicht.mietvertrag #globalnavfernsicht li#nav8fernsicht a { background-position: -518px -30px !important; }
#fernsicht.guestbook #globalnavfernsicht li#nav9fernsicht a { background-position: -621px -30px !important; }
#fernsicht.impressum #globalnavfernsicht li#nav10fernsicht a { background-position: -711px -30px !important; }
#globalnavfernsicht { margin: 0; padding: 0; }
<!-- -->
#nav1fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 59px;
}
#nav1fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 59px;
height: 30px;
float: left;
}
#nav1fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) 0px 0px no-repeat;
width: 59px;
}
#nav1fernsicht a:hover {
background-position: 0px -30px;
}
#nav1fernsicht a:active {
background-position: 0px -30px;
}
#nav2fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 64px;
}
#nav2fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 64px;
height: 30px;
float: left;
}
#nav2fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -59px 0px no-repeat;
width: 64px;
}
#nav2fernsicht a:hover {
background-position: -59px -30px;
}
#nav2fernsicht a:active {
background-position: -59px -30px;
}
#nav3fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 78px;
}
#nav3fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 78px;
height: 30px;
float: left;
}
#nav3fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -123px 0px no-repeat;
width: 78px;
}
#nav3fernsicht a:hover {
background-position: -123px -30px;
}
#nav3fernsicht a:active {
background-position: -123px -30px;
}
#nav4fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 66px;
}
#nav4fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 66px;
height: 30px;
float: left;
}
#nav4fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -201px 0px no-repeat;
width: 66px;
}
#nav4fernsicht a:hover {
background-position: -201px -30px;
}
#nav4fernsicht a:active {
background-position: -201px -30px;
}
#nav5fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 107px;
}
#nav5fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 107px;
height: 30px;
float: left;
}
#nav5fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -267px 0px no-repeat;
width: 107px;
}
#nav5fernsicht a:hover {
background-position: -267px -30px;
}
#nav5fernsicht a:active {
background-position: -267px -30px;
}
#nav6fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 60px;
}
#nav6fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 60px;
height: 30px;
float: left;
}
#nav6fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -374px 0px no-repeat;
width: 60px;
}
#nav6fernsicht a:hover {
background-position: -374px -30px;
}
#nav6fernsicht a:active {
background-position: -374px -30px;
}
#nav7fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 84px;
}
#nav7fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 84px;
height: 30px;
float: left;
}
#nav7fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -434px 0px no-repeat;
width: 84px;
}
#nav7fernsicht a:hover {
background-position: -434px -30px;
}
#nav7fernsicht a:active {
background-position: -434px -30px;
}
#nav8fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 103px;
}
#nav8fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 103px;
height: 30px;
float: left;
}
#nav8fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -518px 0px no-repeat;
width: 103px;
}
#nav8fernsicht a:hover {
background-position: -518px -30px;
}
#nav8fernsicht a:active {
background-position: -518px -30px;
}
#nav9fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 90px;
}
#nav9fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 90px;
height: 30px;
float: left;
}
#nav9fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -621px 0px no-repeat;
width: 90px;
}
#nav9fernsicht a:hover {
background-position: -621px -30px;
}
#nav9fernsicht a:active {
background-position: -621px -30px;
}
#nav10fernsicht {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 89px;
}
#nav10fernsicht li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 89px;
height: 30px;
float: left;
}
#nav10fernsicht a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../fernsicht/img/navigation.jpg) -711px 0px no-repeat;
width: 89px;
}
#nav10fernsicht a:hover {
background-position: -711px -30px;
}
#nav10fernsicht a:active {
background-position: -711px -30px;
}

/* /////////////////////////////////////////////////// */
/* ---------------------- WATTWIESEN ------------------*/
/* /////////////////////////////////////////////////// */

/* Häuser */
#globalhauswattwiesen { margin: 0; padding: 0; }
<!-- -->
#haus1wattwiesen {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
width: 258px;
}
#haus1wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 258px;
height: 20px;
float: left;
}
#haus1wattwiesen a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation_haus.jpg) 0px 0px no-repeat;
width: 258px;
}
#haus2wattwiesen {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overflow: hidden;
width: 136px;
}
#haus2wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 136px;
height: 20px;
float: left;
}
#haus2wattwiesen a {
float: left;
padding: 20px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation_haus.jpg) -122px 0px no-repeat;
width: 136px;
}


#wattwiesen.home #globalnavwattwiesen li#nav1wattwiesen a { background-position: -0px -30px !important; }
#wattwiesen.bilder #globalnavwattwiesen li#nav2wattwiesen a { background-position: -59px -30px !important; }
#wattwiesen.rantum #globalnavwattwiesen li#nav3wattwiesen a { background-position: -123px -30px !important; }
#wattwiesen.anreise #globalnavwattwiesen li#nav4wattwiesen a { background-position: -201px -30px !important; }
#wattwiesen.hausprospekt #globalnavwattwiesen li#nav5wattwiesen a { background-position: -267px -30px !important; }
#wattwiesen.preise #globalnavwattwiesen li#nav6wattwiesen a { background-position: -374px -30px !important; }
#wattwiesen.belegung #globalnavwattwiesen li#nav7wattwiesen a { background-position: -434px -30px !important; }
#wattwiesen.mietvertrag #globalnavwattwiesen li#nav8wattwiesen a { background-position: -518px -30px !important; }
#wattwiesen.guestbook #globalnavwattwiesen li#nav9wattwiesen a { background-position: -621px -30px !important; }
#wattwiesen.impressum #globalnavwattwiesen li#nav10wattwiesen a { background-position: -711px -30px !important; }
#globalnavwattwiesen { margin: 0; padding: 0; }
<!-- -->
#nav1wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 59px;
}
#nav1wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 59px;
height: 30px;
float: left;
}
#nav1wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) 0px 0px no-repeat;
width: 59px;
}
#nav1wattwiesen a:hover {
background-position: 0px -30px;
}
#nav1wattwiesen a:active {
background-position: 0px -30px;
}
#nav2wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 64px;
}
#nav2wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 64px;
height: 30px;
float: left;
}
#nav2wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -59px 0px no-repeat;
width: 64px;
}
#nav2wattwiesen a:hover {
background-position: -59px -30px;
}
#nav2wattwiesen a:active {
background-position: -59px -30px;
}
#nav3wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 78px;
}
#nav3wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 78px;
height: 30px;
float: left;
}
#nav3wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -123px 0px no-repeat;
width: 78px;
}
#nav3wattwiesen a:hover {
background-position: -123px -30px;
}
#nav3wattwiesen a:active {
background-position: -123px -30px;
}
#nav4wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 66px;
}
#nav4wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 66px;
height: 30px;
float: left;
}
#nav4wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -201px 0px no-repeat;
width: 66px;
}
#nav4wattwiesen a:hover {
background-position: -201px -30px;
}
#nav4wattwiesen a:active {
background-position: -201px -30px;
}
#nav5wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 107px;
}
#nav5wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 107px;
height: 30px;
float: left;
}
#nav5wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -267px 0px no-repeat;
width: 107px;
}
#nav5wattwiesen a:hover {
background-position: -267px -30px;
}
#nav5wattwiesen a:active {
background-position: -267px -30px;
}
#nav6wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 60px;
}
#nav6wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 60px;
height: 30px;
float: left;
}
#nav6wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -374px 0px no-repeat;
width: 60px;
}
#nav6wattwiesen a:hover {
background-position: -374px -30px;
}
#nav6wattwiesen a:active {
background-position: -374px -30px;
}
#nav7wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 84px;
}
#nav7wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 84px;
height: 30px;
float: left;
}
#nav7wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -434px 0px no-repeat;
width: 84px;
}
#nav7wattwiesen a:hover {
background-position: -434px -30px;
}
#nav7wattwiesen a:active {
background-position: -434px -30px;
}
#nav8wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 103px;
}
#nav8wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 103px;
height: 30px;
float: left;
}
#nav8wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -518px 0px no-repeat;
width: 103px;
}
#nav8wattwiesen a:hover {
background-position: -518px -30px;
}
#nav8wattwiesen a:active {
background-position: -518px -30px;
}
#nav9wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 90px;
}
#nav9wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 90px;
height: 30px;
float: left;
}
#nav9wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -621px 0px no-repeat;
width: 90px;
}
#nav9wattwiesen a:hover {
background-position: -621px -30px;
}
#nav9wattwiesen a:active {
background-position: -621px -30px;
}
#nav10wattwiesen {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
width: 89px;
}
#nav10wattwiesen li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 89px;
height: 30px;
float: left;
}
#nav10wattwiesen a {
float: left;
padding: 30px 0 0;
overflow: hidden;
height: 0px !important;
background: url(../../wattwiesen/img/navigation.jpg) -711px 0px no-repeat;
width: 89px;
}
#nav10wattwiesen a:hover {
background-position: -711px -30px;
}
#nav10wattwiesen a:active {
background-position: -711px -30px;
}
</style>