/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
 * Mega Farben:
 *
 * hellgrau: #F2F2F2  -> Menü oben Hintergrund, Positionsleiste Hintergrund, Hauptmenülinks Hover
 * dunkelgrau: #B6A9A6 -> Positionsleiste Schrift, Newsbox Linien, Suchmaske Titel Hintergrund
 * blau: #042A76 -> Hauptmenüschrift, Titelschrift, Loginbox
 * rot: #9B2433 -> Menü oben Schrift und Balken
 * Textfarbe: #444
*/


/*
 * Menuecontainer
 */
#TopNavigation{
    font-family: arial, sans-serif; 
    height: 36px;
    position:absolute;
    bottom: 0;
    right: 0;
    left: 210px;
    z-index:100;
    font-size:11px; 
    border-top: 3px solid #9B2433;
    border-bottom: 3px solid #9B2433;
}

/*
 * Links der 1. Ebene
 */
#TopNavigation ul li a, #TopNavigation ul li a:visited {
    display:block; 
    text-decoration:none; 
    color:#9B2433;
    width:150px; 
    height:30px; 
    text-align:center; 
    border:3px solid #fff; 
    
    line-height:30px; 
    font-size:1.1em; 
    overflow:hidden;
    vertical-align: middle;
    z-index:100;
    text-transform: uppercase;
}

#TopNavigation ul {
    padding:0; 
    margin:0; 
    list-style: none;
}

#TopNavigation ul li {
    float:left; 
    position:relative;
    z-index:100;
    margin: 0;
}

/*
 * Liste 2. Ebene
 */
#TopNavigation ul li ul {
    display: none;
    border-left: 1px solid #9B2433;
    border-bottom: 1px solid #9B2433;
    border-right: 1px solid #9B2433;
    border-top: 3px solid #fff;
    z-index:100;
}


/* specific to non IE browsers */
#TopNavigation ul li:hover a {
    background:#B6A9A6;
}

#TopNavigation  ul a.active {
    background:#B6A9A6;
}

/*
 * Liste 2. Ebene wenn mouseover, sichtbar
 */
#TopNavigation ul li:hover ul {
    display:block; 
    position:absolute; 
    top:36px; 
    left:0;
    width:156px;
    z-index:100;
}

/*
 * Style fuer die 2. Ebene wenn
 * eine 3. Ebene vorhanden ist die aufklappen
 * kann.
 */
#TopNavigation ul li:hover ul li a.hide {
    /*background:#6a3;
    color:#fff;*/
}

/*
 * Die hover Version
 */
#TopNavigation ul li:hover ul li:hover a.hide {
    /*background:#6fc; 
    color:#000;*/
}

/*
 * Liste der 3. Ebene
 */
#TopNavigation ul li:hover ul li ul {
    display: none;
    border-left: 1px solid #9B2433;
    border-top: 1px solid #9B2433;
}

#TopNavigation ul li:hover ul li a {
    display:block; 
    background:#e9ebe9; 
    color:#9B2433;
}

#TopNavigation ul li:hover ul li a:hover {
    background:#b6a9a6; 
    color:#9B2433;
}

/*
 * Liste der 3. Ebene bei mouseover sichtbar
 */
#TopNavigation ul li:hover ul li:hover ul {
    display:block; 
    position:absolute; 
    left:156px; 
    top:-1px;
    width:156px;
    z-index:0;
}


/*
 * haessliche Star Hacks fuer die IE Versionen
 * Grund: Der IE zeigt beim hovern der 3. Ebene
 * die Border rechts der 2. Ebene.
 * Also weiss machen.
 *
 * IE bis 6
 */
* html #TopNavigation ul li:hover ul li:hover ul {
  border-left: 1px solid #fff;
}

/*
 * Fuer den IE7
 */
*:first-child+html #TopNavigation ul li:hover ul li:hover ul {
  border-left: 1px solid #fff;
  z-index: 900;
}

#TopNavigation ul li:hover ul li:hover ul.left {
    left:-156px;
}