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


/*
******************************************
** Breadcrumb
******************************************
*/

.breadcrumb {
  margin: 0 0 7px 30px;
  color: #686868;
  font-size: .9em;
  line-height: 1.05em;
}

.startseite .breadcrumb {
  visibility: hidden;
}

.breadcrumb-eintrag {
  width: auto;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0 11px 0 0;
  background-image: url(../grafik/bg_verweis_breadcrumb_pfeil.gif);
  background-repeat: no-repeat;
  background-position: right center;
  float: left;
}

a.breadcrumb-inhalt-link:link,
a.breadcrumb-inhalt-link:visited,
a.breadcrumb-inhalt-link:hover,
a.breadcrumb-inhalt-link:active {
  color: #5D84D1;
  font-weight: bold;
}


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

.bild {
  float: right;
  margin: 0 0 5px 5px;
}

.bild.ausrichtung-links {
  float: left;
  margin: 0 5px 5px 0;
}

.bild-inhalt {
  /*border-bottom: 1px solid #DFE7F6;*/
  z-index: 1;
}

.bild-titel {
  position: relative;
  margin: -14px 0 0 20px;
  z-index: 10;
  font-size: .9em;
}

.bild-titel-text {
  padding: 4px 5px 3px 16px;
  background-color: #DFE7F6;
  z-index: 11;
}

.bild-titel-navigation {
  text-align: right;
  padding: 0 5px 4px 0;
  font-size: .9em;
}

/*
******************************************
** Info
******************************************
*/

/*
   gemeinsam
*/

.info {
  margin: 0 0 1em 0;
}

li.info-liste-eintrag {
  padding: 0 0 0 18px;
}

a.info-inhalt-link:link,
a.info-inhalt-link:visited,
a.info-inhalt-link:hover,
a.info-inhalt-link:active {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 0 17px;
  background-repeat: no-repeat;
  /*
    Die erste Zeile ist die Angabe fuer aeltere Browser, die den Background nicht mit
    Pixel-Angaben ausrichten koennen (Netscape 6), diese ignorieren
    dann die eigentliche Angabe in der zweiten Zeile
  */
  background-position: left center;
  background-position: left 4px;
  font-weight: bold;
}

li.info-liste-eintrag a.info-inhalt-link:link,
li.info-liste-eintrag a.info-inhalt-link:visited,
li.info-liste-eintrag a.info-inhalt-link:hover,
li.info-liste-eintrag a.info-inhalt-link:active {
  margin: 0 0 0 -17px;
}



/*
  in Inhalt
*/

.inhalt .info-titel {
  position: relative;
  width: 120px;
  margin: 0 0 0 10px;
  padding: 0 28px 0 0;
  background-color: #F4C338;
  background-image: url(../grafik/bg_info_titel_default.gif);
  background-repeat: no-repeat;
  background-position: right top;
  z-index: 300;
  line-height: 1.05em;
}

.pit .inhalt .info-titel {
  background-image: url(../grafik/bg_info_titel_pit.gif);
}

.stadtbad .inhalt .info-titel {
  background-image: url(../grafik/bg_info_titel_stadtbad.gif);
}

.swt .inhalt .info-titel {
  background-image: url(../grafik/bg_info_titel_swt.gif);
}

.trilan .inhalt .info-titel {
  background-image: url(../grafik/bg_info_titel_trilan.gif);
}

.verkehrsbetrieb .inhalt .info-titel {
  background-image: url(../grafik/bg_info_titel_verkehrsbetriebe.gif);
}

.netze .inhalt .info-titel {
  background-image: url(../grafik/bg_info_titel_netze.gif);
}

.inhalt .iframe .info-titel {
  background: none;
  background-color: #2B5FC2;
}

.inhalt .info-titel.ueberlaenge {
  width: 220px;
}

.inhalt .info-inhalt {
  position: relative;
  width: 100%;
  margin: -11px 0 0 0;
  background-color: #FFF5E2;
  border-top: 1px solid #F4C338;
  z-index: 3;
}

.inhalt .iframe .info-inhalt {
  background-color: #EFF2FB;
  border-top: 1px solid #2B5FC2;
}

.inhalt .info-inhalt-link:link,
.inhalt .info-inhalt-link:visited,
.inhalt .info-inhalt-link:active,
.inhalt .info-inhalt-link:hover {
  color: #E3A904;
  background-image: url(../grafik/bg_verweis_inhalt_pfeil.gif);
}

