<style type="text/css">

/* padding:: Oben Rechts Unten Links */

/* --------------------------------------------------------- */
/* --- Formular allgemein und ueberall */
/* --------------------------------------------------------- */

    html {
      background-color: #FFFFFF;
    }

/* --------------------------------------------------------- */
/* --- Formular Body --- */
/* --------------------------------------------------------- */

/*  Kopfzeile BG gruen */

    div.fApplCF {
      font-size: 30px;
      color: #FFFFFF;
      background-color: #006644;
      text-align: center;
    }

    div.fHeadLineC {
      color: yellow;
      font-size: 15px;
#      font-weight: bold;
    }

/* Gesamter Bereich Hintergrund   Hellgrau */

    body {
      width: 98%;
      margin: auto auto;
      padding: 10px 10px 10px 10px;
      border: 3px solid white;
      background-color: #CDCDCD;
    }

/* Formularfuss mit copyright Meldung    Gelb  */

    div.fApplFootCS {
      font-size: 12px;
      color: white;
      background-color: #006644;
    }

/* Ueberschrift in der Form */

    div.fHeadLineCF {
      color: black;
      font-size: 30px;
      font-weight: bold;
    }

/* Formular Flaeche grau */

    form {
      width: 100%;
      margin: 10px auto;
      font-size: 15px;
      text-align: center;
      background-color: #AAAAAA;
    }
    

/* --------------------------------------------------------- */
/* --- Hauptmenu --- */
/* --------------------------------------------------------- */

    table.fmain {
      margin-left: auto;
      margin-right: auto;
      color: white;
      font-size: 20px;
      border: 3px solid lightgrey;
      padding: 10px 10px 10px 10px;
    }

    button.fMainButtonC {
       text-align: center;
       font-size: 25px;
       font-family: Tahoma;
       color: #0000FF;
       width: 100%;
    #   padding: 1px 10px 1px 10px;
    }

    
/* --------------------------------------------------------- */
/* --- Formular vok test
/* --------------------------------------------------------- */

    input.fKeyField {
      color: blue;
      font-size: 15px;
      font-family: Verdana;
      text-align: center;
    /* background-color: yellow;*/
      padding: 2px 2px 2px 2px;
      size: 10;
      width: 50px;
    }

/* --- Anzeige bei Next --------------------------*/

    div.fVokabel {
      color: blue;
      font-size: 30px;
      font-family: Verdana;
      text-align: left;
      background-color: yellow;
      width: 600px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

/* --- Anzeige beim Vokabel Check ------------------------*/

    div.fVokA {
      color: black;
      font-size: 10px;
      font-family: Verdana;
      text-align: left;
   /* background-color: yellow; */
      width: 20px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fVokB {
      color: blue;
      font-size: 15px;
      font-family: Verdana;
      font-weight: bold;
      text-align: left;
      background-color: #B0EEB0; /* lightgreen */
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fVokC {
      color: blue;
      font-size: 15px;
      font-family: Verdana;
      text-align: right;
      font-weight: bold;
      background-color: yellow;
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fVokD {
      color: black;
      font-size: 15px;
      font-family: Verdana;
      text-align: left;
      background-color: #DFDFDF;
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fVokE {
      color: blue;
      font-size: 10px;
      font-family: Verdana;
      text-align: left;
      background-color: #DFDFDF;
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

/* --- Anzeige beim Dialog Check ------------------------*/

    div.fDiaA {
      color: black;
      font-size: 10px;
      font-family: Verdana;
      text-align: left;
   /* background-color: yellow; */
      width: 20px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fDiaB {
      color: blue;
      font-size: 15px;
      font-family: Verdana;
      font-weight: bold;
      text-align: left;
      background-color: #B0EEB0; /* lightgreen */
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fDiaC {
      color: blue;
      font-size: 15px;
      font-family: Verdana;
      text-align: right;
      font-weight: bold;
      background-color: yellow;
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fDiaD {
      color: black;
      font-size: 15px;
      font-family: Verdana;
      text-align: left;
      background-color: #DFDFDF;
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

    div.fDiaE {
      color: blue;
      font-size: 10px;
      font-family: Verdana;
      text-align: left;
      background-color: #DFDFDF;
      width: 200px;
   /* oben, rechts, unten, links */
      padding: 2px 2px 2px 2px;
    }

/* --------------------------------------------------------- */
/*  DEBBUGING   */
/* --------------------------------------------------------- */

    DEBUG {
      font-size: 15px;
      font-family: Verdana;
      font-weight: bold;
      color: #004444; 
      background-color: #FFFFFF;
    }

    div.DEBUG {
      font-size: 15px;
      font-family: Verdana;
      font-weight: bold;
      color: #FF0000; 
      background-color: #FFFFFF;
    }
/* --------------------------------------------------------- */


