body {
  background: #DFDFDF;
  color: black;
  margin: 0;
  padding: 1%;
  min-width: 640px;
  font-size: 100.01%;
  font-family: verdana, arial, sans-serif ;
}
a { color: #0B4D8C; text-decoration: underline; }
a:visited { color: black; }
.skip {
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 {
  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 {
  color: #6699CC;
  font-family: Georgia, "Times New Roman", Times, serif;
  background: #DFDFDF;
}
img {
 /* border: solid 1px #aaa;*/
  padding: 1px;
  max-width: 95%;
}
.fleft {
  float: left;
  margin: 0 1em 0.2em 0;
  padding: 1px;
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layoutspezifisches -- */
#container {
  font-size: 0.8em;
  max-width: 70em;
  margin: auto;
  border: 1px solid #aaa;

  border-top: 0;
  background: #EFEFEF;
}
#footer {
  clear: both;
  padding: 0 20px;
  border-top: 1px dotted #aaa;
  font-size: 0.8em;
}

/* - Logo bzw. Kopf - */
#logo {
  background: url(../img/logo4.jpg) 0 0 no-repeat #C91312; /* Das Bild mit der Blume hat einen Übergang zum Schwarzen das nutzen wir aus. Wir lassen es oben links beginnen und wiederholen es nicht. Dadurch dass die Hintergrundfarbe auch schwarz ist, entsteht der Eindruck als ob das Bild unendlich lang wäre. */
  height: 100px;
  padding: 0 20px;
  text-align: right;
  line-height: 54px;
  font-size: 54px;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0;
}
#logo a {
  color: white;
  text-decoration: none;
}
#logo a span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
  color: black;
  background: white;
  padding-right: 0.1em;
  font-weight: bold;
}

/* - Menü - */
#menu {
  background: #BFBFBF;
  padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
  margin: 0;
  text-align: right;
  color: red; /* Hier definieren wir die Farbe des Menüpunktes, der kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}
#menu li {
  font-size: 1.0em;
  display: inline;
  list-style-type: none;
  border-left: 1px solid white;
  padding: 0 10px 0 15px;
  font-weight: bold;

}
#menu li a {
  color: black;
  text-decoration: none;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 26%;
  min-width: 10em;
  float: right;
  padding: 10px 1% 1em 1%;
  margin: 0 0 0 1%;
  border-left: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  font-size: 0.8em;
  background: #EFEFEF;
}
#subnav dt {
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.0em;
  margin-top: 1em;
  border-top: 1px dotted #aaa;
}
#subnav dd
  padding: 0;
  margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */
#main {
  padding: 2% 31% 10px 20px;
  line-height: 1.5em;
}

p {

 margin-left: 2%;
 margin-right: 2%;

}