/**

 * "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         4.0

 * @revision        $Revision: 686 $

 * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $

 */



@media screen {



        /* force vertical scrollbar */

        body {

                overflow-y: scroll;

                background: none repeat scroll 0 0 #556D97;

        }



        .tpl-3col .ym-col1 { width: 25%; margin: 0;} /* left column */

        .tpl-3col .ym-col2 { width: 50%; float:left; margin: 0; } /* center column */

        .tpl-3col .ym-col3 { margin-left: 75%; margin-right: 0%; } /* right column */



        /* Layout Module Configuration & fallback for media queries */

        .ym-wrapper {

                min-width: 0px;

                max-width: 76.5em;

                margin: 0 auto;

                background: none repeat scroll 0 0 #8397BA;

                padding: 12px;

}

        }



        .ym-wbox {

                background: none repeat scroll 0 0 #FFFFFF;

            border: 1px solid #AAAAAA;

            padding: 12px 48px; }



        /* Basic Element Styling */

        nav #ym-topnav select {

                display: none;

        }

        header {

    background: none repeat scroll 0 0 #FFFFFF;

    color: #000000;

    padding: 0;

}



        header h1 {

        font-size:300%;

        line-height: 100%;

        padding: 0.8em 0 0.8em 0;

        margin: 0.4286em 0 0.4286em 0;

        letter-spacing: -2px;

}

        nav.transparent {
    background: none repeat scroll 0 0 transparent;
    margin-top: 1.5em;
}
        nav {

    background: none repeat scroll 0 0 #FFFFFF;

    margin-top: 1.5em;

}

        #ym-topnav {

                text-align:right;

        }

        #main {

                margin-top: 12px;

                margin-bottom: 5em;

        }

        img.captchaImage {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #DDDDDD;

    margin: 1em 0;

    padding: 9px 3px;

}

        footer.transparent {
                background: none repeat scroll 0 0 transparent;
        }

        footer {

                margin: 1.5em 0 0 0;

                background: #fff;

                color: #444;

                padding: 1.5em 0;

                border-top: 2px solid #1684ba;

                position: relative;

        }



        footer p {

                margin: 0;

        }



        footer img.logo_bo {

    margin-top: -54px;

    margin-right: 0;

    padding-right: 0;

    padding-top: 0;

    position: absolute;

    right: 0;

    z-index: 100;

    margin-top: -54px\9;

}

/* Nur Internet Explorer 10 und höher */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                  footer img.logo_bo {
                          margin-top: -55px;
                  }
}

        /* Column-Set Configuration: 1-3 (sidebar left) */

        /* content */

        .tpl-2col .ym-col1 {

    width: 33.333%;

}

        /* sidebar */

        .tpl-2col .ym-col3 {

    margin-left: 33.333%;

    margin-right: 0;

}



        .tpl-2col .ym-col1 .ym-cbox {

        border-right: 1px solid #DDDDDD;

    padding: 0 1.5em 0 0;

        }

        .tpl-2col .ym-col3 .ym-cbox { padding: 0 0 0 1.5em; }



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



        .tpl-2col footer .linearize-level-2 .ym-gr .ym-gbox { padding: 0 0 0 0; }



        .tpl-2col footer .ym-gr .ym-gbox p {

                text-align: right;

}



/* Column-Set Configuration: 1-2-3 (sidebar left) */

        /* content */



        .tpl-3col .ym-col1 .ym-cbox {

        border-right: 1px solid #DDDDDD;

    padding: 0 1.5em 0 0;

        }

        .tpl-3col .ym-col2 .ym-cbox { padding: 0 0 0 1.5em; }



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



        .tpl-3col footer .linearize-level-2 .ym-gr .ym-gbox { padding: 0 0 0 0; }



        .tpl-3col footer .ym-gr .ym-gbox p {

                text-align: right;

}



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

        }



        .flexible, .bordered {

                margin-top: 0;

        }



        p.PartitionSelection span, p.PartitionSelection a {

    border: 1px solid;

    line-height: 2.5em;

    padding: 5px;

}

p.PartitionSelection a.PartitionArrow {

    background-color: #E1DBD9;

}

}



/* reset fallback values in modern browsers */

