/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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 all {
    .hlist {
        height: 30px;
        background: url(/templates/images/mainnav_bg.png) 0 0 repeat-x;
        /*         margin: 0 0 10px 0; */
        border-radius: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hlist ul {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }

    .hlist ul li {
        display: inline;
        float: left;
        font-weight: bold;
        list-style-type: none;
        border-right: 2px #FFF solid;
        margin: 0;
        padding: 0;

        border-left: 1px solid #778098;
        border-right: 1px solid #273047;
    }

    .hlist ul li a {
        text-decoration: none;
        color: #FFF;
        display: block;
        font-size: 115.00%;
        line-height: 30px;
        margin: 0;
        padding: 0 13px;
    }

    .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active {
        /*         background-color: #434343; */
        background-color: #282F3D;
        /*         color: #FFF; */
        text-decoration: none;
    }

    .hlist ul li a:visited {
        color: #FFF;
    }

    .hlist ul li.active a {
        color: #000;
        background-color: #fff;
    }

    .hlist ul li.first {
        border-left: 0;
    }

    .hlist ul li.first a {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    /* Left Menu */
    #col1_content ul {
        list-style-type: none;
        margin: 0;
        /*         border-top: 1px #bbb dotted; */
        border-top: 1px solid #DAE0EF;
    }

    #col1_content ul .separator {
        height: 1px;
        background: #C2C9DA
    }

    #col1_content ul li ul {
        border: none;
    }

    #col1_content ul li {
        list-style-type: none;
        padding: 0;
        display: block;
        margin: 0;
        /*         border-bottom: 1px #bbb dotted; */
        border-bottom: 1px solid #DAE0EF;
    }

    #col1_content ul li ul li {
        border: none;
    }

    #col1_content ul li ul li a {
        padding-left: 15px;
    }

    #col1_content ul li a,
    #col1_content ul li span {
        text-decoration: none;
        display: block;
        /*         line-height: 18px; */
        text-decoration: none;
        font-size: 110%;
        font-weight: normal;
        /*         padding: 3px 0 3px 20px; */
        padding: 3px 0 3px 15px;
        color: #444;
    }

    #col1_content ul li span.extendable {
        padding-left: 15px;
    }

    #col1_content ul li a:hover, #col1_content ul li.active a {
        /*         padding-left: 20px; */
        /*         background: url(/templates/images/loginbtn.png) left center no-repeat #FFF; */
        background-color: #DAE0EF;
    }

    #col1_content ul.level2 {
        padding-top: 0;
        margin-left: 15px;
    }

    #col1_content ul li.active ul.level2 li a {
        background-color: transparent;
    }

    #col1_content ul.level2 li a,
    #col1_content ul.level2 li span {
        /*         padding-left: 20px; */
        font-size: 90%;
        /*         line-height: 12px; */
    }

    #col1_content ul.level3 {
        margin-left: 10px;
    }

    #col1_content ul.level3 li a,
    #col1_content ul.level3 li span {
        padding-left: 20px;
    }

    #col1_content ul.level4 {
        margin-left: 10px;
    }

    #col1_content li:hover ul.level2 li a {
        background-color: #fff;
    }

    #col1_content li:hover ul.level2 li a:hover, #col1_content li:hover ul.level2 li.active a {
        /*         padding-left: 20px; */
        /*         background: url(/templates/images/loginbtn.png) left center no-repeat #FFF; */
        background-color: #DAE0EF;
    }

    #col1_content li {
        position: relative;
    }

    #col1_content li.msc:before {
        position: absolute;
        left: -10px;
        top: 4px;
        content: 'MSC';
        font-size: 8px;
        color: red;
    }

    #col1_content li.pd:before {
        position: absolute;
        left: -10px;
        top: 4px;
        content: 'PD';
        font-size: 8px;
        color: red;
    }
}