/* BASICS */
/* **************************** */




body {
  margin: 0;
  padding: 0;
  border: 0;
  font: normal 100% arial, sans-serif;
}
.unsichtbar {
  display: none;
}
img {
  border: 0;
}
form {
  margin: 0;
  padding: 0;
  border: 0;
}


/* KOPF */
/* **************************** */
#kopf {
  background-color: #232323;
  background-image: url(/images/kopf_hintergrund.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  height: 120px;
  width: 100%;
}
#servicenavigation {
  font-size: 70%;
  color: #fff;
  padding: 15px 0 0 15px;
  height: 60px;
  float: left;
}
#servicenavigation a {
  color: #fff;
  text-decoration: none;
  padding: 0 3px 0 3px;
}
#servicenavigation a.aktiv {
  font-weight: bold;
}
#servicenavigation a:hover {
  text-decoration: underline;
}
#suche {
  float: left;
}
#suche input {
  font: normal 100% arial, sans-serif;
  border: 0;
  margin: 0;
  padding: 0;
}
#suche input#suchbegriff {
  float: left;
  padding: 2px 0 0 5px;
  height: 16px;
  background-color: #eee;
  margin-right: 1px;
}
#suche input#finden {
  float: left;
  background-color: #eee;
  color: #000;
  font-weight: bold;
  padding: 0 2px 2px 2px;
  height: 18px;
}
#suche input#finden:hover {
  cursor: pointer;
}
#servicepunkte {
  float: left;
  margin: 0 0 0 12px;
  padding: 2px 0 0 0;
}
#servicepunkte a.videos {
  background-image: url(/images/icon_video_kopf.gif);
  background-repeat: no-repeat;
  background-position: right 1px;
  padding-right: 14px;
}
#logo {
  text-align: right;
  float: right;
  padding: 15px 20px 0 0;
}
#logo a {
  color: #fff;
  display: block;
  background-image: url(/images/kopf_logo.gif);
  background-repeat: no-repeat;
}
#logo_print {
  display: none;
}


#hauptnavigation {
  clear: both;
  float: none;
  overflow: hidden;
  width: 100%;
  padding: 15px 0 0 15px;
  height: 30px;
}
#hauptnavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#hauptnavigation ul li {
  float: left;
}
#hauptnavigation ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 70%;
  padding: 7px 13px 9px 13px;
  height: 30px;
  text-transform: uppercase;
  border-right: 1px dotted #fff;
  margin-left: -1px;
}
#hauptnavigation ul li a.aktiv, #hauptnavigation ul li a.aktiv:hover {
  color: #000;
  background-color: #fff;
  border-right: 1px solid #fff;
}
#hauptnavigation ul li a:hover {
  color: #000;
  background-color: #e2e2e2;
  border-right: 1px solid #e2e2e2;
}
#hauptnavigation ul li a.spenden {
  background-color: #e75012;
  border-right: 1px solid #e75012;
}
#hauptnavigation ul li a.spenden:hover {
  color: #000;
  background-color: #e2e2e2;
  border-right: 1px solid #e2e2e2;
}


/* INHALTSBEREICH */
/* **************************** */
#inhalte {
  clear: both;
  float: none;
  width: 978px;
}
#spalte {
  height: 100%;
  overflow: hidden;
  width: 943px;
  border-left: 30px solid #fff;
}
#spalte_1 {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 690px;
  border-right: 40px solid #fff;
}
#portal {
  margin-top: 60px;
}
#spalte_2 {
  overflow: hidden;
  height: 100%;
  width: 248px;
  padding-top: 60px;
  padding-top: 90px
}
.spalte_w315 {
  width: 315px;
  float: left;
  margin-left: 30px;
  margin-top: 45px;
  overflow: hidden;
  height: 100%;
}
.spalte_w390 {
  width: 390px;
  float: left;
  margin-left: 30px;
  margin-top: 45px;
  overflow: hidden;
  height: 100%;
}
.spalte_w240 {
  width: 240px;
  float: left;
  margin-left: 30px;
  margin-top: 45px;
  overflow: hidden;
  height: 100%;
}

/* Themennavigation */
#themennavigation {
  font-size: 70%;
  background-color: #f2f2f2;
  width: 330px;
  height: 30px;
  margin: 25px 0 0 0;
}
#themennavigation form {
  margin: 0;
  padding: 6px 0 0 15px;
  border: 0;
}
#themennavigation form a {
  text-decoration: none;
  font-weight: bold;
  background-image: url(/images/icon_blitz.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 6px 2px 14px;
  color: #000;
  float: left;
}
#themennavigation form select {
  font-size: 100%;
}


