/**
 * [HrT] Hostage Rescue Troopers - Web-Layout
 *
 * navigation.css / $Id: navigation.css 30 2009-12-30 16:37:31Z axel.wehner $
 * Beinhaltet saemtliche CSS-Deklarationen der Navigation.
 *
 * @author        Axel Wehner <aw@68media.de>,
 *                $LastChangedBy: axel.wehner $ @ $Date: 2009-12-30 17:37:31 +0100 (Mi, 30 Dez 2009) $
 * @copyright     Copyright (c) 2009, 68media web/design - Axel Wehner
 * @license       proprietary
 * @link          http://hrt.68media.de HrT Projektverwaltung
 * @package       hrt.layout.css
 * @subpackage    navigation
 * @since         1.0
 * @version       $Revision: 30 $
 * @filesource    $URL: http://svn.68media.de/repos/hrtclan/trunk/code/layout/css/navigation.css $
 */

/**
 * Navigation
 *********************************/
ul#navigation {
    width: 620px;
    height: 32px;
    margin: 0;
    position: absolute;
    top: -36px; left: 300px;
    z-index: 200;
}

    ul#navigation li {
        list-style-type: none;
        position: relative;
        float: left;
        margin: 0 3px 0 0;
        padding: 0;
    }


        /**
         * Globale Link Deklarationen
         *********************************/
        ul#navigation li a {
            display: block;
            float: left;
            height: 32px;
            line-height: 32px;
            text-indent: -999em;
            background: transparent url(../img/navigation.png) top left no-repeat;
        }


        /**
         * Startseite
         *********************************/
        ul#navigation li a#start {
            width: 36px;
            background-position: 0 0;
        }

        ul#navigation li a#start:hover,
        ul#navigation li a#start:focus,
        ul#navigation li a#start:active {
            background-position: 0 50%;
        }

        ul#navigation li.aktiv a#start {
            background-position: 0 100%;
        }


        /**
         * Der Clan
         *********************************/
        ul#navigation li a#clan {
            width: 81px;
            background-position: -36px 0;
        }

        ul#navigation li a#clan:hover,
        ul#navigation li a#clan:focus,
        ul#navigation li a#clan:active {
            background-position: -36px 50%;
        }

        ul#navigation li.aktiv a#clan {
            background-position: -36px 100%;
        }


        /**
         * Tactical Ops
         *********************************/
        ul#navigation li a#tacops {
            width: 103px;
            background-position: -117px 0;
        }

        ul#navigation li a#tacops:hover,
        ul#navigation li a#tacops:focus,
        ul#navigation li a#tacops:active {
            background-position: -117px 50%;
        }

        ul#navigation li.aktiv a#tacops {
            background-position: -117px 100%;
        }


        /**
         * Community
         *********************************/
        ul#navigation li a#community {
            width: 92px;
            background-position: -220px 0;
        }

        ul#navigation li a#community:hover,
        ul#navigation li a#community:focus,
        ul#navigation li a#community:active {
            background-position: -220px 50%;
        }

        ul#navigation li.aktiv a#community {
            background-position: -220px 100%;
        }


        /**
         * Sonstiges
         *********************************/
        ul#navigation li a#misc {
            width: 88px;
            background-position: -312px 0;
        }

        ul#navigation li a#misc:hover,
        ul#navigation li a#misc:focus,
        ul#navigation li a#misc:active {
            background-position: -312px 50%;
        }

        ul#navigation li.aktiv a#misc {
            background-position: -312px 100%;
        }

    ul#navigation li ul {
        display: none;
        position: absolute;
        top: 32px; left: -30px;
        border: 1px solid #ccc;
        border-bottom-width: 0;
        background: #F2F1F3;
        width: 165px;
        z-index: 1500;
    }

    ul#navigation li:hover ul {
        display: block;
    }
    
        ul#navigation li ul li {
            float: none;
            margin: 0;
        }
        
        ul#navigation li ul li a {
            height: auto;
            line-height: normal;
            text-indent: 0;
            background: none;
            float: none;
            padding: 5px;
            font-size: 0.85em;
            border-bottom: 1px solid #ccc;
            color: #474747;
            text-decoration: none;
        }
            ul#navigation li ul li a:hover {
            text-decoration: none;
            background: #ccc;
        }