#cssborder ul
{
 margin: 0;
 padding-left: 0px;
 list-style: none;
 font-family : verdana;
 font-size : 10px;
 font-style : normal;
 text-align : center;
 width: 105px;
 border-bottom: 1px solid #000000
}

#cssborder ul li
{
 position: relative;
 line-height: 37px;
 border: 1px solid #000000;
 border-bottom: 0
}
 
#cssborder li ul
{
 position: absolute;
 /* left: 2px weniger als die Breite (width: 105px) der Navi
 ergibt hier den korrekten Abstand ohne Verschiebungen
 wegen des Rahmens zu den Ausklappseiten ebenso notwendig wie top: -1px; */
 left: 103px;
 top: -1px;
 display: none
}

/* Hauptseiten */
#cssborder ul li a
{
 display: block;
 text-decoration: none;
 color: #003333;
 background-image: url(../assets/images/Button.gif)
}

/* Unterseiten */
#cssborder ul li ul li a
{
 display: block;
 text-decoration: none;
}

/* komischer IE fix, keine Ahnung \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


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

#cssborder ul li ul li a:hover
{
 color: #FFFFFF
}

#cssborder ul li ul li a
{
 color: #003333
}

#cssborder li:hover ul, li.over ul
{
 display: block
}