body {
   background: #B9BBB8;
   color: black;
   margin: 0;
   padding: 0.3%;
   min-width: 640px;
   font-size: 100.01%;
   font-family: verdana, arial, sans-serif ;
   }

   a {
    color: #143756; text-decoration: underline; } /* Farbe der unbesuchten Links */
   a:visited {
    color: #143756;   /* BFarbe der besuchten Links */
   }
   .skip {
   position: absolute;
   margin-left: -999px;
   width: 990px;
   }

   .bsp{
         color: red; text-decoration: bold; } /* Farbe der unbesuchten Links */
   .bsp:visited {
    color: orange;   /* BFarbe der besuchten Links */

   }

   h1 {
   font-size: 2.1em;
   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: 95%;
  }

  .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: 300px;
  height: 198px;
  }

  .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: 165px;
  }

  .fleftqkl {
  float: left;
  margin: 0 1em 0.2em 1em;
  width: 200px;
  height: 132px;
  }
  .frightqkl {
  float: right;
  margin: 0 0 0.2em 1em;
  width: 200px;
  height: 132px;
  }

  .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;
  }

/* -- Layoutspezifisches -- */
  #container {
  font-size: 0.8em;
  max-width: 989px;
  margin: auto; /* Zentrieren der Seite. */
  /*border: 1px solid #aaa;    */
  border-top: 0;
  background: url(../data/container_bg.png);
  background-repeat: repeat-y;
  background-color: #ffffff;
  border-right: 1px solid #286039;
   }


#header{
   margin: 0;
   width: 989px;
   height: 150px;
   background: url(../data/logo2.jpg) no-repeat 100% #143756;
}
.headername{
   font-size:3em;
   font-weight: bold;
   font-family: 'comic sans ms', verdana, arial, sans-serif ;
   color: #FF0008;
   position: relative;
   top: 4em;
   left:14em;
}


#header #border_left
{
    width: 1px;
    height: 149px;
    background: #83756B url("../data/logoY.png") 100% 100%;
    background-repeat: no-repeat;
    float: left;

}

#header #border_right
{

    width: 1px;
    height: 149px;
    background: #83756B url("../data/logoY.png") 100% 100%;
    background-repeat: no-repeat;
    float: right;
}




 #footer {
  clear: both;
  background: #656766 url("../data/footerbg.png") 100% 100%;
  text-align: center;
  padding: 5px 2%;
  margin: 0;
  }
 #footer li {
  font-size: 0.8em;
  display: inline;
  list-style-type: none;
  padding: 0 3px 0 5px;
  font-weight: bold;
}
#footer li a {
  color: orange;
  text-decoration: none;
}



/* - Navigation - */
#Navigation {
    float: left;
    width: 20%;
    padding: 0  0 20em 0px;
    background-image: url("../data/navbg.png");
    background-repeat: repeat-y;
    background-color: #656766;
    margin: 0;

}

#Navigation ul{
    font-size: 0.9em;
    font-weight: bold;
    font-size: 1.2em;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 0em;
    margin-top: 0em;

}

#Navigation li {
    list-style: none;
    height: 35px;
    width: 196px;
    margin: 0px;
    padding: 1px 0 0 0;
    text-align: left;
}


#Navigation #border_top
{
    width: 196px;
    height: 1px;
    background: black url("../data/nav_top.png") no-repeat 100% 100%;
}

#Navigation #border_bottom
{
    width: 196px;
    height: 1px;
    background: black url("../data/nav_bottom.png") no-repeat 100% 100%;
}


#Navigation a {
    padding: 5px 0px 0 0;
    display: block;
    font-size: 0.85em;
    font-weight: bold;

}

a.navlink{
    text-decoration: none;
    color: #AFB1AE;
}

a.navlinka{
    text-decoration: none;
    color: orange;
}

a.nav2link{
    text-decoration: none;
    color: #F7CC98;
}

a.nav2linka{
    text-decoration: none;
    color: orange;
}



#Navigation a:hover {
    text-decoration: none;
    color: orange;
    height: 31px;
    width: 196px;
    background-image: url("../data/navbg2.png");
    background-repeat: repeat-y;
    background-color: #656766;

}



/* - Der Hauptinhaltsteil - */
#main {
  background: #FFFFFF;

  line-height: 1.5em;
  text-align: justify;

  /*margin: 3em 14em 0px; */
 /* padding: 0;     */
  width:75%;
  padding: 10px 1% 1em 1%;
  margin: 1em 1% 0 1%;
  float: right;
}