CSS austauschen / StyleChanger

Hallo,

wollte mal auf die schnelle einen Stylechanger einbauen, um die Farben und background-images auf der Website nach Bedarf abzuändern. So ähnlich wie auf http://www.csszengarden.com.

Meine Lösung die nicht funktioniert:

im root-Template:

  #Basis CSS
page.includeCSS {
    screen = fileadmin/templates/css/basis.css
    screen.title = Standard
    screen.media = screen
  }
  #Addiditional CSS 
pageincludeCSS {
    add = fileadmin/templates/css/default.css
    add.title = Standard
    add.media = screen
  }

Soweit funktionert es das beide CSS Dateien gezogen werden und auch entsprechend angezeigt werden.

auf der Website habe ich dann diese Links eingefügt:

<a title="Grün" href="start.html?style=green">Grün</a>
<a title="Grün" href="start.html?style=red">Rot</a>

und im root Template dann per Conditions folgendes abgefragt:

[globalVar = GP:style=green]
page.includeCSS {
  add >
  add = fileadmin/templates/css/green.css
  add.title = Standard - GRueN
  add.media = screen
  }

[global]

[globalVar = GP:style=red]
page.includeCSS {
  add >
  add = fileadmin/templates/css/red.css
  add.title = Standard - ROT
  add.media = screen
  }
[global]

obwohl die css Dateien ausgetauscht werden, greifen die CSS Regeln der ausgetauschten CSS Datei nicht.
Dachte immer das man es genau so macht. Im IE 7 wird allerdings alles richtig angezeigt.

Jemand eine Idee ?

EDIT:
manchmal muss man erst ein thread aufmachen um es zu verstehen.

das title-Attribut hat gestört