body {
  margin:           0px;
  height:           101%;
  background-color: #f5fbf9;
  }

/* -------------------------------- */
/* ---       Gesamtfläche       --- */
/* -------------------------------- */

td.mainframe {
  background-color: #f3fae5; 
  border:           1px solid #212e24;
  }


/* -------------------------------- */
/* ---      Navigation-Bar      --- */
/* -------------------------------- */

   /* Aktiver Navigationspunkt - links*/
td.leftbar {
  background-color: #530000; 
  border-top:       2px solid #ffffff; 
  border-bottom:    2px solid #ffffff; 
  border-right:     2px solid #ffffff; 
  padding-left:     15px;
  color:            #ffd4a7;
  font-family:      verdana;
  font-weight:      bold;
  font-size:        10px;
  text-transform:   uppercase;
  }

   /* Hauptnavigation */
td.mainbar {
  background-color: #af0101; 
  border-top:       2px solid #ffffff; 
  border-bottom:    2px solid #ffffff; 
  padding-left:     15px;
  padding-top:      7px;
  padding-bottom:   7px;
  font-family:      verdana;
  font-weight:      bold;
  font-size:        10px;
  color:            #fff1d8;
  text-transform:   uppercase;
  }
  

.siteheadline {
  color:            #530000;
  font-size:        14px;
  text-transform:   uppercase;
  letter-spacing:   1px;
  }

.siteheadlineort {
  font-weight:      bold;
  }

a.mainnavi:link {
  font-family:      verdana;
  font-weight:      bold;
  font-size:        10px;
  color:            #fff1d8;
  text-transform:   uppercase;
  text-decoration:  none;
  }
a.mainnavi:visited {
  font-family:      verdana;
  font-weight:      bold;
  font-size:        10px;
  color:            #fff1d8;
  text-transform:   uppercase;
  text-decoration:  none;
  }

a.mainnavi:active {
  font-family:      verdana;
  font-weight:      bold;
  font-size:        10px;
  color:            #ffffff;
  text-transform:   uppercase;
  text-decoration:  underline;
  }
a.mainnavi:hover {
  font-family:      verdana;
  font-weight:      bold;
  font-size:        10px;
  color:            #ffffff;
  text-transform:   uppercase;
  text-decoration:  underline;
  }

/* -------------------------------- */
/* ---      Ortsnavigation      --- */
/* -------------------------------- */

.ort {
  font-size:        11px;
  color:            #ffffff;
  text-align:       center;
  }

.blindbild {
  background-color: #aaaaaa;
  }

.vg {
  background-color: #87b733;
  }

.gt {
  background-color: #f1ba00;
  }
  
.em {
  background-color: #52a9d8;
  }

.hh {
  background-color: #eb840b;
  }
  
.hk {
  background-color: #5aaa88;
  }

.pr {
  background-color: #d3634a;
  }
  
.vgwidthtop {
  width:            0px;
  }
.vgwidthbt {
  width:            73px;
  }

.gtwidthtop {
  width:            73px;
  }
.gtwidthbt {
  width:            148px;
  }

.emwidthtop {
  width:            150px;
  }
.emwidthbt {
  width:            222px;
  }

.hhwidthtop {
  width:            224px;
  }
.hhwidthbt {
  width:            296px;
  }

.hkwidthtop {
  width:            298px;
  }
.hkwidthbt {
  width:            370px;
  }

.prwidthtop {
  width:            370px;
  }
.prwidthbt {
  width:            444px;
  }

a.ortsnavi:link {
  font-size:        11px;
  color:            #ffffff;
  text-align:       center;
  text-decoration:  none;
  }
a.ortsnavi:visited {
  font-size:        11px;
  color:            #ffffff;
  text-align:       center;
  text-decoration:  none;
  }

a.ortsnavi:active {
  font-size:        11px;
  color:            #ffffff;
  text-align:       center;
  text-decoration:  underline;
  }
a.ortsnavi:hover {
  font-size:        11px;
  color:            #ffffff;
  text-align:       center;
  text-decoration:  underline;
  }
  

/* -------------------------------- */
/* ---     Formular-Format      --- */
/* -------------------------------- */

.inputlayout {
  background-color: #f3fae5; 
  border:           1px solid #212e24;
  font-family:      arial, helvetica, verdana;
  font-size:        12px;
  }
  
input, textarea, select {
  background-color: #f5fbf9; 
  border:           1px solid #212e24;
  font-family:      arial, helvetica, verdana;
  font-size:        12px;
  }

.losbgrnd {
  background: none; 
  border: none;
  }

/* -------------------------------- */
/* ---     Content-Bereich      --- */
/* -------------------------------- */

.contentheadline {
  font-family:      arial, helvetica, verdana;
  font-size:        14px;
  font-style:       underline;
  font-weight:      bold;
  letter-spacing:   2px;
  color:            #af0101;
  border-bottom:    1px solid #af0101;
  padding-bottom:   4px;
  }
  
.contentheadlinespace {
  padding-bottom:   15px;
  }
  

/* -------------------------------- */
/* ---        Hyperlinks        --- */
/* -------------------------------- */

a:link {
  font-family:      arial, helvetica, verdana;
  font-size:        12px;
  text-decoration:  underline;
  color:            #0055EE;
  }
a:visited {
  font-family:      arial, helvetica, verdana;
  font-size:        12px;
  text-decoration:  underline;
  color:            #777799;
  }

a:active {
  font-family:      arial, helvetica, verdana;
  font-size:        12px;
  text-decoration:  underline;
  color:            #000000;
  }
a:hover {
  font-family:      arial, helvetica, verdana;
  font-size:        12px;
  text-decoration:  underline;
  color:            #000000;
  }