#navigation, #navigation ul { width:812px; padding:0; margin:0; list-style:none; z-index:1000;}
#navigation a {display:block; text-align:left; width:113px; color:#000000; text-decoration:none; }

#navigation {padding-left:6px;}

/* Global für alle Navigationspunkte */
#navigation li { float:left; width:113px;  background-color:#FFFFFF;}
#navigation li a {line-height:25px; }
#navigation li a:hover {width:auto;}

/* 1. Navigationsebene */
#navigation ul li {margin-right:1px;}
#navigation ul li a {text-align:center; border-top:3px solid #FFF459;}
#navigation ul li a:hover { color:#000000; font-weight:bold; }
#navigation ul li.active { color:#000000; font-weight:bold; }
#navigation ul li a.active { color:#000000; font-weight:bold; }
#navigation ul li.last { width:116px; color:#000000; background-image:url(bilder/bg_navigation.gif); background-repeat:repeat-x; }
/* 2. Navigationsebene */
/* versteckt 2. Navigationsebene */
#navigation li ul { position:absolute; background-color:#FFFFFF; width:129px; left:-999em; }
/* 2.Ebene Mouse-over */
#navigation li ul a:hover {background:#FFFAAC;}
#navigation li ul li a {border:none; padding-left:5px; width:124px; text-align:left; background:#FFF459;}
#navigation li ul li a:hover { width:124px; font-weight:normal; overflow:hidden; }
#navigation ul li ul li.last {width:129px; border:none; background-image:none; }

/* 3. Ebene wird neben der 2. Ebene dargestellt */
#navigation li ul ul { margin: -27px 0 0 129px;}
/* versteckt 3. Navigationsebene */
#navigation li:hover ul ul, #navigation li.sfhover ul ul {left:-999em;}

/* macht 3. Navigationsebene wieder sichtbar */
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { left:auto;}