/***********************************
 * body                            *
 ***********************************/

body {
   position:absolute;
   height:100%;
   color:black;
//   background-color: #FFFFFF;
   font-size:14px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

html, body {
//   top:0;
   left:0;
   right:0;
   min-height:100%;
   width:100%;
//   margin:0;
   padding:0;
}

 * html, * html body {
   overflow:auto;
   height:100%;
}


/***********************************
 * body - links                    *
 ***********************************/


/***********************************
 * body - fonts                    *
 ***********************************/
span.headline {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:34px;
   color:black;
}

span.text {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:black;
}

td  {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:gray;
}

td a {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:black;
}

td a:hover {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:red;
}

/***********************************
 * content                         *
 ***********************************/

/***********************************
 * content - Prinzenbuch            *
 ***********************************/

div.oben_links {
               position:absolute;
               margin-top: -530px;
               margin-left: -600px;
               z-index:2;
               display: flex;
               align-items: center;
               justify-content: center;
               }

div.oben_rechts {
               position:absolute;
               margin-top: -530px;
               margin-left: 550px;
               z-index:2;
               display: flex;
               align-items: center;
               justify-content: center;
               }

div.linke_seite {
               position:absolute;
               top: 200px;
               margin-left: -440px;
               width:1024px;
               z-index:2;
               display: flex;
               align-items: center;
               justify-content: center;
               }

div.rechte_seite {
               position:absolute;
               top: 250px;
               margin-left: 340px;
               width:1024px;
               z-index:2;
               display: flex;
               align-items: center;
               justify-content: center;
               }

div.chronik#buch_index_seite {
//   display:block;
   position:absolute;
   height:25px;
   width:250px;
   top:710px;
   left:235px;
//   margin-left: -600px;
   z-index:2;
   text-align:right;
   border:solid 0px black;
   display: flex;
     align-items: center;
     justify-content: center;
}

div.zurueckindex {
   position:absolute;
   height:25px;
   top:710px;
   margin-left: -20px;
   z-index:2;
   text-align:right;
}

div.fuss {
   position:absolute;
   height:25px;
   top:730px;
   margin-left: -20px;
   z-index:2;
}