/**************************************************** * Hauptnavigation ******************************************************/ /* linker Bereich (Hauptnavigation) */ #main_navigation { display: inline; width: 70%; max-width: 70%; } /* Info - Icon anstatt Text (siehe oben) einblenden */ #main_nav_info { display: inline; } .main_nav a { width: 160px; } /* 2. Ebene der Navigation */ #main_navigation ul div { width: 649px; } #main_navigation ul li ul li { width: 178px; } #main_navigation ul li ul li a{ width: 150px; } /* 3. Ebene */ #main_navigation ul ul ul { left: 215px; width: 205px; } #main_navigation ul ul ul li { width: 178px; } /* 4. Ebene */ #main_navigation ul ul ul ul{ left: 210px; width: 205px; } /* Modulnavigation (rechter Bereich) incl. Suche*/ #navigation #module_navigation { width: 29%; height: 100%; } /* Text der Modulnavigation ausblenden u. durch Icon ersetzen */ #navigation #module_navigation #modules{ display: none; } #navigation #module_navigation #btn_modules { display: inline; right: 0px; float: right; margin-top: 3px; margin-bottom: 7px; margin-left: 5px; cursor: pointer; } #navigation #module_navigation #flyout_modules { display: none; position: absolute; left: 0px; top: 200px; height: 40px; z-index: 20; background-color: #ffffff; width: 658px; } #navigation #module_navigation #flyout_modules ul { float: right; } #navigation #module_navigation #flyout_modules ul li { list-style-type: none; float: left; margin-right: 10px; margin-top: 10px; } #navigation #module_navigation #flyout_modules ul li img { margin-right: 2px; } #navigation #module_navigation #flyout_modules ul li a { display:inline-block; float:left; margin-top:2px; text-decoration: none; font-size: 14px; line-height: 16px; color: #444444; font-weight: bold; } #navigation #module_navigation #flyout_modules ul li a:hover { color: #0070B8; } #navigation #module_navigation #flyout_modules ul li:hover > img { background-color: #0070B8; } #navigation #module_navigation #flyout_search { width: 658px; }