body {
   background: url(../data/hg2.png) repeat #DAD7D7;
   color: black;
   margin: 0;
   padding: 0;
   min-width: 640px;
   font-size: 100.01%;
   font-family: verdana, arial, sans-serif ;
}

a {
   color: #67696e; text-decoration: bold;  /* Farbe unbesuchte Links */   
}

a:visited {
    color: #67696e;   /* Farbe besuchte Links*/
}

a:hover{
	
	color: #67696e;
}

a.notice {
   color: #67696e; text-decoration: bold;  /* Farbe unbesuchte Links */
   font-size: 0.7em;
}

a.notice:visited {
    color: #0554c6;   /* Farbe besuchte Links*/
}

a.notice:hover{
	
	color: #0554c6;
}


a.entry{
       background-image:url(../data/DoorClosed.png);
       background-repeat: no-repeat;
       margin-left: 0;
       height: 150px;
       width: 150px;
       padding: 0px 0px 150px 150px;
       text-decoration: none;
       text-align: center;
       border: 0;
       font-size: 1.7em;
   }

   a.entry:hover
   {
      color: #ffffff;
      background-image:url(../data/DoorOpened.png);
      background-repeat: no-repeat;
      font-size: 1.7em;
   }

a.oldversion{
       background-image:url(../data/old_version1.png);
       background-repeat: no-repeat;
       margin-left: 0;
       height: 150px;
       width: 150px;
       padding: 0px 0px 150px 150px;
       text-decoration: none;
       text-align: center;
       border: 0;
       font-size: 1.7em;
   }

   a.oldversion:hover
   {
      color: #ffffff;
      background-image:url(../data/old_version2.png);
      background-repeat: no-repeat;
      font-size: 1.7em;
   }


a.book{
       background-image:url(../data/book_closed.png);
       background-repeat: no-repeat;
       margin-left: 0;
       height: 150px;
       width: 150px;
       padding: 0px 0px 150px 150px;
       text-decoration: none;
       text-align: center;
       border: 0;
       font-size: 1.7em;
   }

   a.book:hover
   {
      color: #ffffff;
      background-image:url(../data/book_opened.png);
      background-repeat: no-repeat;
      font-size: 1.7em;
   }

.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;*/
   color: #67696e;
   font-family: Georgia, "Times New Roman", Times, serif;
   padding: 0.1em 0 0.2em ;
   margin: 0;
   line-height: 1em;
   
}

img {
   max-width: 95%;
}

/* -- Layoutspezifisches -- */
#container {
  font-size: 0.8em;
  max-width: 1024px;
  margin: auto;
  /*border: 1px solid #9C9C9C;*/
  /*background-color: #C0C1C4;*/
  background-color: white;
}

#header{
   margin: 0;
   /*width: 1024px;*/
   height: 150px;
   /*background-image: url("../data/hg3.png");
   background-repeat: repeat-x;*/
   background-color: #5f8cfa;

}

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;
}

#footer {
  clear: both;
  background: white;
  text-align: center;
  font-size: 10px;
  padding: 5px 2%;
  margin: 0;
  color: #67696e;
  }


#main {
    clear: both;
    margin: 2em 2em 0px;
    padding: 0 0px 0px 0px;
    width:95%;
    text-align: justify;
    font-size: 14px;
    color: #67696e;
    /* font-weight: normal;      */
  }