ul[role=mnavi] {
  margin: 0;
  padding: 0;
  border-bottom: 5;
  overflow: hidden;
  font: 12px/1.0em Helvetica, Arial, Tahoma;
  color: #000000;
}
ul[role=mnavi] li {
  list-style: none;
  float: left;
  margin: 0 0 0 0px;
  padding: 0px 0px 0px 0px; 
 
}
ul[role=mnavi] li a {
  background: #41b7d8;
  border: 1px solid #2495b4;
 
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  border-radius: 2px 2px 2px 2px;
  color: #dfe9f2;
  color: #000000;
  display: block;
  padding: 2px 10px 2px ;    /* padding: innerhalb des <oben> <beideseiten> <unten> */

  margin: 0px 0px 1px 0px;   /* top right bottom left */
 
  text-decoration: none;     /* to avoid undelining of links */
}

ul[role=mnavi] li a:hover,
ul[role=mnavi] li a:focus,
ul[role=mnavi] li a:active,
ul[role=mnavi] li a.activePage {
  border-color: #10253d;
  /* background: url(../images/leather-pattern.png); */
  color: white;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}