@media screen and ( min-width: 0px ) {

        .ym-wrapper {

                min-width: 0px;

        }

}



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

        .ym-vlist a,

        .ym-vlist strong,

        .ym-vlist span {

                padding-top: 6px;

                padding-bottom: 6px;

        }

}



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



        header h1 {

        font-size:230%;

}



        /* linearization for column module */

  .tpl-3col .linearize-level-1,

  .tpl-3col .linearize-level-1 > [class*="ym-col"] {

    display: table;

    float: none;

    margin-left: 0;

    margin-right: 0;

    width: 100% !important;

  }



  /* reset defined gutter values */

  .tpl-3col .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {

    padding: 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: table;

                float: none;

                margin-left: 0;

                margin-right: 0;

                width: 100% !important;

        }



        .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],

        .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {

                padding: 0;

        }



        .tpl-3col .ym-col1 .ym-cbox {

    border-right: none;

}

.box {

                border-radius: 0.3em;

                border-width: 1px;

                border-style: solid;

                border-color: #888;

                border-color: rgba(0,0,0,.3);

                -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;

                -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;

                box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;

                color: #444;

                color: rgba(0,0,0,.8);

                padding: 1.4286em;

                margin: 1.5em 0 0 0;

        }



        .box > *:first-child {

                margin-top: 0;

        }



        .info {

                background:#f4f4f4;

        }



        .box hr {

                border-bottom:1px #ccc solid;

        }

}



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



        /* 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: table;

                float: none;

                margin-left: 0;

                margin-right: 0;

                width: 100% !important;

        }



        .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],

        .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {

                padding: 0;

        }



        nav .ym-hlist ul {

                padding-right: 10px;

        }



        .ym-searchform {

                display:block;

                float: none;

                width: auto;

                padding-right: 10px;

                text-align: right;

        }



        .ym-searchform input[type="search"] {

                width: 14%;

        }



        .tpl-2col .ym-col1 .ym-cbox,

        .tpl-3col .ym-col1 .ym-cbox {

    border-right: none;

}

header h1 {

        letter-spacing: -1px;

}

}



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



        nav #ym-topnav select {

                display: block;

                float: right;

                margin-right: 1em;

        }



        nav #ym-topnav span {

                display: none;

        }



        .ym-wbox {

                padding: 0;

        }



        header {

                padding: 0.75em 10px;

        }



        header h1 {

                font-size: 150%;

                line-height: 1em;

                margin: 0.8em 0 0.8em 0;

                padding: 0.8em 0 0.8em 0;

        }

        .flexible {

/*                margin-top: 1.5em;*/

                max-width: 97%;

        }

        .ym-col2 .flexible {

/*                margin-top: 1.5em;*/

                max-width: 390px;

        }

        #main {

                margin-top: 0;

                margin-bottom: 2em;

        }



        #nav h6 {

    display: none;

}

        footer,

        #main,

        .ym-searchform,

        nav .ym-hlist ul {

                padding-left: 10px;

                padding-right: 10px;

        }



        /* 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: table;

                float: none;

                margin-left: 0;

                margin-right: 0;

                width: 100% !important;

        }



        .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],

        .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {

                padding: 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%;

        }

        .ym-vlist a,

        .ym-vlist a:visited {

    background: none repeat scroll 0 0 #EEEEEE;

}

footer {

    background: none repeat scroll 0 0 #EEEEEE;

    color: #444444;

    margin: 1.5em 0 0;

    padding: 1.5em;

        border-top: none;

}

.tpl-2col footer .ym-gr .ym-gbox p,

.tpl-3col footer .ym-gr .ym-gbox p {

                text-align: left;

}

footer img.logo_bo {

    display: none;

}

}



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



        header h1 {

                font-size: 100%;

                line-height: 1em;

                margin: 0.8em 0 0.8em 0;

                padding: 0.8em 0 0.8em 0;

                letter-spacing: 0px;

        }



        nav #ym-topnav select {

                margin-right: 0.7em;

        }



        .flexible {

/*                margin-top: 1.5em;*/

                max-width: 96%;

        }

        .ym-col2 .flexible {

/*                margin-top: 1.5em;*/

                max-width: 230px;

        }

        #main {

                margin-top: 0;

        }



        #nav h6 {

    display: none;

}

.float-left,

.float-right,

.center,

.none {

                display:block;

                float: none;

        }

        figure .caption {

                padding-left: 0;

                background-color: #fff;

        }

}