@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Horizontal list navigation "Shiny Buttons"
* (de) Horizontale Navigationsliste "Shiny Buttons"
*
* @copyright       Copyright 2005-2008, 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.0.6
* @revision        $Revision: 202 $
* @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
*/

@media all
{
    #nav_main {
        /* (en) containing floats in IE */
        /* (de) Einfassen der Floats im IE */
        width: 100%;
        overflow: hidden;
        /* (en) containing floats in all other browsers */
        /* (de) Einfassen der Floats in allen anderen Browsern */
        float: left;
        display: inline;
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        background: #c0c0c0 url("images/shiny_buttons/background.gif") repeat-x center right;
        border-top: 1px #333 solid;
        border-bottom: 1px #333 solid;
        line-height: 0;
    }

    #nav_main ul {
        border-left: 1px #aaa solid;
        border-right: 1px #fff solid;
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        margin: 0;
        /* (en) Left margin of the first button  */
        /* (de) Abstand des ersten Buttons vom linken Rand  */
        margin-left: 50px;
        padding: 0;
    }

    #nav_main ul li {
        border-left: 1px #fff solid;
        border-right: 1px #aaa solid;
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        font-size: 1.0em;
        line-height: 1em;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #nav_main ul li a,
    #nav_main ul li strong {
        background: transparent;
        color: #000;
        display: block;
        font-size: 1em;
        font-weight: bold;
        margin: 0;
        padding: 0.5em 0.8em 0.5em 0.8em;
        text-decoration: none;
        width: auto;
    }

    #nav_main ul li a:focus,
    #nav_main ul li a:hover,
    #nav_main ul li a:active  { background: #eee; color: #333; text-decoration: none; }

    #nav_main ul li#current {
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        background: #272727 url("images/shiny_buttons/background_active.gif") repeat-x center right;
        border-left: 1px #444 solid;
        border-right: 1px #888 solid;
    }

    #nav_main ul li#current strong,
    #nav_main ul li#current a,
    #nav_main ul li#current a:focus,
    #nav_main ul li#current a:hover,
    #nav_main ul li#current a:active { background: transparent; color: #fff; text-decoration: none; }


    #nav_menu, #nav_menu_1, #nav_menu_2, #nav_menu_3, #nav_menu_4, #nav_menu_5 {
        float: left;
        position: relative;
        margin-left: 15px;
        min-width: 110px;
        width: auto;
        wid\th: 110px;
        height: 25px;
        bottom: 1px;
    }

    div.subcl a {
        color: #666;
        font-family: verdana, helvetica, arial, sans-serif;
        font-weight: bold;
        text-decoration: none;
    }


    #nav_menu_text, #nav_menu_text_1, #nav_menu_text_2, #nav_menu_text_3, #nav_menu_text_4, #nav_menu_text_5 {
        position: absolute;
        float: left;
        width: auto;
        bottom: 11px;

    }

     a.nav_menu_link_1:hover {
        color: #287EEB;
    }

    a.nav_menu_link_2:hover {
        color: #cd3232;
    }

    a.nav_menu_link_3:hover {
        color: #F7A508;
    }

    a.nav_menu_link_4:hover {
        color: #08B108;
    }

    a.nav_menu_link_5:hover {
        color: #28B1B3;
    }

    /* Navigation blue */
    #nav_menu_1_left {
        position: absolute;
        float: left;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        width: 45%;
        height: 8px;
        font-size: 1px;
        background: #287EEB;
        bottom: 0px;
    }

    #nav_menu_1_right {
        position: absolute;
        float: left;
        height: 8px;
        font-size: 1px;
        width: 54%;
        background: #8FB7E9;
        bottom: 0px;
        left: 45%;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }

    /* Navigation red */
    #nav_menu_2_left {
        position: absolute;
        float: left;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        width: 45%;
        height: 8px;
        font-size: 1px;
        background: #CD3232;
        bottom: 0px;
    }

    #nav_menu_2_right {
        position: absolute;
        float: left;
        height: 8px;
        font-size: 1px;
        width: 54%;
        background: #F78D85;
        bottom: 0px;
        left: 45%;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }

    /* Navigation yellow */
    #nav_menu_3_left {
        position: absolute;
        float: left;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        width: 45%;
        height: 8px;
        font-size: 1px;
        background: #F7A508;
        bottom: 0px;
    }

    #nav_menu_3_right {
        position: absolute;
        float: left;
        height: 8px;
        font-size: 1px;
        width: 54%;
        background: #F5C364;
        bottom: 0px;
        left: 45%;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }

    /* Navigation green */
    #nav_menu_4_left {
        position: absolute;
        float: left;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        width: 45%;
        height: 8px;
        font-size: 1px;
        background: #08B108;
        bottom: 0px;
    }

    #nav_menu_4_right {
        position: absolute;
        float: left;
        height: 8px;
        font-size: 1px;
        width: 54%;
        background: #89E17E;
        bottom: 0px;
        left: 45%;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }

    /* Navigation turquoise */
    #nav_menu_5_left {
        position: absolute;
        float: left;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        width: 45%;
        height: 8px;
        font-size: 1px;
        background: #28B1B3;
        bottom: 0px;
    }

    #nav_menu_5_right {
        position: absolute;
        float: left;
        height: 8px;
        font-size: 1px;
        width: 54%;
        background: #89E1CB;
        bottom: 0px;
        left: 45%;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }

    .nav_text {
        color: #666666;
    }




}