body { background-color:#141c8b; color:#000000; font-family: comic sans ms; font-size: 12pt; }
p,td,th { color:#000000; font-size: 14pt; }
a:link { color:#696969; }
a:visited { color:#696969; }
a:active { color:#FFFFFF; }

/* ------------------------------ buttons ------------------------------ */
.button { width:125px; height:28px; margin: 0px; background:url(button.png) no-repeat; position:relative; }
.button p { position:absolute; left: 20px; top: 4px; margin:0px; color:#141C8B; font-size: 9pt; font-weight:bold; }



/* ------------------------------ die drei Bilder oben ------------------------------ */
.klickbild { border: 2px solid #141C8B; width:270px; height:180px; }

/* ------------------------------ die drei Bilder oben beim darüberfahren mit der maus ------------------------------ */
.klickbild:hover { border: 2px solid #fae45a; }

/* ------------------------------ Textfeld in dem die jeweilige Schrift erscheint ------------------------------ */
#textfeld { position:relative; width:600px; height:320px; }

/* ------------------------------ die Texte, wenn man über die Bilder fährt ------------------------------ */
.klickbildtext { position:absolute; background:url(texthintergrund.png) no-repeat; width:588px; height:300px; display:none; border: 2px solid #141C8B; }
.klickbildtext p { margin:20px; color:#fae45a; }