CSS in Javascript

[Thomas Luethi]

Hallo "DD",

Ich habe keine Lust, mich durch Deine Quellcode-Wueste zu arbeiten.
Was mir auf den ersten Blick auffaellt, ist die "falsch" Reihenfolge
der Pseudoklassen.
Die "richtige" Reihenfolge der Link-Pseudoklassen ist:
:link, :visited, :hover, :active.
:focus wuerde ich vor :hover angeben: :link, :visited, :focus, :hover, :active
http://www.netandmore.de/faq/fom-serve/cache/1237.html und
http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes

Zudem hast Du einen boesen HTML-Fehler:
Du verschachtelst im STYLE-Bereich HTML-Kommentare.
Validiere Dein HTML und CSS:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Ansonsten: Mit JavaScript kann man die Klasse eines Elements nachtraeglich aendern.
this.className='neueklasse'
oder so...
http://selfhtml.teamone.de/javascript/objekte/all.htm#class_name

Vielleicht hilft Dir auch das hier weiter:
http://www.netandmore.de/faq/fom-serve/cache/1271.html

Gruesse,

Thomas