/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* default screen stylesheet - PAGE-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;
    }

    /* Layout Module Configuration & fallback for unsupported media queries */
    .ym-wrapper {
        min-width: 760px;
        max-width: 1140px;
        margin: 0 auto;
    }

    .ym-wbox {
        padding: 10px 0;
    }

    /* Basic Element Styling */
    #banner_top {
    }

    header {
        /*display:none;*/
        background-color: transparent;
        padding: 1.5em 0;
    }

    header h1 {
    }

    nav {
        /*display:none;*/
        background: transparent;
        margin-bottom: 1px;
    }

    .ym-search {
        display: inline;
        float: right;
        /*    padding:0.5em 2em 0 0;*/
        /*    padding:0.25em 2em 0 0;*/
        padding: 0.25em 0.1em 0 0;
    }

    #main {
        background-color: #fff;
        margin: 0 0 2em 0;
    }

    footer {
        margin: 1.5em 0;
        background-color: #fff;
    }

    footer p {
        margin: 0;
    }

    /**********************************************************/
    /*	YAML*/
    /* Column-Set Configuration: 1-3 (sidebar right) */
    /*  main setup --------------------*/
    .ym-column.main {
        display: block;
        overflow: hidden;
        padding-right: 400px;
        width: auto;
    }

    .main .ym-col1 { /* content */
        float: left;
        width: 100%;
    }

    .main .ym-col3 { /* sidebar */
        position: relative;
        float: left;
        width: 400px;
        margin-left: 0;
        margin-right: -400px;
    }

    /* avn gis archive: volume single view  --------------------*/
    .gispoint_articles.volumes .singleview .ym-column {
        display: block;
        overflow: hidden;
        padding-right: 200px;
        width: auto;
    }

    .gispoint_articles.volumes .singleview .ym-col1 { /* content */
        float: left;
        width: 100%;
    }

    .gispoint_articles.volumes .singleview .ym-col3 { /* sidebar */
        position: relative;
        float: left;
        width: 200px;
        margin-left: 0;
        margin-right: -200px;
    }

    /* gisopen journal: edition single view  --------------------*/
    .gispoint_articles.gisOpenJournal.editions .singleview .ym-column {
        display: block;
        overflow: hidden;
        padding-right: 200px;
        width: auto;
    }

    .gispoint_articles.gisOpenJournal.editions.singleview .ym-col1 { /* content */
        float: left;
        width: 100%;
    }

    .gispoint_articles.gisOpenJournal.editions .singleview .ym-col3 { /* sidebar */
        position: relative;
        float: left;
        width: 200px;
        margin-left: 0;
        margin-right: -200px;
    }

    /* news list plugin 6  --------------------*/
    .news-list-container .news-latest-item.news-plugin-6 .ym-column {
        /*display: block;*/
        /*overflow: hidden;*/
        /*padding-left: 110px; !* column width *!*/
        /*width: auto;*/
    }

    .news-list-container .news-latest-item.news-plugin-6 .ym-col1 { /* content */
        float: left;
        width: 110px;
    }

    .news-list-container .news-latest-item.news-plugin-6 .ym-col3 { /* sidebar */
        margin: 0 0 0 110px;
        width: auto;
        float: none;
    }

    /**********************************************************/
    .ym-col1 .ym-cbox {
        padding: 0 70px 0 0;
    }

    /*  .ym-col1 .ym-cbox #col1 {
        border-top: 2px #ccc solid;
    }*/
    .ym-col3 .ym-cbox {
        padding: 0;
    }

    .ym-col3 .ym-cbox #col3 {
        border-top: 1px #333 dotted;
    }

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

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

    .navigation .leftcorner {
        display: none;
    }
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
    /* INA ENDERS 28.10.13 */
    .ym-wrapper {
        min-width: 0px;
    }
}

/* gross */
@media screen and (min-width: 1024px) {

}

