/**************************************************** * MetaNavigation (Messenetzwerk, Sprachwahl, Login) * *****************************************************/ #metanavigation { height: 30px; } /* Graue Leiste einblenden u. Höhe für Mobile anpassen */ #metanavigation ul { background:url(/media/images/metanavigation/mobile_metanav_background.jpg) 0 100% repeat-x; } /* Menüpunkte bei Mobile weiter nach oben */ .meta { padding-top: 5px; padding-left: 10px; } .meta_a { color: #999999; } .meta_a:hover{ color: #FFD100; } /* Pfeile in Mobile-Leiste (links u. rechts) */ .arrow_left, .arrow_right { padding-top: 12px; padding-left: 10px; } .arrow_right { padding-top: 12px; padding-right: 10px; } /* Pfeile hinter Text ausblenden */ .link_metanav { background: url() } /* gesamtes Flyout das sich öffnet */ .flyout { height: 200px; position: relative; overflow:hidden; background:url(/media/images/metanavigation/mobile_metanav_background.jpg)0 100% repeat-x; background-color: #F8F8F8; } .flyout a:hover { color: #0070B8; } /* Flyout-Navigation */ .flyout_part_left { width: 40%; padding-left: 10px; padding-right: 5px; padding-top: 15px; } .flyout_part_left div { height: 25px; } .flyout_part_left a { margin-left: 3px; margin-top: 5px; width: 100%; text-decoration: none; color: #444444; font-size: 12px; } /* Flyout - Detail (abhängig von Navigation) */ .flyout_part_right { width: 50%; height: 160px; border-left: 1px solid #999999; padding-left: 7px; float: right; position: relative; margin-top: 15px; } .flyout_part_right div { height: 25px; } .flyout_part_right a { text-decoration: none; color: #444444; font-size: 12px; } .flyout_part_right.login input[type="text"], .flyout_part_right.login input[type="password"]{ padding:0 10px 0 10px; width:130px; } .metanav_active { background-color: #0070B8; } .metanav_active a{ color: #FFFFFF; width: 100%; } .metanav_active a:hover { color: #FFFFFF; } .flyout span { float: right; padding-right: 5px; padding-top: 5px; } .flyout input { margin-bottom: 5px; } .flyout_content { color: #444; } /* An-, Abmelden */ .flyout_content { color:#444; margin:0; float:left;position:relative; top:-15px; } .flyout_part_right .flyout_content .name{ float:left; } .flyout_part_right .flyout_content div.spacer{ height:10px; } .flyout_part_right .flyout_content div { float:left; width:150px; height:20px; } .flyout_part_right .flyout_content .border_dotted_content{ width:150px; height:1px; } .flyout_part_right .flyout_content .darkgrey{ font-weight:bold; color:#444; } .flyout_part_right .flyout_content .phone{ color: #AFC800; font-weight:bold; } .login { font-size: 12px; position: relative; line-height: 18px; color: #444; } .login a { color: #444; font-size: 12px; line-height: 16px; } .login a:hover { color: #F29100; } .login input[type=text], .login input[type=password] { font-size: 12px; line-height: 16px; margin-bottom: 10px; color: #444; border: 1px solid #999999; height: 28px; } #login_btn { margin-bottom: 5px; margin-right: 10px; } .loginError { margin-bottom: 0px; } .flyout_content .pwForgotten { margin: 15px 0 0 0px; } /**************************************************** * Hauptnavigation * *****************************************************/ #navigation{ height: 40px; } .header_body_background_opaccity{ height: 40px; } #main_navigation_mobile { float: left; width: 35%; } /* Bei Mobile Text im linken Menübereich durch Icon ersetzen */ #main_navigation_mobile div { display: none; position: absolute; left: 0px; top: 170px; width: 320px; background-color: #ffffff; z-index: 20; min-height: 300px; } #main_navigation_mobile div ul li{ height: 40px; border-top: 1px solid #E9E9E9; padding-left: 35px; padding-top: 20px; background-color: #ffffff; } #main_navigation_mobile div ul li:first-child{ border-top: none; } #main_navigation_mobile div ul li a{ float: left; color: #999999; line-height: 17px; font-size: 14px; cursor: pointer; text-decoration: none; padding-top: 1px; max-width: 230px; } #main_navigation_mobile div ul li a:hover { color: #0070B8; cursor: pointer; text-decoration: underline; } #main_navigation_mobile div ul li span{ float: left; color: #999999; line-height: 17px; font-size: 14px; text-decoration: none; } #main_navigation_mobile li .iconSubFolder { position: absolute; right: 20px; margin-top: -4px; } #main_navigation_mobile div ul ul { display: none; z-index: 20; position: absolute; top: 0px; left: 0px; background-color: #ffffff; width: 100%; height: 100%; } /* Modulnavigation (rechter Bereich) incl. Suche*/ #navigation #module_navigation { width: 64%; height: 100%; } #navigation #module_navigation #mobile_module { position: relative; padding-top: 0px; height: 40px; } #navigation #module_navigation #btn_modules { display: inline; cursor: pointer; } #navigation #module_navigation #flyout_modules { position: absolute; left: 0px; top: 170px; height: 150px; z-index: 20; background-color: #ffffff; width: 320px; } #navigation #module_navigation #flyout_modules ul li{ height: 56px; border-top: 1px solid #E9E9E9; background-color: #ffffff; } #navigation #module_navigation #flyout_modules ul li:first-child{ border-top: none; } #navigation #module_navigation #flyout_modules ul li a { text-decoration: none; color: #999999; height: 56px; line-height: 56px; font-size: 14px; padding-left: 35px; } #navigation #module_navigation #flyout_modules ul li a:hover { color: #0070B8 } #navigation #module_navigation #btn_search { margin-top: 0px; } #navigation #module_navigation #flyout_search { top: 170px; width: 320px; height: 120px; } #navigation #module_navigation #flyout_search #search_btn { position: absolute; top: 40px; right: 0px; } #navigation #module_navigation #flyout_search a { position: absolute; top: 60px; right: 80px; }