/* Boxen */
/* Box Subportal (Titelbox für z.B. Handlungsfelder) */
#subportal #history {
  margin-left: 30px;
}
#box_subportal {
  background-color: #f2f2f2;
  color: #000;
  font-size: 80%;
  overflow: hidden;
  margin-left: 30px;
}
#box_subportal .box_headline {
  padding: 10px 0 10px 15px;
}
#box_subportal .box_headline strong {
  font-size: 120%;
}
#box_subportal .box_headline h1 {
  font-size: 190%;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding: 0;
}
#box_subportal .box_inhalte {
  padding: 0;
  overflow: hidden;
  height: 100%;
}
#box_subportal .box_bild {
  float: left;
  margin-right: 10px;
}
#box_subportal .box_text {
  padding: 0 10px 0 0;
  line-height: 140%;
  overflow: hidden;
  height: 100%;
}
#box_subportal .box_text p {
  margin: 0 0 1em 0;
}
#box_subportal .box_link {
  text-align: right;
  padding: 0 10px 0 0;
}
#box_subportal .box_link a {
  display: block;
  background-image: url(/images/pfeil_schwarz.gif);
  background-repeat: no-repeat;
  background-position: right top;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 0 24px 0 0;
}
#box_subportal .box_link a:hover {
  text-decoration: underline;
}

/* Zurück-Link in eigener Zeile auf Portal-Seite */

.zurueck_portal {
  float: none;
  clear: both;
  font-size: 80%;
  margin-left: 30px;
  margin-top: 30px;
}
.zurueck_portal a {
  display: block;
  background-color: #f2f2f2;
  background-image: url(/images/pfeil_zurueck.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #000;
  text-decoration: none;
  padding: 5px 0 6px 37px;
  overflow: hidden;
  width: 100%;
  font-weight: bold;
}
.zurueck_portal a:hover {
  background-color: #000;
  color: #fff;
}


/* Boxen */
.box {
  font-size: 80%;
  margin-bottom: 45px;
}
.box .box_reiter {
  background-color: #fff;
  overflow: hidden;
  height: 100%;
}
.box .box_reiter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.box .box_reiter ul li {
  display: inline;
}

.box .box_reiter ul li a {
  color: #000;
  text-decoration: none;
  border: 1px dotted #000;
  border-bottom: 0;
  display: block;
  float: left;
  padding: 5px 9px 6px 9px;
  margin-right: 4px;
  overflow: hidden;
  height: 100%;
}
.box .box_reiter ul li a.aktiv, .box .box_reiter ul li a.aktiv:hover {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  border: 1px solid #000;
  border-bottom: 0;
}
.box .box_reiter ul li a:hover {
  background-color: #e6e6e6;
}

.box .box_inhalte {
  background-color: #f2f2f2;
  overflow: hidden;
  height: 100%;
}
.box .box_bild {
}
.box .box_headline {
  padding: 6px 0 6px 0;
  color: #000;
}
.box .box_subheadline {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px 6px 10px;
}
.box .box_text {
  padding: 10px;
  padding-bottom: 0;
  line-height: 140%;
}
.box .box_text p {
  margin: 0 0 1em 0;
}
.box .box_text a {
  color: #000;
}
.box .box_text a:hover {
  text-decoration: none;
}
.box .box_link {
  text-align: right;
  padding: 0 10px 10px 0;
  margin-top: -1em;
}
.box .box_link a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: block;
  background-image: url(/images/pfeil_kleiner.gif);
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 16px;
}
.box .box_link a:hover {
  text-decoration: underline;
}

/* Teaser (kleines Bild, Text) in einer Box */

.box .box_teaser {
  border-top: 1px dotted #000;
  margin: -1px 10px 0 10px;
  padding-top: 10px;
  padding-bottom: 11px;
  overflow: hidden;
}
.box .box_teaser .box_bild {
  float: left;
  margin-right: 10px;
}
.box .box_teaser .box_text {
  padding: 0;
}
.box .box_teaser .box_text p {
  margin: 0;
}
.box .box_teaser .box_text a {
  color: #000;
  text-decoration: none;
  /*background-image: url(/images/pfeil_kleiner.gif);
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 14px;*/
}
.box .box_teaser .box_text p img {
  padding: 1px;
  margin-left: 5px;
}
.box .box_teaser .box_text a:hover {
  text-decoration: underline;
}


/* Liste von Links (Pfeil vorangestellt, keine Bilder) */

.box .box_linkliste {
  border-top: 1px dotted #000;
  margin: -1px 10px 0 10px;
  padding-top: 10px;
  padding-bottom: 11px;
  overflow: hidden;
}
.box .box_linkliste .box_text {
  padding: 0;
}
.box .box_linkliste .box_text p {
  margin: 0;
}
.box .box_linkliste .box_text a {
  color: #000;
  text-decoration: none;
  background-image: url(/images/pfeil_untermenue.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 10px;
  display: block;
}
.box .box_linkliste .box_text a:hover {
  text-decoration: underline;
}



/* Liste von Downloads (Links zu Dateien mit Icons für Download) */

.box .box_downloadliste {
  border-top: 1px dotted #000;
  margin: -1px 10px 0 10px;
  padding-top: 10px;
  padding-bottom: 11px;
  overflow: hidden;
  clear: both;
  float: none;
}
.box .box_downloadliste .box_bild {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  height: 100%;
}
.box .box_downloadliste .box_text {
  padding: 0;
  line-height: 150%;
}
.box .box_downloadliste .box_text p {
  margin: 0;
}
.box .box_downloadliste .box_links a {
  color: #000;
  text-decoration: none;
  background-image: url(/images/icon_download.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 16px;
  display: block;
  float: left;
  margin-right: 20px;
}
.box .box_downloadliste .box_links a:hover {
  text-decoration: underline;
}


/* Seiten-Elemente (Foto, Text, Marginalie, ...) */

/* History mit Tabelle - damit der Text nach oben "wächst", wenn er länger wird */

#history {
  color: #5e5e5e;
}
#history table {
  border: 0;
  border-collapse: collapse;
  height: 90px;
}
#history td {
  border: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 7px;
  vertical-align: bottom;
  font-size: 70%;
}
#history a {
  color: #5e5e5e;
  text-decoration: none;
}
#history a:hover {
  text-decoration: underline;
}
#history strong {
  color: #000;
}

