/****************************************************************************
 * Grundeinstellungen                                                       *
 ***********************************************************************!-> */

  a,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,option,p,select,table,td,textarea,tr,ul {
    margin: 0px;
    padding: 0px;
    color: #303030;
    font-family: arial,helvetica,geneva,sans-serif;
    font-size: 9pt;
  }
  h1,h2,h3,h4,h5,h6,p {
    margin-bottom: 0.5em;
  }
  ul {
    margin-left: 2em;
    padding-left: 0px;
  }
  table {
    border: none;
    border-collapse: collapse;
  }

/****************************************************************************
 * Gliederung                                                               *
 ***********************************************************************!-> */

   h1,h2,h3,h4,h5,h6 {
     font-weight: bold;
   }
   h1 {
     font-size: 15pt;
   }
   h2 {
     font-size: 13pt;
   }
   h3 {
     font-size: 11pt;
   }

/****************************************************************************
 * Verweise                                                                 *
 ***********************************************************************!-> */

  /* Nicht aktive Verweise */
  a:link, a:visited {
    text-decoration: none;
  }
  /* Aktive Verweise */
  a:active, a:focus, a:hover {
    text-decoration: underline;
  }
  /* Permanent unterstrichene Verweise */
  a.perma, a.perma:link, a.perma:visited, a.perma:active, a.perma:focus, a.perma:hover {
    text-decoration: underline;
  }

/****************************************************************************
 * Formularelemente                                                         *
 ***********************************************************************!-> */

  /* Eingabefelder und Pseudo-Eingabefelder */
  /**************************************************************************
   * Die Klasse enabled dient dazu, inaktive Eingabefelder so anzuzeigen    *
   * wie normale Eingabefelder (kann für Zähler etc. verwendet werden).     *
   * Durch die zusätzliche Angabe von form als Selektor wird die unten      *
   * angegebene Definition für inaktive Eingabefelder überschrieben. Dafür  *
   * muss allerdings auch noch einmal explizit die Textfarbe angegeben      *
   * werden.                                                                *
   *********************************************************************!-> */
  input, textarea, .input, form input.enabled, form input.enabled:active, form input.enabled:focus, form input.enabled:hover {
    border: 1px solid #C4C4C4;
    background-color: #FFFFFF;
    color: #303030;
  }
  input.box, input[type=checkbox], input[type=radio] {
    border: none;
    background-color: transparent;
  }
  input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover, .input:active, .input:focus, .input:hover  {
    border: 1px solid #303030;
  }
  /* Buttons und Pseudo-Buttons */
  input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input.sub:active, input.sub:focus, input.sub:hover {
    background-color: #ECECEC;
  }
  /* Inaktive Elemente */
  input[disabled], input[disabled]:active, input[disabled]:focus, input[disabled]:hover, input.disabled, input.disabled:active, input.disabled:focus, input.disabled:hover {
    background-color: #C4C4C4;
    color: #FFFFFF;
  }
  /* Checkboxen und Radiobuttons */
  input.box, input[type=checkbox], input[type=radio] {
    margin-right: 0.5em;
  }

/****************************************************************************
 * Tabellen mit Formularen                                                  *
 ***********************************************************************!-> */

  /* Normale Tabellenzelle */
  table.form td, table.form .td {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-right: 0.5em;
    vertical-align: top;
  }
  /* Tabellenzelle, die eine Tabelle/Elemente mit eigenem Abstand enthält */
  table.form td.tab {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  /* Überschrift */
  table.form td.hdr1, table.form td.hdr {
    padding-bottom: 0.25em;
  }
  /* 1. Überschrift */
  table.form td.hdr1 {
    padding-top: 0em;
  }
  /* Folgeüberschrift */
  table.form td.hdr {
    padding-top: 0.25em;
  }
  /* Eingerückte Tabellenzellen */
  table.form td.ind {
    padding-left: 1em;
  }
  /* Eingabefelder für einspaltige Darstellung */
  table.form input.col1, table.form textarea.col1 {
    width: 45em;
  }
  /* Eingabefelder für zweispaltige Darstellung */
  table.form input.col2, table.form textarea.col2 {
    width: 20em;
  }
  /* Eingabefelder zweispaltig, Aufteilung 1/5 zu 4/5 */
  table.form input.col2_15 {
    width: 4em;
    margin-right: 0;
  }
  table.form input.col2_45 {
    width: 15.5em;
    margin-left: 0;
  }

/****************************************************************************
 * Meldungen                                                                *
 ***********************************************************************!-> */

  /* Fehler */
  .inperr, .inperr a {
    background: #F51E30;
    color: #FFFFFF;
  }
  /* Erfolgsmeldungen */
  .inpok, .inpok a {
    background: #79C800;
    background: #00CF9F;
    color: #FFFFFF;
  }
  /* Hinweise */
  .inptxt, .inptxt a {
    background: #008DD6;
    color: #FFFFFF;
  }
  /* Warnungen */
  .inpwrn, .inpwrn a {
    background: #FF6600;
    color: #FFFFFF;
  }
  /* Verweise */
  .inperr a, .inpok a, .inptxt a, .inpwrn a {
    font-weight: bold;
    text-decoration: underline;
  }
  .inperr a:active, .inperr a:focus, .inperr a:hover, .inpok a:active, .inpok a:focus, .inpok a:hover, .inptxt a:active, .inptxt a:focus, .inptxt a:hover, .inpwrn a:active, .inpwrn a:focus, .inpwrn a:hover {
    text-decoration: none;
  }
  /* Absätze mit Meldungen */
  div.inperr, div.inpok, div.inptxt, div.inpwrn {
    border: 2px inset #9F9F9F;
    padding: 2px 5px;
  }
  div.inpnon {
    border: none;
  }

/****************************************************************************
 * Mehrspaltige Listen                                                      *
 ***********************************************************************!-> */

  /* Listenüberschrift */
  /*!!! listhead durch listhdr ersetzen !!!*/
  .listhead, .listhdr {
    clear: both;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  /* Listenumbruch */
  .listbrk {
    clear: both;
    height: 1em;
  }
  /* Listenspalte */
  .listcol, .listcol_nl {
    float: left;
    margin: 0 1em;
  }
  .listcol_nl {
    clear: both;
  }