/* Links allgemein */
a {text-decoration:none; }
a:focus{outline:0; -moz-outline:0; }
a.nav {text-decoration:none}

/* ... Menüzeile in Hauptseite ... */
td.punkt { width:18%; margin:0; padding:0; }
td.space { width:2%; }
.flipdiv {text-align:center; font-weight:bold; }
/*a-tags in Zellen*/
.flip:link {color:#000100; background-color:#88827D;}
.flip:visited {color:#000100; background-color:#88827D;}
.flip:active {color:#000100; background-color:#88827D;}
.flip:hover {color: #FFE8DE; background-color:#000100;}
/*divs in a-tags für FF*/
.flip:link .flipdiv {color:#000100; background-color:#88827D;}
.flip:visited .flipdiv {color:#000100; background-color:#88827D;}
.flip:active .flipdiv {color:#000100; background-color:#88827D;}
.flip:hover .flipdiv {color: #FFE8DE; background-color:#000100;}

/* ... Text schwarz->weiß ... */
a.button {font-size:16px; font-weight:bold;}
a.button:link {color:#000000}
a.button:visited {color:#000000}
a.button:hover {color:#ffffff}
a.button:active {color:#000000}

/* ... Text dunkel ->fastweiß ... */
a.button1 {font-size:16px; font-weight:bold;}
a.button1:link {color:#000100}
a.button1:visited {color:#000100}
a.button1:hover {color:rgb(255, 232, 222)}
a.button1:active {color:#000100}

/* ... Text dunkelgrau->weiß ... */
a.button4 {font-size:16px; font-weight:bold;}
a.button4:link {color:#606060}
a.button4:visited {color:#606060}
a.button4:hover {color:#ffffff}
a.button4:active {color:#606060}

/* ... Text grau->weiß ... */
a.button2 {font-size:16px; font-weight:bold;}
a.button2:link {color:#88827D}
a.button2:visited {color:#88827D}
a.button2:hover {color:#ffffff}
a.button2:active {color:#88827D}

/* ... Text grau->weiß klein ... */
a.button2a {font-size:14px; font-weight:bold;}
a.button2a:link {color:#88827D}
a.button2a:visited {color:#88827D}
a.button2a:hover {color:#ffffff}
a.button2a:active {color:#88827D}

/* ... Text grau->weiß normal ... */
a.button2b {font-size:1.0em; font-weight:bold;}
a.button2b:link {color:#88827D}
a.button2b:visited {color:#88827D}
a.button2b:hover {color:#ffffff; font-size:1.1em;}
a.button2b:active {color:#88827D}

/* ... Text grau->weiß normal ... */
a.button2c {font-size:0.9em; font-weight:bold;}
a.button2c:link {color:#88827D}
a.button2c:visited {color:#88827D}
a.button2c:hover {color:#ffffff; font-size:0.95em;}
a.button2c:active {color:#88827D}

/* ... Text weiß->gelb ... */
a.button3 {font-size:1.0em; font-weight:bold;}
a.button3:link {color:#ffffff}
a.button3:visited {color:#ffffff}
a.button3:hover {color:#ffff00}
a.button3:active {color:#ffffff}

/* ... Textfarben... */

/* ... grau ... */
.grau {color:#88827D}
/* ... helleres grau ... */
.hgrau {color:#606060}
/* ... fast schwarz ... */
.dunkel {color:#000100}
/* ... rosa-weiß Titel... */
.hell {color: rgb(255, 232, 222)}
/* ... fast-weiß Titel... */
.heller {color: rgb(255, 242, 242)}

/* ... Hintergründe ... */

/* ... grau ... */
.back1 {background-color:#88827D; color:#000000; }
/* ... fast schwarz ... */
.back2 {background-color:#000100; color:#88827D }
/* ... graue Steine... */
.back3 {background-image:url(mauer.jpg)}
/* ... Titelgrafik ... */
.titel {background-image:url(titel.gif)}

/* ... Hintergrund und Textfarbe... */

/* ... Quiz ... */
.quiz {color:#000000; background-image:url(mauer1.jpg)}

/* ... hist ... */
.hist {color:#88827D; background-color:#000100; font-size:1.4em; }

ul.oben {margin-top:0px}
ul.unten {margin-bottom:0px}

p.gross {font-size:18px; line-height:30px}

body { font-family:arial, helvetica, sans-serif ; font-size:em; }