/* Spalte für Marginalie */

.spalte_w210 {
  position: relative;
  width: 210px;
  margin-left: 20px;
  float: left;
  overflow: hidden;
  font-size: 80%;
}
/* Alte Darstellung mit Bildtexten auf Fotos
#unterseite_fotobericht .spalte_w210 {
  margin-top: 360px;
  margin-left: 0;
  margin-right: 20px;
}
*/
#unterseite_fotobericht .spalte_w210 {
  margin-top: 30px;
  margin-left: 0;
  margin-right: 20px;
}
#unterseite_grosses_bild .spalte_w210 {
  margin-left: 0;
  margin-right: 20px;
}

/* Spalte für Copytext */

.spalte_w420 {
  position: relative;
  overflow: visible;
  float: left;
  width: 420px;
  font-size: 80%;
}
#unterseite_fotobericht .spalte_w420 {
  margin-top: 30px;
}
#unterseite, #unterseite_fotobericht, #unterseite_grosses_bild, #unterseite_quiz {
  height: 100%;
  overflow: hidden;
  padding-left: 30px;
}

/* Headline */
.headline {
  color: #000;
  font-size: 80%;
  overflow: hidden;
  padding: 10px 10px 10px 0;
}
.headline strong {
  font-size: 120%;
}
.headline h1 {
  font-size: 190%;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding: 0;
}
.headline h1.klein {
  font-size: 150%;
}

/* Fotobericht */
/* Alte Darstellung mit Bildtexten auf Fotos
.fotobericht {
  position: absolute;
  left: 30px;
  font-size: 80%;
}
#fotobericht_navi {
  position: absolute;
  bottom: 0;
  background-image: url(/images/hintergrund_weiss_80prozent.png);
  z-index: 3;
  width: 190px;
  padding: 10px;
}
*/

.fotobericht {
  font-size: 80%;
}
#fotobericht_navi {
  width: 640px;
  padding: 10px;
  background-color: #f2f2f2;
}


.pagination {
  float: none;
  clear: both;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-bottom: 1px dotted #000;
  padding-bottom: 10px;
}
.pagination #link_zurueck {
  width: 15px;
  height: 15px;
  float: left;
  overflow: hidden;
}
.pagination #link_zurueck a {
  width: 15px;
  height: 15px;
  background-image: url(/images/pfeil_quadrat_zurueck.gif);
  background-repeat: no-repeat;
  display: block;
}
/* Bildzähler */
.pagination .fotobericht_zaehler a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  float: left;
  overflow: hidden;
  /* width: 160px; */
  width: 610px;
}
/* weiterblättern */
.pagination #link_weiter {
  text-align: right;
  width: 15px;
  height: 15px;
  overflow: hidden;
  float: right;
}
.pagination #link_weiter a {
  width: 15px;
  height: 15px;
  background-image: url(/images/pfeil_quadrat_weiter.gif);
  background-repeat: no-repeat;
  display: block;
}
#fotobericht_bildtexte {
  clear: both;
  float: none;
  padding-top: 10px;
}
#fotobericht_bildtexte p {
  margin: 0;
}

/* Vorspann, Copytext */
.vorspann {
  padding: 7px 0 0 0;
  font-weight: bold;
  line-height: 150%;
}
.vorspann p {
  margin: 0 0 1em 0;
}
.copytext {
  padding: 0 0 0 0;
  line-height: 150%;
}
.copytext p {
  margin: 0 0 1em 0;
}
.vorspann a, .copytext a, .quiz a {
  border-bottom: 1px dashed #000;
  color: #000;
  text-decoration: none;
}
.vorspann a:hover, .copytext a:hover, .quiz a:hover {
  border: 0;
  border-bottom: 1px solid #000;
}


/* Fotozeile */

.fotozeile {
  margin-bottom: 13px;
}
.fotozeile .bild {
}
.fotozeile .bildtext {
  background-color: #f2f2f2;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  line-height: 150%;
  height: 100%;
}
.fotozeile .bildtext p {
  margin: 0 0 1em 0;
}
#unterseite_grosses_bild .fotozeile {
  font-size: 80%;
}


