/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
** YAML Version: 2.5.2
** Dateiversion: 17.1.07
** Datei : nav_slidingdoor.css
** Funktion : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
** Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/
/* ================================================================
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/final_drop.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.
=================================================================== */
#nav {float:left; width: 980px; background: #dbebfc;font-size: 0.85em;position: relative;z-index: 2;}
/* remove all the bullets, borders and padding from the default list styling */
#nav ul { padding: 0px; margin: 0px; list-style-type: none; }
#nav ul ul li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: 1px #000 solid;}
#nav ul ul { margin-top: 8px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li { float: left; position: relative;}
/* style the links for the top level */
#nav a, #nav a:visited {
display: block;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;
font-size: 12px;
text-decoration: none;
font-weight:bold;
color: #000;
padding-right: 10px;
line-height: 35px;
}

/* style the second level background */
#nav ul ul a.drop, #nav ul ul a.drop:visited {
/* background: #C00 url(../../graphics/drop.gif) bottom right no-repeat; */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;

}
/* style the second level hover */
#nav ul ul a.drop:hover {
background: #192d6c;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 11px;

}
#nav ul ul :hover > a.drop {
background: #192d6c;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}
/* style the third level background */
#nav ul ul ul a, #nav ul ul ul a:visited {
background: #4682B4;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
display:none;
}
/* style the third level hover */
#nav ul ul ul a:hover {
background: #b2ab9b;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 27px;
left: 0;
width: 135px;
}
/* another hack for IE5.5 */
* html #nav ul ul {
top: 26px;
t\op: 27px;
}
/* position the third level flyout menu */
#nav ul ul ul {
left: 150px;
top: 0;
width: 135px;
}
/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {
left: -135px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {
position: absolute;
top: 0;
left: 0;
}
/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
background: #182c69;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight:normal;
color: #fff;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 165px /* yet another hack for IE5.5 */;
}
* html #nav ul ul a {
width: 135px;
w\idth: 125px;
}
/* style the top level hover */
#nav a:hover {
color: #000;
background: transparent;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}
#nav ul ul a:hover {
color: #000;
background: transparent;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}
#nav :hover > a {
color: #182c69;
background: transparent;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}
#nav ul ul :hover > a {
color: #182c69;
background: #f3f3f3;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
}



/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, #nav ul a:hover ul {
visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul {
visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul {
visibility: visible;
}