/**
 *************************************
 * igbase.css
 * Grund-CSS (YAML, Typo3, IG)
 * Yaml v4.1.2 (2013-07-28)
 *************************************
 * @author    : internetgalerie
 *************************************
 */
@media all {

    html,
    body,
    div,
    span,
    blockquote,
    pre,
    abbr,
    acronym,
    address,
    big,
    cite,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video,
    p {
        margin: 0;
        padding: 0;
    }

    option {
        padding-left: .4em
    }

    select {
        padding: 1px
    }

    body {
        font-size: 100%;
        background: #fff;
        color: #000;
        text-align: left
    }

    div:target,
    h1:target,
    h2:target,
    h3:target,
    h4:target,
    h5:target,
    h6:target {
        outline: 0 none
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    nav,
    section,
    summary {
        display: block
    }

    figure.video video,
    figure.audio audio {
        width: 100%;
    }

    audio,
    canvas,
    video {
        display: inline-block
    }

    audio:not([controls]) {
        display: none
    }

    [hidden] {
        display: none
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 0
    }

    fieldset,
    img {
        border: 0 solid
    }

    li {
        line-height: 1.5em;
        margin-left: .8em
    }

    dt {
        font-weight: 700
    }

    dd {
        margin: 0 0 1em .8em
    }

    blockquote {
        margin: 0 0 1em .8em
    }

    q {
        quotes: none
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .ym-clearfix:before {
        content: "";
        display: table
    }

    .ym-clearfix:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }

    .ym-skip,
    .ym-hideme,
    .ym-print {
        position: absolute;
        top: -32768px;
        left: -32768px
    }

    .ym-skip:focus,
    .ym-skip:active {
        position: static;
        top: 0;
        left: 0
    }

    .ym-skiplinks {
        position: absolute;
        top: 0;
        left: -32768px;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .ym-skiplinks .ym-skip:focus,
    .ym-skiplinks .ym-skip:active {
        left: 32768px;
        outline: 0 none;
        position: absolute;
        width: 100%
    }
}

@media print {
    .ym-print {
        position: static;
        left: 0
    }

    .ym-noprint {
        display: none !important
    }
}

/* CSS Styled Content */
/* Headers */
.csc-header-alignment-center {
    text-align: center;
}

.csc-header-alignment-right {
    text-align: right;
}

.csc-header-alignment-left {
    text-align: left;
}

/* additional css for textmedia [FS] */
.ce-textpic.ce-right .ce-row {
    justify-content: flex-end;
}

.ce-textpic.ce-center .ce-row {
    justify-content: center;
}

div.csc-textpic-responsive,
div.csc-textpic-responsive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic,
div.csc-textpic div.csc-textpic-imagerow,
ul.csc-uploads li,
ul.ce-uploads li {
    overflow: hidden;
}

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.csc-textpic .csc-textpic-imagewrap table tr td {
    padding: 0;
    vertical-align: top;
}

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure,
div.csc-textpic figure.csc-textpic-imagewrap {
    margin: 0;
    display: table;
    width: 100%;
}

/* Captions */
figcaption.csc-textpic-caption {
    display: table-caption;
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
}

div.csc-textpic-caption-c .csc-textpic-caption,
.csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption,
.csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption,
.csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left;
}

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block;
}

/* colSpace around image columns, except for last column */
/*div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image
 * { margin-right: {$styles.content.imgtext.colSpace}px; }*/
div.csc-textpic-imagecolumn.csc-textpic-lastcol,
td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0;
}

/* Positioning of images: */
/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap,
div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
    float: right;
    right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    position: relative;
    float: right;
    right: -50%;
}

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
}

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic div.csc-textpic-imagerow-last,
div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 0;
}

/********************************************
 *	Row Bilderdarstellung
 */
.imageperrow-1 {
    width: 100%;
}

.imageperrow-2 {
    width: 50%;
}

.imageperrow-3 {
    width: 33.333%;
}

.imageperrow-4 {
    width: 25%;
}

.imageperrow-5 {
    width: 20%;
}

.imageperrow-6 {
    width: 16.666%;
}

.imageperrow-7 {
    width: 14.285%;
}

.imageperrow-8 {
    width: 12.5%;
}

/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {
    padding-left: 40px;
    overflow: auto;
}