#navlist
{
position: relative;
width: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
float: left;
height:20px;
list-style-type: none;

}

#navlist li a
{
height:20px;
position: relative;
width:116px;
display: block;
padding-top:3px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: center;
text-decoration: none;
background:url(bilder/button.gif) no-repeat;
}

#navlist li a:hover
{
background:url(bilder/button-hover.gif) no-repeat;
color:#333333;
text-decoration:none;
}
#navlist li a#active{
background:url(bilder/button-active.gif) no-repeat;

}

#navlist li a:hover#active   { 
background:url(bilder/button-hover.gif) no-repeat;
 }

#navlist ul#subnavlist
{
position:absolute;
top:20px;
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist ul#subnavlist li
{
background:none;
width:auto;
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding:2px;
background:#666666;
color: #ffffff;
font-family:Verdana, Arial, sans-serif;
font-size:11px;
}

#navlist ul#subnavlist li a:hover
{
color: #ffffff;
text-decoration:none;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
background:#333333;
color: #ffffff;
text-decoration:none;
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 600px;
/* IE5/Mac fixed width fix */
}