#navi{
/* background:#CCFFFF;    ->hellblaue Unterlegung der Navi Menüs falls gewünscht oder um bei #navi a{ die korrekte width anzuzeigen*/
}

#navi ul{
  margin:0;
  padding:0;
  list-style-type:none;
  /*list-style-image:url(../bilder/gruen7.gif);
    image als Listklümpchen : Seite 11 in den CSS Skript des Kurses */
}

/* in alten IEs unerwünschte Abstände zu vermeiden oder um eine waagerechte Navigationsleiste zu erzeugen:*/

#navi li{
  display:inline;
}

#navi a, #navi strong{
display:block;
text-decoration:none;
width:88%;   /*nur für alte Browser*/
margin-bottom:3px;
padding:6px 6%;
}

#navi a:link, #navi a:visited{
background-color: #dcdcdc;
color:#333333;
}

#navi a:focus, #navi a:hover, #navi a:active, #navi strong{
background-color: #E01B1B;
color:#ffffff;
}