@charset "UTF-8";

/*
------------------------------------------------
MAIN
NAVI
------------------------------------------------
*/

#content_main #navi_holder { float:left; clear:none; width:249px; height:259px; padding:44px 0 0 51px; background:url(../images/bg_navi.png) no-repeat 40px 32px; }

#navi_holder ul { margin: 0; padding: 0; }

#navi_holder ul li { display: inline; }

#navi_holder ul li a { float:left; clear:none; width: 220px; height: 0; padding-top: 30px; overflow: hidden; }

#navi_holder ul li a { background-image: url(../images/navi_main.png); background-repeat: no-repeat; }


							
/* OFF STATES */
#navi_holder ul li#gn-home a { background-position: 0 0; }
#navi_holder ul li#gn-ferienwohnungen a { background-position: 0 -30px; }
#navi_holder ul li#gn-belegungskalender a { background-position: 0 -60px; }
#navi_holder ul li#gn-freizeit a { background-position: 0 -90px; }
#navi_holder ul li#gn-anreise a { background-position: 0 -120px; }
#navi_holder ul li#gn-preise a { background-position: 0 -150px; }
#navi_holder ul li#gn-kontakt a { background-position: 0 -180px; }
#navi_holder ul li#gn-logout a { background-position: 0 -210px; }

/* OFF OVER STATES */
#navi_holder ul li#gn-home a:hover { background-position: -220px 0; }
#navi_holder ul li#gn-ferienwohnungen a:hover { background-position: -220px -30px; }
#navi_holder ul li#gn-belegungskalender a:hover { background-position: -220px -60px; }
#navi_holder ul li#gn-freizeit a:hover { background-position: -220px -90px; }
#navi_holder ul li#gn-anreise a:hover { background-position: -220px -120px; }
#navi_holder ul li#gn-preise a:hover { background-position: -220px -150px; }
#navi_holder ul li#gn-kontakt a:hover { background-position: -220px -180px; }
#navi_holder ul li#gn-logout a:hover { background-position: -220px -210px; }

/* OFF PRESS STATES */
#navi_holder ul li#gn-home a:active { background-position: -660px 0; }
#navi_holder ul li#gn-ferienwohnungen a:active { background-position: -660px -30px; }
#navi_holder ul li#gn-belegungskalender a:active { background-position: -660px -60px; }
#navi_holder ul li#gn-freizeit a:active { background-position: -660px -90px; }
#navi_holder ul li#gn-anreise a:active { background-position: -660px -120px; }
#navi_holder ul li#gn-preise a:active { background-position: -660px -150px; }
#navi_holder ul li#gn-kontakt a:active { background-position: -660px -180px; }
#navi_holder ul li#gn-logout a:active { background-position: -660px -210px; }


/* ON STATES */
#navi_holder ul.home li#gn-home a { background-position: -440px 0; !important; }
#navi_holder ul.ferienwohnungen li#gn-ferienwohnungen a { background-position: -440px -30px; !important; }
#navi_holder ul.belegungskalender li#gn-belegungskalender a { background-position: -440px -60px; !important; }
#navi_holder ul.freizeit li#gn-freizeit a { background-position: -440px -90px; !important; }
#navi_holder ul.anreise li#gn-anreise a { background-position: -440px -120px; !important; }
#navi_holder ul.preise li#gn-preise a { background-position: -440px -150px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a { background-position: -440px -180px; !important; }
#navi_holder ul.impressum li#gn-kontakt a { background-position: -440px -180px; !important; }
#navi_holder ul.logout li#gn-logout a { background-position: -440px -210px; !important; }

/* ON OVER STATES */
#navi_holder ul.home li#gn-home a:hover { background-position: -660px 0; !important; }
#navi_holder ul.ferienwohnungen li#gn-ferienwohnungen a:hover { background-position: -660px -30px; !important; }
#navi_holder ul.belegungskalender li#gn-belegungskalender a:hover { background-position: -660px -60px; !important; }
#navi_holder ul.freizeit li#gn-freizeit a:hover { background-position: -660px -90px; !important; }
#navi_holder ul.anreise li#gn-anreise a:hover { background-position: -660px -120px; !important; }
#navi_holder ul.preise li#gn-preise a:hover { background-position: -660px -150px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a:hover { background-position: -660px -180px; !important; }
#navi_holder ul.impressum li#gn-kontakt a:hover { background-position: -660px -180px; !important; }
#navi_holder ul.logout li#gn-logout a:hover { background-position: -660px -210px; !important; }

/* ON PRESS STATES */
#navi_holder ul.home li#gn-home a:active { background-position: -220px 0; !important; }
#navi_holder ul.ferienwohnungen li#gn-ferienwohnungen a:active { background-position: -220px -30px; !important; }
#navi_holder ul.belegungskalender li#gn-belegungskalender a:active { background-position: -220px -60px; !important; }
#navi_holder ul.freizeit li#gn-freizeit a:active { background-position: -220px -90px; !important; }
#navi_holder ul.anreise li#gn-anreise a:active { background-position: -220px -120px; !important; }
#navi_holder ul.preise li#gn-preise a:active { background-position: -220px -150px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a:active { background-position: -220px -180px; !important; }
#navi_holder ul.impressum li#gn-kontakt a:active { background-position: -220px -180px; !important; }
#navi_holder ul.logout li#gn-logout a:active { background-position: -220px -210px; !important; }