body {
           color: #ffffcc;
           background-color: #004477; 
                           }

    address, body, caption, abbr, acronym, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, menu, ol, p, span, table, td, th, tr, ul {
           font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
           font-size: 10pt; 
           color: #ffffcc;
                           }

    tt {   font-family: Courier, MS Courier New, Prestige, monospace;  }

    div.body { margin: 15%; margin-top: 5%; margin-bottom: 5%; }
    div.buch { margin: 0; margin-top: 5%; margin-bottom: 5%; }
 

/*  headings and special paragraphs  */

    h1 {
          color: #00ffff;
          font-size: 2em;
          font-weight: normal;
          margin-bottom: 1em;
                                     }

    h2 {
	    color: #00ffff;
          font-size: 1.1em;
          font-weight: bold;
          margin: 0; 
          margin-bottom: 1.5em; 
          margin-top: 1.5em;
                                     }

    h3 {
	    color: #99ff33;
          font-size: 1em;
          font-weight: normal;
          margin: 0; 
          margin-top: 2em; 
                                     }


    p.welcome {
          font-weight: bold;
	    color: #eeddaa;
          margin-bottom: 2em;
          text-align: center;
                                   }

    p.index {
          text-align: left;
          color: #00cccc;
          font-size: 0.8em;
                                   }

    p.update {
          text-align: right;
          color: #00cccc;
          font-size: 0.8em;
          margin-top: 2em;
                                   }


/*   links   */

    a:link { 
              text-decoration: none; 
              color: #ffff00; 
              background: transparent;
                                   }
    a:visited { 
              text-decoration: none; 
              color: #ffff66; 
              background: transparent;
                                   }
    a:hover { 
              text-decoration: none; 
              color: #ffff00; 
              background: #4488cc;
                                   }
    a:visited:hover { 
              text-decoration: none; 
              color: #ffff00; 
              background: #4488cc;
                                   }
    a:active { 
              text-decoration: none; 
              color: #ffffff; 
              background: #4488cc;
                                   }
    a:visited:active { 
              text-decoration: none; 
              color: #ffffff; 
              background: #4488cc;
                                   }
    a.image {              
              text-decoration: none; 
              background: #004477;
              border: none;
                                   }

    textarea  { white-space: normal; }

    li.important {color: #ff0000; font-weight: bold;}
    li.marg { margin-top: 1em;}
    span {font-weight: normal;}
  

    img {border: 1px solid black;}
    img.noborder {border: 0px solid #004477;}
    img.buch {border: 1px solid black;}
    p.buch { text-align: center; }
    .small {font-size: 0.8em; text-align: justify; color: #cccccc; float: right; }
    table {border: 0}
    td.bottom {vertical-align: bottom; }
    p.table { margin: 0;}
    .notopmargin {margin-top: 0.5em; }
    .center {text-align: center; }

    hr.search {
          color: #00ffff;
          background:#00ffff;
          border: 0px solid #00ffff;
          text-align: center;
          height: 1px;
                                     }


    .search1 { font-size: 8pt; }
    .search2 { font-size: 8pt; color: #cccccc; }
    table.search { color: #cccccc;
          background-color: #cccccc;
                           }
    td.tds {  color: #000000; }