#nav, #nav ul {
    float: left;
    width: 560px;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;
    margin: 73px 0 0 0;
}


#nav a {
    display: block;
    /*width: 10em;*/
    /*w\idth: 6em;*/
    color: #0D3F96;
    text-decoration: none;
    font-size: 12px;
    /*padding: 0.25em 2em;*/
}
/*
#nav a.daddy {
    background: url(rightarrow2.gif) center right no-repeat;
}
*/
#nav li {
    float: left;
    padding: 0;
    /*width: 10em;*/
}
#nav li ul {
    position: absolute;
    left: -999em;
    /*height: auto;*/
    /*width: 14.4em;*/
    /*w\idth: 13.9em;*/
    font-weight: normal;
    /*border-width: 0.25em;*/
    margin: 0;
    background-color: #F5F5F5;

/*    opacity: .95;
*/
}
    #nav li ul.menu-1 {
        width: 211px;
        border-bottom: 1px solid #BFBFBF;
        border-left: 1px solid #BFBFBF; 
        border-right: 1px solid #BFBFBF; 
    }
        #nav li ul.menu-1 li {
            width: 211px;
        }
            #nav li ul.menu-1 li a.first {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: none;
            }

            #nav li ul.menu-1 li a {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: url(/sattler-web/static/img/layout/pulldown_sep.gif); background-repeat: repeat-x; background-position: 0 top;
            }
                #nav li ul.menu-1 li a:hover {
                    background-color: #C2CDE0; color: color: #0D3F96;
                }
            #nav li ul.menu-1 li a.nb {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: none;
            }
                #nav li ul.menu-1 li a.nb:hover {
                    background-color: #C2CDE0; color: color: #0D3F96;
                }
    #nav li ul.menu-2 {
        width: 211px;
        border-bottom: 1px solid #BFBFBF;
        border-left: 1px solid #BFBFBF; 
        border-right: 1px solid #BFBFBF;  
    }
        #nav li ul.menu-2 li {
            width: 211px;
        }
            #nav li ul.menu-2 li a.first {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: none;
            }

            #nav li ul.menu-2 li a {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: url(/sattler-web/static/img/layout/pulldown_sep.gif); background-repeat: repeat-x; background-position: 0 top;        
            }
                #nav li ul.menu-2 li a:hover {
                    background-color: #C2CDE0; color: color: #0D3F96;            
                }
            #nav li ul.menu-2 li a.nb {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: none;
            }
                #nav li ul.menu-2 li a.nb:hover {
                    background-color: #C2CDE0; color: color: #0D3F96;            
                }
    #nav li ul.menu-3 {
        width: 211px;
        border-bottom: 1px solid #BFBFBF;
        border-left: 1px solid #BFBFBF; 
        border-right: 1px solid #BFBFBF; 
    }
        #nav li ul.menu-3 li {
            width: 211px;
        }
            #nav li ul.menu-3 li a.first {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: none;
            }

            #nav li ul.menu-3 li a {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: url(/sattler-web/static/img/layout/pulldown_sep.gif); background-repeat: repeat-x; background-position: 0 top;                
            }
                #nav li ul.menu-3 li a:hover {
                    background-color: #C2CDE0; color: color: #0D3F96;                
                }
            #nav li ul.menu-3 li a.nb {
                background-color: #F5F5F5; padding: 8px 0 5px 15px; width: 195px; color: #0D3F96; 
                border: none;
                background-image: none;
            }
                #nav li ul.menu-3 li a.nb:hover {
                    background-color: #C2CDE0; color: color: #0D3F96;                
                }
/* This is to make opacity work in IE. */
/*
* html #nav li ul {
    background-color: transparent;
}
* html #nav li li {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90);
}
*/
#nav li li {
    /*padding-right: 1em;*/
    /*width: 13em*/
}
#nav li ul a {
    /*width: 13em;
    w\idth: 9em;*/
}
#nav li ul ul {
    margin: -1.75em 0 0 14em;
    margin: -1.7em 0 0 13.95em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}
#nav li:hover, #nav li.sfhover {
    /*background: #F5F5F5;*/
    /*background-color: #C2CDE0;*/
}
/* Support for the "iehover-fix.js" */
ul.nav iframe {
    position: absolute;
    /* account for the border */
    left: -0.05em;
    top: -0.25em;
    z-index: -1;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
* html ul.nav li { z-index: 201; }
#nav li a.produkte {
    width: 199px; height: 29px; background-image: url(/sattler-web/static/img/layout/es_menu_1.png); background-repeat: no-repeat; text-indent: -1000em; padding: 9px 0 0 0;
    display: block;
}

