li.headlink ul
{
 display: none
}

li.headlink:hover ul
{
  display: block
}

#cssdropdown, #cssdropdown ul
{
 list-style: none;
 font-family : verdana;
 font-size : 10px;
 font-weight : 700;
 font-style : normal;
 color : #003333
}

#cssdropdown, #cssdropdown *
{
 padding: 0;
 margin: 0
}


#cssdropdown li.headlink ul
{
 display: none;
 text-align: center
}

#cssdropdown li.headlink:hover ul
{
 display: block
}


#cssdropdown li.headlink ul li a
{
 height: 37px;
 background-image: url(../assets/images/Button.gif);
 background-repeat:repeat-x;
 text-align: center;
 text-decoration: none;
 line-height: 37px;
 color : #003333
}

#cssdropdown li.headlink ul li a:hover
{
 background-image: url(../assets/images/ButtonHover.gif);
 color: #FFFFFF
}

/* Bei height die realen Werte des Hintergrundbilds einsetzen, line-height ebenfalls , bei color: die Linkfarbe und bei a:hover die Linkfarbe beim Hovern setzen */

#cssdropdown li.headlink
{
 width: 105px;
 float: left;
 margin-left: -1px;
 background-image: url(../assets/images/Button.gif);
 background-repeat:repeat-x;
 text-align: center;
 line-height: 37px
}

#cssdropdown li.headlink a
{
 display: block;
 text-decoration: none;
 background-color: transparent;
 color: #003333
}

#cssdropdown li.headlink a:hover
{
 background-image: url(../assets/images/ButtonHover.gif);
 color:#FFFFFF
}