#menu {
width: 988px;
}

#menu ul {
list-style: none;
margin: 0; padding: 0;
}

#menu ul.subitems {  }
* html #menu ul.subitems {  }

#menu ul li {
float: left;
padding-right: 6px;
}

#menu a {
display: block;
width: 190px; height: 40px;
padding: 10px 0 0 0;
text-indent: -500em;
}

#menu a.home { background: url("../images/button_home.jpg") left top no-repeat; }
#menu a.ueberuns { background: url("../images/button_ueberuns.jpg") left top no-repeat; }
#menu a.leistungen { background: url("../images/button_leistungen.jpg") left top no-repeat; }
#menu a.referenzen { background: url("../images/button_referenzen.jpg") left top no-repeat; }
#menu a.kontakt { background: url("../images/button_kontakt.jpg") left top no-repeat; }


#menu a.home:hover,
#menu a.ueberuns:hover,
#menu a.leistungen:hover,
#menu a.referenzen:hover,
#menu a.kontakt:hover {
background-position: 0 -50px;
}

#menu a.home-active { background: url("../images/button_home.jpg") left top no-repeat; background-position: 0 -100px; }
#menu a.ueberuns-active { background: url("../images/button_ueberuns.jpg") left top no-repeat; background-position: 0 -100px; }
#menu a.leistungen-active { background: url("../images/button_leistungen.jpg") left top no-repeat; background-position: 0 -100px; }
#menu a.referenzen-active { background: url("../images/button_referenzen.jpg") left top no-repeat; background-position: 0 -100px; }
#menu a.kontakt-active { background: url("../images/button_kontakt.jpg") left top no-repeat; background-position: 0 -100px; }


/*

#menu ul li a.subpoint,
#menu ul li a.subpointact {
display: block;
color: #333;
padding: 2px 0 2px 24px;
font-size: 0.6em;
text-decoration: none;
}

* html #menu ul li a.subpoint,
* html #menu ul li a.subpointact {
padding-top: 2px;
height: 12px;
}

#menu ul li a.subpoint:hover {
background-color: #cfd7e7;
color: #000;
}

#menu ul li a.subpointact,
#menu ul li a.subpointact:hover {
background-color: #526eaf;
color: #fff;
}

*/