/*-----------------------------------------------
$Id: menu.css
     Men� Style Sheet
Customer: StEB (Stadtentw�sserungsbetriebe K�ln)
Author:   Volker D�rr (www.vierviertel.com)
Version:  1.0
Creation Date:    2006/12/05
Last Modify:      2007/01/09
-----------------------------------------------*/

.box-header h3 {
    display:none;
}
.box-header ul {
    position:absolute;
    right:0em;
    top:2.8em;
}
.box-header ul li {
    display:block;
    float:left;
    padding-right:.5em;
    background:url(img/bgNav.gif) right repeat-y;
    padding-bottom:.1em;
}
.box-header ul li a {
    font-size:80%;
    color:#0061A0;
    margin-left:.7em;
}
.box-header ul li a:hover {
    text-decoration:underline;
}
.box-header ul li.impressum {
    background:none;
}

#navBox {
    float:left;
    position:relative;
    width:35.5em;
    overflow:hidden;
    z-index:500;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    background:#fff;
    height:3.4em;
}
#navBox h3 {
    display:none;
}
#navBox ul {
    height:1.32em;
    list-style:none;
    margin:0 0 0 0;
    padding:0 0 0 1.2em;
    position:absolute;
    top:0;
}

#navBox ul li {
    list-style:none;
    display:block;
    float:left;
    font-size:70%;
    padding:.4em .4em 0 0;
}

#navBox ul li a {
    color:#000;
    background:url(img/submit.gif) right 5px no-repeat;
    padding-right:1em;
}
#navBox ul li a:hover {
    text-decoration:underline;
}
#navBox ul li span {
    color:#000;
}
#navBox ol {
    position:absolute;
    width:35.8em;
    margin-top:.05em;
    list-style:none;
    top:1.4em;
    background:#e6eff6;
}

*+html #navBox ol {
    top:1.34em;
}
#navBox ol li {
    list-style:none;
    display:inline;
    float:left;
    background:#e6eff6 url(img/navMain.gif) right repeat-y;
    margin-left:0px;
}
#navBox ol li span,
#navBox ol li a {
    font-weight:bold;
    font-size:70%;
    text-align:center;
    display:block;
    padding:.85em 0 .65em 0;
    font-family:Arial;
    line-height:1.25em;
}

* html #navBox ol li a {
    padding:.85em 0 .65em 0;
}
*+html #navBox ol li a {
    padding:.85em 0 .67em 0;
}
#navBox ol li.ueber_uns span,
#navBox ol li.ueber_uns a {
    width:8em;
}
#navBox ol li.aktuelles span,
#navBox ol li.aktuelles a {
    width:8.5em;
}
#navBox ol li.service span,
#navBox ol li.service a {
    width:7.5em;
}
#navBox ol li.abwasser span,
#navBox ol li.abwasser a {
    width:8.5em;
}
#navBox ol li.hochwasser span,
#navBox ol li.hochwasser a {
    width:9.5em;
}
#navBox ol li.gewaesser span,
#navBox ol li.gewaesser a {
    width:8.5em;
}
#navBox ol li a:hover {
    color:#fff;
    background:#0061A0;
}
#navBox ol li a.act,
#navBox ol li span {
    color:#fff;
    background:#0061A0;
}
/*
#navBox ol li.hochwasser span,
#navBox ol li.hochwasser a {
    padding:.8em 4px .55em 3px;
}
*/
#navBox ol li.gewaesser {
    background:none;
    background-color:#E6EFF6;
}
/*
#navBox ol li.gewaesser a {
    padding-right:6px;
}
*/
.lCol h3 {
    display:none;
}
.lCol ul {
    margin-top:2em;
    list-style:none;
}
.lCol ul li {
    font-size:85%;
    list-style:none;
    display:block;
    padding-bottom:.2em;
    margin-bottom:1em;

}
.lCol ul li.navSpacer {
    line-height:15px;
    height:15px;
    padding:0;
    font-size:15px;
    display:block;
}
.lCol ul li a.act,
.lCol ul li span,
.lCol ul li a {
    width:12.3em;
    display:block;
    padding:.2em .5em .2em .6em;
    color:#000;
    font-weight:bold;
    border-top:.1em solid #b4cfe4;
    border-bottom:.1em solid #b4cfe4;
}
.lCol ul li a.act,
.lCol ul li span {
    background:#CCDFEC;
}

* html .lCol ul li span,
* html .lCol ul li a.act,
* html .lCol ul li a {
    width:12.2em;
}
.lCol ul li a:hover {
    background:#CCDFEC;
    color:#000;
}
.lCol ul li ul {
    margin:0;
}
.lCol ul li ul li {
    margin-bottom:0;
    margin-top:0;
    font-size:90%;
    padding-bottom:0;
}
.lCol ul li ul li a {
    border-top:none;
    padding-left:1.5em;
    border-bottom:none;
    width:13.8em;
    font-weight:normal;
}
.lCol ul li ul li a:hover {

}
.lCol ul li ul li a.act,
.lCol ul li ul li span {
    border-top:none;
    padding-left:1.5em;
    border-bottom:none;
    width:13.8em;
    color:#000;
    font-weight:normal;
}
* html .lCol ul li ul li a.act,
* html .lCol ul li ul li a,
* html .lCol ul li ul li span {
    width:12.5em;
}


#footer ul {
    list-style:none;
    margin:.5em 0 0 1.3em;
}
#footer ul li {
    list-style:none;
    display:inline;
    border-right:1px solid #666;
    float:left;
    margin-left:.5em;
}
#footer ul li span,
#footer ul li a {
    font-size:66%;
    font-weight:bold;
    color:#666;
    display:block;
    margin-right:.5em;
}
#footer ul li a:hover {
    text-decoration:underline;
}




span.unsichtbar {
    position:absolute;
    left:-1000px;
    top:-1000px;
    width:0;
    height:0;
    overflow:hidden;
    display:inline !important;
}