/* Liste von Links in normaler Seite */

.linkliste {
  height: 100%;
  overflow: hidden;
}
.linkliste .linkliste_headline {
  padding-bottom: 12px;
}
.linkliste .linkliste_link {
  border-top: 1px dotted #000;
  margin: -1px 0 0 0;
  padding-top: 10px;
  padding-bottom: 12px;
  overflow: hidden;
  width: 100%;
  clear: both;
  float: none;
}
.linkliste_link .linkliste_bild {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  height: 100%;
}
.linkliste_link .linkliste_text {
  overflow: hidden;
  height: 100%;
}
.linkliste .linkliste_abstand {
  height: 30px;
  overflow: hidden;
  width: 100%;
  clear: both;
  float: none;
}
.linkliste p {
  margin: 0;
  padding: 0;
  margin-bottom: -1em;
}
.linkliste a, .linkliste a.link {
  display: block;
  background-image: url(/images/pfeil_kleiner.gif);
  background-position: 0 4px;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #000;
  padding: 0 0 0 16px;
}
.linkliste a.download {
  background-image: url(/images/icon_download.gif);
  background-position: 0 1px;
}
.linkliste a.popup {
  background-image: url(/images/icon_popup.gif);
  background-position: 0 4px;
}
.linkliste a:hover {
  text-decoration: underline;
}



/* Liste von Downloads (Links zu Dateien mit Icons für Download) */

#seite_downloads {
  margin-left: 30px;
}
#seite_downloads #seitenservice {
  font-size: 70%;
}
#seite_downloads .headline {
  background-color: #333333;
  background-repeat: no-repeat;
  background-position: right top;
  color: #fff;
  padding: 10px 0 10px 15px;
}
.downloads {
  font-size: 80%;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  margin-top: 10px;
}
.spalte_w420 .downloads {
  font-size: 100%;
}
#seite_downloads .spalte_w210 {
  margin-top: 25px;
}
.downloads .box_downloadliste {
  border-top: 1px dotted #000;
  margin: -1px 0 0 0;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  clear: both;
  float: none;
}
.downloads .box_downloadliste .box_inhalte {
  float: left;
  margin-right: 20px;
  overflow: hidden;
  height: 100%;
  width: 430px;
}
.spalte_w420 .box_downloadliste .box_inhalte {
  width: 100%;
  margin: 0;
}
.downloads .box_downloadliste .box_bild {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  height: 100%;
}
.downloads .box_downloadliste .box_text {
  padding: 0;
  line-height: 150%;
  height: 100%;
}
.downloads .box_downloadliste .box_text a {
  border-bottom: 1px dashed #000;
  color: #000;
  text-decoration: none;
}
.downloads .box_downloadliste .box_text a:hover {
  border: 0;
  border-bottom: 1px solid #000;
}
.downloads .box_downloadliste .box_text p {
  margin: 0;
}
.downloads .box_downloadliste .box_links {
  background-color: #f2f2f2;
  padding: 10px;
  padding-bottom: 0;
  overflow: hidden;
  clear: both;
}
.downloads .box_downloadliste .box_links a {
  color: #000;
  text-decoration: none;
  background-image: url(/images/icon_download.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0 0 10px 16px;
  display: block;
}
.downloads .box_downloadliste .box_links a:hover {
  text-decoration: underline;
}
.spalte_w420 .downloads .box_downloadliste .box_links {
  margin-top: 5px;
}
.spalte_w420 .downloads .box_downloadliste .box_links a {
  margin-right: 10px;
}


/* Liste von Unterseiten */

#seite_liste {
  margin-left: 30px;
}
#seite_liste #seitenservice {
  font-size: 70%;
}
#seite_liste .headline {
  background-color: #333333;
  background-repeat: no-repeat;
  background-position: right top;
  color: #fff;
  padding: 10px 0 10px 15px;
}
.liste_seiten {
  font-size: 80%;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  margin-top: 15px;
}
.liste_seiten .listenelement {
  border-top: 1px dotted #000;
  margin: -1px 0 0 0;
  padding-top: 15px;
  padding-bottom: 20px;
  overflow: hidden;
  height: 100%;
  clear: both;
  float: none;
}
.liste_seiten .listenelement .listenelement_inhalte {
  float: left;
  overflow: hidden;
  height: 100%;
  width: 430px;
}
.liste_seiten .listenelement .listenelement_bild {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  height: 100%;
}
.liste_seiten .listenelement .listenelement_text {
  padding: 0;
  line-height: 150%;
  height: 100%;
}
.liste_seiten .listenelement .listenelement_text p {
  margin: 0;
}
.liste_seiten .listenelement .listenelement_text a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  background-image: url(/images/pfeil_kleiner.gif);
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 16px;
}
.liste_seiten .listenelement .listenelement_text a:hover {
  text-decoration: underline;
}
.spalte_w420 .liste_seiten {
  font-size: 100%;
}
#seite_liste .spalte_w210 {
  margin-top: 25px;
}



/* Formular */

