/* Navi-Style für F&F PR AG */

#nav { position: relative; }

#navTop {
    float: none;
    clear: both;
    width: 100%;
    font-size: 11px;
    z-index: 50;
    display: table;
    min-height: 29px; 
    text-align: left;
    background-image: none;
    position: relative; 
}
#navTop:hover {
    background-image: url(../images/navsub_top1.gif);
    background-position: center;
    background-repeat: no-repeat;        
}
#navTop .navSpacer { padding-top: 3px; z-index: 50; margin-left: 18px; visibility: hidden; }
#navTop:hover .navSpacer { padding-top: 3px; z-index: 5; visibility: visible; }
    .navSpacer STRONG, .navSpacer SPAN { display: block; }

    .navSpacer .navSpacer0 { float: left; }

    .navSpacer .navSpacer1 { height: 25px; border: 1px solid white; }

    .navSpacer .navSpacer3 { visibility: hidden; display: block; height: 19px;  }
    .navSpacer .ACT .navSpacer3 { visibility: visible; display: block; height: 19px; }
    .navSpacer .navSpacer3ACT { height: 19px; }
    #navTop .navSpacer3 { display: none; }
    #navTop .navSpacer .ACT .navSpacer0 .ACT3 { display: block; }

#navTop:hover .navSpacer SPAN.navSpacer3 { display: block; }
#navTop .navSpacer:hover SPAN.navSpacer3 { display: block; }

    #navTop UL {
        display: block; position: relative; margin: 0px; padding: 0px; list-style: none; z-index: 10; margin-left: 18px;
    }
    #navTop #navTopMenu0 {
        position: absolute; min-height: 25px;
        left:0px;top:0px;
        width:905px;
        background-image: none;       
    }
    #navTop:hover #navTopMenu0 {
        background-image: url(../images/navsub_top0.gif);
        background-position: 0px 20px;
        background-repeat: no-repeat;        
    }

    #navTop UL LI, #navTop UL LI:hover {
        display: block; float: left; padding: 5px 5px 3px 0px; line-height: normal; color: #636363; text-transform: uppercase; 
        position: absolute; top: 0px; z-index: 10; 
    }

    #navTop A.link, #navTop A.link:hover {
        padding-top: 1px; height: 18px; padding-left: 16px; 
        display: block; text-decoration: none; color:#A1A1A1; white-space: nowrap;
        background-image: url(../images/nav1.png); background-position: 0px 5px; background-repeat: no-repeat; 
    }
    #navTop A.link:hover { background-image: url(../images/nav1hover.png); color: #68108C; }

    #navTop UL LI.ACT A.link { background-image: url(../images/nav1act.png); background-position: 0px 5px; background-repeat: no-repeat; }
    #navTop UL LI.ACT A.link:hover { background-image: url(../images/nav1act.png); background-position: 0px 5px; background-repeat: no-repeat; }
    #navTop UL LI A.ACT1 { color: #8C1068; }
    #navTop UL LI A.ACT1:hover { color: #8C1068; }


    SPAN.ACT0a, SPAN.ACT1a {
        display: block; height: 18px; font-size: 12px; letter-spacing: -0.4px;
        background-position: 0px 5px; background-repeat: no-repeat;
        cursor: pointer; white-space: nowrap; font-weight: bold;
    }
    SPAN.ACT0a { background-image: url(../images/nav1.png); }
    SPAN.ACT0a:hover { background-image: url(../images/nav1hover.png); color: #68108C; }
    SPAN.ACT1a { background-image: url(../images/nav1act.png); }
    
    #navTop UL LI UL {
        display: none; visibility: hidden; overflow: visible; position: absolute; top: 26px;left: 0px; z-index: 10; margin-left: 0px;
        background-image: none;
    }
    #navTop UL LI.ACT UL {
        display: block; visibility: visible; overflow: visible; position: absolute; top: 26px; left: 0px; z-index: 10;
    }
    #navTop UL LI.ACT:hover UL, #navTop UL LI:hover UL {
        background-image: url(../images/navBg2.png); background-position: left; background-repeat: repeat-y;
        display: block; visibility: visible;
        width: auto; padding-right: 10px;
        position: absolute; top: 26px; left: 0px;
        z-index: 10;
    }
    #navTop UL LI:hover UL, #navTop UL LI:hover UL.NO { z-index: 30; }

    #navTop UL LI UL LI,
        #navTop UL LI:hover UL LI {
            float: none; padding: 0px 0px 0px 0px; text-transform: none; position: relative;
            background-image: url(../images/navBg.png); background-position: right; background-repeat: repeat-y;
            padding-right: 10px;
            z-index: 10;
    }
    #navTop UL LI UL LI { display: none; }
    #navTop UL LI:hover UL LI, #navTop UL LI UL LI.ACT {
        display: block; visibility: visible;
    }

    #navTop UL LI UL LI A.link, #navTop UL LI UL LI A.link:hover,
        #navTop UL LI.ACT UL LI A.link, #navTop UL LI.ACT UL LI A.link:hover {
            height: 18px; background-image: none; font-size: 11px; padding-left: 0px; margin-left: 16px; background-color: white;
            width: auto; display: block; padding-bottom: 0px; 
    }
    #navTop UL LI UL LI A.link { color: #636363; }
    #navTop UL LI UL LI A.link:hover { color: #68108C; }
    #navTop UL LI UL LI.ACT A.ACT { color: #8C1068; font-weight: bold; background-image: none; }
    #navTop UL LI UL LI.ACT A.ACT:hover { color: #8C1068; font-weight: bold; background-image: none;  }
    
    LI#navNo18 { min-width: 84px; z-index:1;}
    LI#navNo17 { min-width: 68px; z-index:2; }
    LI#navNo16 { min-width: 142px;z-index:3; }
    LI#navNo15 { min-width: 102px; z-index:4;}
    LI#navNo14 { min-width: 170px;z-index:5;  }
    LI#navNo13 { min-width: 126px; z-index:6;}
    LI#navNo12 { min-width: 132px; z-index:7; }
    LI#navNo18 { left: 0px; }
    LI#navNo17 { left: 93px; }
    LI#navNo16 { left: 172px; }
    LI#navNo15 { left: 319px; }
    LI#navNo14 { left: 426px; }
    LI#navNo13 { left: 600px; }
    LI#navNo12 { left: 731px; padding: 0px 0px 8px 0px; }    


    LI#navNo253 { min-width: 76px; z-index:1;}
    LI#navNo262{ min-width: 84px; z-index:2; }
    LI#navNo267 { min-width: 88px;z-index:3; }
    LI#navNo277 { min-width: 102px; z-index:4;}
    LI#navNo286 { min-width: 161px;z-index:5;  }
    
    LI#navNo253 { left: 0px; }
    LI#navNo262 { left: 85px; }
    LI#navNo267 { left: 180px; }
    LI#navNo277 { left: 277px; }
    LI#navNo286 { left: 387px; }


