Vielleicht mal den Code dazu:
HTML:
HTML-Code:
<div class="mod_navigation block" id="topmenue">
<ul class="level_1">
<li class="sibling first"><a href="start.html" title="Home" class="sibling first">Start</a></li>
<li class="active"><span class="active">Sport & Events</span></li>
<li class="sibling"><a href="consulting.html" title="Consulting" class="sibling">Consulting</a></li>
<li class="sibling"><a href="promotion.html" title="Promotion" class="sibling">Promotion</a></li>
<li class="sibling last"><a href="event-werbung.html" title="Event-Werbung" class="sibling last">Event-Werbung</a></li>
</ul>
</div>
<div class="mod_navigation block" id="submenue">
<a href="sport-events.html#skipNavigation6" class="invisible">Navigation überspringen</a>
<ul class="level_1">
<li class="first"><a href="organisation.html" title="Organsation" class="first">Organisation</a></li>
<li><a href="vermarktung.html" title="Vermarktung">Vermarktung</a></li>
<li class="nonavlink last"><a href="referenzen.html" title="Referenzen" class="nonavlink last">Referenzen</a></li>
</ul>
</div>
</div>
CSS:
Code:
#header #topmenue
{
width:895px;
margin-left:140px;
background-color:#003366;
border:1px solid #003366;
font-size:1.1em;
border-radius: 4px 4px 4px 4px;
}
#header #topmenue ul
{
margin:0;
padding-left:2em;
}
#header #topmenue li
{
display:inline;
padding-right:0.7em;
padding-left:0.5em;
list-style: none outside none;
}
#header #topmenue a,
#header #topmenue a:link,
#header #topmenue a:visited
{
padding-left:1.2em;
text-decoration:none;
color:#FFFFFF;
}
#header #topmenue a:hover,
#header #topmenue a:active,
#header #topmenue a:focus,
#header #topmenue a.trail
{
padding-left:1.2em;
text-decoration:none;
color:#99CC00;
}
#header #topmenue a.active,
#header #topmenue li.active
{
padding-left:1.7em;
text-decoration:none;
color:#99CC00;
}
#header #submenue {
background-color: #FFFFFF;
border-style: none;
color: #99CC00;
font-size: 0.9em;
margin-left: 185px;
width: 890px;
}
#header #submenue ul {
margin: 10px 0pt 0pt 15px;
padding-left: 0em;
}
#header #submenue li
{
display:inline;
list-style: none outside none;
margin-right: 2em;
}
#header #submenue a,
#header #submenue a:link,
#header #submenue a:visited
{
padding-right:0.5em;
padding-left:0.5em;
text-decoration:none;
color:#99CC00;
}
#header #submenue a:hover,
#header #submenue a:focus,
#header #submenue a:active,
#header #submenue a.trail,
#header #submenue li.trail
{
padding-right:0.5em;
padding-left:0.5em;
background-color:#99CC00;
text-decoration:none;
color:#FFFFFF;
}
#header #submenue a.active,
#header #submenue li.active
{
margin-left:0;
padding-right:0.5em;
padding-left:0.5em;
background-color:#99CC00;
color:#FFFFFF;
}
Lesezeichen