Sowas kannst du komplett nur mit CSS lösen. Verpass jeder Seite eine eigene id, also:
<body id="news">
<body id="produkte">
... etc.
Dann vergibst du jedem deiner Menüpunkte ebenfalls eine eigene ID, z.B.
<li id="navnews">News</li>
<li id="navprodukte">Produkte"</li>
...etc.
So kannst du dann je nach aktiver Body-ID entpsprechende Regeln für einen Navigationspunkt definieren:
body#news li#navnews,
body#produkte li#navprodukte
{
... hier der Krams, wie der aktive Zustand aussehen soll ...
}
Alles klar?
