ul.hnav 
{
    margin:0; 
    padding:0.1em;  /* beeinflusst Größe der Navibox */
    text-align:center; /* Ausrichtung Menütexte */
    border:1px solid black;
    display:table;
    /* background-color: silver; */ /* Hintergrund der Navibox */
}
  
ul.hnav li
{
    list-style:none;
    display:inline;
    margin:0; 
    padding:0;
}

ul.hnav a, ul.hnav span
{
    float:left; 
    /* width: 7em; */ /* Breite der Menüpunkte */
    margin-right:1.4em; /* Abstand zwischen den Menüpunkten */ 
    padding:0.2em 1em; /* Größe der Menüpunkt-Schaltfläche */
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
}
  
ul.hnav a:hover, ul.hnav span 
{
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
}
  
ul.hnav div 
{
     clear: left;
}