ul[role=navigation] {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font: 26px/1.67em Helvetica, Arial, Tahoma;
 /*text-transform: uppercase; */

}
ul[role=navigation] li {
  list-style: none;
  float: left;
  
  /*padding:5px 5px 5px 5px; */
}

/* LINKS IN LIST */
ul[role=navigation] li a {
  text-decoration: none;
  background: #40E0F0;  /*  turquoise */
  border: 1px solid #2495b4;
/*  border-bottom: 1; */
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3) inset;
  border-radius: 10px 10px 10px 10px;
  color: #dfe9f2;
  color: #000000;
 
  display: block;
  padding: 5px 10px 5px ;/* padding: innerhalb des  <oben> <beideseiten> <unten> */
  /*margin: 10px; */
  margin: 0px 0px 0px 0px; /* top right left bottom */
 
}



ul[role=navigation] li a:hover,
ul[role=navigation] li a:focus,
ul[role=navigation] li a:active,
ul[role=navigation] li a.activePage {
  border-color: #10253d;
  /* background: url(../images/leather-pattern.png); */
  color: white;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
ul[role=navigation] li a .icon {
  padding-right: 5px;
  font-size: 17px;
 
}