/* Individual-CSS für das Projekt "61_verkehrsplanung" */



   /* 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;    /* Farbe der Links - wird im Navigationsbereich erschrieben. */
    text-decoration:  underline;
  }
  #brot a::before
  {
    color:      #00387f;
    color: #005193;
  }

 .breadcrumb-nolink
  {
    margin-right: 0.5em;
    font-weight:  normal;
    font-style:    normal;
    font-family:  "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
  }

  /* Icons für Links IM TEXT (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,
  .dekobild /* > p:after*/ .enlarge::before    /* Für Bilder im Text mit Bildunterschrift, geändert am 3.2. E.E. */
  {
    color:    #005193;
  }

  /* 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:    #005193;
  }

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

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

  header .header-overlay-logo.flexbox img {
    width: 215px;
    height: auto;
}

  .streifen  /* Trennstreifen zwischen Kopf und Inhalt */
  {
    background-color:  #967D73;
    background-color: #666666;
  }
#navi-spalte {
background-color: #efefef;
}

#navi-spalte nav h2 {
    padding: 0.8em 0.2em 0.1em 0.5em;
}

#navi-spalte nav h2 {
    font-size: 1.8rem;
    font-variant: small-caps;
    font-weight: normal;
    color: #005193;
}

/* Navigation 1. Ebene */

  #navi-spalte nav li
  {
    background-color:  #B5A5A1;
    background-color: #005193;
    xbackground-color: #cccccc;
  }

  #navi-spalte nav li a
  {
    color:   #005193;
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:  #5985ac;
    background-color: #d0d0d0;
    color: #005193;
  }

  /* Navigation 2. Ebene */

  #navi-spalte nav li ul li
  {
    background-color:  #fbeddd;
  background-color:  #d9e3ec;
background-color: #efefef;
  }

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

  #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: #bfd0df;
background-color: #dadada;
  color: #005193;
  }

  /* Navigation 3. Ebene */

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

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

  #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:  #E3E8CE;
  }


  main h1,
  main h2,
  main h3,
  main h4
  {
    color:  #005193;

  }

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

main dl dt {
  font-weight:  normal;
  font-style:    normal;
  font-family:  "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
main dl dd {
  padding-left: 1.4em;
  padding-bottom: 0.8em;
}
main dl p {
  margin: 0;
  padding: 0;
  }

main .daten {
    background-color: #fafafa;
}
main .nowrap {
    white-space: nowrap;
}
  aside h3
  {
    color:        #ffffff;
     background-color: #005193;
  }
/* --------- Seiteninhalt ----------- */

/* table */
main th,
main th.daten {
background-color: #dddddd;
}

main td,
main td.daten {
background-color: #fafafa;
}


/* --- ImageMap --- */
.cq_imagemap #imagemapContainer .imagemapImage {
    height: auto;
}

/* Akkordeon */
#inhalts-spalte .accordion h2.accord-closed, #inhalts-spalte .accordion h3.accord-closed {
    background-color: #dddddd;
    color: #00387f;
    border: 1px solid #e8f1f4;
margin-top: 2px;
}

#inhalts-spalte .accordion h2.accord-opened, #inhalts-spalte .accordion h3.accord-opened {
    background-color: #005193;
    border: 1px solid #005193;
}
.accord-closed::before {
    color: #005193;
}
.accord-opened::before {
    color: #dddddd;
}

/* ENDE Akkordeon */

main .alphaindex {
    color: #ffffff;
    text-align: center;
    padding: 10px;
}

main .alphaindex a {
    padding: 5px;
    background-color: #d0d0d0;
    color: #005193;
    text-decoration: none;
}
main .alphaindex a.aktiv,
main .alphaindex a:hover,
main .alphaindex a:focus,
main .alphaindex a:active {
    background-color: #005193 ;
    color: #ffffff;
    text-decoration: none;
}