.inhalt .info-inhalt-grafik,
.inhalt .info-inhalt-text {
  float: left;
}

.inhalt .info-inhalt-text {
  padding: 15px 5px 0 10px;
}

.inhalt .info-inhalt-text-datum {
  color: #E3A904;
  font-size: .9em;
}

.eyecatcher-inhalt-fliesstext a {
  text-decoration: underline;
}


/*
  in Zusatz
*/

.zusatz .info-titel {
  position: relative;
  width: 107px;
  background-color: #2B5FC2;
  z-index: 300;
}

.zusatz .info-inhalt {
  margin: -8px 0 0 0;
  background-color: #F4F5FC;
  border-top: 1px solid #2B5FC2;
  color: #2B5FC2;
}

.zusatz a.info-inhalt-link:link,
.zusatz a.info-inhalt-link:visited,
.zusatz a.info-inhalt-link:active,
.zusatz a.info-inhalt-link:hover {
  background-image: url(../grafik/bg_verweis_zusatz_pfeil.gif);
}

.zusatz .info-inhalt-text {
  padding: 10px 0 1em 5px;
}

.zusatz .info-inhalt-text p {
  margin: 0 0 0 0;
}

.zusatz .info-liste {
  padding-top: 2px;
}

.zusatz .info-liste-eintrag {
  padding-top: 2px;
}

.zusatz .info-inhalt .info-liste p {
  color: #686868;
}


/*
******************************************
** Galerie
******************************************
*/

.galerie {
  margin: 0 0 1em 0;
}

.galerie-titel {
  position: relative;
  width: 120px;
  margin: 0 0 0 10px;
  padding: 0 28px 0 0;
  background-color: #F4C338;
  background-image: url(../grafik/bg_info_titel.gif);
  background-repeat: no-repeat;
  background-position: right top;
  z-index: 300;
  line-height: 1.05em;
}

.galerie-titel.ueberlaenge {
  width: 220px;
}

.galerie-inhalt {
  position: relative;
  width: 100%;
  margin: -11px 0 0 0;
  background-color: #FFF5E2;
  border-top: 1px solid #F4C338;
  z-index: 3;
}

.galerie-inhalt-text {
  margin: 15px 0 0 10px;
}

.galerie-inhalt-thumbs {
  /*height: 100%;*/
  margin: 0 0 0 10px;
  padding: 0 0 2px 0;
}

.galerie-inhalt-thumbs-eintrag {
  padding: 0 10px 10px 0;
  float: left;
}

.galerie-inhalt-thumbs-eintrag img {
  border: 1px solid #F4C338;
}


/*
******************************************
** Tabelle
******************************************
*/

.tabelle {
  margin: 0 0 1em 0;
}

.tabelle-titel {
  margin: 0 0 1em 0;
}

.tabelle-inhalt {
  width: 100%;
}

.tabelle-inhalt table {
  width: 100%;
}

.tabelle-inhalt table caption {
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  visibility: hidden;
}

.tabelle-inhalt th,
.tabelle-inhalt td {
  padding: 2px 5px 2px 5px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  text-align: left;
}

.tabelle-inhalt th {
  background-color: #F4C338;
  color: #FFFFFF;
  font-weight: bold;
  font-size: .9em;
}

.tabelle-inhalt td {
  background-color: #FFF5E2;
}

.tabelle-inhalt td.tabelle-layout-ergebnis {
  background-color: #FBEBBD;
  font-weight: bold;
}

.tabelle-inhalt table.tabelle-ausrichtung-gesamt-vertikal th {
  width: 117px;
}

.tabelle-inhalt td.tabelle-ausrichtung-zelle-zentriert {
  text-align: center;
}

.tabelle-inhalt td.tabelle-ausrichtung-zelle-rechts {
  text-align: right;
}

th.layout {
  /*width: 10.44em;*/
  padding: 2px 5px 2px 5px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  text-align: left;
  width: 117px;
  font-weight: bold;
  text-align: center;
}

td.layout {
  padding: 2px 5px 2px 5px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  text-align: left;
}

.tabelle-inhalt th,
.tabelle-inhalt td {
  border-color: #FFFFFF;
}

.tabelle-inhalt th {
  background-color: #F4C338;
  color: #FFFFFF;
}