#navSub {
    display: block;
    margin-top: -8px;
    width: 100%;
    clear: both;
    float: none;
    min-height: 12px;
    z-index: 60;
    position: relative;
    background-color: white;
    background-image: url(../images/navsub_left.gif); background-repeat: no-repeat; background-position: 0px 3px;
}
    #navSub0 {
        padding-left: 19px; padding-right: 19px; padding-top: 7px; min-height: 4px;
        background-image: url(../images/navsub_right.gif); background-repeat: no-repeat; background-position: right 3px;
    }
    #navSub1 { border-top: 1px solid #919191; }
    #navSub UL, #navSub LI { display: block; list-style: none; padding: 0px; margin: 0px; line-height: normal; }
    #navSub UL { margin-left: 7px; }
    #navSub LI { float: left; padding-right: 0px; font-size: 11px; color: #636363; margin-top: 4px; }
    #navSub A, #navSub A:hover {
        display: block; float: left; padding-right: 30px; padding-left: 11px; color: #636363; text-decoration: none;
        background-image: url(../images/nav3.png); background-position: 0px 6px; background-repeat: no-repeat;
        padding-top: 1px;padding-bottom: 0px; height: 13px;
    }
    #navSub A:hover { color: #68108C; background-image: url(../images/nav3hover.png); }
    #navSub LI.ACT A, #navSub LI.ACT A:hover { color: #8C1068; background-image: url(../images/nav3act.png); }
    #navSub DIV.spacer { border-bottom: 1px solid #D0D0D0; padding-top: 4px; }