Wahrscheinlich liegt es irgendwie am CSS?
Das erscheint mir ziemlich viel CSS zu sein für so "wenig Navigation" ?
/* Beginn Seitennavigation
--------------------------------------------------------------*/
.page-nav {
position: relative;
top: -24px;
left: 30px;
width: 840px;
}
.page-nav ul {
overflow: hidden;
padding: 5px 0 6px;
}
.page-nav ul li {
display: inline;
white-space: nowrap;
}
.page-nav ul li a {
color: #fff;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
margin: 0 5px 0 0;
padding: 5px 15px 6px;
text-transform: uppercase;
}
.page-nav ul li a:hover {
background: #00314a;
color: #fff !important;
text-decoration: none;
}
.page-nav ul li.current_page_item a,
.page-nav ul li.current_page_item a:hover,
.page-nav ul li.current_page_parent a,
.page-nav ul li.current_page_parent a:hover,
.page-nav ul li.current_page_ancestor a ,
.page-nav ul li.current_page_ancestor a:hover,
.page-nav ul li.current-menu-item a,
.page-nav ul li.current-menu-item a:hover,
.page-nav ul li.current-category-ancestor a ,
.page-nav ul li.current-category-ancestor a:hover {
background: #fff;
color: #df0404 !important;
text-decoration: none;
}
.page-nav ul li ul.sub-menu,
.page-nav ul li ul.children{
display: none;
}
.page-nav ul li.current-menu-item ul.sub-menu,
.page-nav ul li.current-menu-ancestor ul.sub-menu,
.page-nav ul li.current-menu-parent ul.sub-menu,
.page-nav ul li.current_page_item ul.children,
.page-nav ul li.current_page_ancestor ul.children,
.page-nav ul li.current_page_parent ul.children {
display: block;
margin: 0 0 10px;
padding: 5px 0 0;
position: absolute;
top: 25px;
left: 0px;
width: 565px;
}
.page-nav ul ul.sub-menu li,
.page-nav ul ul.children li {
background: transparent url(images/nav-pfeil-blau.gif) no-repeat;
display: inline;
padding: 1px 10px 0;
}
.page-nav ul ul.sub-menu li a,
.page-nav ul ul.children li a {
color: #00314a !important;
margin: 0;
padding: 0;
}
.page-nav ul ul.sub-menu li a:hover,
.page-nav ul ul.children li a:hover {
color: #df0404 !important;
text-decoration: none;
}
.page-nav ul ul.sub-menu li.current_page_item,
.page-nav ul ul.sub-menu li.current-menu-item,
.page-nav ul ul.sub-menu li.current_page_ancestor,
.page-nav ul ul.children li.current_page_item,
.page-nav ul ul.children li.current_page_ancestor {
background: url(images/nav-pfeil-rot-unten.gif) no-repeat;
}
.page-nav ul ul.sub-menu li.current_page_item a,
.page-nav ul ul.sub-menu li.current-menu-item,
.page-nav ul ul.sub-menu li.current_page_item a:hover,
.page-nav ul ul.sub-menu li.current_page_ancestor a,
.page-nav ul ul.sub-menu li.current_page_ancestor a:hover,
.page-nav ul ul.children li.current_page_item a,
.page-nav ul ul.children li.current_page_item a:hover,
.page-nav ul ul.children li.current_page_ancestor a,
.page-nav ul ul.children li.current_page_ancestor a:hover {
color: #df0404 !important;
font-weight: bold;
}
.footer-nav {
display: inline;
}
.footer-nav ul {
display: inline;
list-style: none;
}
.footer-nav ul li,
.footer-nav ul li:hover {
background: none;
display: inline;
margin: 0 5px 0 0;
}
.footer-nav ul li a {
color: #7f98a4;
}
.footer-nav ul li a:hover {
color: #00314a;
text-decoration: none;
}