.tabelle-inhalt td {
  background-color: #FFF5E2;
}

.tabelle-inhalt td.tabelle-layout-ergebnis {
  background-color: #FBEBBD;
}

th.layout {
  background-color: #F4C338;
  color: #FFFFFF;
  border-color: #FFFFFF;
}

td.layout {
  background-color: #FFF5E2;
  border-color: #FFFFFF;
}


/*
******************************************
** Ansprechpartner
******************************************
*/

div.foto-ansprechpartner {
  float: right;
  padding-right: 5px;
}


/*
******************************************
** Rubrik-Ansichten Allgemein
******************************************
*/

/*
  Navigation
*/

.rubrik-navigation,
.faq-navigation,
.bildarchiv-navigation {
  margin: 0 0 15px -11px;
  border-top: 1px solid #D9E1F1;
  border-bottom: 1px solid #D9E1F1;
  line-height: 1em;
  z-index: 1;
}

.rubrik-navigation.abschluss,
.faq-navigation.abschluss,
.bildarchiv-navigation.abschluss {
  margin-top: 22px;
  margin-bottom: 11px;
}

table.table-rubrik-navigation,
table.table-faq-navigation,
table.table-bildarchiv-navigation {
  width: 100%;
}

td.table-rubrik-navigation-position,
td.table-faq-navigation-position,
td.table-bildarchiv-navigation-position {
  width: 50%;
  padding-top: 2px;
  padding-bottom: 3px;
  color: #2B5FC2;
  text-align: center;
}

td.table-rubrik-navigation-zurueck,
td.table-rubrik-navigation-weiter,
td.table-faq-navigation-zurueck,
td.table-faq-navigation-weiter,
td.table-bildarchiv-navigation-zurueck,
td.table-bildarchiv-navigation-weiter {
  width: 25%;
  background-repeat: no-repeat;
  background-image: url(../grafik/bg_verweis_rubrik_allgemein_navigation_default.gif);
}

td.table-rubrik-navigation-zurueck,
td.table-faq-navigation-zurueck,
td.table-bildarchiv-navigation-zurueck {
  background-position: left top;
  text-align: left;
}

td.table-rubrik-navigation-weiter,
td.table-faq-navigation-weiter,
td.table-bildarchiv-navigation-weiter {
  background-position: right top;
  text-align: right;
}

a.rubrik-navigation-link:link,
a.rubrik-navigation-link:visited,
a.rubrik-navigation-link:hover,
a.rubrik-navigation-link:active,
a.faq-navigation-link:link,
a.faq-navigation-link:visited,
a.faq-navigation-link:hover,
a.faq-navigation-link:active,
a.bildarchiv-navigation-link:link,
a.bildarchiv-navigation-link:visited,
a.bildarchiv-navigation-link:hover,
a.bildarchiv-navigation-link:active {
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 2px 0 3px 0;
  background-repeat: no-repeat;
}

.table-rubrik-navigation-zurueck a.rubrik-navigation-link:link,
.table-rubrik-navigation-zurueck a.rubrik-navigation-link:visited,
.table-rubrik-navigation-zurueck a.rubrik-navigation-link:hover,
.table-rubrik-navigation-zurueck a.rubrik-navigation-link:active,
.table-faq-navigation-zurueck a.faq-navigation-link:link,
.table-faq-navigation-zurueck a.faq-navigation-link:visited,
.table-faq-navigation-zurueck a.faq-navigation-link:hover,
.table-faq-navigation-zurueck a.faq-navigation-link:active,
.table-bildarchiv-navigation-zurueck a.bildarchiv-navigation-link:link,
.table-bildarchiv-navigation-zurueck a.bildarchiv-navigation-link:visited,
.table-bildarchiv-navigation-zurueck a.bildarchiv-navigation-link:hover,
.table-bildarchiv-navigation-zurueck a.bildarchiv-navigation-link:active {
  padding-left: 15px;
  background-image: url(../grafik/bg_verweis_rubrik_allgemein_navigation_zurueck.gif);
  background-position: left top;
}