.formular {
  height: 100%;
  overflow: hidden;
}
.formular_zeile {
  clear: both;
  float: none;
  /*background-color: #f2f2f2;*/
  height: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 2px 0 2px 0;
}
.label {
  float: left;
  width: 140px;
  padding: 6px 0 0 0;
}
label:hover {
  cursor: pointer;
}
.formularfeld {
  float: left;
}
.formularfeld_radio {
  float: left;
  height: 24px;
  padding-top: 5px;
}
.formularfeld_radio input {
  float: left;
}
.formularfeld_radio label {
  float: left;
  margin-right: 10px;
}
.formularfeld_checkbox {
  float: left;
  overflow: hidden;
  height: 100%;
}
.formularfeld_textarea {
  float: left;
}
.formularfeld_submit {
  padding-top: 15px;
  padding-left: 140px;
}
.formularfeld input, .formularfeld_textarea textarea {
  border: 1px solid #999;
  /*border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;*/
  border-bottom: 1px solid #999;
  background-color: #fff;
  font: normal 100% arial, sans-serif;
  padding: 5px;
  width: 268px;
}
.formularfeld_textarea textarea {
  height: 118px;
}
.formularfeld input:focus, .formularfeld_textarea textarea:focus {
  background-color: #f2f2f2;
  border: 1px solid #000;
}
.formularfeld_radio input {
}
.formularfeld_submit input {
  border: 0;
  font: bold 100% arial, sans-serif;
  padding: 2px 0 2px 0;
}
.formularfeld_submit input:hover {
  cursor: pointer;
}
.formularfeld_submit input#input_senden {
  background-color: #e75012;
  color: #fff;
  width: 135px;
  margin-right: 10px;
  float: left;
}
.formularfeld_submit input#input_reset {
  background-color: #ccc;
  color: #333;
  width: 135px;
  float: left;
}


/* Suchergebnisse */
#suchergebnisse {
  margin-left: 30px;
}
#suchergebnisse .headline {
  background-color: #333;
  background-repeat: no-repeat;
  background-position: right top;
  color: #fff;
  padding: 10px 0 10px 15px;
  font-size: 70%;
}
#suchergebnisse .copytext {
  font-size: 80%;
  padding-top: 20px;
  padding-left: 15px;
}
#suchergebnisse #seitenservice {
  font-size: 70%;
}
.pagebrowser {
  width: 100%;
  overflow: hidden;
  background-color: #f2f2f2;
  font-size: 80%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.pagebrowser_sp1 {
  float: left;
  width: 20%;
}
.pagebrowser_sp1 a {
  display: block;
  background-image: url(/images/pfeil_quadrat_zurueck.gif);
  background-repeat: no-repeat;
  background-position: 7px 0;
  padding: 0 0 0 27px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
  height: 100%;
}
.pagebrowser_sp1 a:hover {
  text-decoration: underline;
}
.pagebrowser_sp2 {
  float: left;
  text-align: center;
  width: 60%;
}
.pagebrowser_sp2 a {
  color: #000;
  text-decoration: none;
}
.pagebrowser_sp2 a:hover {
  text-decoration: underline;
}
.pagebrowser_sp3 {
  float: right;
  text-align: right;
  width: 20%;
}
.pagebrowser_sp3 a {
  display: block;
  background-image: url(/images/pfeil_quadrat_weiter.gif);
  background-repeat: no-repeat;
  background-position: right 0;
  padding: 0 20px 0 0;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-right: 7px solid #f2f2f2;
  overflow: hidden;
  height: 100%;
}
.pagebrowser_sp3 a:hover {
  text-decoration: underline;
}

/* Ergebnisse als Liste */
.ergebnisliste {
  font-size: 80%;
}
.ergebnisliste ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
}
.ergebnisliste ul li {
  border-bottom: 1px dotted #000;
  background-color: #fff;
  padding-left: 10px;
  padding-bottom: 13px;
  padding-top: 10px;
}
.ergebnisliste ul li a {
  background-image: url(/images/pfeil_untermenue.gif);
  background-repeat: no-repeat;
  background-position: 6px 5px;
  padding: 0 0 0 16px;
  color: #000;
  text-decoration: none;
  display: block;
}
.ergebnisliste ul li a:hover {
  text-decoration: underline;
}

/* Ergebnisse als divs, nummeriert */
.ergebnisliste_num {
  font-size: 80%;
  padding: 0 0 0 0;
}
.ergebnis {
  padding: 15px 0 15px 0;
  overflow: hidden;
  line-height: 150%;
}
.ergebnis_n {
  float: left;
  height: 100%;
  overflow: hidden;
  text-align: right;
  margin: 0 15px 0 0;
  width: 30px;
}
.ergebnis_n .ziffer {
  font-weight: bold;
}
.ergebnis_text {
  height: 100%;
  overflow: hidden;
}
.ergebnis_text a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #000; 
}
.ergebnis_text a:hover {
  border-bottom: 1px solid #000;
}


/* Quiz */

