#navigation {
  background-color: #ffdd00;}
	
#navigation ul {
  margin: 0px;
  padding: 0px;
  list-style-image: none;}

#navigation li {
  width: 140px;
  border-bottom: 1px solid #ffdd00;
  font-size: 11px;
  display: block;}
  
html>body #navigation li {
  width: 150px;}

.ueber {
  width: 150px;
  padding-left: 10px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
  background-color: #fbf7de;}
  
html>body #navigation .ueber {
  width: 140px;}
  
.uebon, .unton {
  width: 145px;
  border-left: 5px solid #cccccc;
  padding-left: 5px;
  line-height: 20px;
  font-weight: bold;
  background-color: #ffffff;}
.unter {
  width: 150px;
  padding-left: 10px;
  line-height: 20px;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;}

html>body #navigation .unter {
  width: 140px;}
  
.unton {
  font-weight: normal;} 
  
html>body #navigation .uebon, html>body #navigation .unton {
  width: 135px;
  padding-left: 10px;}

.ueb a, .unt a {
  width: 150px;
  padding-left:10px;
  line-height: 20px;
  display: block;
  background-color: #fbf7de;
  font-weight: bold;
  color: #000000;
  text-decoration: none;}
  
.unt a {
	font-weight: normal;}
	
#navigation a, #navigation a:hover {
  width: 140px;
  display: block;
  line-height: 20px;
  text-decoration: none;
  color: #000000;
  background-color: #fbf7de;}

#navigation a:hover {
  color: #ffffff;
  background-color: #d1020e;}