@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */




@media screen {
    
    .subcolumns {
        width: 100%;
        overflow: hidden
    }

    .subcolumns_oldgecko {
        width: 100%;
        float: left
    }

    .c20l,.c20r {
        width: 20%
    }

    .c40l,.c40r {
        width: 40%
    }

    .c60l,.c60r {
        width: 60%
    }

    .c80l,.c80r {
        width: 80%
    }

    .c25l,.c25r {
        width: 25%
    }

    .c33l,.c33r {
        width: 33.333%
    }

    .c50l,.c50r {
        width: 50%
    }

    .c66l,.c66r {
        width: 66.666%
    }

    .c75l,.c75r {
        width: 75%
    }

    .c38l,.c38r {
        width: 38.2%
    }

    .c62l,.c62r {
        width: 61.8%
    }

    .c15l,.c15r {
        width: 15%
    }

    .c16l,.c16r {
        width: 16.666%
    }

    .c30l,.c30r {
        width: 30%
    }

    .c45l,.c45r {
        width: 45%
    }

    .c55l,.c55r {
        width: 55%
    }

    .c70l,.c70r {
        width: 70%
    }

    .c85l,.c85r {
        width: 85%
    }

    .subc {
        padding: 0 .5em
    }

    .subcl {
        padding: 0 1em 0 0
    }

    .subcr {
        padding: 0 0 0 1em
    }

    .equalize,.equalize .subcolumns {
        overflow: visible;
        display: table;
        table-layout: fixed
    }

    .equalize > div {
        display: table-cell;
        float: none;
        overflow: hidden;
        vertical-align: top;
        margin: 0
    }

    .c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l {
        float: left
    }

    .c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r {
        float: right;
        margin-left: -5px
    }
}

@media print {
    .subcolumns > div {
        display: table;
        overflow: visible
    }
}

@media screen and (max-width: 767px) {

    .subcl, .subc, .subcr {
        padding: 0px !important;
        margin: 0px !important;
    }

    .c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l {
        float: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r {
        float: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

}