.quiz {
  clear: both;
  float: none;
}
.quiz_headline {
  background-color: #474747;
  background-image: url(/images/quiz_fragezeichen.gif);
  background-repeat: no-repeat;
  background-position: top right;
  height: 45px;
  width: 100%;
  overflow: hidden;
}
.quiz_headline_sp1 {
  float: left;
  width: 325px;
  font-size: 15px;
  color: #fff;
  height: 100%;
  overflow: hidden;
  padding: 12px 0 0 15px;
}
.quiz_headline_sp2 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 13px 0 0 0;
}
.quiz_inhalt {
  float: none;
  clear: both;
  width: 660px;
  height: 330px;
  background-image: url(/images/quiz_hintergrund.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  font-size: 13px;
  line-height: 18px;
}
.quiz_frage {
  padding: 15px 15px 0 340px;
}
.quiz_frage_text {
}
.quiz_frage_antwort {
  padding: 15px 0 0 0;
  float: none;
  clear: both;
  overflow: hidden;
}
.quiz_frage_antwort_radio {
  float: left;
  width: 25px;
  overflow: hidden;
}
.quiz_frage_antwort_text {
  overflow: hidden;
}
.quiz_button {
  margin-top: 20px;
}
.quiz_frage .quiz_button {
  margin-left: 25px;
}
.quiz_formular .quiz_button {
  margin-left: 105px;
}
.quiz_button input {
  font: bold 13px arial, sans-serif;
  color: #fff;
  background-color: #474747;
  background-image: url(/images/quiz_pfeil.gif);
  background-repeat: no-repeat;
  background-position: center right;
  border: 0;
  padding: 3px 25px 5px 10px;
}
.quiz_button input:hover {
  color: #fff;
  background-color: #e75012;
  border-color: #e75012;
  cursor: pointer;
}
.quiz_auswertung {
  padding: 15px 15px 0 340px;
}
.quiz_auswertung p {
  margin: 0 0 1em 0;
}
.quiz_formular {
  padding: 20px 15px 0 340px;
}
.quiz_formular_zeile {
  margin-bottom: 10px;
  float: none;
  clear: both;
}
.quiz_formular_label {
  float: left;
  width: 105px;
  overflow: hidden;
}
.quiz_formular_input {
  overflow: hidden;
}
.quiz_formular_input input {
  width: 190px;
}
.quiz_formular_input input#PLZ {
  width: 90px;
}



/* Video integriert in Seite (Flowplayer) */
/******************************************/
#media_1,
#media_2,
#media_3,
#media_4,
#media_5
{
  height: 100%;
  width: 420px;
  overflow: hidden;
  visibility: visible;
}
#media_1.mediaOff,
#media_2.mediaOff,
#media_3.mediaOff,
#media_4.mediaOff,
#media_5.mediaOff
{
  height: 0;
  width: 0;
  visibility: hidden;
}
#player_1,
#player_2,
#player_3,
#player_4,
#player_5,
#nix_1,
#nix_2,
#nix_3,
#nix_4,
#nix_5
{
  width: 420px;
  height: 277px;
  background-color: #000;
  overflow: hidden;
  float: none;
  clear: both;
  left: 0;
  top: 0;
}
.player .bild {
  display: block;
  width: 420px;
  height: 277px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.player .link {
  height: 107px;
  position: relative;
  left: 50%;
  margin-left: -75px;
  padding: 80px 0 0 0;
}
.player .link a {
  display: block;
  white-space: nowrap;
  height: 30px;
  width: 100px;
  background-image: url(/images/icon_film_play_gross.gif);
  background-repeat: no-repeat;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 7px 10px 0 41px;
}
.player .link a:hover {
  background-image: url(/images/icon_film_play_gross_over.gif);
  color: #fff;
}
.player .bildtext {
  padding: 10px;
  height: 70px;
  color: #fff;
  line-height: 140%;
  background-image: url(/images/hintergrund_schwarz_40prozent.png);
}

/* buttons, einbetten, versenden */
.player_buttons {
  background-color: #000;
  height: 100%;
  overflow: hidden;
}
.player_buttons .buttons_links {
  float: left;
  height: 100%;
  overflow: hidden;
}
.player_buttons .buttons_rechts {
  float: right;
  height: 100%;
  overflow: hidden;
}
.player_buttons  a {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 21px;
  height: 21px;
  float: left;
}
.player_buttons .buttons_links a {
  border-right: 1px dotted #fff;
}
.player_buttons .buttons_rechts a {
  border-left: 1px dotted #fff;
}
.player_buttons a#btn_versenden_1,
.player_buttons a#btn_versenden_2,
.player_buttons a#btn_versenden_3,
.player_buttons a#btn_versenden_4,
.player_buttons a#btn_versenden_5
{
  background-image: url(/images/icon_video-versenden_weiss.gif);
}
.player_buttons a#btn_einbetten_1,
.player_buttons a#btn_einbetten_2,
.player_buttons a#btn_einbetten_3,
.player_buttons a#btn_einbetten_4,
.player_buttons a#btn_einbetten_5
{
  background-image: url(/images/icon_video-einbetten_weiss.gif);
}
.player_buttons a#btn_downloaden {
  background-image: url(/images/icon_video-downloaden_weiss.gif);
}
.player_buttons .buttons_links a:hover,
.player_buttons .buttons_links a.aktiv
{
  background-color: #E75012;
}
.player_buttons a#btn_myspace {
  background-image: url(/images/icon_myspace.gif);
}
.player_buttons a#btn_myspace:hover {
  background-image: url(/images/icon_myspace_over.gif);
}
.player_buttons a#btn_twitter {
  background-image: url(/images/icon_twitter.gif);
}
.player_buttons a#btn_twitter:hover {
  background-image: url(/images/icon_twitter_over.gif);
}
.player_buttons a#btn_facebook {
  background-image: url(/images/icon_facebook.gif);
}
.player_buttons a#btn_facebook:hover {
  background-image: url(/images/icon_facebook_over.gif);
}
#panes {
    height: 100%;
    width: 420px;
    color: #000;
    position: relative;
    z-index: 1;
}
#emailPane_1,
#emailPane_2,
#emailPane_3,
#emailPane_4,
#emailPane_5,
#embedPane_1,
#embedPane_2,
#embedPane_3,
#embedPane_4,
#embedPane_5
{    
    display: none;
    padding: 10px;
    background-color: #f2f2f2;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
#embedPane_1,
#embedPane_2,
#embedPane_3,
#embedPane_4,
#embedPane_5
{    
    min-height: 257px;
}
#panes h2 {
  margin: 0;
  padding: 0;
  font-size: 120%;    
}
#panes .label {
  float: none;
  width: 100%;
}
#panes .formularfeld input,
#panes .formularfeld_textarea textarea
{
  width: 386px;
  border-color: #000;
}
#formular_videosenden .formularfeld_submit {
  padding-left: 0;
}
#formular_videoeinbetten .formularfeld_textarea textarea
{
  height: 180px;
}
#panes .formularfeld input:focus,
#panes .formularfeld_textarea textarea:focus
{
  background-color: #fff;
  border: 1px solid #E75012;
}