* html #nav li a.produkte {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/sattler-web/static/img/layout/es_menu_1.png', sizingMethod='crop');
    display: block;
    background: transparent;
}

    #nav li a.produkte:hover {
        background-position: 0 -71px;
    }
#nav li a.kompetenz {
    width: 144px; height: 29px; background-image: url(/sattler-web/static/img/layout/es_menu_2.png);  background-repeat: no-repeat; text-indent: -1000em;padding: 9px 0 0 0;
}

* html #nav li a.kompetenz {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/sattler-web/static/img/layout/es_menu_2.png', sizingMethod='crop');
    display: block;
    background: transparent;
}
    #nav li a.kompetenz:hover {
        background-position: 0 -71px;    
    }
#nav li a.unternehmen {
    width: 101px; height: 29px; background-image: url(/sattler-web/static/img/layout/es_menu_3.png);  background-repeat: no-repeat; text-indent: -1000em;padding: 9px 0 0 0;
}

* html #nav li a.unternehmen {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/sattler-web/static/img/layout/es_menu_3.png', sizingMethod='crop');
    display: block;
    background:  transparent;
}

    #nav li a.unternehmen:hover {
        background-position: 0 -71px;    
    }
    #nav li a.produkte-on {
        width: 199px; height: 29px; background-image: url(/sattler-web/static/img/layout/es_menu_1.png); background-repeat: no-repeat; text-indent: -1000em; padding: 9px 0 0 0;
        background-position: 0 -71px;        
    }
* html #nav li a.produkte-on,
* html #nav li.sfhover a.produkte{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sattler-web/static/img/layout/es_menu_1-on.png', sizingMethod='crop');
    
    background:  transparent;
    background-position: top left !important;
    cursor: pointer !important;
    display: block !important;    
}

    #nav li a.kompetenz-on {
        width: 144px; height: 29px; background-image: url(/sattler-web/static/img/layout/es_menu_2.png);  background-repeat: no-repeat; text-indent: -1000em;padding: 9px 0 0 0;        
        background-position: 0 -71px;    
    }

* html #nav li a.kompetenz-on,
* html #nav li.sfhover a.kompetenz{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sattler-web/static/img/layout/es_menu_2-on.png', sizingMethod='crop');
    background: transparent;
    background-position: top left !important;        
    cursor: pointer !important;     
}

    #nav li a.unternehmen-on {
        width: 101px; height: 29px; background-image: url(/sattler-web/static/img/layout/es_menu_3.png);  background-repeat: no-repeat; text-indent: -1000em;padding: 9px 0 0 0;        
        background-position: 0 -71px;    
    }

* html #nav li a.unternehmen-on,
* html #nav li.sfhover a.unternehmen{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sattler-web/static/img/layout/es_menu_3-on.png', sizingMethod='crop');
    background: transparent;
    background-position: top left !important;        
    cursor: pointer !important;  
   
}


/* this is for IE 5.0
select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */
    

