#main_container_top #main_navi_holder { margin:0 auto; width:871px; height:45px; } #main_navi_holder #top_logo { float:left; clear:none; width:50px; height:45px; } #top_logo a { float:left; clear:none; width:50px; height:0px; padding-top:45px; background:url(../images/top_logo.gif) no-repeat; text-decoration:none; overflow:hidden; cursor:pointer; } /* GLOBALHEADER */ #globalheader { float:left; clear:none; width: 821px; height: 45px; margin: 0 auto; position: relative; z-index: 101; } #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } #globalheader #globalnav li a { float: left; height: 0; padding-top: 45px; overflow: hidden; } #globalheader #globalnav li a { background-image: url(../images/main_navi.png); _background-image: url(../images/main_navi.gif); background-repeat: no-repeat; } /* BUTTONS */ #globalheader #globalnav li#gn-welcome a { background-position: 0 0; width:132px; } #globalheader #globalnav li#gn-news a { background-position: -132px 0; width:143px; } #globalheader #globalnav li#gn-beckerkrug a { background-position: -275px 0; width:160px; } #globalheader #globalnav li#gn-food a { background-position: -435px 0; width:183px; } #globalheader #globalnav li#gn-team a { background-position: -618px 0; width:102px; } #globalheader #globalnav li#gn-contact a { background-position: -720px 0; width:101px; } /* OVER STATES */ #globalheader #globalnav li#gn-welcome a:hover { background-position: 0 -45px; } #globalheader #globalnav li#gn-news a:hover { background-position: -132px -45px; } #globalheader #globalnav li#gn-beckerkrug a:hover { background-position: -275px -45px; } #globalheader #globalnav li#gn-food a:hover { background-position: -435px -45px; } #globalheader #globalnav li#gn-team a:hover { background-position: -618px -45px; } #globalheader #globalnav li#gn-contact a:hover { background-position: -720px -45px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-welcome a:active { background-position: 0 -90px; } #globalheader #globalnav li#gn-news a:active { background-position: -132px -90px; } #globalheader #globalnav li#gn-beckerkrug a:active { background-position: -275px -90px; } #globalheader #globalnav li#gn-food a:active { background-position: -435px -90px; } #globalheader #globalnav li#gn-team a:active { background-position: -618px -90px; } #globalheader #globalnav li#gn-contact a:active { background-position: -720px -90px; } /* ON AKTIV LINK */ #globalheader.home #globalnav li#gn-welcome a { background-position: 0 -90px; !important; } #globalheader.news #globalnav li#gn-news a { background-position: -132px -90px; } #globalheader.beckerkrug #globalnav li#gn-beckerkrug a { background-position: -275px -90px; !important; } #globalheader.food #globalnav li#gn-food a { background-position: -435px -90px; !important; } #globalheader.team #globalnav li#gn-team a { background-position: -618px -90px; !important; } #globalheader.contact #globalnav li#gn-contact a { background-position: -720px -90px; !important; } /*####################################################################*/ /* SUB NAVI */ #main_content_holder #subnavi_holder { float:left; clear:none; width:782px; height:42px; } #main_content_holder #subnavi_holder { float:left; clear:none; width:782px; height:42px; } #subheader { float:left; clear:none; width: 782px; height: 42px; margin: 0 auto; position: relative; z-index: 201; } #subheader #subnav { margin: 0; padding: 0; padding-right:10px; padding-left:10px; } #subheader #subnav li { display: inline; } /*####################################################################*/ /* SUB NAVI BECKERKRUG*/ .beckerkrug #subheader #subnav li a { float: left; height: 0; padding-top: 42px; overflow: hidden; width:127px; } .beckerkrug #subheader #subnav li a { background-image: url(../images/subn_beckerkrug.png); _background-image: url(../images/subn_beckerkrug.gif); background-repeat: no-repeat; } /* BUTTONS */ .beckerkrug #subheader #subnav li#sn-beckerkrug a { background-position: -8px 0; } .beckerkrug #subheader #subnav li#sn-restaurant a { background-position: -135px 0; } .beckerkrug #subheader #subnav li#sn-weinbier a { background-position: -262px 0; } .beckerkrug #subheader #subnav li#sn-feste a { background-position: -389px 0; } .beckerkrug #subheader #subnav li#sn-garten a { background-position: -516px 0; } .beckerkrug #subheader #subnav li#sn-unterwegs a { background-position: -643px 0; } /* BUTTONS */ .beckerkrug #subheader #subnav li#sn-beckerkrug a:hover { background-position: -8px -42px; } .beckerkrug #subheader #subnav li#sn-restaurant a:hover { background-position: -135px -42px; } .beckerkrug #subheader #subnav li#sn-weinbier a:hover { background-position: -262px -42px; } .beckerkrug #subheader #subnav li#sn-feste a:hover { background-position: -389px -42px; } .beckerkrug #subheader #subnav li#sn-garten a:hover { background-position: -516px -42px; } .beckerkrug #subheader #subnav li#sn-unterwegs a:hover { background-position: -643px -42px; } /*Activ*/ .beckerkrug #subheader #subnav li#sn-beckerkrug a:active { background-position: -8px -42px; } .beckerkrug #subheader #subnav li#sn-restaurant a:active { background-position: -135px -42px; } .beckerkrug #subheader #subnav li#sn-weinbier a:active { background-position: -262px -42px; } .beckerkrug #subheader #subnav li#sn-feste a:active { background-position: -389px -42px; } .beckerkrug #subheader #subnav li#sn-garten a:active { background-position: -516px -42px; } .beckerkrug #subheader #subnav li#sn-unterwegs a:active { background-position: -643px -42px; } .beckerkrug #subheader.beckerkrug #subnav li#sn-beckerkrug a { background-position: -8px -42px; !important; } .beckerkrug #subheader.restaurant #subnav li#sn-restaurant a { background-position: -135px -42px; !important; } .beckerkrug #subheader.weinbier #subnav li#sn-weinbier a { background-position: -262px -42px; !important; } .beckerkrug #subheader.feste #subnav li#sn-feste a { background-position: -389px -42px; !important; } .beckerkrug #subheader.garten #subnav li#sn-garten a { background-position: -516px -42px; !important; } .beckerkrug #subheader.unterwegs #subnav li#sn-unterwegs a { background-position: -643px -42px; !important; } /*####################################################################*/ /* SUB NAVI KONTAKT*/ .contact #subheader { width:528px; padding-right:127px; padding-left:127px; } .contact #subheader #subnav li a { float: left; height: 0; padding-top: 42px; overflow: hidden; width:127px; } .contact #subheader #subnav li a { background-image: url(../images/subn_kontakt.png); _background-image: url(../images/subn_kontakt.gif); background-repeat: no-repeat; } /* BUTTONS */ .contact #subheader #subnav li#sn-contact a { background-position: -135px 0; } .contact #subheader #subnav li#sn-anfahrt a { background-position: -262px 0; } .contact #subheader #subnav li#sn-anfrage a { background-position: -389px 0; } .contact #subheader #subnav li#sn-impressum a { background-position: -516px 0; } /* BUTTONS */ .contact #subheader #subnav li#sn-contact a:hover { background-position: -135px -42px; } .contact #subheader #subnav li#sn-anfahrt a:hover { background-position: -262px -42px; } .contact #subheader #subnav li#sn-anfrage a:hover { background-position: -389px -42px; } .contact #subheader #subnav li#sn-impressum a:hover { background-position: -516px -42px; } /*Activ*/ .contact #subheader #subnav li#sn-contact a:active { background-position: -135px -42px; } .contact #subheader #subnav li#sn-anfahrt a:active { background-position: -262px -42px; } .contact #subheader #subnav li#sn-anfrage a:active { background-position: -389px -42px; } .contact #subheader #subnav li#sn-impressum a:active { background-position: -516px -42px; } .contact #subheader.contact #subnav li#sn-contact a { background-position: -135px -42px; !important; } .contact #subheader.anfahrt #subnav li#sn-anfahrt a { background-position: -262px -42px; !important; } .contact #subheader.anfrage #subnav li#sn-anfrage a { background-position: -389px -42px; !important; } .contact #subheader.impressum #subnav li#sn-impressum a { background-position: -516px -42px; !important; } /*####################################################################*/ /* SUB NAVI TEAM*/ .team #subheader { width:274px; padding-right:254px; padding-left:254px; } .team #subheader #subnav li a { float: left; height: 0; padding-top: 42px; overflow: hidden; width:127px; } .team #subheader #subnav li a { background-image: url(../images/subn_team.png); _background-image: url(../images/subn_team.gif); background-repeat: no-repeat; } /* BUTTONS */ .team #subheader #subnav li#sn-team a { background-position: -262px 0; } .team #subheader #subnav li#sn-service a { background-position: -389px 0; } /* BUTTONS */ .team #subheader #subnav li#sn-team a:hover { background-position: -262px -42px; } .team #subheader #subnav li#sn-service a:hover { background-position: -389px -42px; } /*Activ*/ .team #subheader #subnav li#sn-team a:active { background-position: -262px -42px; } .team #subheader #subnav li#sn-service a:active { background-position: -389px -42px; } .team #subheader.team #subnav li#sn-team a { background-position: -262px -42px; !important; } .team #subheader.service #subnav li#sn-service a { background-position: -389px -42px; !important; } /*####################################################################*/ /* SUB NAVI FOOD*/ .food #subheader { width:325px; padding-right:228px; padding-left:228px; } .food #subheader #subnav li a { float: left; height: 0; padding-top: 42px; overflow: hidden; width:127px; } .food #subheader #subnav li a { background-image: url(../images/subn_food.png); _background-image: url(../images/subn_food.gif); background-repeat: no-repeat; } /* BUTTONS */ .food #subheader #subnav li#sn-food a { background-position: -262px 0; } .food #subheader #subnav li#sn-karten a { background-position: -389px 0; width:178px; } /* BUTTONS */ .food #subheader #subnav li#sn-food a:hover { background-position: -262px -42px; } .food #subheader #subnav li#sn-karten a:hover { background-position: -389px -42px; width:178px; } /*Activ*/ .food #subheader #subnav li#sn-food a:active { background-position: -262px -42px; } .food #subheader #subnav li#sn-karten a:active { background-position: -389px -42px; width:178px; } .food #subheader.food #subnav li#sn-food a { background-position: -262px -42px; !important; } .food #subheader.karten #subnav li#sn-karten a { background-position: -389px -42px; width:178px; !important; } /*####################################################################*/ /* SUB NAVI NEWS*/ .news #subheader { width:325px; padding-right:228px; padding-left:228px; } .news #subheader #subnav li a { float: left; height: 0; padding-top: 42px; overflow: hidden; width:127px; } .news #subheader #subnav li a { background-image: url(../images/subn_news.png); _background-image: url(../images/subn_news.gif); background-repeat: no-repeat; } /* BUTTONS */ .news #subheader #subnav li#sn-news a { background-position: -262px 0; } .news #subheader #subnav li#sn-kalender a { background-position: -389px 0; width:178px; } /* BUTTONS */ .news #subheader #subnav li#sn-news a:hover { background-position: -262px -42px; } .news #subheader #subnav li#sn-kalender a:hover { background-position: -389px -42px; width:178px; } /*Activ*/ .news #subheader #subnav li#sn-news a:active { background-position: -262px -42px; } .news #subheader #subnav li#sn-kalender a:active { background-position: -389px -42px; width:178px; } .news #subheader.news #subnav li#sn-news a { background-position: -262px -42px; !important; } .news #subheader.kalender #subnav li#sn-kalender a { background-position: -389px -42px; width:178px; !important; } /*####################################################################*/ /* SUB CMS */ .cms #subheader { width:488px; padding-left:198px; } .cms #subheader #subnav li a { float: left; height: 0; padding-top: 42px; overflow: hidden; width:127px; } .cms #subheader #subnav li a { background-image: url(../images/subn_cms.png); _background-image: url(../images/subn_cms.gif); background-repeat: no-repeat; } /* BUTTONS */ .cms #subheader #subnav li#sn-news a { background-position: -198px 0; } .cms #subheader #subnav li#sn-events a { background-position: -325px 0; } .cms #subheader #subnav li#sn-karte a { background-position: -452px 0; } /* BUTTONS */ .cms #subheader #subnav li#sn-news a:hover { background-position: -198px -42px; } .cms #subheader #subnav li#sn-events a:hover { background-position: -325px -42px; } .cms #subheader #subnav li#sn-karte a:hover { background-position: -452px -42px; } /*Activ*/ .cms #subheader #subnav li#sn-news a:active { background-position: -198px -42px; } .cms #subheader #subnav li#sn-events a:active { background-position: -325px -42px; } .cms #subheader #subnav li#sn-karte a:active { background-position: -452px -42px; } .cms #subheader.news #subnav li#sn-news a { background-position: -198px -42px; !important; } .cms #subheader.events #subnav li#sn-events a { background-position: -325px -42px; !important; } .cms #subheader.karte #subnav li#sn-karte a { background-position: -452px -42px; !important; }