/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | KOMPONENTEN
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Standard-Komponenten
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
***************************************************************************************************
***************************************************************************************************
** Dokument
***************************************************************************************************
***************************************************************************************************
*/

.dokument {
  width: 100%;
}


/*
***************************************************************************************************
** Titel
***************************************************************************************************
*/

.dokument-titel {
  width: 100%;
}

.table-dokument-titel {
  width: 100%;
  table-layout: fixed;
}

.table-dokument-titel-bild {
  width: 147px;
}

.table-dokument-titel-inhalt {
  vertical-align: middle;
}

.table-dokument-titel-inhalt h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #124975;
  line-height: 1.7em;
}

/*
***************************************************************************************************
** Body
***************************************************************************************************
*/

.dokument-body {
  padding: 23px 0 4em 84px;
  line-height: 2em;
}


/*
***************************************************************************************************
***************************************************************************************************
** Formular
***************************************************************************************************
***************************************************************************************************
*/

.table-formular-label,
.table-formular-feld {
  padding: 0 0 8px 0;
}

.table-formular-label {
  width: 100px;
  font-weight: bold;
}

.formular input,
.formular select,
.formular textarea {
  background-color: #F0F3F6;
  border: 1px solid #114974;
}

.formular .radiobutton,
.formular .checkbox {
  background: transparent;
  border: none;
  vertical-align: middle;
}

.formular input,
.formular textarea {
  padding: 2px 4px 1px 4px;
}

.einzeilig-lang {
  width: 260px;
}

.einzeilig-mittel {
  width: 190px;
}

.einzeilig-kurz {
  width: 56px;
}

.mehrzeilig-lang-mittel {
  width: 260px;
  height: 80px;
}

.button-normal {
  width: 100px;
  height: 18px;
  background-color: #114974;
  border: none;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
}

/*
***************************************************************************************************
***************************************************************************************************
** Bild
***************************************************************************************************
***************************************************************************************************
*/

.bild {
  float: right;
  padding: 5px 0 10px 10px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Sonstiges
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
***************************************************************************************************
***************************************************************************************************
** Tabellen
***************************************************************************************************
***************************************************************************************************
*/

.table-impressum {
  margin: 0 0 1em 0;
}

.table-impressum-label {
  padding: 0 10px 0 0;
  font-weight: bold;
}


/*
***************************************************************************************************
***************************************************************************************************
** Liste
***************************************************************************************************
***************************************************************************************************
*/

ul.liste-pfeil {
  padding: 0 0 0 0;
}

li.liste-pfeil {
  margin: 0 0 0 17px;
  list-style-image: url(../grafik/bg_liste_pfeil.gif);
}

/*
***************************************************************************************************
***************************************************************************************************
** Text
***************************************************************************************************
***************************************************************************************************
*/

.text-fett {
  font-weight: bold;
}

.text-weiss-kursiv {
  color: #FFFFFF;
  font-style: italic;
}

.text-hellblau {
  color: #A4C0D6;
}


/*
***************************************************************************************************
***************************************************************************************************
** Link
***************************************************************************************************
***************************************************************************************************
*/

.link-menu:link,
.link-menu:visited,
.link-menu:hover,
.link-menu:active,
.link-menu-active:link,
.link-menu-active:visited,
.link-menu-active:hover,
.link-menu-active:active {
  display: block;
  padding: 3px 6px 23px 6px;
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
}

.link-menu:hover,
.link-menu-active:link,
.link-menu-active:visited,
.link-menu-active:hover,
.link-menu-active:active {
  background-color: #B13240;
}

.link-blau-fett:link,
.link-blau-fett:visited,
.link-blau-fett:hover,
.link-blau-fett:active {
  font-weight: bold;
  color: #114974;
}

.link-blau-fett-pfeil:link,
.link-blau-fett-pfeil:visited,
.link-blau-fett-pfeil:hover,
.link-blau-fett-pfeil:active {
  display: block;
  padding: 0 0 0 13px;
  background-image: url(../grafik/bg_liste_pfeil.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #114974;
}

.link-gross-blau-fett:link,
.link-gross-blau-fett:visited,
.link-gross-blau-fett:hover,
.link-gross-blau-fett:active {
  font-weight: bold;
  font-size: 1.1em;
  color: #114974;
}

.link-gross-weiss-fett:link,
.link-gross-weiss-fett:visited,
.link-gross-weiss-fett:hover,
.link-gross-weiss-fett:active {
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
}


/*
***************************************************************************************************
***************************************************************************************************
** Tools
***************************************************************************************************
***************************************************************************************************
*/

.tools-hidden-div {
  display: none;
}

.tools-layout-abstand-1em {
  line-height: 1em;
  font-size: 1em;
  height: 1em;
}


/*
***************************************************************************************************
** Video
***************************************************************************************************
*/

.video-container {
  position: absolute;
  display: none;
  top: 120px;
  left: 108px;
  padding: 10px;
  background-color: #FFFFFF;
}

.video-container-inhalt {
  border: 1px solid #114974;
}

.video-container-zusatz {
  background-color: #FFFFFF;
  text-align: right;
}