.table-rubrik-navigation-weiter a.rubrik-navigation-link:link,
.table-rubrik-navigation-weiter a.rubrik-navigation-link:visited,
.table-rubrik-navigation-weiter a.rubrik-navigation-link:hover,
.table-rubrik-navigation-weiter a.rubrik-navigation-link:active,
.table-faq-navigation-weiter a.faq-navigation-link:link,
.table-faq-navigation-weiter a.faq-navigation-link:visited,
.table-faq-navigation-weiter a.faq-navigation-link:hover,
.table-faq-navigation-weiter a.faq-navigation-link:active,
.table-bildarchiv-navigation-weiter a.bildarchiv-navigation-link:link,
.table-bildarchiv-navigation-weiter a.bildarchiv-navigation-link:visited,
.table-bildarchiv-navigation-weiter a.bildarchiv-navigation-link:hover,
.table-bildarchiv-navigation-weiter a.bildarchiv-navigation-link:active {
  padding-right: 15px;
  background-image: url(../grafik/bg_verweis_rubrik_allgemein_navigation_weiter.gif);
  background-position: right top;
}


/*
******************************************
** Rubrik
******************************************
*/

.rubrik {
  color: #2B5FC2;
}

.rubrik-kategorie {
  width: 330px;
  margin: 0 0 1em -11px;
  background-color: #2B5FC2;
}

.inhalt .rubrik h4 {
  padding: 2px 0 3px 11px;
}

.rubrik-eintrag {
  margin: 0 0 1em 0;
}

.rubrik-eintrag-titel {
  z-index: 1;
}

.rubrik-eintrag-titel-kategorie {
  margin: 0 0 6px 0;
  font-size: .9em;
  text-align: right;
}

.rubrik-eintrag-inhalt {
  margin: 0;
  background-color: #F4F5FC;
  border-top: 1px solid #2B5FC2;
  z-index: 3;
}

.rubrik-eintrag-inhalt-grafik,
.rubrik-eintrag-inhalt-text {
  float: left;
}

.rubrik-eintrag-inhalt-text {
  padding: 0 5px 10px 10px;
}

.rubrik-eintrag-inhalt-text p {
  margin: 0;
}

.rubrik-eintrag-inhalt-text-datum {
  position: relative;
  width: 250px;
  margin: -8px 0 5px 0;
  padding: 0 4px 0 4px;
  background-color: #2B5FC2;
  color: #FFFFFF;
  font-size: .9em;
  z-index: 200;
}

.rubrik-eintrag-inhalt-text-datum.zeitraum {
  width: 243px;
}

li.rubrik-eintrag-liste-eintrag {
  padding: 0 0 0 18px;
}

