/* normale navi */

/* mit http://jigsaw.w3.org/css-validator/ geprüft*/

/* #################### navi-seite #################### */

ul#navi-seite {
width: 240px;
height: 20px;
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
vertical-align: middle;
list-style: none;
}

* html ul#navi-seite {
width: 250px;
w\idth: 240px;
}

li.oben {
padding: 2px 0 2px 0;
margin: 0;
color: #ffffff;
background-image: url(m1.png);
font-size: 16px;
font-weight: normal;
text-decoration: underline;
text-align: center;
vertical-align: middle;
}

li.unten {
padding: 2px 0 2px 10px;
margin: 0;
background-image: url(m4.png);
}

li.counter {
padding: 2px 0 2px 0;
margin: 0;
text-align: center;
vertical-align: middle;
background-image: url(link-mitte.png);
}

ul#navi-seite a {
padding: 2px 0 2px 10px;
margin: 0;
color: #000099;
background-image: url(m2.png);
font-size: 12px;
font-weight: normal;
display: block;
text-decoration: none;
text-align: left;
vertical-align: middle;
}

* html ul#navi-seite a {
width: 100%;
w\idth: 240px;
}

ul#navi-seite a:hover {
padding: 2px 0 2px 28px;
margin: 0;
color: #ffffff;
background-image: url(m3.png);
font-size: 12px;
font-weight: normal;
display: block;
text-decoration: none;
text-align: left;
vertical-align: middle;
}