/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 17.1.07
**  Datei       : nav_slidingdoor.css
**  Funktion    : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media all
{
/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors" von A List Apart ################################################
** ######################################################################################################
*/

#nav_main  { background-color: #fff; width: 100%; height: 40px; float: left  }
#nav_main ul {margin:0 0 0 188px;padding:0; list-style:none;}
#nav_main li { margin-top: 0; margin-bottom: 0; margin-left: 0; display:inline; padding:0; }
#nav_main a  { text-decoration: none; background: url(../bilder/nav_main/left-1.gif) no-repeat 0 100%; margin: 0; padding: 0 0 0 9px; float: left; border-bottom: 1px solid #fff  }
#nav_main a span  { color: #143264; font-size: 11px; background: url(../bilder/nav_main/right-1.gif) no-repeat 100% 100%; white-space: nowrap; display: block; padding: 7px 9px 4px 1px; float: left  ; margin-right: 6px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_main a span {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover span {color:#000; background-position:0% -150px;}
#nav_main #current a  { color: #fff; background-image: url(../bilder/nav_main/left-2.gif); background-repeat: no-repeat; background-position: 0 100%; border-width: 0   }
#nav_main #current a span  { color: #fff; font-size: 11px; font-weight: bold; background-image: url(../bilder/nav_main/right-2.gif); background-repeat: no-repeat; background-position: 100% 100%; margin-right: 6px; padding: 7px 9px 4px 1px; }
#nav_main a:hover  { color: #fff; background-image: url(../bilder/nav_main/left-2.gif); background-repeat: no-repeat; background-position: 0 100%   }
#nav_main a:hover span  { color: white; background-image: url(../bilder/nav_main/right-2.gif); background-repeat: no-repeat; background-position: 100% 100%   }




/* Close @media all - DO NOT DELETE! */
}