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

a {
   color: #27407F; text-decoration: underline;  /* Farbe unbesuchte Links */
   font-size: 0.9em;
}

a:visited {
    color: orange;   /* Farbe besuchte Links*/
}



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

h1 {
   font-size: 2.0em;
   /*line-height: 0.8em;       */

}

h2{
   font-size: 1.7em;

}

h3{
   font-size: 1.4em;
}

h1, h2, h3{
   font-weight: bold;
   color: #2D488f;
   font-family: Georgia, "Times New Roman", Times, serif;
   padding: 0.1em 0 0.2em ;
   margin: 0;
   line-height: 1.5em;
}

img {
   max-width: 95%;
}

/* -- Layoutspezifisches -- */
#container {
  font-size: 0.8em;
  max-width: 1024px;
  margin: auto;
  border: 1px solid #9C9C9C;
  background-color: white;
}


#header{
   margin: 0;
   width: 1024px;
   height: 150px;
   background-image: url("../data/logobg.png");
   background-repeat: repeat-x;
   background-color: #27407F;

}

div#buttonleft{
   margin: 0;
   width: 150px;
   height: 150px;
   float: left;
}

div#buttonleft a {
    display: block;
    background-image:url("../data/button_left.png");
    background-repeat: no-repeat;
    font-size: 0.85em;
    color: #0C2346;
    font-weight: bold;
    text-decoration: none;
    width: 150px;
    height: 150px;

}

div#buttonleft a:link {

    text-decoration: none;
    color: #0C2346;
}

div#buttonleft a:hover {
    width: 150px;
    height: 150px;
    background-image:url("../data/button_left_a.png");
    background-repeat: no-repeat;
    text-decoration: none;
    color: #3366CC;
}



div#buttonright{
   margin: 0;
   width: 150px;
   height: 150px;

   float: right;
}

div#buttonright a {
    display: block;
    background-image:url("../data/button_right.png");
    background-repeat: no-repeat;
    font-size: 0.85em;
    color: #0C2346;
    font-weight: bold;
    text-decoration: none;
    width: 150px;
    height: 150px;

}

div#buttonleft a:link {

    text-decoration: none;
    color: #0C2346;
}

div#buttonright a:hover {
    width: 150px;
    height: 150px;
    background-image:url("../data/button_right_a.png");
    background-repeat: no-repeat;
    text-decoration: none;
    color: #3366CC;
}


div#headername{
   font-size:2.7em;
   font-weight: bold;
   font-family:  "Times New Roman", arial, sans-serif, verdana;
   color: #FFFFFF;
   padding-top: 40px;
   text-align: center;
}

#rightmain {
  width: 20%;
  min-width: 10em;
  float: right; /* Damit der Inhalt links neben der Subnavigation vorbeifließt und nicht erst unten drunter anfängt. */
  padding: 0px 10px 5px 1px;
  margin: 1em 10px 5px 1px;
  text-align: justify;
  font-size: 14px; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
}

#leftmain {
  padding: 0 28% 0 15px;
  margin: 1em 0em 0px;
  line-height: 1.5em;
  text-align: justify;
  font-size: 14px;
}


#main {
    clear: both;
    margin: 2em 2em 0px;
    padding: 0 0px 0px 0px;
    width:95%;
    text-align: justify;
    font-size: 14px;
    /* font-weight: normal;      */
  }

#copyright {
	font-size: 0.7em;
	max-width: 950px;
	margin: auto;
	text-align: right;
	color: blue;

}