Mouseover Aktiver Link

[Karlheinz]

Hallo,

Ich möchte gerne dass in meiner Navigation die aktive Seite einen anderen Stil hat.

Beispielsweise index.htm ist wird gerade angezeigt, desshalb ist der Menüeintrag index fett und orange.

Code:

<div id="navi" class="menu">
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/bbg.htm">BBG</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/inhalte.htm">Inhalte</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/kandidaten.htm">Kandidaten</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/historie.htm">Historie</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/presse.htm">Presse</a>
<a class="menu" href="http://kortenacker.com/2008/frischerwind2008/seiten/feedback.htm">Feedback</a></div>

und CSS:

a.menu {
 display:block;
 text-align:center;
 width:16ex;
 padding:2px;
 text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
}

a.menu:link    { color:#000000; background-color:transparent; }
a.menu:visited { color:#000000; background-color:transparent; }
a.menu:hover   { background-image:url(http://kortenacker.com/2008/bilder/test_r3_c2_f2.gif); }
a.menu:active  { background-image:url(http://kortenacker.com/2008/bilder/test_r3_c2_f2.gif); }