#left bgcolor änderen je menüpunkt

hallo,
ich möchte gerne folgendes realisieren.
habe folgende navigationsstruktur:
punkt1 (main menü im footer)
-->punkt1.1(submenü in #left)
-->punkt1.2
punkt2
-->punkt2.1


wenn ich mich nun bei punkt1 aufhalte soll der hintergrund von #left rot sein (ganz ausgefüllt).
bei punkt zwei soll #left einen grünen hintergrund haben.

wie kann ich das am besten erledigen bzw. funkt das überhaupt mit der zuweisung von verschiedenen css klassen in der seitenstruktur ? wie schaffe ich es dann das das ganze #left div ausgefüllt wird ?
danke

Du kannst in der Seitenstruktur jeder Seite eine andere Klasse geben und darauf im CSS reagieren, z.B.:

Code:

---

.punkt1 #left {
background-color: ...
}
.punkt2 #left {
background-color: ...
}
...

---