/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

        /* force vertical scrollbar */
        body {
                overflow-y: scroll;
                background-image: url(../images/bg.jpg);
                background-repeat:repeat-x;
        }

        /* Layout Module Configuration */
        .ym-wrapper {
                max-width: 80em;
                margin: 0 auto;
        }

        .ym-wbox {
                padding: 1.5em;
        }

        /* fallback for missing media queries support*/
        body > header,
        body > nav,
        body > #main,
        body > footer {
                min-width: 760px;
        }

        /* Basic Element Styling */
        header {
                background: #fde43f;
                color: #ccc;
        }

        header h1 {
                background: transparent;
                color: #656a64;
        }

        nav {
                background: #0b5bb2;
        }

        #main .info {
                margin-bottom: 1.5em;
        }

        footer {
                background: #0b5bb2;
                min-height: 300px;
                color: #fff;
        }

        footer p {
                margin: 0;

        }

        header .ym-wbox        {
                padding: 1.5em;
        }

        footer .ym-wbox {
                padding: 1.5em;
                margin-top: 0px;
        }

        footer .ym-g33 {
                                margin-top: -25px;
        }

        .ym-gbox { padding: 0 1.5em; }
        .ym-gbox-left { padding: 0 1.5em 0 0; }
        .ym-gbox-right { padding: 0 0 0 1.5em; }

        section.box { padding: 0 1.5em 1.5em 1.5em; }

        #main aside .ym-gbox-right {
                border-left: 1px #ddd solid;
        }

        /* skip links styling */
        .ym-skiplinks a.ym-skip:focus,
        .ym-skiplinks a.ym-skip:active {
                color:#fff;
                background:#333;
                border-bottom:1px #000 solid;
                padding:10px 0;
                text-align: center;
                text-decoration:none;
        }
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {

        body > header,
        body > nav,
        body > #main,
        body > footer {
                min-width: 0;
        }
}

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

        .secondary {
                border-top: 1px #888 solid;
                margin-top: 1.5em !important;
        }

        #main aside .ym-gbox-right {
                border: 0 none;
        }

        /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
        .linearize-level-1,
        .linearize-level-1 > [class*="ym-g"],
        .linearize-level-1 > [class*="ym-col"] {
                display: block;
                float: none;
                padding: 0;
                margin: 0;
                width: 100% !important;

        }

        .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
        .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
                overflow: hidden; /* optional for containing floats */
                padding: 0;
                margin: 0;

        }

        .ym-searchform {
                display:block;
                float: none;
                width: auto;
                text-align: right;
        }

        .ym-searchform input[type="search"] {
                width: 14%;
        }
}

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

        header .ym-wbox {
                padding: 0.75em 10px;
        }

        footer .ym-wbox,
        .ym-wbox,
        .ym-searchform,
        nav .ym-hlist ul {
                padding-left: 10px;
                padding-right: 10px;
        }

        header h1 {
                font-size: 1.5em;
                line-height: 1em;
                margin: 0;
        }

        /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
        .linearize-level-2,
        .linearize-level-2 > [class*="ym-g"],
        .linearize-level-2 > [class*="ym-col"] {
                display: block;
                float: none;
                padding: 0;
                margin: 0;
                width: 100% !important;
        }

        .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
        .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
                overflow: hidden; /* optional for containing floats */
                padding: 0;
                margin: 0;
        }

        .ym-searchform,
        nav .ym-hlist ul,
        nav .ym-hlist li {
                display:block;
                float: none;
                width: auto;
                text-align: left;
        }

        .ym-searchform input[type="search"] {
                width: 75%;
        }
}