/**************************************************** * MetaNavigation (Messenetzwerk, Sprachwahl, Login) * *****************************************************/ #metanavigation { font-size: 12px; line-height: 16px; color: #999999; width: 100%; height: 40px; } #metanavigation ul { float: left; width: 100%; height: 100%; } #metanavigation li { list-style-type: none; float: left; height: 80%; } .meta { padding-left: 20px; padding-right: 7px; padding-top: 15px; border-left: 0px solid #fff; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } .meta_a { float: left; font-size: 12px; line-height: 16px; color: #999999; text-decoration: none; } .meta_a:hover{ color: #FFD100; } .meta img { float: right; margin-top: 6px; margin-left: 2px; margin-right: 2px; } .meta_nav_active { position: relative; z-index: 252; border-left: 1px solid #C8C8C8; border-top: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; background-color: white; height: 18px; } /* aktiven Menüpunkt einfärben */ .meta_a_active { color: #FFD100; margin-top: 0px; margin-left: -1px; } /* Pfeil einfärben */ .meta_img_active { background-color: #FFD100; } .flyout_div { position: absolute; display: none; z-index: 250; border: 1px solid #C8C8C8; margin-top: -1px; background: white; padding-left: 20px; } .flyout_content { font-size: 12px; position: relative; line-height: 18px; padding-top: 15px; color: #999; margin:0 20px 16px 0; } .flyout_content .phone{ color:#0070B8; font-weight:bold; } .flyout_content form { padding-right: 22px; } .flyout_content input{ font-size: 12px; line-height: 16px; margin-bottom: 10px; color: #999999; border: 1px solid #C8C8C8; height: 28px; width: 100%; padding-left: 5px; } .flyout_content input[type=text], .flyout_content input[type=password]{ margin-top: 5px; } .flyout_content .flyout_entry { margin-bottom: 10px; margin-right: 19px; } .flyout_content .pwForgotten{ margin:7px 0 0 20px; } .flyout_content a { color: #999; font-size: 12px; line-height: 18px; text-decoration:none; } .flyout_content a:hover { color: #FFD100; } .login_btn { background: #0070B8; height: 25px; width: 50px; margin-top: 5px; margin-right: 10px; } .flyout_div .darkgrey{ color:#444; margin-top:10px; font-weight:bold; } #flyout_logout .flyout_content a::before{ content: ""; display: block; background: #0070B8 url(/media/images/linkgrafiken/content_arrow_link_intern.png) no-repeat; width: 10px; height: 10px; float: left; margin: 4px 6px 0 0; } .border_dotted_content{ border-bottom:dotted 1px #444444; width:auto; margin-top:4px; margin-bottom:7px; } .contact_phone{ color:#AFC800; font-weight:bold; margin-top:4px; margin:10px 0 10px 0; } .loginError { color: red; margin-bottom: 10px; } /**************************************************** * Navigation (Haupt- + Modulnavigation + Suche) * *****************************************************/ /* Navigationsleiste über die ganze Seite */ #navigation{ width: 100%; height: 50px; background-color: #0070B8; } /* linker Bereich (Hauptnavigation) */ #main_navigation { height: 100%; width:auto; float:left; } /* Pfeile formatieren/ausrichten */ #main_navigation img { float: right; margin-left: 5px; margin-top: 8px; } /* 1.Ebene der Navigation (wird immer angezeigt)*/ #main_navigation ul { float:left; } .nav_start:hover, .nav_start li:hover, .nav_start li a:hover { cursor: pointer; } #main_navigation li { height: 37px; padding-left: 20px; padding-right: 20px; padding-top: 13px; list-style-type: none; float: left; } .main_nav a { text-decoration: none; color: #ffffff; line-height: 17px; font-size: 14px; width: 180px; } #main_navigation .nav_start li a { line-height: 18px; font-size: 18px; } #main_navigation .nav_baseLevel ul li a { line-height: 17px; font-size: 14px; } /* MouseOver (aktiv/inaktiv) */ #main_navigation ul .sub_folder:hover { background-color: #ffffff; } #main_navigation ul .sub_folder:hover a{ color: #0070B8; /* line-height: 17px; font-size: 14px;*/ } #main_navigation ul .sub_folder .nav_baseLevel a{ color: #999999; } .main_nav_li:hover { background-color: #E9E9E9; } /* Pfeile switchen (aktiv/inaktiv) */ .main_nav .nav_arrow_up { display: none; } .main_nav .nav_arrow_down { display: inline; } #main_navigation ul li:hover .nav_arrow_up { display: inline; background-color: #0070B8; } #main_navigation ul li:hover .nav_arrow_down { display: none; } .main_nav_active .nav_arrow_up { display: none; } /* Aktiver Pfad der 1. Ebene */ .main_nav_active { background-color: #ffffff; } .main_nav_active img { background-color: #0070B8; } .main_nav_active a { color: #0070B8; text-decoration: none; line-height: 17px; font-size: 14px; cursor: default; } /* 2. Ebene der Navigation */ #main_navigation ul div { display: none; position: absolute; left: 0px; top: 200px; width: 969px; background-color: #ffffff; box-shadow: 0px 8px 6px -4px #999999; -webkit-box-shadow: 0px 8px 6px -4px #999999; -moz-box-shadow: 0px 8px 6px -4px #999999; min-height: 243px; padding-left: 10px; z-index: 20; } #main_navigation ul div ul { z-index: 20; padding-top: 20px; padding-bottom: 40px; height: 100%; width: 235px; } #main_navigation ul li ul li { clear: both; width: 205px; height: 27px; margin-left: 5px; padding-left: 5px; padding-top: 8px; } #main_navigation ul li ul li a{ line-height: 14px; float: left; color: #999999; cursor: pointer; width: 190px; } #main_navigation ul li ul li a:hover{ text-decoration: underline; } #main_navigation ul li ul li img { background-color: #ffffff; margin-top: -3px; margin-right: -15px; cursor: pointer; } #navigation .nav_slider_left { display: none; background-color: #ffffff; position: absolute; bottom: 20px; left: 20px; z-index: 100; cursor: pointer; } #navigation .nav_slider_right { display: none; background-color: #ffffff; position: absolute; bottom: 20px; right: 20px; z-index: 100; cursor: pointer; } /* 3. Ebene */ /* standardmäßig ausblenden*/ #main_navigation ul li:hover ul ul{ display:none; } #main_navigation ul ul ul { position: absolute; height: 170px; top: 0px; left: 245px; padding-left: 5px; background-color: #ffffff; z-index: 21; } #main_navigation ul ul ul > .main_nav_li{ border-left: 1px solid #E9E9E9; } #main_navigation ul ul ul > .main_nav_li:last-child { /* padding-bottom: 28px;*/ margin-bottom: 38px; } /* 4. Ebene */ #main_navigation ul ul ul ul{ left: 240px; /*ab 4. Ebene 10px weniger zwecks Padding der 2. Ebene*/ z-index: 22; } /* 5. Ebene */ #main_navigation ul ul ul ul ul { z-index: 23; } /* 6. Ebene */ #main_navigation ul ul ul ul ul { z-index: 24; } /**************************************************** * Modulnavigation (rechter Bereich) incl. Suche * *****************************************************/ #navigation #module_navigation { width:auto; height: 100%; } #navigation #module_navigation #modules{ float:left; } /* Neu */ #navigation #module_navigation #btn_modules { display: none; } /* Organizer-Icon */ #navigation #module_navigation div { height: 50px; } #navigation #module_navigation div a { display: block; } #navigation #module_navigation #btn_organizer { margin-left: 4px; } #navigation #module_navigation .organizerActive { background-color: #0070B8; } #navigation #module_navigation .organizerCount { color: #0070B8; position: relative; top: -35px; left: 27px; font-size: 9px; font-weight: bold; max-width: 15px; } #navigation #module_navigation .organizerCountActive { color: white; } #navigation #module_navigation .moreThanTen { left: 25px; } /* Suche geändert */ #navigation #module_navigation #btn_search { right: 0px; float: right; margin-top: 3px; margin-bottom: 7px; margin-right: 10px; margin-left: 5px; cursor: pointer; } #navigation #module_navigation #flyout_search { display: none; position: absolute; left: 0px; top: 200px; width: 978px; height: 60px; background-color: #ffffff; z-index: 20; } #navigation #module_navigation #flyout_search a { float: right; font-size: 14px; line-height: 16px; color: #444444; text-decoration: none; font-weight: bold; margin-top: 5px; padding-right: 15px; } #navigation #module_navigation #flyout_search a:hover{ color: #0070B8; } #navigation #module_navigation #flyout_search a:hover > img{ background-color: #0070B8; } #navigation #module_navigation #flyout_search input[type=text]{ float: right; font-size: 14px; line-height: 16px; margin-bottom: 10px; color: #999999; border: 1px solid #999999; height: 28px; width: 250px; margin-top: 18px; margin-right: 10px; padding-left: 5px; } #navigation #module_navigation #flyout_search #search_btn { float: right; margin-top: 18px; margin-right: 10px; } #navigation #module_navigation #modules ul { float: right; height: 100%; margin-right: 10px; } /* geändert */ #navigation #module_navigation #modules{ float:left; } #navigation #module_navigation #modules li { margin-top: 13px; /* margin-left: 13px;*/ margin-left: 7px; list-style-type: none; float: left; } #navigation #module_navigation #modules li:first-child { margin-left: 0px; } #navigation #module_navigation #modules a { color: #ffffff; cursor: pointer; text-decoration: none; line-height: 17px; font-size: 14px; font-weight: bold; } #navigation #module_navigation #flyout_modules { display: none; } /**************************************************** * Breadcrumb * *****************************************************/ #breadcrumb{ width:auto; min-height: 22px; background-color: #ffffff; border-top: 1px solid #E9E9E9; padding-left: 20px; padding-top: 8px; color: #999999; font-size: 12px; } .breadcrumb_active { text-decoration: none; color: #FFD100; } .breadcrumb_active:hover { color: #FFD100; cursor: default; } .breadcrumb_inactive{ text-decoration: none; color: #999999; line-height: 17px; font-size: 12px; } .breadcrumbButton{ background-image: url('/media/images/fair_linkgraphics/button_breadcrumb.png'); background-repeat:no-repeat; background-position:right 2px; padding-right:14px; } .breadcrumbButton_span{ background-image: url('/media/images/fair_linkgraphics/button_breadcrumb.png'); background-repeat:no-repeat; background-position:right 3px; padding-right:14px; } .breadcrumbPaddingleft{ padding-left:8px; } .breadcrumbMarginleft{ margin-left:-7px; } .breadcrumbLvl1notGeneric{ position:relative;top:1px; } .breadcrumbisGeneric{ position:relative;top:0px; }