/* Projekt SH-Makler 
   Datei menu.css 
   beinhaltet Styles nur für die Navigation  Stand 25.7.09 */


#nav {
    padding:0; 
    margin:0; 
    list-style:none; 
    height:36px;
    position:relative; 
    z-index:500; 
    font-family:arial, 
    verdana, sans-serif;
}
#nav li.top {
    display:block; 
    float:left;
}
#nav li a.top_link {
    display:block; 
    float:left; 
    height:36px; 
    line-height:27px; 
    color:#ffffff; 
    text-decoration:none; 
    font-size:13px;       
    padding:0 0 0 12px; 
    cursor:pointer;
}
#nav li a.top_link_cn {
    display:block;
    float:left;
    height:36px;
    line-height:27px;
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    padding:0 0 0 12px; 
    cursor:pointer;       
}
#nav li a.top_link span {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:36px;
    font-weight: normal;
   
}
#nav li a.top_link_cn span{
    float:left;
    display:block;
    padding:0 24px 0 12px;
    height:36px;
    font-weight: lighter;
}
#nav li a.top_link span.down {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:36px;
}
#nav li a.top_link:hover {
    color:#ccc;
}
#nav li a.top_link:hover span {
}
#nav li a.top_link:hover span.down {
}

#nav li:hover > a.top_link {
    color:#ccc;
}
#nav li:hover > a.top_link span { 
}
#nav li:hover > a.top_link span.down {
}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul,
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}
/* *********************************************************************************** */
/* schmale untermenus */
#nav li:hover ul.sub{
    left:0; 
    top:31px; 
    background: #fff; 
    padding:3px; 
    border:1px solid #0000ff; 
    white-space:nowrap; 
    width:160px;    /* Breite der Ausklappmenus */
    height:auto; 
    z-index:300;
} 
#nav li:hover ul.sub li{
    display:block; 
    height:20px; 
    position:relative; 
    float:left; 
    width:90px; 
    font-weight:normal;
}
#nav li:hover ul.sub li a{
    display:block; 
    font-size:13px; 
    height:20px; 
    width:130px; 
    line-height:20px; 
    text-indent:5px; 
    color:#000; 
    text-decoration:none;
}
#nav li ul.sub li a.fly {
}
#nav li:hover ul.sub li a:hover{
    background:#3a93d2; 
    color:#fff;
    width: 150px;
}
#nav li:hover ul.sub li a.fly:hover{
background:#3a93d2 url(arrow_over.gif) 130px 7px no-repeat; color:#fff;
}

#nav li:hover ul li:hover > a.fly {
background:#3a93d2 url(arrow_over.gif) 130px 7px no-repeat; color:#fff;
}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{
    left:90px; 
    top:-4px; 
    background: #fff; 
    padding:3px; 
    border:1px solid #0000ff; 
    white-space:nowrap; width:90px; 
    z-index:400; 
    height:auto;
}
/* *********************************************************************************** */
/* breite untermenus */

#nav li:hover ul.sub1{
    left:0;
    top:31px;
    background: #fff;
    padding:3px;
    border:1px solid #0000ff;
    white-space:nowrap;
    width:130px;
    height:auto;
    z-index:300;
}
#nav li:hover ul.sub1 li{
    display:block;
    height:20px;
    position:relative;
    float:left;
    width:130px;
    font-weight:normal;
}
#nav li:hover ul.sub1 li a{
    display:block;
    font-size:13px;
    height:20px;
    width:130px;
    line-height:20px;
    text-indent:5px;
    color:#000;
    text-decoration:none;
}
#nav li ul.sub1 li a.fly {
}
#nav li:hover ul.sub1 li a:hover{
    background:#3a93d2; color:#fff;
}
#nav li:hover ul.sub1 li a.fly:hover{
    background:#3a93d2 url(arrow_over.gif) 130px 7px no-repeat; color:#fff;
}