/* 1. Ebene */

.navigation ul {
  font-family       : Arial;
  font-size         : 11px;
  list-style-type   : none;
  padding           : 0;
  margin            : 0;
  width             : 164px;
}
.navigation ul li {
  border-bottom     : 1px solid #FFF;
}
.navigation ul li.last {
  border-bottom     : none;
}
.navigation ul li a {
  font-family       : Arial;
  font-size         : 11px;
  text-decoration   : none;
  color             : #5b6166;
  background-color  : #dddddd;
  display           : block;
  width             : 147px;
  border-left       : 6px solid #b7b7b7;
  padding-left      : 11px;
  height            : 16px;
  line-height       : 16px;
}
.navigation ul li a:hover {
  background-color  : #ced8bb;
  color             : #5b6166;
  border-color      : #477296;
}
.navigation ul li.active a,
.navigation ul li.active a:hover {
  color             : #FFFFFF;
  border-color      : #003366;
  background-color  : #abc785;
  cursor            : default;
}

/* 2. Ebene */
.navigation ul li ul li.first {
  border-top        : 1px solid #FFF;
}
.navigation ul li ul li a {
  color             : #003366;
  background-color  : #ebebeb;
  border-color      : #d4d4d4;
  padding-left      : 17px;
  width             : 141px;
}
.navigation ul li ul li a:hover {
  background-color  : #ced8bb;
  color             : #003366;
  border-color      : #477296;
}
.navigation ul li ul li.active a,
.navigation ul li ul li.active a:hover {
  color             : #FFFFFF;
  border-color      : #003366;
  background-color  : #abc785;
  cursor            : default;
}