/* Individual-CSS für das Projekt "62_katasteramt" */

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

            /* 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
            {
                        color:               #990000;
            }

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

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

header .header-overlay
  {
          display:      none;
  }


  .streifen  {
    background-color:  #666666;
  }

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



/* Navigation 1. Ebene */

  #navi-spalte nav li {
    background-color:  #cccccc;
    -webkit-hyphens:       none;
    -moz-hyphens:          none;
    -ms-hyphens:            none;
    hyphens:                  none;
  }

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

  #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:  #990000;
    color: #ffffff;
  }

  /* Navigation 2. Ebene */

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

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

  #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:  #ffffff;
  color: #990000;
  }

  /* Navigation 3. Ebene */

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

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

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

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

  main .kasten {
    background-color:  #eeeeee;
    padding: 0.3em;
    }

/* ------------------- Straßennamen ----------- */
#abc    {
    font-size: 1.10em;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 20px;
    margin-top: 10px;
    }
#abc ul {
    margin-left: -38px;
    margin-bottom: 18px;
    display: block;
    }
#abc ul li {
    list-style-type: none;
    float: left;
    display: inline;
    margin-bottom:4px !important;
    }

#abc li a,
#abc li a:link,
#abc li a:visited {
    font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
    display: block;
    padding: 5px;
    background-image: none;
    background-color: #990000;
    }

#abc a.aktiv,
#abc a.aktiv:link,
#abc a.aktiv:visited,
#abc a.aktiv:active,
#abc a.aktiv:focus {
    text-decoration:none;
    background-color: #cccccc;
    }
#abc li a:hover {
    color:#ffffff;
    text-decoration:none;
    background-color: #666666 !important;
    }

hr  {
    height: 1px;
    color: #ffffff;
    }
main p.r {
   float: right;
   }
main .chronik {
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    border-radius: 0.7em 0.7em 0.7em 0.7em;
    margin-top: 4px;
    margin-bottom: 14px;
    overflow: hidden;
}
.zeitraum {
    padding: 0 30px 0 30px;
    }
.chronik_liste {
    display: block;
    text-valign: top;
    margin-bottom: 4px;
    }
.chronik_left {
    display: inline-block;
    width: 120px;
    padding-right: 20px;
    margin-left: 40px;
    text-align: right;
    }
.chronik_right {
    display: inline-block;
}
.spalte a {
    font-weight: normal;
    padding-right: 2px;
}
.spalte ul{
    list-style-type: none;
    padding-left: 0;
    margin-left: 20px;
}
.spalte ul li::before {
    content: "\e914";
}
.spalte ul li {
    margin-left: 0;
    line-height: 1.em !important;
}
.note hr {
    margin-top: 20px;
}

/* ------------- ENDE Straßennamen -----------*/

  aside h3
  {
    color:        #ffffff;
    background-color:  #990000;
  }
main div {
            overflow: visible;
}

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

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

/* ENDE Akkordeon */
/* ---------------- Print --------------------- */

@media print {
body {
  background-color: #ffffff;
  }
#seiten-wrapper {
  box-shadow: none;
  }

  header  {
    height:  60px;  /* muss angepasst werden. */
  }

  header .amt  {
    width:    200px;
  }

  header .amt .amtsbezeichnung  {
    font-size:  12px;
  }

  header .logos.flexbox  /* Stadtlogo einrücken, damit vollständig. */
  {
    display:    inline-block!important;
    float:      right;
  }

  header .logos.flexbox .muenster-de    {
    margin:      6px 25px 0 5px;
    float:      left;
    font-size:    30px;
  }

  header .logos.flexbox .stadt-ms    {
    float:      left;
  }

  header .content-header  {
    display:  none;
  }

header .header-overlay {
  display: none !important;
  }

.streifen  {
    height:        1px;
    margin:        0.1em 0 0.1em 0;
  }

.footerlinks ul {
  display: none;
  height: 1px;
  margin: 0;
  }

  #info-spalte  {
    background-color:  #fff!important;
    border-color:    #fff!important;
    width:        99%;
    page-break-before:  auto;
    page-break-inside: avoid;
    margin-top: -30px;
  }

  #info-spalte aside  {
    width:    99%;
    overflow:  hidden;
  }

  #info-spalte aside > div   {
    float:  left;
    margin:  0;
    width:  auto;
  }

  #info-spalte aside > div > div    {
    float:      left;
    margin-top:    0.5em;
    margin-right:  6px;
    margin-bottom:  0;
    width:      195px;
  }

  #info-spalte aside > div > *  /* Rahmen links/rechts */
  {
    border-left:  1px solid grey;
    border-right:  1px solid grey;
  }

  #info-spalte aside > div > div   {
    border-top:    1px solid grey;
    border-bottom:  1px solid grey;
  }

  /* "bugfixing" - nötig, da die HTML-Struktur der Kästen nicht einheitlich ist. */
  #info-spalte aside > div > div > .linklist,
  #info-spalte aside > div > div > .kasten  {
    margin-top:    0;
    margin-bottom:  0;
  }

}

/* ---------------- ENDE Print --------------------- */