/********* -- Allgemeines -- *********/

body {
 background: #FFFF99;
 color: black;
 margin: 0;
 padding: 1%; /* Ein wenig Abstand */
 min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: verdana, arial, sans-serif ;
}

a { color: blue; text-decoration: underline; } /* Unbesuchte Links in blau. */
a:visited { color: #990033; } /* Besuchte Links werden rot, bleiben dennoch unterstrichen. */
.skip {  position: absolute; margin-left: -10000px;}

h1 { /* Die Überschrift stellen wir besonders da. */
 font-size: 2.0em;
 line-height: 0.8em;
 padding: 30px 0 5px 5%;
 margin: 0;
 text-align: center;
 border-bottom: 0px dashed #aaa;
}

h1, h2, h3, h4, h5, h6 { /* Alle Überschriften bekommen eine Farbe. */
 color: black;
 font-family: Georgia, "Times New Roman", Times, serif;
}

img { /* Alle Bilder bekommen einen Rahmen */
/* border: solid 1px #aaa; */	
 padding: 1px;
 max-width: 95%; /* Gute Browser machen ein zu großes Bild, funktioniert beim IE leider nicht */
}

.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
}

.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/********* - Menü - *********/

#menu { 
 color: black; /* Aktueller Menüpunkt (ohne Link) */
 background: #FFCC66; 
 border: solid 1px #aaa;
 padding: 5px 3%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs sein. */
 margin: 0;
 text-align: right;
 vertical-align: bottom;
}

#menu li {
 display: inline; /* Menüpunkte nebeneinander. */
 list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
/* border-left: 1px solid blue; /* Ein optischer Trennungsstrich */
 padding: 0 10px 0 15px;
 font-weight: bold;
}

#menu li a {
 color: blue; /* Linkfarbe */
 text-decoration: none;
}

#menu a:hover {
 color: black;
 text-decoration: underline; 
}

#fontgross {	/* Obere Menüleiste etwas größer */
 background: url(will.gif) no-repeat 0% 0% #FFCC66;    /* Logo */
 height: 40px; 
 font-size: 1.4em;
}

#fontklein {  /* Untere Menüleiste etwas kleiner */
 height: 30px; 
 font-size: 1.0em;
}


/********* - Der Textinhalt - *********/

#main {
 background: 100% 0 #FFFFCC;
 padding: 0 5% 10px 20px; 
 line-height: 1.2em; /* Zur besseren Lesbarkeit erhöhen wir die Linienhöhe. */
 font-size: 0.8em;
}