html, body {
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  /* overflow: hidden; */
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 100%;
}
/* ++++ Links allgemein ++++ */
a, a:link, a:visited, a:active, a:hover {
  color: #008597;
}
a img {
  border: none;
}
/* ++++ Channel-Navigation ++++ */
div#bodyTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  overflow: hidden;
  z-index: 1000;
}
td.navChannelFalse, td.navChannelTrue {
  /* width: 20%; */
  height: 2em;
  border-left: 1px solid #B6CCD4;
  padding: 0.5em;
}
td.navChannelFalse {
  background-color: #FFF;
}
td.navChannelTrue {
  background-color: #CCE7EA;
}
a.navChannel {
  font-size: 70%;
  font-weight: bold;
  text-decoration: none;
}
a.navChannel:active, a.navChannel:hover {
  text-decoration: underline;
}
/* ++++ Makro-Navigation ++++ */
div#navMacro {
  height: 240px;
  background-color: #87C4CD;
  /* overflow: hidden; */
}
a.navMacroTrue, a.navMacroFalse,
a.navMacroTrue:link, a.navMacroFalse:link,
a.navMacroTrue:visited, a.navMacroFalse:visited {
  text-decoration: none;
  color: #002F50;
}
a.navMacroTrue {
  font-weight: bold;
}
a.navMacroFalse:hover, a.navMacroFalse:active {
  text-decoration: underline;
}
/* ++++ Logo-DIV ++++ */
#bodyTopLogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 18%;
  height: 20%;
  text-align: right;
  overflow: hidden;
  background-color: #FFF;
  z-index: 1000;
}
/* ++++ eventNavigation ++++ */
table.navEvent {
  /* width: 100%; */
  height: 30px;
}
table.navEvent td {
  vertical-align: top;
  border-right: 1px solid #FFF;
}
a.navEventFalse, a.navEventTrue,
a.navEventFalse:link, a.navEventTrue:link,
a.navEventFalse:visited, a.navEventTrue:visited,
a.navEventFalse:active, a.navEventTrue:active, 
a.navEventFalse:hover, a.navEventTrue:hover {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}
a.navEventFalse:active, a.navEventTrue:active, a.navEventFalse:hover, a.navEventTrue:hover {
  text-decoration: underline;
}
/* ++++ bodyContent ++++ */
#bodyContent{
  position: absolute;
  top: 20%;
  left: 0%;
  width: 100%;
  z-index: 100;
  /* background-color: #CDE1E5;
  height: 80%;
  overflow: auto; */
}
td.bodyContent {
  background-color: #CDE1E5;
}
/* ++++ bodyBottom ++++ */
div#bodyBottomLogo {
  position: absolute; 
  left: 0px;
  bottom: 3em; 
  width: 100%; 
  text-align: right;
  visibility: hidden;
}
/* Typografie */
p, ul {
  font-size: 70%;
  line-height: 140%;
  margin: 0;
}
p.margin {
  margin: 0 1em 1em 1em;
}
p.indent, div.indent, ul.indent {
  margin: 0 4em 1em 25%;
}
ul.indent {
  list-style-position: inside;
  list-style-type: square;
}
p.copyright {
  height: 60px; 
  margin-left: 25%;
  margin-top: 3em;
}
p.formlabel {
  margin: 0 1em;
  text-align: right;
}
.formField { 
  border-top: 1px solid #999;
  margin-top: 2em;
}
/* ++++ Teaser ++++ */
p.teaserText {
  margin: 0.5em 0 0 1em;
  color: #005B6C;
}
/* ++++ Super-Spezial für Teaser ++++ */
.singleStatement {
  position: absolute;
  top: 120px;
  width: 150px;
  padding: 0;
}
/* ++++ Formulare ++++ */
input.textbox {
  width: 200px;
}
.mandatory {
  font-weight: bold;
  color: #000000;
}
/* ++++ Überschriften ++++ */
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading2indent, .heading3, , .heading3indent, .heading4, .heading5, .heading6 {
  font-weight: bold;
  color: #002F50;
  margin: 1em;
}
h1, .heading1, .title {
  margin-left: 25%;
  font-size: 120%;
  font-weight: normal;
  margin-top: 1.5em;
}
h2, .heading2 {
  text-transform: uppercase;
}
.heading2indent {
  text-transform: uppercase;
  margin-left: 25%;
  margin-top: 3em;
  margin-bottom: 1em;
}
.heading3indent {
  margin-left: 25%;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.heading3indent_margin0 {
  margin-left: 25%;
  margin-top: 0em;
  margin-bottom: 0.5em;
}
/* Spezielle Ausnahmen für Ausdruck */
@media print { 
  a, a:link, a:visited, a:active, a:hover {
    color: #000;
    text-decoration: none;
  }
  #bodyTop, #navMakro {
    display: none;
  }
  #bodyContent {
    top: 10%;
    left: 0;
    width: 100%;
    height: 95%;
    background-color: #FFF;
    overflow: visible;
  }
  #bodyTopLogo {
    width: 100%;
    /* height: 10%; */
    background-color: #FFF;
    text-align: right;
    border: 0px solid #FFF;
  }
  p.copyright {
    margin-left: 25%;
    color: #000;
  }
  div#bodyBottomLogo {
    visibility: visible;
  }
  table.bodyContent td {
    background-color: #FFF;
  }

  * { position: relative; overflow: visible !important; float: none; }
}
p.indent_none {
  display: none;
}
/* Halbe Leerzeile */
.margin05 {
  margin-bottom: 0.5em !important;
}
.margin0 {
  margin-bottom: 0 !important;
}