Markierung von Überthema

[Sascha_97]

So sieht mein CSS und HTML gerade aus. Ich möchte jetzt nur noch, dass wenn z.b. über uns gerade geöffnet ist, dass es so wie es jetzt schon funktioniert rot hinterlegt ist und das nächste unterthema wie z.b. Infos zum Ortsverein ebenfalls markiert ist. Aktuell geht gerade nur dass entweder Über uns oder Infos zum Ortsverein markiert ist. ich möchte aber dass beide hinterlegt sind wenn des aktuell aufgerufen wird.

Das ist die 1. CSS Datei:

div#Navi {font-family:Arial; position:absolute; top:136px; left:425px; margin:0; padding:0.45em; text-align:center; border:1px solid black; background-color:silver;}  
     div#Navi li {list-style:none; display:inline; margin:0.1em; padding:0;}  
     div#Navi a, div#Navi span {padding:0.1em 1em; text-decoration:none; font-weight:bold; border:1px solid black; border-left-color:white; border-top-color:white; color:black;  
	  background-color:#ccc; font-size:80%;}  
     * html div#Navi a, * html div#Navi span {width:1em;}  
     div#Navi a:hover, div#Navi span {border-color:white; border-left-color:black; border-top-color:black; color:black; background-color:red;}  
  
ul#Navi-Links {width:220px; height:564px; background-color:white; position:absolute; left:200px; top:177px; right:1000px;}  
     * html ul#Navi-Links { width:11.6em; w\idth:10em; padding-left:0; padd\ing-left:0.8em;}  
     ul#Navi-Links {width:13.15em; margin:0; padding:0.3em; background-color:white; }  
     ul#Navi-Links li {list-style:none; margin:0.4em; padding:0;}  
     ul#Navi-Links a {display:block; padding:0.2em; text-decoration:none; font-weight:bold; border:1px solid black; border-left-color:white; border-top-color:white; color:black; background-color:#ccc;}  
	 * html ul#Navigation a {width:100%; w\idth:8.8em;}  
     ul#Navi-Links a:hover {border-color:white; border-left-color:black; border-top-color:black; color:black; background-color:red;}

Das ist die 2-CSS Datei:

#start #Navi a.start,  
       #wir #Navi a.wir,  
       #info #Navi-Links a.info,  
       #ansprechpartner #Navi-Links a.ansprechpartner,  
       #organigramm #Navi-Links a.organigramm,  
       #bereitschaft #Navi-Links a.bereitschaft,  
       #jrk #Navi-Links a.jrk,  
        #ansprechpartner-jrk #Navi-Links a.ansprechpartner-jrk,  
 {border-color:white; border-left-color:black; border-top-color:black; color:black; background-color:red;}

So und hier noch die HTMLs:

  
    <div id="Navi">  
    <a href="startseite.html" class="start"><b>Startseite</b></a>  
    <a href="wir.html" class="wir"><b>Ueber&nbsp;uns</b></a>  
  
  </div>  
  
<ul id="Navi-Links">  
    <li><a href="infos-ov.html" class="info">Infos zum Ortsverein</a></li>  
    <li><a href="ansprechpartner.html" class="ansprechpartner">Ansprechpartner</a></li>  
</ul>