/* schliessen */
div.close {
  overflow: hidden;
  margin-top: 20px;
}
div.close a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
div.close a:hover {
    color: #E75012;
}








/* Marginalie (Spenden, Weitere Infos) */

.marginalie_spenden {
  padding: 0 10px 0 10px;
}
.marginalie_spenden .headline {
  background-color: #e75012;
  background-image: url(/images/spenden_210x30.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  color: #fff;
  height: 23px;
  padding: 7px 0 0 10px;
  margin: 0 -10px 3px -10px;
  overflow: hidden;
}
.marginalie_spenden .subheadline {
  border-bottom: 1px dotted #000;
  padding: 7px 0 5px 0;
  overflow: hidden;
  height: 100%;
}
.marginalie_spenden .kostenbeispiel {
  padding: 10px 0 0 0;
  overflow: hidden;
  margin: 0 0 10px 0;
}
.marginalie_spenden .kostenbeispiel .text {
}
.marginalie_spenden .kostenbeispiel .betrag {
  font-weight: bold;
  background-image: url(/images/linie_gepunktet.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  overflow: hidden;
  height: 100%;
}
.marginalie_spenden .kostenbeispiel .betrag .zahl {
  float: right;
  text-align: right;
  background-color: #f2f2f2;
  margin-bottom: -3px;
}
.marginalie_spenden .formular {
  padding-top: 10px;
  padding-bottom: 30px;
  overflow: hidden;
}
.marginalie_spenden .formular strong {
  color: #e75012;
}
.marginalie_spenden .formular form {
  margin: 10px 0 0 0;
}
.marginalie_spenden .formular input#betrag {
  width: 80px;
  height: 17px;
  float: left;
  margin-right: 5px;
}
.marginalie_spenden .formular input#spenden {
  background-color: #e75012;
  color: #fff;
  border: 0;
  font: bold 100% arial, sans-serif;
  height: 22px;
  padding: 0px 5px 4px 5px;
}

.marginalie_mehrinfo {
  padding: 0 10px 20px 10px;
}
.marginalie_mehrinfo .headline {
  background-color: #000;
  color: #fff;
  height: 23px;
  padding: 7px 0 0 10px;
  margin: 0 -10px 3px -10px;
  overflow: hidden;
}
.marginalie_mehrinfo .subheadline {
  border-bottom: 1px dotted #000;
  padding: 7px 0 5px 0;
  overflow: hidden;
  height: 100%;
}
.marginalie_mehrinfo .linkliste {
  margin: 10px 0 10px 0;
}
.marginalie_mehrinfo .linkliste ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.marginalie_mehrinfo .linkliste ul li {
}
.marginalie_mehrinfo .linkliste ul li a {
  display: block;
  background-image: url(/images/pfeil_text.gif);
  background-repeat: no-repeat;
  background-position: left 6px;
  color: #000;
  text-decoration: none;
  padding: 2px 0 3px 10px;
  overflow: hidden;
  height: 100%;
}
.marginalie_mehrinfo .linkliste ul li a:hover {
  text-decoration: underline;
}