/* iPad Landscape */
/*@media screen and (min-width: 768px) and (max-width: 1023px) {
header {border: 1px solid red;}
}*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*dpingel: ausrichtung der Logo-Elemente schon bei etwas breiterem screen,*/
/*neu fuer Logo-Zusatz*/
@media screen and ( max-width: 880px ) {

    #logo_left .logo-zusatz {
        display: inherit !important;
        position: inherit !important;
        top: 0px !important;
        /*margin-top:45px;*/
        margin: 42px 0 14px 0;
        left: 0;
        /*    top:20px;*/
        z-index: 99;
    }

    #logo_right {
        /*margin-top:-30px !important;
        float:left !important;
        margin-left: 20px !important;*/
        text-align: left !important;
    }

}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*@media screen and ( max-width: 767px ) {*/
@media screen and ( max-width: 840px ) {
    /*@media screen and (min-width: 480px) and (max-width: 767px) { */
    /* iPhone Landscape width: 480px */
    /* 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"] { */
    .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
        display: block;
        float: none;
        padding: 0 !important;
        margin: 0;
        /*width: 100% !important;*/
        width: auto !important;
    }

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

    nav .ym-hlist ul {
        padding-right: 10px;
    }

    .ym-searchform {
        display: block;
        float: none;
        width: 140px;
        padding-right: 10px;
        text-align: right;
    }

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

    @media screen and ( max-width: 840px ) {
        /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
        .linearize-level-2, .linearize-level-2 > [class*="ym-c"],
        .linearize-level-2 > [class*="ym-g"] {
            display: block;
            float: none;
            padding: 0 !important;
            margin: 0;
            /*width: 100% !important;*/
            width: auto !important;
        }

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

        /* Buch-Vorstellung FCE --------------------*/
        .book-fce .linearize-level-2,
        .book-fce .linearize-level-2 > [class*="ym-c"],
        .book-fce .linearize-level-2 > [class*="ym-g"] {
            display: block;
            float: none !important;
            padding: 0;
            margin: 0 !important;
            /*width: 100% !important;*/
            width: auto !important;
        }

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

    }

    /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
    /*dpingel: schon bei groesserer Breite gesetzt*/
    #logo_left .logo-zusatz {
        margin: 42px 0 14px 0;
        left: 0;
        top: 20px;
        z-index: 99;
    }

    #logo_right {
        /*margin-top:-30px !important;
        float:left !important;
        margin-left: 20px !important;*/
        text-align: left !important;
    }

    /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
    #banner_top .skyscraper {
        display: none !important;
    }

    #banner_top .topbanner {
        left: 1% !important;
    }

    header {
        margin-top: -40px;
    }

}

/* INA test 9.7.12  iphone-quer  */
@media screen and ( max-width: 520px) {
    .ym-search {
        float: left;
        left: 120px;
    }
}

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

    .ym-wbox {
        padding: 0;
    }

    header {
        /* padding: 0.75em 0;*/
    }

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

    .main-logo {
        z-index: -1;
    }

    .logo-zusatz {
        padding-bottom: 10px;
    }

    footer,
    #main,
    .ym-searchform,
    nav .ym-hlist ul {
        /*  padding-left: 10px;
            padding-right: 10px;*/
    }

    #footer .footermenue {
        height: 280px !important;
    }

    #footer .sociallinks {
        background-color: #00afe1;
        float: none;
        padding-left: 1em;
        width: 100%;
    }

    #footer .copyright {
        display: block;
        float: none;
    }

    #footer .footerzeile .copyright {
        padding-left: 1em !important;
    }

    #footer .footerzeile .csc-default {
        display: block;
    }

    /* 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"] {*/
    .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        /*width: 100% !important;*/
        width: auto !important;
    }

    /*.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"], .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {*/
    .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
        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%;
    } */
    #navigation {
        height: 70px !important;
    }

    #navigation select {
        display: block;
        float: left !important;
        position: static !important;
        width: 160px !important;
        text-align: left;
        left: 0;
    }

    #navigation .leftcorner {
        display: block;
    }
}