/* Individual-CSS für das Projekt "Kunst am Rand */



/* 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 überschrieben. */
  }

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

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

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

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


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

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

  #navi-spalte  /* Hintergrundfarbe Navi-Spalte */
  {
    background-color:  #e1e1e1;  /* 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:  #e1e1e1;
    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 #e1e1e1;
    }
  }


  /* Navigation 1. Ebene */

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

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

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

  /* Navigation 2. Ebene */

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

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

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

  /* Navigation 3. Ebene */

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

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


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

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

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

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

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


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

  main .zitat h3
  {
    color:    #00639d;
  }

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

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

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

  main .zitat h3
  {
    color:    #00639d;
  }

 /* ----------------- ABC ------------------------ */
.alphaindex {
  text-align: center;
  margin-bottom: 1.4em;
  padding-bottom: 1em;
  border-bottom: 1px solid silver;
  color: #ffffff;
}
.alphaindex ul li {
    padding-right: 2px !important;
}
.alphaindex a {
  color: #333333;
  padding: 2px 2px 4px 2px;
  margin: 2px 1px 2px 1px;
  background-color:  #e1e1e1;
  width: 1.5em;
}
.alphaindex a.aktiv,
.alphaindex a:hover,
.alphaindex a:focus,
.alphaindex a:active
  {
    background-color:#facce5;
  }
/* ----------------- ABC ENDE ------------------- */

/* ----------------- Linklisten Historie und Künstlerliste Startseite -------------------- */
#c145795 ul,
#c146228 ul,
#c146290 ul,
#c146292 ul,
#c146294 ul,
#c146296 ul,
#c146298 ul,
#c146302 ul,
#c146306 ul,
#c146308 ul,
#c174628 ul,
#c255221 ul,
#c178609 ul,
#c255305 ul,
#c255400 ul,
#c255410 ul,
#c255419 ul,
#c347554 ul,
#c347846 ul
 {
  float: left;
  margin-top: 0;
  display: inline;
  }
#c145795 ul li,
#c146228 ul li,
#c146290 ul li,
#c146292 ul li,
#c146294 ul li,
#c146296 ul li,
#c146298 ul li,
#c146302 ul li,
#c146306 ul li,
#c146308 ul li,
#c174628 ul li,
#c255221 ul li,
#c178609 ul li,
#c255305 ul li,
#c255400 ul li,
#c255410 ul li,
#c347846 ul li,
#c347554 ul li,
#c255419 ul li {
  float: left;
  margin-left: 12px;
  margin-right: 9px;
  }

#c145795 li::before,
#c146228 li::before,
#c146290 li::before,
#c146292 li::before,
#c146294 li::before,
#c146296 li::before,
#c146298 li::before,
#c146302 li::before,
#c146306 li::before,
#c146308 li::before,
#c174628 li::before,
#c255221 li::before,
#c178609 li::before,
#c255305 li::before,
#c255400 li::before,
#c255410 li::before,
#c347846 li::before,
#c347554 li::before,
#c255419 li::before {
    margin-left: -1.4em;
    margin-right: 0;
}

/* ----------------- Linklisten Historie ENDE -------------- */
  aside h3
  {
    color:        #fff;
    background-color:  #666666;
  }

  aside > div > div  /* Kasten-Element */
  {
    background-color:  #fff;  /* Hintergrundfarbe */
  }

   aside h4
  {
    color:        #333;
    margin-top: 0.8em;
    padding-bottom: 0.1em;
  }

/* 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 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. */
  }

   /* Bildergalerien */
main .galerie_rahmen {
   display: flex;
   align-items: start;
}
main .galerie_rahmen .galerie {
    margin-left: 21px;
    margin-right: 21px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: none;

}
main .galerie_rahmen .galerie img {
    border: 1px solid #cccccc;
}


/* 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 */
/* ENDE INHALTSBEREICH */





/* INFOBEREICH ("rechte Spalte") */


  /* Kasten Social Media (Info-Spalte) */
  aside #c145734 div.ce-gallery
  {
    padding: 0.1em 0.4em 0.5em 0.6em;
  }

  /* ENDE Kasten Social Media (Info-Spalte) */


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





/* INDIVIDUAL PRINT-STYLE */


  @media print {

    /*
    SELEKTOR
    {
      CSS-Code
    }
    ...

    */

  }

    /* 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 */