.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 100000; } .sf-menu .flyOutLeft ul { right: 0 !important; left: auto; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: -1px; left: 18em; } .sf-menu .flyOutLeft ul ul { top: -1px; left: -18.15em; } .sf-menu { font-size: 0.8125em; line-height: 1; } html[lang="de"] .sf-menu { font-size: 0.75em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0, 0, 0, .2); width: 18.15em; } .sf-menu a { padding: 0.8em 0.4em; text-decoration: none; zoom: 1; text-align: left; } .sf-menu a:link, .sf-menu a:visited { color: #FFFFFF; } .sf-menu a:hover { color: #fff952; } .sf-menu a:active { color: #fff952; } .sf-menu li { background: #2f80c2; } .sf-menu > li { background: none; text-transform: uppercase; } .sf-menu ul > li:first-child { } .sf-menu ul > li:last-child { } .vendor-ie-11 .sf-menu ul > li:first-child { margin-bottom: -1px; } .vendor-ie-11 .sf-menu ul > li:last-child { margin-top: -1px; } .sf-menu ul li { background: #2f80c2; text-transform: none; } .sf-menu ul ul li { background: #2f80c2; } .sf-menu li:hover, .sf-menu li.sfHover { background: #5ea2e1; } .sf-menu li:hover > .sf-with-ul, .sf-menu li.sfHover > .sf-with-ul { color: #fff952; } .sf-arrows .sf-with-ul { padding-right: 2em; } .sf-arrows .flyOutLeft ul .sf-with-ul { padding-left: 2.5em; padding-right: 1em; } .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 0.7em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #FFFFFF; -moz-transform: scale(.9999); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #FFFFFF; } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #FFFFFF; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #FFFFFF; } .sf-arrows .flyOutLeft ul .sf-with-ul:after { margin-left: -3px; left: 1em; border-color: transparent; border-right-color: #FFFFFF; } .sf-arrows .flyOutLeft ul li > .sf-with-ul:focus:after, .sf-arrows .flyOutLeft ul li:hover > .sf-with-ul:after, .sf-arrows .flyOutLeft ul .sfHover > .sf-with-ul:after { border-right-color: #FFFFFF; border-left-color: transparent; } .goMobile-btn { display: none; font-weight: bold; cursor: pointer; padding: 0.4em 0.6em 0.4em 40px; background: url(https://www.via-mea.com/layout/sprites.png?v-636894520140000000) no-repeat -130px 9px; color: #161616; text-indent: -9999em; } .goMobile-btn.active { background-position: -130px -42px; } .goMobile-btn:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .goMobile-subArrow { display: none; } #sideNav, #sideUserAreaNav { font-size: 0.875em; border: solid 1px #111111; margin-bottom: 1em; display: none; } ul.sideNav { } ul.sideNav a.topLevel { color: #FFFFFF !important; display: block; font-size: 1em; background-image: none; text-transform: uppercase; background-color: #111111; } #sideUserAreaNav ul.sideNav a.topLevel { background-color: #111111; } ul.sideNav a.topLevel:hover { background-color: #111111; } ul.sideNav li { border-bottom: dotted 1px #D0D0D0; } ul.sideNav li:last-child { border-bottom: none; } ul.sideNav ul li { background-color: #FFFFFF; } ul.sideNav ul ul li { background-color: #f4f4f4; } ul.sideNav ul ul ul li { background-color: #ececec; } ul.sideNav ul ul ul ul li { background-color: #e2e2e2; } ul.sideNav ul { display: none; } ul.sideNav ul li { clear: both; } ul.sideNav li a { padding: 0.5em; display: block; text-decoration: none; position: relative; } ul.sideNav li a:link, ul.sideNav li a:visited { color: #000000; } ul.sideNav li a:hover, ul.sideNav li a:active { background-color: #D0D0D0; color: #0856a0; } ul.sideNav ul li a { outline: 0; } ul.sideNav ul ul li a { padding-left: 0.5em; } ul.sideNav ul ul ul li a { padding-left: 1em; } ul.sideNav ul ul ul ul li a { padding-left: 1.5em; } ul.sideNav span.dcjq-icon { float: right; font-weight: normal; } ul.sideNav a .dcjq-icon { position: absolute; top: 50%; right: 1.908396946564885%; width: 11px; margin-top: -4px; height: 8px; background: url(https://www.via-mea.com/layout/sprites.png?v-636894520140000000) no-repeat 0 -8px; } ul.sideNav a.topLevel .dcjq-icon { background-position: 0 0; } ul.sideNav a.dcjq-parent { padding-right: 22px; } ul.sideNav a.dcjq-parent.active .dcjq-icon { background-position: -11px -8px; } ul.sideNav a.topLevel.dcjq-parent.active .dcjq-icon { background-position: -11px 0; } .vendor-ie-8 ul.sideNav a.topLevel + ul { display: block; } @media only screen and (min-width: 1025px) { ul.sideNav a.topLevel + ul { display: block; } } .userAreaHorzNav { margin: 0 0 0.5em; font-size: 0.875em; } .userAreaHorzNav ul { margin: 0; } .userAreaHorzNav li { float: left; } .userAreaHorzNav li a { display: inline-block; padding: 0.5em; background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #f0f0f0; margin-right: 0.5em; margin-bottom: 0.5em; white-space: nowrap; } .userAreaHorzNav li a:hover, .userAreaHorzNav li a.selected { border-bottom-color: #2f80c2; }