/* -- Allgemeines -- */
body {
  background-color: rgb(255,250,240);
  color: black;
  margin: 0;
  padding: 1%;
  min-width: 640px;
  font-family: verdana, arial, sans-serif ;
}
a { color: blue; text-decoration: underline; }
a:visited { color: navy; }
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  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;
}

img {
  border: solid 1px #aaa;
  padding: 1px;
  max-width: 95%; /* IE kann nix! */
}
img.noborder { border: none; }

.floatleft {
  float: left;
  margin: 0 1em 0.2em 0;
}

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


/* Layout */
#container { 
  font-size: 0.9em;
  max-width: 100em;
  margin: auto;
  border: 1px solid #aaa;
  border-top: 0;
  background: white;
}

#footer {
  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
}

/* Header */
#header {
  background-color: black;
  height: 64px;
  padding: 0 20px;
  text-align: right;
  line-height: 54px;
  font-size: 54px;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0;
}

#header a {
  color: white;
  text-decoration: none;
}

#header a span { /* Invertierung von Abschnitten */
  color: black;
  background: white;
  font-weight: bold;
}

/* - Menü - */
#menu {
  background-color: rgb(70,130,180);
  padding: 5px 5%;
  margin: 0;
  text-align: right;
  color: yellow;
}
#menu li {
  font-size: 1.2em;
  display: inline;
  list-style-type: none;
  border-left: 1px solid white;
  padding: 0 10px 0 15px;
  font-weight: bold;
}

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

/* Rechte Spalte */
#rechts {
  width: 25%; 
  min-width: 10em;
  float: right;
  padding: 70px 1% 1em 1%;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #aaa;
  font-size: 0.9em;
}

#rechts dt { /* Überschrift */
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.5em;
  margin-top: 1em;
  border-top: 1px dotted #aaa;
}

#rechts dd { /* Text */
  padding: 0;
  margin: 0.2em 0;
}

/* Content */
#content {
  background: url(../img/blaue-blume.png) no-repeat 100% 0 white;
  padding: 0 30% 0 20px;
  line-height: 1.5em;
}
#content table { border:2px solid rgb(245,222,179); border-collapse:collapse; }
#content th {border:2px solid rgb(245,222,179); padding:5px; }
#content td {border:2px solid rgb(245,222,179); padding:5px; }

p.initial:first-letter { font-size: 300%; } /* großer erster Buchstabe im Absatz */