body {
    color: black; background-color: #C0C0FF;
    font-size: 13px;
    font-family: verdana,arial,helvetica,sans-serif;
    margin: 0px;
    }

/* Titel */

  h1 {
    margin: 0; padding: 0;
    text-align: left;
    height: 100px;
    background: #1E2B50;
    border-bottom: 1px solid white;
    }

/* Navigation */

  ul#Nav {
    float: left; width: 150px;
    margin: 0; padding: 0;
    margin: 5px 5px 0 5px; padding: 0;
    }

  li#VO {
    background-image: url(hvo.gif);
    width: 150px; height: 24px;
    margin: 0; padding: 0;
    }
  
  li#VU {
    background-image: url(hvu.gif);
    width: 150px; height: 24px;
    margin: 0; padding: 0;
    } 

  li#VL {
    background-image: url(hvl.gif);
    width: 150px; height: 72px;
    margin: 0; padding: 0;
    } 
  
  li.Akt {
    padding: 5px;
    font-weight: bold;
    border-top:1px solid white;
    border-bottom:1px solid white;
    color: white; background-color: #1E2B50;
    }
  
  li.Pass {
    padding: 5px;
    font-weight: bold;
    border-bottom:1px solid #1E2B50;
    }

  li.Pas1 {
    padding: 5px;
    font-weight: bold;
    border-top:1px solid #1E2B50;
    border-bottom:1px solid #1E2B50;
    }

  li.PasO {
    padding: 5px;
    font-weight: bold;
    }

  li.Pas1O {
    padding: 5px;
    font-weight: bold;
    border-top:1px solid #1E2B50;
    }

  li.IntAkt1 {
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 15px;
    background-image:url(pfeil_akt.gif);
    background-repeat:no-repeat;
    background-position:left center;
    border-bottom:1px solid white;
    color: white; background-color: #3B518F;
    }
  
  li.IntAkt {
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 15px;
    background-image:url(pfeil_akt.gif);
    background-repeat:no-repeat;
    background-position:left center;
    border-top:1px solid white;
    border-bottom:1px solid white;
    color: white; background-color: #3B518F;
    }
  
  li.IntPass {
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 15px;
    background-image:url(pfeil_pass.gif);
    background-repeat:no-repeat;
    background-position:left center;
    border-bottom:1px solid #1E2B50;
    }

  li.IntPassO {
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 15px;
    background-image:url(pfeil_pass.gif);
    background-repeat:no-repeat;
    background-position:left center;
    }

  ul#Nav a {
    text-decoration:none;
    color: #1E2B50; background-color: #C0C0FF;
    }
  ul#Nav a:link {
    color: #1E2B50;
    }
  ul#Nav a:visited {
    color: #1E2B50;
    }
  ul#Nav a:hover {
    color: white;
    }
  ul#Nav a:active {
    color: #1E2B50;
    }

/* Kästen für Inhalt */

  .Inhalt {
    margin: 5px 5px 5px 0;
    padding: 10px; 
    float: left;
    width: 593px;
    min-height: 400px;
    vertical-align:top;
    color: black; background-color: white;
    border:1px solid black;
    }
  * html .Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
    }

  .Einzel {
    margin: 5px 5px 0 0;
    padding: 10px; 
    float: left;
    width: 593px;
    vertical-align:top;
    color: black; background-color: white;
    border:1px solid black;
    }
  * html .Einzel {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
    }
 
  .Blind {
    margin: 0 0 5px 0;
    padding: 0px; 
    float: left;
    width: 605px;
    vertical-align:top;
    }
  * html .Blind {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
    }
  
  .Kasten {
    color: black; background-color: white;
    float: left;
    padding-right: 10px;
    }

  .KastenZentriert {
    color: black; background-color: white;
    float: left;
    vertical-align: middle;
    padding-right: 10px;
    border:1px solid black;
    }

/* Allgemeine Formatierungen */

  h2 {
    font-size: 17px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    color: #1E2B50;
    }
  
  h3 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 13px;
    color: black;
    }

  h4 {
    font-size: 17px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 13px;
    color: #1E2B50;
    }
  
  p {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 13px;
    }

  *.center {
    text-align:center;
    }

/* Allgemeine Links */
  
  a {
    color: #1E2B50;
    }
  
  a:link {
    text-decoration:none;
    }
  a:visited {
    text-decoration:none;
    }
  a:hover {
    text-decoration:underline;
    }
  a:active {
    text-decoration:none;
    }

/* Eingebettete Icons */
  
  .Pfeil {
    padding-left: 10px;
    background-image:url(hpr.gif);
    background-repeat:no-repeat;
    background-position:left center;
    }

  .Notiz {
    padding-left: 25px;
    background-image:url(ico_mark.gif);
    background-repeat:no-repeat;
    background-position:left center;
    }

/* Formulare */

  .Formular {
    font-size: 11px;
    margin-top: 5px 0 0;
    }

  .Feld {
    margin: 0 0 5px;
    padding: 2px;
    width: 400px;
    border: 1px solid #1E2B50;	
    }

  .FeldKl {
    margin: 0 0 5px;
    padding: 2px;
    width: 200px;
    border: 1px solid #1E2B50;	
    }

  .Klapp {
    margin: 0 0 5px;
    padding: 2px;
    width: 406px;
    border: 1px solid #1E2B50;	
    }

  .Knopf {
    margin: 5px 0 0 0;
    padding: 1px;
    width: 140px;
    border: 1px solid #1E2B50;	
    }