#marginalie_zurueck {
  margin-bottom: 20px;
}
#unterseite_fotobericht #marginalie_zurueck {
  margin-top: 4px;
}
#marginalie_zurueck a {
  display: block;
  background-color: #f2f2f2;
  background-image: url(/images/pfeil_zurueck.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #000;
  text-decoration: none;
  padding: 5px 0 6px 37px;
  overflow: hidden;
  font-weight: bold;
  width: 100%;
}
#marginalie_zurueck a:hover {
  background-color: #000;
  color: #fff;
}


/* Seitenservice */
#seitenservice {
  border-top: 1px dotted #000;
  margin-top: 30px;
  padding-top: 10px;
  font-size: 85%;
  color: #000;
  clear: both;
  float: none;
}
#seitenservice a {
  background-image: url();
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 16px;
  margin: 0 20px 0 0;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#seitenservice a:hover {
  text-decoration: underline;
}
#seitenservice a#link_seitenanfang {
  background-image: url(/images/icon_seitenanfang.gif);
}
#seitenservice a#link_seitedrucken {
  background-image: url(/images/icon_seitedrucken.gif);
}


/* Kontextnavigation */
.kontextnavigation {
  font-size: 80%;
  margin-bottom: 15px;
}
.kontextnavigation form {
  margin: 0;
  padding: 0;
  border: 0;
}
/*.kontextnavigation_headline {
  color: #000;
  height: 22px;
  padding: 8px 0 0 0;
}*/
.kontextnavigation_headline {
  padding: 0 5px 0 0;
}
.kontextnavigation_headline a {
  display: block;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #f2f2f2;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 14px 6px 10px;
  overflow: hidden;
}
.kontextnavigation_headline a.on {
  background-image: url(/images/pfeil_quadrat_nach-oben_neu.gif);
  background-color: #000;
  color: #fff;
}
.kontextnavigation_headline a.off {
  background-image: url(/images/pfeil_quadrat_nach-unten_neu.gif);
  background-color: #f2f2f2;
}
.kontextnavigation_headline a:hover {
  text-decoration: underline;
}

.kontextnavigation_links {
  display: none;
}

.kontextnavigation_links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.kontextnavigation_links ul li {
  padding-right: 5px;
}
.kontextnavigation_links ul li a {
  display: block;
  background-color: #f2f2f2;
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #000;
  border-top: 1px dotted #000;
  padding: 5px 0 6px 10px;
  margin-top: -1px;
  overflow: hidden;
}
.kontextnavigation_links ul li a:hover {
  background-color: #e6e6e6;
}
.kontextnavigation_links ul li a.aktiv {
  background-color: #e6e6e6;
  border-right: 5px solid #000;
  margin-right: -5px;
  font-weight: bold;
}
/* 2.Ebene */
.kontextnavigation_links ul li ul {
  list-style-type: none;
  padding: 0;
  margin-right: -1px;
  border-right: 1px solid #000;
}
.kontextnavigation_links ul li ul li {
  padding: 0;
}
.kontextnavigation_links ul li ul li a {
  background-color: #e6e6e6;
  background-image: url(/images/pfeil_untermenue.gif);
  background-repeat: no-repeat;
  background-position: 15px 9px;
  padding: 5px 0 6px 24px;
}
.kontextnavigation_links ul li ul li a:hover {
  text-decoration: underline;
}
.kontextnavigation_links ul li ul li a.aktiv {
  background-color: #e6e6e6;
  border-right: 0;
  margin-right: 0;
}



/* Fusszeile */
#fusszeile {
  clear: both;
  float: none;
  height: 100%;
  overflow: hidden;
  background-color: #5d5d5d;
  background-image: url(/images/fusszeile_verlauf.gif);
  background-repeat: repeat-x;
  font-size: 70%;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px 6px 10px;
  border-top: 60px solid #fff;
}
#fusszeile_spalte_1 {
  float: left;
}
#fusszeile_spalte_2 {
  float: right;
  text-align: right;
}
#fusszeile_extras {
  display: inline;
  margin: 0 0 0 30px;
}
#fusszeile a {
  color: #fff;
  text-decoration: none;
}
#fusszeile_spalte_1 a {
  padding: 0 0 0 21px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 10px;
}
#fusszeile_spalte_2 a {
  padding: 0 3px 0 3px;
}
#fusszeile_spalte_1 a#fusszeile_rss {
  background-image: url(/images/icon_rss.gif);
}
#fusszeile_spalte_1 a#fusszeile_newsletter {
  background-image: url(/images/icon_newsletter.gif);
}
#fusszeile_spalte_1 a#fusszeile_sitemap {
  background-image: url(/images/icon_sitemap.gif);
}
#fusszeile_spalte_1 a#fusszeile_bookmarks {
  background-image: url(/images/icon_bookmarks.gif);
}
#fusszeile a:hover {
  text-decoration: underline;
}