/* Individual-CSS für das Projekt "40_schulamt" */


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

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

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

ul li:before,       /* "normaler" Listenpunkt */
ul li.punkt::before
{
    color:               #a8bba8;
}

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

header .header-overlay
{
    display:      none;
}


.streifen  {
    background-color:  #2a3756;
}

#navi-spalte,
#info-spalte {
    background-color: #edf1ed;
}

#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:  #2a3756;
    -webkit-hyphens:       none;
    -moz-hyphens:          none;
    -ms-hyphens:            none;
    hyphens:                  none;
}

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

/* Navigation 2. Ebene */

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

#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:  #b4c4b4;
    color: #000000;
}

/* Navigation 3. Ebene */

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

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

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

main h1,
main h2,
main h3,
main h4  {
    color:    #2a3756;
}
main h2.marker,
main h3.marker,
main h4.marker {
    background-color: #edf1ed;
}

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

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

aside h3
{
    color:        #ffffff;
    background-color:  #517751;
}

aside h4
{
    margin: 0;
    padding-top: 0.75em;
    padding-bottom: 0.1em;
}

main div {
    overflow: visible;
}

/* Newsblock */
.permanent {
    border: 1px solid #517751;
    border-radius: 3px;
    padding: 1em;
    margin-top: 2em;
}

.permanent .newsblock {
    background-color: #dce4dc;
    position: absolute;
    margin-top: -1.8em;
    margin-left: 0.8em;
    display: inline-block;
    color: #2a3756;
    font-size: 1.2em;
    padding: 2px 10px 2px 10px;
    font-family: "Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ENDE Newsblock */

/* Tabellen */
main td {
    background-color: #ffffff;
}
main th {
    background-color: #edf1ed
}

/* ENDE Tabellen */

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

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

/* ENDE Akkordeon */

/* Schuldatenbank */

main form {
    background-color: #edf1ed;
}
main #txCqSchoolWrap ul li.intern::before {
    margin-left: -1.45em;
    margin-right: -0.1em;
}

main #c248556 input[type=submit] {
    width: auto;
    padding: 0.2em 1em 0.2em 1em !important;
    background-color: #517751;
    color: #ffffff;
    padding: 0.2em;
    border-radius: 5px;
    border: 1px solid #000000;
    font-size: 1.1em;
}

/* ENDE Schuldatenbank */

/* Datenbank Schule - Beruf */

.contentRow   {
    font-weight:  normal;
    font-style:    normal;
    font-family:  "Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 1.45;
}

main .offer-container .link::before,
.contentRow a.extern::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;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.9em;
    color: #517751;
    display: inline-block;
    margin-right: 0.3em;
    speak: none;
    content: "\e915";
}
.contentRow a.mail::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;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.9em;
    color: #517751;
    display: inline-block;
    margin-right: 0.3em;
    speak: none;
    content: "\e91f";
}
/* ENDE Datenbank Schule - Beruf */


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