a.rubrik-eintrag-inhalt-link:link,
a.rubrik-eintrag-inhalt-link:visited,
a.rubrik-eintrag-inhalt-link:hover,
a.rubrik-eintrag-inhalt-link:active {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 0 17px;
  background-image: url(../grafik/bg_verweis_inhalt_rubrik_pfeil.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
}

li a.rubrik-eintrag-inhalt-link:link,
li a.rubrik-eintrag-inhalt-link:visited,
li a.rubrik-eintrag-inhalt-link:hover,
li a.rubrik-eintrag-inhalt-link:active {
  margin: 0 0 0 -17px;
}

div.kategorie-detail {
  margin: 0 0 10px 0;
  color: #819FDD;
}


/*
******************************************
** FAQ
******************************************
*/

/*
  Navigation siehe Rubrik-Ansichten Allgemein
*/

.faq-eintrag {
  margin: 0 0 23px 0;
  padding: 11px 0 2px 27px;
  background-color: #F4F5FC;
  border-top: 1px solid #2B5FC2;
}

.faq-eintrag-titel {
  margin: 0 0 7px 0;
}

.faq-eintrag-inhalt {
  margin-top: 10px;
  display: none;
  color: #686868;
}

.faq-eintrag-inhalt-link:link,
.faq-eintrag-inhalt-link:visited,
.faq-eintrag-inhalt-link:active,
.faq-eintrag-inhalt-link:hover {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 0 -17px;
  padding: 0 0 0 17px;
  background-image: url(../grafik/bg_verweis_inhalt_rubrik_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}


/*
******************************************
** Infomaterial
******************************************
*/

.infomaterial {
  color: #686868;
}

.infomaterial-eintrag {
  margin: 0 0 25px 0;
}

.infomaterial-eintrag-inhalt {
  margin: 0;
  background-color: #F4F5FC;
  border-top: 1px solid #2B5FC2;
  z-index: 3;
}

.infomaterial-eintrag-inhalt-grafik,
.infomaterial-eintrag-inhalt-text {
  float: left;
}

.infomaterial-eintrag-inhalt-grafik,
.infomaterial-eintrag-inhalt-text {
  padding: 0 0 0 15px;
}

.infomaterial-eintrag-inhalt-text {
  padding-right: 5px;
}

li.infomaterial-eintrag-liste-eintrag {
  padding: 3px 0 0 18px;
}

a.infomaterial-eintrag-inhalt-link:link,
a.infomaterial-eintrag-inhalt-link:visited,
a.infomaterial-eintrag-inhalt-link:hover,
a.infomaterial-eintrag-inhalt-link:active {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 0 17px;
  background-image: url(../grafik/bg_verweis_inhalt_rubrik_pfeil.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
}

li a.infomaterial-eintrag-inhalt-link:link,
li a.infomaterial-eintrag-inhalt-link:visited,
li a.infomaterial-eintrag-inhalt-link:hover,
li a.infomaterial-eintrag-inhalt-link:active {
  margin: 0 0 0 -17px;
}

.infomaterial-inhalt-link-maskiert {
  font-weight: normal;
}


/*
******************************************
** Links
******************************************
*/

.links {
  color: #2B5FC2;
}

.links-kategorie {
  width: 330px;
  margin: 0 0 1em -11px;
  background-color: #2B5FC2;
}

.inhalt .links h4 {
  padding: 2px 0 3px 11px;
}

.links-eintrag {
  margin: 0 0 1em 0;
  /*padding: 0 0 1em 0;*/
}

.links-eintrag-inhalt {
  margin: 0;
  padding: 5px 0 1em 0;
  background-color: #F4F5FC;
  border-top: 1px solid #2B5FC2;
  color: #686868;
  z-index: 3;
}

.links-eintrag-inhalt p {
  margin: 0;
  padding: 0;
}

.links-eintrag-inhalt-text {
  padding: 0 5px 0 10px;
}

li.links-eintrag-liste-eintrag {
  padding: 0 0 0 18px;
}

a.links-eintrag-inhalt-link:link,
a.links-eintrag-inhalt-link:visited,
a.links-eintrag-inhalt-link:hover,
a.links-eintrag-inhalt-link:active {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 0 17px;
  background-image: url(../grafik/bg_verweis_inhalt_rubrik_pfeil.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
}

li a.links-eintrag-inhalt-link:link,
li a.links-eintrag-inhalt-link:visited,
li a.links-eintrag-inhalt-link:hover,
li a.links-eintrag-inhalt-link:active {
  margin: 0 0 0 -17px;
}


/*
******************************************
** Bildarchiv
******************************************
*/

/*
  Navigation siehe Rubrik-Ansichten Allgemein
*/

.bildarchiv {
  color: #2B5FC2;
}

.bildarchiv-kategorie {
  width: 330px;
  margin: 0 0 1em -11px;
  background-color: #2B5FC2;
}

.inhalt .bildarchiv h4 {
  padding: 2px 0 3px 11px;
}

.bildarchiv-eintrag {
  width: 125px;
  margin: 0 0 1em 24px;
  float: left;
}

.bildarchiv-eintrag.erster {
  width: 125px;
  margin-left: 0;
  float: left;
}

.bildarchiv-eintrag-inhalt {
  margin: 0;
  background-color: #F4F5FC;
  border-top: 1px solid #2B5FC2;
  font-size: .9em;
  z-index: 3;
}

.bildarchiv-eintrag-inhalt-grafik {
  height: 126px;
}

.bildarchiv-eintrag-inhalt-grafik table,
.bildarchiv-eintrag-inhalt-grafik td {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.bildarchiv-eintrag-inhalt-grafik td {
  text-align: center;
  vertical-align: middle;
}

.bildarchiv-eintrag-inhalt-text {
  padding: 3px 0 8px 10px;
}

.bildarchiv-eintrag-inhalt-text p {
  margin: 0px;
}

li.bildarchiv-eintrag-liste-eintrag {
  padding: 0 0 0 18px;
}

.bildarchiv-detail-inhalt {
  background-color: #F4F5FC;
  color: #686868;
}

.bildarchiv-detail-inhalt-text {
  padding: 5px 9px 8px 9px;
}

.bildarchiv-detail-inhalt-text p {
  margin: 0;
}