/** * ################################################################################ * ########## Absolut Karriere - Navigation * ########## Da Firefox (?Ýëÿ¶®!!) background-position-y nicht kennt, muss leider alles doppelt und dreifach definiert werden * ########## * ########## * ########## Das Zuweisen einer der folgenden IDs zum body highlighted den entsprechenden Button: * ########## * ########## * ########## * ########## * ########## * ########## * ########## * ########## * ########## @author Trans Ident Line GmbH / vls * ########## @update 01.09.2009 / vls * ################################################################################ */ div#hauptnavigationsbereich { background-color: #6ba1c8; overflow: hidden; margin: -9px 0px 0px 0px; padding: 0px; height: 26px; } div#hauptnavigation { width: auto; overflow: hidden; float: left; display: inline; } div#hauptnavigation a { display: inline-block; height: 26px; background-image: url(hauptmenu_sprite_02.gif); background-repeat: no-repeat; cursor: pointer; float: left; white-space: nowrap; } /** * ################################################################################ * ########## Start */ a#button_start { width: 110px; background-position: 0px 0px; } body#start a#button_start, a#button_start:hover { background-position: 0px -26px; } /** * ################################################################################ * ########## Mediadaten */ a#button_media { width: 106px; background-position: -274px 0px; } body#media a#button_media, a#button_media:hover { background-position: -274px -26px; } /** * ################################################################################ * ########## Interviews */ a#button_interviews { width: 97px; background-position: -177px 0px; } body#interviews a#button_interviews, a#button_interviews:hover { background-position: -177px -26px; } /** * ################################################################################ * ########## Inhalt */ a#button_inhalt { width: 67px; background-position: -110px 0px; } body#inhalt a#button_inhalt, a#button_inhalt:hover { background-position: -110px -26px; } /** * ################################################################################ * ########## Veranstaltungen */ a#button_veranstaltungen { width: 138px; background-position: -380px 0px; } body#veranstaltungen a#button_veranstaltungen, a#button_veranstaltungen:hover { background-position: -380px -26px; } /** * ################################################################################ * ########## Impressum */ a#button_impressum { width: 379px; background-position: -518px 0px; } body#impressum a#button_impressum, a#button_impressum:hover { background-position: -518px -26px; }