body {
   background: url("../../images/hg6.jpg") no-repeat #143756 center top;
   color: black;
   margin: 0;
   padding: 2em 0 0 0;
   min-width: 640px;
   font-size: 100.01%;
   font-family: verdana, arial, sans-serif ;
   text-align: center;
   }

   .skip {
   position: absolute;
   margin-left: -989px;
   width: 989px;
   }

   .centeredDiv{ margin: 0px auto; width: 989px;}

   a {
    color: #143756; text-decoration: underline; } /* Farbe der unbesuchten Links */
   a:visited {
    color: #143756;   /* Farbe der besuchten Links */
   }

   a img { border: 0; }


   h1 {
   font-size: 1.9em;
   line-height: 0.8em;
   margin: 0;
   }

   h2{
   font-size: 1.7em;
   }

   h3{
   font-size: 1.4em;
   }

   h1, h2, h3{ font-weight: normal;}
   h1, h2, h3{
   color: #143756;
   font-family: Georgia, "Times New Roman", Times, serif;
   }

  img {
  max-width: 100%;
  }

  .jsleft{ /* 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. */
  width: 220px;
  height: 165px;
  }

  .fleftq { /* 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. */
  width: 250px;
  height: 166px;
  }

  .frightqkl {
  float: right;
  margin: 0 0 0.2em 1em;
  width: 250px;
  height: 165px;
  }

  .frighthkl {
  float: right;
  margin: 0 0 0.2em 1em;
  width: 100px;
  height: 140px;
  }

  .flage{
  width: 25px;
  height: 15px;
  border: solid 1px #143756
  }

  .right {
  margin: 0 1em 0.2em 0;
  width: 190px;
  height: 125px;
  }

  .flagelang{
  width: 25px;
  height: 15px;
  border: 0;
  }

  table{
   font-size: 1em;
   border-collapse: collapse;
   text-align: center;
   padding: 2px;
   margin: 2px;
   width: 660px;
}

/* -- Layoutspezifisches -- */

 #beforcontainer {
  font-size: 0.8em;
  font-weight: bold;
  color: #202122;
  max-width: 989px;
  /* margin: auto; Zentrieren der Seite. */
  text-align: right;
  text-decoration: none;
  padding: 0 0 1em 1px;
  }

  #container {
  font-size: 0.8em;
  max-width: 989px;
  /* margin: 0 auto; Zentrieren der Seite. */
  border: 1px solid white;
  //#4D4C4B
  border-top: 0;
  background-image: url(../../images/hg_cont2.png);
  background-repeat: repeat-y;
  background-color: #edd4a5;
  /* padding: 5px 0 0 0;*/
  }

#header{
   /* width: 989px;*/
   height: 206px;
   border: 0;
}

/*.headername{
   font-size:3em;
   font-style: italic;
   font-weight: bold;
   font-family: 'comic sans ms', sans-serif, arial, verdana;
   color: #F3250A;
   position: relative;
   top: 3.8em;
   left:17em;
}*/


 #footer {
  clear: both;
  background-image: url(../../images/button5.png);
  background-repeat: repeat-x;
  background-color: #442705;
  padding: 7px 0;
  text-align: center;
  margin: 0;
  }

 #footer li {
  font-size: 0.84em;
  display: inline;
  list-style-type: none;
  color: #202122;
}
#footer li a {
  color: #143756;
  text-decoration: none;
}


/* - Menue - */

#border_up
{
    width: 989px;
    height: 1px;
    background-image: url(../../images/rand_down2.png);
    background-repeat: no-repeat;
}

#border_down
{
    width: 989px;
    height: 1px;
    background-image: url(../../images/rand_down.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
}


#menu {
  background-image: url(../../images/button5.png);
  background-repeat: repeat-x;
  background-color: #442705;
  height: 33px;
  margin: 0;
  padding: 0;
}

#menu #border_right
{

    width: 1px;
    height: 31px;
    background-image: url(../../images/rand_left.png);
    background-repeat: no-repeat;
    float: right;

}

#menu #border_left
{

    /*width: 1px;
    height: 31px;
    background-image: url(../../images/rand_left.png);
    background-repeat: no-repeat;
    float: left;*/
    background: url("../../images/rand_left.png") no-repeat center top;

}



/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 23%;
  min-width: 10em;
  float: right; /* Damit der Inhalt links neben der Subnavigation vorbeifließt und nicht erst unten drunter anfängt. */
  padding: 10px 1% 1em 1%;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #143756; /* Wwir trennen  optisch die Subnavigation vom eigentlichen Inhalt ab. */
  font-size: 0.9em; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
}
#subnav dt { /* Die einzelnen Ü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; /* Hier eine optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
  font-weight: bold;
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
  padding: 0 0 10px 25px;
  margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */
#main {
  background-image: url(../../images/hg_cont2.png);
  background-repeat: repeat-y;
  background-color: #edd4a5;
  width: 77%;
 /* padding: 15px 20% 0 30px;*/
  padding: 15px 15px 0 15px;
  line-height: 1.5em;
  text-align: justify;
}

#aftermain {
  background: #EDD4A5;
  padding: 0 3em 0 30px;
  line-height: 1.5em; /* Zeilenoehe. */
  text-align: justify;
}


  #aftercontainer {
  font-size: 0.6em;
  font-weight: bold;
  color: #202122;
  max-width: 989px;
  margin: auto; /* Zentrieren der Seite. */
  text-align: center;
  text-decoration: none;
  padding: 10px 0 0 0;
  }

  #aftercontainer a {
  color: #202122;
  text-decoration: none;
}