/* Individual-CSS für das Projekt "41_kulturamt" */



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

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

            /* 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:               #cd4e00;
            }
main ul li::before, aside ul li::before {
    color: #ccc;
  }

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

header .header-overlay
  {
          display:      none;
  }


  .streifen  /* Trennstreifen zwischen Kopf und Inhalt */
  {
    background-color:  #333333;
 }
  #navi-spalte {
   background-color: #f0f0f0;
 }

  #navi-spalte nav h2 {
    padding: 0.1em 0.2em 0.1em 0.5em;
   margin-top: 2em;
}

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




/* Navigation 1. Ebene */

  #navi-spalte nav li
  {
    background-color: #e9e9e9;
    -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:  #cd4e00;
    color: #ffffff;
    background-image: url(../images/nav.gif);
    background-repeat: no-repeat;
    background-position: 190px 5px;
  }

  /* Navigation 2. Ebene */

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

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

  #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: #cd4e00;
  background-image: none;
  }

  /* Navigation 3. Ebene */

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

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

  #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;
    background-image: none;
  }


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

  main h2.aktuell,
  main h2.marker,
  main h3.marker
  {
    border: 1px solid #cccccc;
    background-color: #dddddd;
   color: #333;
  }
  main h3.marker {
   display: inline-block;
}

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


#info-spalte {
background-color: #f0f0f0;
}

aside #c314648 div.ce-gallery {
  padding: 0.1em 0.4em 0.5em 0.6em;
}

aside h3  {
    color:        #ffffff;
    background-color:  #cd4e00;
    background-color: #333;
  }
aside h4 {
    margin: 0;
    padding-top: 0.75em;
    padding-bottom: 0.1em;
  }
main div {
            overflow: visible;
}

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

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

/* ENDE Akkordeon */


/* Sonderlocke Gelbe Katze */
#c180859 p {
margin-bottom: 0;
padding-bottom: 0;
}
#c180857 .anreisser {
  margin-top: 0px; 
}
#c180857 h2 {
  margin-top: 0px; 
}
#c181068 .dekobild,
#c180688 .dekobild {
border: none;
}

/*             Newsletter-Formular                    */
main form {
    background-color: #ffffff;
}

main form label {
    line-height: 1.3 !important;
    display: block;
}

main form input#fe_ttaddress_first_name_input,
main form input#fe_ttaddress_last_name_input,
main form input#fe_ttaddress_email_input {
    display: inline-block;
    width: 20em !important;
}
main form .submit-buttons {
    float: none;
}
main form .submit-buttons input.submit,
main form .submit-buttons input.submit_c {
    width: 8em;
    display: inline-block;
    margin-right: 1em;
    background-color: #e9e9e9;
    padding: 0.2em;
    border-radius: 5px;
    border: 2px solid #cd4e00;
    font-size: 1.1em;
}

/* ---------------- 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  /* muenster.de Schriftzug */
  {
    margin:      6px 25px 0 5px;
    float:      left;
    font-size:    30px;
  }

  header .logos.flexbox .stadt-ms  /* Stadt Münster Logo */
  {
    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;  /* wichtig, damit dieser Container die Kindelemente umschließt (die Höhe wächst auf die Höhe des größten Kind-Elements). */
  }

  #info-spalte aside > div  /* Verhalten/Aussehen von #rechts_1, #rechts_2, usw. */
  {
   float:  left;
    margin:  0;
    width:  auto;
  }

  #info-spalte aside > div > div  /* Verhalten/Aussehen der Inhaltselemente (äußerer, umschließender div-Container) */
  {
    float:      left;
    margin-top:    0.5em;
    margin-right:  6px;
    margin-bottom:  0;
    width:      195px;
  }

  /*
  Da die Browser beim Drucken häufig Hintergrundfarben-/bilder ausblenden, legen wir als
  Workaround Rahmen um die Kästen in der rechten Spalte. */
  #info-spalte aside > div > *  /* Rahmen links/rechts */
  {
    border-left:  1px solid grey;
    border-right:  1px solid grey;
  }

  #info-spalte aside > div > div  /* Rahmen oben/unten - oben ist wichtig, da es Elemente ohne Überschrift gibt! */
  {
    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 --------------------- */