/* Individual-CSS für das Projekt "64_wohnungsamt" */



/* SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */
  /* Reihenfolge für Pseudo-Klassen beachten :link :visited :hover :focus :active */

  a
  {
    color:        #333333;
  }

  #brot a::before /* Breadcrumbs */
  {
    color: #005a5a;
  }

  /* Icons für Links IM TEXT (also KEINE Linklisten) */
  a.intern::before,
  a.extern::before,
  a.pdf::before,
  a.mail::before,
  a.top::before,
  p.csc-linkToTop a::before,
  a.pagetotop_link::before, /* Workaround (Altlast aufgrund der alten HTML-Struktur innerer Elemente) für u.a. Presseamt */
  a.back::before,
  a.back-link::before,
  .dekobild /* > p:after*/ .enlarge::before    /* Für Bilder im Text mit Bildunterschrift, geändert am 3.2. E.E. */
  {
    color: #005a5a;
  }

  /* Icons für Listen/Linklisten */
  ul li::before,    /* "normaler" Listenpunkt */
  ul li.intern::before,
  ul li.extern::before,
  ul li.pdf::before,
  ul li.punkt::before,
  ul li.mail::before,
  ul li.sprung::before
  {
    color: #005a5a;
  }

  /* Rolli-Icons */
  .rolli-picto i
  {
    color: #005a5a;
  }


  header .header-overlay  /* transparenter Hintergrund für Overlay-Logo */
  {
    background:      rgba(255, 255, 255, 0.7);
  }

  .streifen  /* Trennstreifen zwischen Kopf und Inhalt */
  {
background-color: #227e7e;
  }

  #navi-spalte  /* Hintergrundfarbe Navi-Spalte */
  {
    background-color:  #dfdfdf;  /* Bei Änderungen nicht vergessen den responsive-Border der Info-Spalte anzupassen! */
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  #inhalts-spalte  /* Hintergrundfarbe Inhalts-Spalte */
  {
    background-color:  #ffffff;
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  #info-spalte  /* Hintergrundfarbe Info-Spalte */
  {
    background-color:  #dfdfdf;
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  @media screen and (min-width: 785px) and (max-width: 1024px) {
    #info-spalte
    {  /* WICHTIG: die Farbe MUSS der Hintergrundfarbe der Navi-Spalte entsprechen! */
      border-left: 220px solid #dfdfdf;
    }
  }


  /* Navigation 1. Ebene */

  #navi-spalte nav li
  {
    background-color: #005a5a;
  }

  #navi-spalte nav li a
  {
    color:    #ffffff;
  }

  #navi-spalte nav a.aktiv,
  #navi-spalte nav li a:hover,
  #navi-spalte nav li a:focus,
  #navi-spalte nav li a:active
  {
    background-color:  #d1e3e3;
    color: #005050;
  }

  /* Navigation 2. Ebene */

  #navi-spalte nav li ul li
  {
    background-color:  #dfdfdf;
  }

  #navi-spalte nav li ul li a
  {
color: #005050;
  }

  #navi-spalte nav li ul a.aktiv,
  #navi-spalte nav li ul li a:hover,
  #navi-spalte nav li ul li a:focus,
  #navi-spalte nav li ul li a:active
  {
    background-color:  #f0f0f0;
color: #005050;
  }

  /* Navigation 3. Ebene */

  #navi-spalte nav li ul li ul li
  {
    background-color:  #f9f9f9;
  }

  #navi-spalte nav li ul li ul li a
  {
    color:    #444;
  }

  #navi-spalte nav li ul li ul a.aktiv,
  #navi-spalte nav li ul li ul li a:hover,
  #navi-spalte nav li ul li ul li a:focus,
  #navi-spalte nav li ul li ul li a:active
  {
    background-color:  #fefefe;
  }


  /* Für das Aussehen des Pömpels. Achtung: Werden Größe oder vertical-align geändert, muss auch die Positionierung angepasst werden! */
  #navi-spalte nav li ul li ul a.aktiv::before,
  #navi-spalte nav li ul li ul li a:hover::before,
  #navi-spalte nav li ul li ul li a:focus::before,
  #navi-spalte nav li ul li ul li a:active::before
  {
    color:      #666;
  }

  /* Zwischenueberschrift */

  #navi-spalte nav h2
  {
    color:    #444;
  }

  /* Navigation Sprachen 1. Ebene */

  #navi-spalte nav.sprachennavigation ul li
  {
    background-color:  #E3E8CE;
  }

  #navi-spalte nav.sprachennavigation ul li a
  {
    color:        #005b79;
  }

  #navi-spalte nav.sprachennavigation ul li a.aktiv,
  #navi-spalte nav.sprachennavigation ul li a:hover,
  #navi-spalte nav.sprachennavigation ul li a:focus,
  #navi-spalte nav.sprachennavigation ul li a:active
  {
    color:        #005b79;
    background-color:  #C6CD71;
  }


  main a:hover,
  main a:focus,
  main a:active,
  aside a:hover, /* Hovern auch in der rechten Spalte */
  aside a:focus,
  aside a:active
  {
    background-color: #e5e5e5;
  }


  main
  {
    color:    #444;
  }

  main h1,
  main h2,
  main h3,
  main h4
  {
color: #005a5a;
  }

  main h2.aktuell
  {
    background-color:  #e1e1e1;
  }

  main h2.marker,
  main h3.marker,
  main h4.marker
  {
    background-color:  #dfdfdf;  /* entspricht standardmäßig der Hintergrundfarbe der Navigation */
  }

  /* Zitate */
  main .zitat
  {
    background-color:  #ebebeb;
  }

  main .zitat h3
  {
color: #005a5a;
  }

  main th /* Spaltenueberschriften von Tabellen im Inhaltsbereich */
  {
    color:        #333333;
    background-color:  #d9d9d9;
  }

  main th.zwischentitel
  {
    color:        #333333;
    background-color:  #E9E9E9;
  }

  main th,
  main td
  {
    background-color:  #fafafa;
  }
 main th.ueberschrift {
    color: #005050;
    background-color: #D9D9D9;
}

td.nowrap,
th.nowrap {
  white-space:nowrap;
  }

  main .dekobild /* Workaround aufgrund alter HTML-Struktur der inneren Elemente. Im Dummy: .bild */
  {
    background-color:  #f0f0f0;
  }

 /* ABC-Listen (inkl. Navigation) */
  main #abc
  {
    text-align:  center;  /* zentriert die Liste, wenn diese ein inline-block Element ist */
  }

  main #abc ul li
  {
background-color: #005a5a;
  }

  main #abc ul li a
  {
    color:    #fff;
  }

  main #abc ul li a.aktiv,
  main #abc ul li a:hover,
  main #abc ul li a:focus,
  main #abc ul li a:active
  {
    background-color:  #AAB315;/*#a2a800;*/
  }

/* hervorgehoben */
#c271953 {
  border: 1px solid #005a5a;
  border-radius: 3px;
  padding: 0 0.5em 0 0.5em;
  margin-top: 1em;
margin-bottom: 1em;
}

/* Rolli-Icons Abstand*/
.rolli-picto p
  {
   padding: 0;
  }

/* -------- rechte Spalte - Überschriften ---------- */
aside h4 {
padding-top: 0.8em;
padding-bottom: 0;
}

/* -------- ENDE rechte Spalte - Überschriften ----- */

  /* CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */
  /* Ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */

    main form
    {
      background-color:  #e5e5e5;  /* Muss der Farbe der checkbox-/radiobutton-Umrandung entsprechen. */
    }

    main form .type-text input:focus,      /* Hierdurch wird das aktive Eingabeelement hervorgehoben */
    main form .type-text textarea:focus,
    main form .type-check textarea:focus,
    main form .type-select select:focus,
    main form .formular-element input:focus,  /* input-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
    main form .formular-element textarea:focus,  /* textarea-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
    main form .formular-element select:focus,  /* selectbox-Auswahlfeld alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form input:focus  /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      background-color:  #fff8d1;
    }

    /* Buttons (auch im Bestätigungs-Schritt) */
    main form .submit-buttons .type-button .submit,  /* Submit-/Abschicken-Button */
    main .last-step .buttons .type-button .print,  /* Print-Button in last-step */
    main form .buttons input.submit,        /* Submit-Button alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form .submit-buttons .submit-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      background-color:  #005395;      /* wichtig bei last-step */
      color:        #ffffff;      /* wichtig bei last-step */
    }

    main form .submit-buttons .type-button .reset,  /* Reset-/Löschen-Button */
    main form .buttons input.reset,          /* Reset-Button alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form .submit-buttons .reset-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      color:        #323232;
      background-color:  #ffffff;
    }
    /* ENDE Buttons (auch im Bestätigungs-Schritt) */

  /* ENDE ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */
  /* ENDE CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */


  aside h3
  {
    color:        #fff;
background-color: #005a5a;
  }
  aside h4
  {
    padding-bottom: 0;
    padding-top: 0.8em;
    xmargin-bottom: -0.3em;
  }
  aside > div > div  /* Kasten-Element */
  {
    background-color:  #fff;  /* Hintergrundfarbe */
  }

  /* Formular-Style Info-Spalte (inkl. Buttons) */

  aside form input,
  aside form select,
  aside form textarea
  {
    background-color:  #fff;
  }

  aside form input:focus,
  aside form select:focus,
  aside form textarea:focus
  {
    background-color:  #f0f0f0;
    border: 1px solid #005a5a;
  }

  aside form .buttons input.submit
  {
    color:        #ffffff;
    background-color:  #005a5a;
  }

  aside form .buttons input.reset
  {
    color:        #323232;
  }


/* ENDE SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */





/* SEITENGERÜST (also auch Header) und ALLGEMEINES */

  /* Blendet das Overlay auf dem Slider links ein/aus. */
  header .header-overlay
  {
    display:  none;  /* Overlay aus - wenn es eingeblendet werden soll, muss dieser CSS-Block entfernt werden. */
  }

  /* Blendet die Pager-Punkte des Sliders ein/aus. */
  header .content-header .bx-wrapper .bx-controls .bx-pager
  {
    display:  none;  /* Pager-Punkte aus - wenn sie eingeblendet werden sollen, muss dieser CSS-Block entfernt werden. */
  }


/* ENDE SEITENGERÜST (also auch Header) und ALLGEMEINES */


/* HAUPTNAVIGATION */
/* ENDE HAUPTNAVIGATION */


/* INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */
/* ENDE INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */


/* INHALTSBEREICH */

ol li ul li {
    list-style-type: square;
}
ol li ul li::before {
    content: none;
}

 /* --------- Mietspiegel ------------ */
li.intern a.intern::before {
content: none;
}
form input.submit {
    padding: 0.2em 0.3em 0.2em 0.3em;
    border: 1px solid #cccccc;
    border-radius: 3px;
    max-width: 98%;
color: #fff;
background-color: #005a5a;
}

main td.right, main td.align-right, main td[align="right"] {
    text-align: right;
}

div.select-list {
margin-bottom: 1em;
}
main a.back-link::before  {
    font-family:  'ms-icons', sans-serif !important;
    font-size:    1em;
    font-weight:  normal;
    font-style:    normal;
    font-variant:  normal;
    text-decoration:none;
    text-transform: none;
    vertical-align:  baseline;
    /* Better Font Rendering */
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:grayscale;
display: inline-block;
margin-right: 0.3em;
    content: "\e913";
  }

span.text-area-name {
font-family:"Vesta W01 Bold";
}

 /* ------- ENDE Datenbank ---------- */

/* ENDE INHALTSBEREICH */





/* INFOBEREICH ("rechte Spalte") */

.csc-textmedia-gallery-column {
    margin-left: 6px;
}


/* ENDE INFOBEREICH ("rechte Spalte") */





/* INDIVIDUAL PRINT-STYLE */

  @media print {
   header {
      height: 64px;
   }
}

    /* Template "Firefox-spezifisches CSS" - alles was innnerhalb von @-moz-document url-prefix(){...} steht, */
    /* gilt nur im Firefox. */
    /*
    @-moz-document url-prefix() {
      SELEKTOR
      {
        CSS-ANWEISUNG;
        ...
      }
      ...
    }
    */


/* ENDE INDIVIDUAL PRINT-STYLE */