.formular {
    background-color: #EEEEFF;
    border: 1px solid black;
    text-align: center;
}
.formular > ol {
    list-style-type: none;
    margin: 2px;
    padding: 5px;
}
.formular > ol > li {
    vertical-align: top;
}
.formular * label:after {
    content: ":";
}

/* ----------------------------------------------------------------------
   Gästebuch
   ---------------------------------------------------------------------- */

div#gbuch    {  position: absolute; top: 90px; left:170px; height: 580px; width: 800px;
                padding-left: 1em; z-index:1;  overflow: auto; /* border: solid 1px red;  */
             }

div#paginglinks { position:absolute; top:680px; left:170px; height: 30px; width: 800px;
text-align: center; z-index: 5;}

table.gbuch {
      width: 99%;
      background: #fff;
      font: normal 11px "Verdana", Arial, Helvetica, sans-serif;
      color: #000;
      border: solid 1px blue;
    }

tr.header {
      background: #039;
      font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
      color: #fff;
    }

td  { padding: 3px;
    }
tr.gb_head  {
     background-color:  #F7E7C8;         /* #0060FF;   */
     font-size: 10pt; color: #706B72;

}

td.gb_head {
     background-color: #FCFCFC;
     font-size: 10pt; color: #706B72;
    /* border-top: 1px solid #EFD098;    */
     padding-left: 10px; padding-right: 10px;
      border-top: solid  2px #000098;
}
                                          /*  #FCFCFC;      */
td.gb_veri { background-color: #C8EBFD;
     font-size: 10pt; font-weight: bold; color: #706B72;
     padding-left: 10px; padding-right: 10px;}

td.gb_text {
     background-color:    #F8E9C9;            /*   #F1D59E;  #FFFFC0;   */
     font-size: 1em; color: #706B72;         /* silver;  */
     border-top: 1px solid #EFD098;
     border-bottom: 1px solid #EFD098;
     padding-left: 10px; padding-right: 10px;
}
td.gb_antw {
     background-color:    #F8E909;            /*   #F1D59E;  #FFFFC0;   */
     font-size: 1em; color: #706B72;         /* silver;  */
     border-top: 1px solid #EFD098;
     border-bottom: 1px solid #EFD098;
     padding-left: 10px; padding-right: 10px;
}

input.button { width: 70px;  }
input.longbutton { width: 145px;  }

/* ------------------------------------------------------------------------------
   css Tagebuch
   ------------------------------------------------------------------------------ */
table.tbuch {
      width: 90%;
      background: #fff;
      font: normal 11px "Verdana", Arial, Helvetica, sans-serif;
      border: solid 1px blue;
      color: #000;
   }
tr.tb_head  {
   /*  background-color:  #F7E7C8;          #0060FF;   */
     font-size: 10pt; color: #706B72;
}
td.tb_head {
    /* background-color: #FCFCFC;     */
     font-size: 10pt; font-weight: bold;  color: #706B72;
    /* border-top: 1px solid #EFD098;    */
     padding-left: 10px; padding-right: 10px;
 }
td.tb_text {
    /* background-color:    #F8E9C9;             #F1D59E;  #FFFFC0;   */
     font-size: 1em; color: #706B72;         /* silver;  */
      padding-left: 10px; padding-right: 10px;
}
td.tb_datum { color: #00A0FF; font-size: 12pt;  font-weight: bold; background-color: #ffffff; }

span.wot { color: #00A0FF; font-size: 12pt;  font-style:italic ; color: blue; }

td.tb_text {
     font-family:  Helvetica, Arial, sans-serif;
     font-size: 12pt; color: #706B72;
     padding-left: 10px; padding-right: 10px;
}



#paginglinks {
      position: relative; bottom: 20px;

      left: 320px;
      font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
      color: #00f;
    }

span.red { color: red; }