/**
* EXTENSION CSS_STYLED_CONTENT
*
* CSS Styled Content Anpassungen für TYPO3 Elemente
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

    .space-before-medium {
        margin-top: 50px;
    }

    .csc-uploads .csc-uploads-element .csc-filelinks-icon img {
        padding-right: .5em;
        padding-top: 2px;
    }

    ul.csc-uploads img {
        float: left;
        margin-right: 1em;
    }

    /*-------------------------------------------------------------------------*/
    /* Bilddefinitionen */

    div.ce-textpic .ce-gallery img,
    div.ce-image .ce-gallery img {
        display: block;
    }

    /*-------------------------------------------------------------------------*/
    /* Bilddefinitionen */
    .ce-gallery figure.image,
    .ce-gallery .ce-row:first-child:last-child figure.image {
        margin-bottom: 20px;
    }

    .ce-gallery .ce-row:last-child figure.image {
        margin-bottom: 0;
    }

    /* Ausrichten von Bild auf Höhe Titel */
    .ce-textpic .ce-gallery img,
    .ce-image .ce-gallery img {
        margin-top: 3px;
    }

    figcaption.image-caption {
        margin-top: 3px;
    }

    .ce-textpic .ce-gallery .ce-textpic-imagerow:not(:first-child) img {
        margin-top: 0;
    }
    
    /* Hover Status entfernen für Lightbox Elemente */
    div.ce-textpic a.lightbox,
    #sitefooter div.ce-textpic .ce-gallery figure > a {
        border-bottom: none;
        text-decoration: none;
    }
    
    /* Floating deaktivieren, sodass Bilder ausgerichtet werden können */
    div.ce-above div.ce-gallery,
    div.ce-below div.ce-gallery,
    div.ce-textpic div.ce-gallery ul li,
    div.ce-textpic div.ce-gallery dl.ce-textpic-image {
        float: none;
    }

    /* Fix image width in YAML grid when images are big */
    img {
        max-width: 100% !important; /* Set a maxium relative to the parent */
        width: auto;
        width: auto\9 !important; /* IE7-8 need help adjusting responsive images */
        height: auto;
        -ms-interpolation-mode: bicubic;
    }

    /*  Bilder in Grid ausrichten und verhindern, dass diese «überfliessen» [si 19.8.2015]
    *   Getestet in IE8 und höher + FF + Safari + Opera + Chrome (OSX & WIN) */
    div.ce-textpic .ce-gallery figure {
        max-width: 100%;
        overflow: hidden;
        display: block;
    }

    div.ce-textpic.ce-center .ce-gallery,
    div.ce-textpic.ce-center figure.ce-gallery {
        width: 100%;
        display: block;
    }

    div.ce-textpic.ce-center .ce-textpic-center-outer {
        max-width: 100%; /* max. Groesse des Bildes */
    }

    div.ce-textpic.ce-center .ce-textpic-center-inner {
        width: 100%;
    }


     /* Dynamische Bildbreiten bei Imagecols */

    .ce-textpic-imagecolumn.hf-imagecols-2 {
        width: 50%;
        margin-right: 0;
    }

    .ce-textpic-imagecolumn.hf-imagecols-3 {
        width: 32%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn.hf-imagecols-4 {
        width: 23.5%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn.hf-imagecols-5 {
        width: 18.4%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn.hf-imagecols-6 {
        width: 15%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn img,
    .ce-textpic-imagecolumn figcaption {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ce-textpic-imagecolumn.ce-textpic-firstcol img,
    .ce-textpic-imagecolumn.ce-textpic-firstcol figcaption {
        padding-left: 0;
    }

    .ce-textpic-imagecolumn.ce-textpic-lastcol img,
    .ce-textpic-imagecolumn.ce-textpic-lastcol figcaption {
        padding-right: 0;
    }


    /*-------------------------------------------------------------------------*/
    /* Linie davor und danach */

    .ce-frame-rulerAfter + hr,
    .ce-frame-rulerBefore + hr {
        margin: 1em 0;
        padding: 0;
    }

    /* Spalten FCE mit einem Ruler haben links und rechts ein margin */
    /* Definition in: basemod.css */

    /* Der Titel eines Elements mit Ruler hat keinen eigenen Abstand */
    .ce-frame-rulerBeforeheader h1,
    .ce-frame-rulerBeforeheader h2,
    .ce-frame-rulerBeforeheader h3,
    .ce-frame-rulerBeforeheader h4,
    .ce-frame-rulerBeforeheader h5,
    .ce-frame-rulerBeforeheader h6 {
        margin-top: 0;
    }


    /*-------------------------------------------------------------------------*/
    /* Filelinks Auszeichnungen  */

    /* Standard Filelinks (csc-uploads) */
    .csc-uploads {
        margin-left: 0;
        border-top: 1px solid #DDD;
        list-style-type: none;
    }

    .csc-uploads .csc-uploads-element {
        width: 100%;
        margin: 0;
        padding: 8px 0;
        border-bottom: 1px solid #DDD;
        display: table;
    }

    .box:not(.bg-white) .csc-uploads .csc-uploads-element {
        border-bottom-color: #FFF;
    }

    .csc-uploads .csc-uploads-element:last-child {
        border-bottom:none;
    }

    .csc-uploads .csc-uploads-element.li-even {
        background-color: #FFF;
    }

    .box .csc-uploads .csc-uploads-element.li-even {
        background-color: inherit;
    }

    .csc-uploads .csc-uploads-element .csc-filelinks-icon {
        width: 26px;
        padding: 0;
        display: table-cell;
        vertical-align: top;
    }

    .csc-uploads .csc-uploads-element .csc-filelinks-icon img {
        padding-right: .5em;
        padding-top: 2px;
    }

    .csc-uploads .csc-uploads-element .csc-filelinks-description {
        clear: both;
        display: block;
    }

    .csc-uploads .csc-filelinks-name,
    .csc-uploads .csc-filelinks-fileSize {
        float: left;
        display: inline-block;
    }

    .csc-uploads .csc-filelinks-fileSize:before {
        content: '– ';
    }

    .box .csc-uploads .csc-filelinks-fileSize {
        padding-left: 10px;
        color: #FFF;
    }


    /*-------------------------------------------------------------------------*/
    /* Sitemap */

    .csc-sitemap ul {
        margin-left: 0;
    }

    .csc-sitemap li {
        padding: 5px 0 5px 0;
        font-weight: bold;
        list-style-type: none;
    }

    .csc-sitemap li a {
        color: #5A5758;
    }

    .csc-sitemap ul li ul {
        border: none;
        margin: 0 0 .2em 2.5em;
    }

    .csc-sitemap ul li ul li {
        border: none;
        padding: 0;
        font-weight: normal;
        list-style-type: square;
    }

    .csc-sitemap ul li ul ul {
        margin-left: 2em;
    }


    /*-------------------------------------------------------------------------*/
    /* csc-menu */

    ul.csc-menu,
    ul.csc-menu li {
        background-color: #FFF;
        list-style-type: none;
        float: none;
        padding: 0;
        margin: 0;
    }

    ul.csc-menu li a:before {
        padding-right: 10px;
        content: '•';
        color: #BBB;
    }

    ul.csc-menu li a {
        display: block;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #DDD;
    }

    ul.csc-menu li:last-child a {
        border-bottom: none;
    }

    ul.csc-menu li a:hover:before,
    ul.csc-menu li a:focus:before,
    ul.csc-menu li a:active:before {
        color: #b8c200; /*BRANDCOLOR*/
    }

}