li.headlink ul
{
display: none
}

li.headlinkaktiv ul
{
display: none
}

li.headlink:hover ul
{
 display: block
}

/* zusätzliche Class, um den gerade aktiven Navi-Button hervorzugeben */
li.headlinkaktiv:hover ul
{
 display: block
}

/* Unten die Ausklappleisten. Die reale Größe des Navi-Hintergrunds einsetzen
   und Schrift und Farben anpassen */

#cssdropdown, #cssdropdown ul
{
list-style: none;
font-family : verdana;
font-size : 10px;
font-weight : 700;
font-style : normal;
/* small-caps ist die Definition für Kapitälchen */
font-variant: small-caps;
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: 21px;
background-image: url(../assets/images/ButtonKlapp.gif);
background-repeat:repeat-x;
text-align: center;
text-decoration: none;
/* small-caps ist die Definition für Kapitälchen */
font-variant: small-caps;
line-height: 21px;
color : #003333
}

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

/* Unten die Hauptnavigation. Die realen Größen des Navi-Hintergrunds einsetzen
   und Schrift und Farben anpassen */

#cssdropdown li.headlink
{
width: 101px;
float: left;
background-image: url(../assets/images/Button.jpg);
background-repeat:repeat-x;
text-align: center;
/* small-caps ist die Definition für Kapitälchen */
font-variant: small-caps;
line-height: 36px
}

/* zusätzliche Class, um den gerade aktiven Navi-Button hervorzugeben */
#cssdropdown li.headlinkaktiv
{
width: 101px;
float: left;
background-image: url(../assets/images/p_Highlighted.jpg);
background-repeat:repeat-x;
text-align: center;
/* small-caps ist die Definition für Kapitälchen */
font-variant: small-caps;
line-height: 36px
}

#cssdropdown li.headlink a
{
display: block;
text-decoration: none;
/* small-caps ist die Definition für Kapitälchen */
font-variant: small-caps;
background-color: transparent;
color: #003333
}

/* zusätzliche Class, um den gerade aktiven Navi-Button hervorzugeben */
#cssdropdown li.headlinkaktiv a
{
display: block;
text-decoration: none;
/* small-caps ist die Definition für Kapitälchen */
font-variant: small-caps;
background-color: transparent;
color: #999999
}

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

/* zusätzliche Class, um den gerade aktiven Navi-Button hervorzugeben */
#cssdropdown li.headlinkaktiv a:hover
{
background-image: url(../assets/images/HighlightedOver.jpg);
color:#999999
}