So, du nimmst einfach das hier:
CSS
#mainMenu {
position: absolute;
top: 207px; <--- Abstand von Oben einstellen
z-index: 100;
height: 35px;
padding-right: 5px;
padding-left: 0px;
border: 0px;
margin-left:30px; <--- Abstand von Links einstellen
width:950px;
}
.mainMenu a {
background-position: center top;
float:left;
font-size:1.1em; <--- Texthöhe einstellen
font-weight:bold;
height:35px;
line-height:42px;
text-align:center;
text-decoration:none;
border:none!important;
padding: 0px 5px 0px 7px;
text-shadow: 0 -1px 0 #237199; <--- Textschatten einstellen
margin-right:3px;
}
.mainMenu .active a, .mainMenu .firstActive a, .mainMenu .lastActive a {
background:transparent url(../images/stilordner/menuBG.png) no-repeat scroll 0 0; <--- Hovergrafik einstellen
background-position: center top;
text-shadow: 0 1px 0 #292A29; <--- Textschatten einstellen
background-repeat: no-repeat;
}
.mainMenu a:hover {
background:transparent url(../images/stilordner/menuBG.png) scroll 0 0; <--- Hovergrafik einstellen
background-position: center top;
text-shadow: 0 1px 0 #292A29; <--- Textschatten einstellen
background-repeat: no-repeat;
}
Alles anzeigen
Damit sollte das dann passen. Alle relevanten Teile sind markiert.