/*-----------------------------------------------
$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:70%;
    color:#0061A0;
    padding-left:16px;
    margin-left:.7em;
}
.box-header ul li a:hover {
    text-decoration:underline;
}
.box-header ul li.home a {
    background:url(img/home.gif) left .15em no-repeat;
}
.box-header ul li.links a {
    background:url(img/links.gif) left .15em no-repeat;
}
.box-header ul li.a-z a {
    background:url(img/az.gif) left .15em no-repeat;
    padding-left:12px;
}
.box-header ul li.sitemap a {
    background:url(img/sitemap.gif) left .15em no-repeat;
}
.box-header ul li.impressum a {
    background:url(img/impressum.gif) left .15em no-repeat;
    padding-left:10px;
}
.box-header ul li.suchen {
    background:none;
}
.box-header ul li.suchen a {
    background:url(img/suche.gif) left .15em no-repeat;
    padding-left:12px;
}

#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:4.59em;
}
#navBox h3 {
    display:none;
}
#navBox ul {
       background:#CCDFEC;
    height:1.32em;
    list-style:none;
    margin:0 0 0 0;
    padding:0 0 0 1.2em;
}

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

#navBox ul li a {
    color:#6699CC;
       background:url(img/bg_breadcrumb.gif) right center no-repeat;
    padding-right:1em;
}
#navBox ul li a:hover {
    text-decoration:underline;
}
#navBox ul li span {
    color:#6699CC;
}
#navBox ol {
    position:absolute;
    width:37.1em;
    margin-top:.05em;
    list-style:none;
}
#navBox ol li {
    list-style:none;
    display:inline;
    float:left;
    background:url(img/navMain.gif) right repeat-y;
    margin-left:-1px;
}
#navBox ol li span,
#navBox ol li a {
    font-weight:bold;
    font-size:70%;
    width:8.4em;
    text-align:center;
    display:block;
    padding:.8em 1px .55em 0;
}
#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.gewässer {
    background:none;
}
#navBox ol li.gewässer 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;

}
.lCol ul li.navSpacer {
    line-height:15px;
    height:15px;
    padding:0;
    font-size:15px;
    display:block;
}
.lCol ul li a {
    width:12.3em;
    display:block;
    padding:.2em .5em .2em .6em;
    border-left:.2em solid #CCDFEC;
    color:#000;
}
.lCol ul li a.act,
.lCol ul li span {
    width:12.3em;
    display:block;
    padding:.2em .5em .2em .6em;
    background:#fff;
    border-left:.2em solid #fff;
    color:#056AA6;
    font-weight:bold;
}
* 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:#fff;
    border-left:.2em solid #fff;
    color:#0061A0;
    font-weight:bold;
}
.lCol ul li ul {
    margin-top:0;
    background:#fff;
    margin-bottom:-.1em;
}
.lCol ul li ul li {
    margin-top:0;
    font-size:90%;
    padding-bottom:0;
}
.lCol ul li ul li a {
    border-top:1px solid #CCDFEC;
    border-left:.3em solid #fff;
    width:13.8em;
}
.lCol ul li ul li a:hover {
    border-left:.3em solid #7FB0CF;
}
.lCol ul li ul li a.act,
.lCol ul li ul li span {
    border-top:1px solid #CCDFEC;
    border-left:.3em solid #7FB0CF;
    width:13.8em;
    color:#056AA6;
}
* html .lCol ul li ul li a.act,
* html .lCol ul li ul li a,
* html .lCol ul li ul li span {
    width:13.6em;
}


#footer ul {
    list-style:none;
    margin:.5em 0 0 .3em;
}
#footer ul li {
    list-style:none;
    display:inline;
    border-right:1px solid #666;
    float:left;
    margin-left:.5em;
}
#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;
}