/* -- Allgemeines -- */
body {
  color: #808080;
  margin: 0;
  padding: 1%; /* Abstand, damit der Anschein eines Blattes auf der Wand erhalten bleibt. */
  min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen. */
  font-size: 100.01%; /* umgeht Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: verdana, arial, sans-serif ;

 
}
a { color: #003C00; text-decoration: underline; } /* Farbe unbesuchte Links */
a:visited { color: #003C00; } /* Besuchte Links */
.skip { /*  Screenreader für Blinde richtet */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 { /* Die Überschrift jeder Seite */
  font-size: 2.7em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  
  /*border-bottom: 1px dashed #E6E6FA;*/
}
h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { /* Alle Überschriften bekommen mit Serifen zu wählen. */
  color: #808080;
  font-family: verdana, arial, sans-serif ;
}
img { /* Alle Bilder bekommen einen Rahmen. */
  border: solid 1px #aaa;
  padding: 1px;
  max-width: 95%; /* Bildverkleinerung. Funktioniert beim IE leider nicht. */

  float: center;
}



.fleft { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Abstand zum Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layoutspezifisches -- */
#container { /* Rand*/
  font-size: 0.8em; /* Textgröße*/
  max-width: 70em; /* Begrenzung der Breite auf höhstens 70em, damit Texte nicht zu breit werden sind. Für den IE gibt es in ielte6.css einen Woraround. */
  margin: auto; /* Zentrieren der Seite. */
  border: 1px solid #aaa; /* optische Abgrenzung. */
  border-top: 0; /* Ganz oben keine Begrenzung. */
  background: #FFFFFF;
 
}
#footer {
  clear: both; /* Gleiche Ausdehnung #main und #subnav */
  background: #808080; 
  padding: 0 20px;
  height: 30px; 
  line-height: 30px;
  font-size: 12px; 
  overflow: hidden; /* Alles was herausragt wird abgeschnitten*/
  margin: 0; /* */
  text-align: center;
  color: #FFFFFF
}

/* - Logo und Kopf - */
#logo {
  background: url(../img/gruen.jpg) 0 0 no-repeat white; 
  height: 100px; 
  padding: 0 20px;
  text-align: right;
  line-height: 90px;
  font-size: 54px; /* Logogröße */
  overflow: hidden; /* Alles was herausragt wird abgeschnitten */
  letter-spacing: -3px; /* Typografie damit das Logo besser aussieht. */
  margin: 0; /*  */
}
#logo a {
  color: #808080; /*  */
  text-decoration: none;
}
#logo a span { /* Invertierung des letzten Buchstabens */
  color: #000000;
  background: #FFFFFF;
  padding-right: 0.1em; /* weißer Rand links und rechts gleich */
  font-weight: bold;
}

/* - Menü - */
#menu {
  background: #808080;
  padding: 5px 5%; /* Abstand Menü links und Rechts */
  margin: 0;
  text-align: right;
  color: #FFFF00; /* Farbe Menüpunkt ohne Link  */
}
#menu li {
  font-size: 1.2em;
  display: inline; /* Menüpunkte nebeneinander */
  list-style-type: none; /* Abschalten der Bullets vor den Menüpunkten */
  border-left: 1px solid #FFFFFF; /* optischer Trennungsstrich */
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: #FFFFFF; /* Linkfarbe. */
  text-decoration: none;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 20%; /* Je kleiner das Fenster desto kleiner die Subnavigation */
  min-width: 10em; /* Damit die Subnavigarion nicht zu sehr zusammengeschoben wird. */
  float: right; /* Inhalt links neben der Subnavigation und nicht unten drunter. */
  padding: 1px 1% 1em 1%;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #aaa; /* optische Trennung der Subnavigation vom eigentlichen Inhalt. */
  font-size: 0.9em; /* Kleinere Schriftgröße zur Abgrenzung */
  min-height: 400px;
  height: 480px;
  text-align: center;
}
#subnav dt { /* Überschriften in der Subnavigation */
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.5em;
  margin-top: 1em;
  border-top: 1px dotted #aaa; /*optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
  padding: 0;
  margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */
#main {
  background: #FFFFFF;
  padding: 0 10% 0 20px; /* Der rechte Abstand (31%) damit nach dem Umfließen der Subnavigation ein zwei-Spalten Eindruck entsteht. */
  line-height: 1.5em; /* erhöhte Zeilenhöhe. */
  min-height: 400px;
  height: 480px;
 
}