/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection {
    /**
     * (en) Formatting YAML\'s  basic layout elements
     * (de) Gestaltung des YAML Basis-Layouts
     */
    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    html {
        overflow: -moz-scrollbars-vertical;
        margin: 0px;
    }

    body {
        background: #C2C9DA;
    }

    /* (en) Centering layout in old IE-versions */
    /* (de) Zentrierung des Layouts in alten IE-versionen */
    body {
        text-align: center;
    }

    .page_margins {
        text-align: left;
        margin: 0 auto;
    }

    /* (en) Layout: width, background, borders */
    /* (de) Layout: Breite, Hintergrund, Rahmen */
    .page_margins {
        min-width: 1100px;
        max-width: 1400px;
    }

    .page {
        /*     border: 1px #ccc solid; */
        position: relative;
        margin: 0 10px;
    }

    /* (en) Designing main layout elements */
    /* (de) Gestaltung der Hauptelemente des Layouts */
    #header {
        position: relative;
        /*     background: url(/templates/images/headerbg.png) left top repeat-x; */
        background-color: #fff;
        height: 113px;
        /*     border-bottom: 1px #a60010 dotted; */
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #printheader {
        display: none;
    }

    #header .bniheader {
        position: absolute;
        width: 100%;
        right: 0;
        top: 0;
    }

    #header .bniheader.test {
        /*     border: 1px solid red; */
        text-align: center;
        font-size: 200%;
        color: red;
    }

    #header .bniheader.test:after {
        content: "TESTSYSTEM";
    }

    #header .bnilogo {
        margin-bottom: 6px;
    }

    #header .bniworld {
    }

    #header .login {
        position: absolute;
        text-align: left;
        right: 0px;
        width: 320px;
        /*     bottom: -4px; */
        bottom: 0px;
        color: #424242;
        padding: 2px 5px 0 5px;
        /*background: white;*/
        /*     background: url(/templates/images/loginbg.png); */
    }

    #header .profil {
        padding: 5px 5px 10px 50px;
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    #header .loginas {
        position: absolute;
        top: 65px;
        right: 300px;
        width: 220px;
    }

    #header .loginback {
        position: absolute;
        top: 50px;
        right: 15px;
        z-index: 10;
        width: 260px;
    }

    #header p {
        margin: 0;
    }

    /*#header #topnav {
      position: absolute;
      text-align: left;
      top: 30px;
      left: 400px;
      width: 520px;
    }
    #header #topnav span {
      position: absolute;
      left: 130px;
      color: #566175;
    }
    #header #topnav span.maintitle {
      font-size: 24px;
      font-weight: bold;
      top: 5px;
    }
    #header #topnav span.subtitle {
      font-size: 12px;
      font-weight: bold;
      font-style: italic;
      top: 40px;
    }*/
    #header #translator {
        position: absolute;
        padding: 2px 5px 0 5px;
        width: 120px;
        top: 15px;
        right: 120px;
    }

    #header #language {
        position: absolute;
        padding: 2px 5px 0 5px;
        width: 120px;
        top: 15px;
        right: 200px;
        background: white;
    }

    #header #language a.current {
        background: url(/templates/images/lngArrow.png) right center no-repeat;
        padding-right: 16px;
    }

    #header #language ul, #header #language li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    #header #language ul {
        background: #FFF;
        padding: 4px;
        margin-top: 5px;
        border: 1px #BBB solid;
    }

    #main {
        /*     background: #fff; */
        /*     padding:0 25px; */
    }

    #footer {
        color: #666;
        /*     background: url(/templates/images/footerbg.png) left bottom repeat-x #f9f9f9; */
        padding: 10px 20px;
        margin-top: 10px;
        /*     border-top: 1px #a60010 dotted; */
        height: 170px;
        overflow: hidden;
        background-color: #fff;
        border-radius: 5px;
    }

    #footer .boxcontainer {
        width: 100%;
    }

    #footer .box {
        float: left;
        width: 24.5%;
        overflow: hidden;
        height: 170px;
    }

    #footer .box .boxcontent {
        height: 170px;
        padding: 0 10px 0 0;
        /*     border-right: 1px #a60010 dotted; */
    }

    #footer .boxcontent h3 {
        background: url(/templates/images/arrow-small.png) 8px 4px no-repeat;
        padding-left: 20px;
    }

    #footer .boxcontent .marginleft {
        margin-left: 20px;
    }

    #footer .boxcontent input {
        width: 70%;
    }

    #footer .box input.btn, #footer .box input.checkbox {
        width: auto;
    }

    #footer .box.norightborder .boxcontent {
        border-right: none;
    }

    #footer .box ul, #footer .box ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #footer .box {
    }

    #col1 {
        /*     width: 230px; */
        /*     float: left; */
    }

    #col1_content {
        margin: 0 5px 0 0;
        /*     border-top: 1px #a60010 dotted; */
        /*     background: url(/templates/images/titlebg.png) 0 0 repeat-x; */
        padding: 10px 0 10px 0;
        background-color: #fff;
        border-radius: 5px;
    }

    /*   #col2 { */
    /*     float: right; */
    /*   } */
    /*   #col2_content { */
    /*     margin: 0 0 0 5px; */
    /*     border-top: 1px #a60010 dotted; */
    /*     background: url(/templates/images/titlebg.png) 0 0 repeat-x; */
    /*     padding: 0 10px 10px 10px; */
    /*     background-color: #fff; */
    /*     border-radius: 5px; */
    /*   } */
    #col3 {
        /*     margin: 0; */
        /*     margin-left: 230px; */
        /*     float: left; */
    }

    #col3_content {
        position: relative;
        margin: 0;
        /*     border-top: 1px #a60010 dotted; */
        /*     background: url(/templates/images/titlebg.png) 0 0 repeat-x; */
        padding: 0 10px 0 10px;
        background-color: #fff;
        border-radius: 5px;
    }

    #main.fullwidth #col1 {
        display: none
    }

    #main.fullwidth #col3 {
        margin: 0;
    }

    #col3_content, #col1_content {
    }

    /* equal height
    #main {
      overflow:visible; display:table; table-layout:fixed;
    }
    #col1,#col2,#col3 {
      display: table-cell; vertical-align:top;
      float:none; margin:0; overflow:hidden;
    }
    #col1_content,#col2_content,#col3_content {
    }
    */
    /**
     * (en) Styling of layout specific elements
     * (de) Gestaltung layoutabhängiger Elemente
     */
    #header span {
        color: #999;
    }

    #topnav a {
        color: #cf2030;
        font-weight: normal;
        text-decoration: none;
    }

    #topnav a:focus,
    #topnav a:hover,
    #topnav a:active {
        color: #4E1127;
        text-decoration: underline;
    }

    #footer a {
        color: #cf2030;
        font-weight: normal;
    }

    #footer a:focus,
    #footer a:hover,
    #footer a:active {
        color: #4E1127;
        text-decoration: underline;
    }
}