body { background-color: #999; }

p { }

td { }

a:link { }

a:visited { }

a:hover { }

a:active { }
#arbeitsbereich { background-color: #3f3f3f; position: absolute; top: 50%; left: 50%; width: 940px; height: 650px; margin-top: -325px; margin-left: -470px; }
#menue { background-color: #505050; position: absolute; top: 0; left: 0; width: 940px; height: 40px; }
#text { background-color: white; position: absolute; top: 53%; left: 50%; width: 510px; height: 300px; margin-top: -150px; margin-left: -255px; }
#links { position: absolute; top: 40px; left: 0; width: 90px; height: 590px; }
.bild-gross-Dummy { background-color: maroon; width: 100px; height: 100px; border: solid 1px black; }
/*.bild-gross-Dummy
ersetzt bild-gross, um die Bilder im Layoumodus einfügen/tauschen zu können.
Dafür wir bild-gross umbenannt und bild-gross-Dummy in bild-gross umbenannt.
Das muss am ende der Bearbeitung unbedingt rückgängig gemacht werden!!!

*/
.bild-gross { visibility: hidden; position: absolute; top: 51%; left: 54%; }
.thumb { background-color: #999; width: 36px; height: 36px; float: left; margin: 4px 0 0 4px; }
.thumb-leer { margin: 4px 0 0 4px; width: 36px; height: 36px; float: left; }
#fuss { background-color: white; position: absolute; left: 0; bottom: 0; width: 940px; height: 20px; }