/* left navi */
#left-navi {
    width: 174px; overflow: hidden;
}
    #left-navi ul {
        list-style-type: none;
    }

            #left-navi ul.lev2 li {                                
                background-image: url(/sattler-web/static/img/layout/left_navi_stripes_separator.gif); background-repeat: no-repeat; background-position: 0 top; 
                padding: 3px 0 0px 0;
                margin: 0px;
            }
            * html #left-navi ul.lev2 li {
                padding: 3px 0px 1px 0px; 
                margin: 0px 0px 0px 0px;
                display: inline-block;
            }
               #left-navi ul.lev2 li a {
                    text-decoration: none; font-size: 1.2em; color: #595959; display: block; padding: 4px 0 4px 16px;
                    background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev2.gif); background-repeat: no-repeat; background-position: 7px 9px;
                }
                    #left-navi ul.lev2 li a:hover {
                        color: #0D3F96; background-color: #CAD5E8; background-position: 7px -115px;
                    }
                
                #left-navi ul.lev2 li a.on2 {
                    text-decoration: none; font-size: 1.2em; color: #595959; display: block; padding: 4px 0 4px 16px;
                    background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev2.gif); background-repeat: no-repeat; 
                    color: #0D3F96; background-color: #CAD5E8; background-position: 7px -115px;
                }
                
                #left-navi ul.lev2 li a.on {
                    text-decoration: none; font-size: 1.2em; color: #0D3F96; background-color: #CAD5E8; display: block; padding: 4px 0 4px 16px;
                    background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev2_active.gif); background-repeat: no-repeat; background-position: 6px 9px;
                }
                #left-navi ul.lev2 li a.on:hover {
                    text-decoration: none; font-size: 1.2em; color: #0D3F96; background-color: #CAD5E8; display: block; padding: 4px 0 4px 16px;
                    background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev2_active.gif); background-repeat: no-repeat; background-position: 6px 9px;
                }
        #left-navi ul.lev3 {        
            margin: 1px 0 0px 0px;
        }
            * html #left-navi ul.lev3 {
                margin: 1px 0 0px 0px;    
            }
            #left-navi ul.lev3 li {
                background-image: none;  padding: 0; margin: 0 0 1px 0;
            }
            * html #left-navi ul.lev3 li {
                 padding: 0; margin: 0 0 1px 0;
                
            }
                #left-navi ul.lev3 li a {
                    font-size: 1.1em; color: #595959; display: block;  padding: 0px 0 0px 25px; background-image: none; line-height: 19px; /*width: 174px; */ 
                }
                    #left-navi ul.lev3 li a:hover {
                        /*color: #0D3F96; background-color: #FFF;*/
                        font-size: 1.1em; color: #0D3F96; display: block; background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev3_active.gif); background-repeat: no-repeat;
                        background-position: 16px 7px; padding: 0px 0 0px 25px; background-color: #E2E8F2; /* width: 174px; */ 
                    }
                        * html #left-navi ul.lev3 li a:hover {
                            /*margin: 0 0 3px 0;    */
                        }
                
                #left-navi ul.lev3 li a.on2 {
                    font-size: 1.1em; color: #0D3F96; display: block; background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev3_active.gif); background-repeat: no-repeat;
                    background-position: 16px 7px; padding: 0px 0 0px 25px; background-color: #E2E8F2; /* width: 174px; */    
                }
                    * html #left-navi ul.lev3 li a.on2:hover {
                        margin: 0; padding: 0 0 0 25px;
                    }
                
                
                #left-navi ul.lev3 li a.on {
                    font-size: 1.1em; color: #0D3F96; display: block; background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev3_active_down.gif); background-repeat: no-repeat;
                    background-position: 16px 8px; padding: 0px 0 0px 25px; background-color: #E2E8F2; /*width: 174px;*/
                }
                #left-navi ul.lev3 li a.on:hover {
                    font-size: 1.1em; color: #0D3F96; display: block; background-image: url(/sattler-web/static/img/layout/arrow_left_navi_lev3_active_down.gif); background-repeat: no-repeat;
                    background-position: 16px 8px; padding: 0px 0 0px 25px; background-color: #E2E8F2; /*width: 174px;*/
                }
                
        #left-navi ul.lev4 {        
            margin: 0 0 0px 10px;
        }
            #left-navi ul.lev4 li a:hover {
                color: #0D3F96; background-color: #FFF; background-image: none;
            }
            #left-navi ul.lev4 li a.on {
                color: #0D3F96; background-color: #FFF; background-image: none;
            }
            #left-navi ul.lev4 li a.on:hover {
                color: #0D3F96; background-color: #FFF; background-image: none;
            }

        #left-navi ul.lev5 {        
            margin: 0 0 0px 10px;
        }
            #left-navi ul.lev5 li a:hover {
                color: #0D3F96; background-color: #FFF; background-image: none;
            }
            #left-navi ul.lev5 li a.on {
                color: #0D3F96; background-color: #FFF; background-image: none;
            }
            #left-navi ul.lev5 li a.on:hover {
                color: #0D3F96; background-color: #FFF; background-image: none;
            }
 
// Anpassung ADE

    #nav li.sfhover a.produkte-on,
    #nav li:hover a.produkte-on{
        background-position: 0 -71px;        
    }
 
    #nav li.sfhover a.kompetenz-on,
    #nav li:hover a.kompetenz-on{
        background-position: 0 -71px;    
    }
    #nav li.sfhover a.unternehmen-on,
    #nav li:hover a.unternehmen-on{
        background-position: 0 -71px;    
    }

    *+html #nav li ul, 
        * html #nav li ul{
        display: none !important;
    }
    
    *+html #nav li.sfhover ul,
    *+html #nav li:hover ul,
    * html #nav li.sfhover ul,
    * html #nav li:hover ul{
        display: block !important;
    }


* html #left-navi ul.lev3 li a{
    height: 19px;
}

* html #left-navi ul{
  display: inline-block;
}