@font-face { font-family: 'megamenu'; src:  url('/ui/fonts/megamenu.eot?xamfix'); src:  url('/ui/fonts/megamenu.eot?xamfix#iefix') format('embedded-opentype'), url('/ui/fonts/megamenu.ttf?xamfix') format('truetype'), url('/ui/fonts/megamenu.woff?xamfix') format('woff'), url('/ui/fonts/megamenu.svg?xamfix#megamenu') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'megamenu' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-login:before { content: "\e901"; }
.icon-mail:before { content: "\e902"; }
.icon-clock:before { content: "\e903"; }
.icon-navigate:before { content: "\e900"; } 
/* 1. Menu Bar (grey) Desktop Stlyes */
.nav-main { font-family: "Roboto", Helvetica, Arial, sans-serif; background: #505050; height: 50px; margin: 0 auto; }
.nav-main .arrow-down, .nav-sub .arrow-down, #usermenu .arrow-down { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; position: absolute; display: block; height: 0; margin: 0; width: 0; }
.nav-main .arrow-down { right: 13px; top: 22px; }
#usermenu .arrow-down { right: 12px; top: 23px; }
.nav-sub .arrow-down { right: 13px; top: 20px; }
.nav-main .arrow-right, .nav-sub .arrow-right { border-left: 4px solid; border-bottom: 4px solid transparent; border-top: 4px solid transparent; position: absolute; display: block; height: 0; margin: 0; width: 0; }
.nav-main .arrow-right { left: 13px; top: 21px; }
.nav-sub .arrow-right { left: 0; top: 15px; }
.nav-main a, .nav-sub a { text-decoration: none; }
nav { max-width:1100px; margin:0 auto; padding:0; min-height: 40px; }
#cosinexlogo { position: absolute; background: #fff; margin: 0; padding: 13px 19px 20px 19px; float: left; box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; z-index: 999; }
#mobilemenubutton { display: none; }
#mobilemenucontainer { display: none; }
#superiornav { list-style: none; margin: 0 0 0 275px; padding: 0; }
.snle { display: block; float: left; padding:0; height: 50px; font-size: 14px; margin: 0; }
.snlea { position: relative; display: block; text-decoration: none; color: #fff; padding: 15px 30px 16px 13px; }
.snlea:focus { color: #fff; }
.snle:hover, .umle:hover { box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; }
.snle:hover .snlea, .umle:hover .umlea { background: #fff; color: #4194e0; }
.snle:hover .snlea { text-shadow: 1px 0px 1px #f0f0f0, 0px 1px 1px #f0f0f0, 2px 1px 1px #f5f5f5, 1px 2px 1px #f5f5f5, 3px 2px 1px #fafafa, 2px 3px 1px #fafafa; }
.mega { list-style: none; background: #f8f8f8; color: #000; min-height:430px; left:0; top:50px; display: none; width:100%; position: absolute; z-index: 200; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); }
.mmwrapper { margin:0 auto; max-width:1100px; }
.mmcontent, .mmcolumn2 { min-height: 430px; }
.mmcontent { position: relative; background: #f8f8f8; width:100%; float: left; }
.mmcolumn2 { display: none; width:75%; position: absolute; left:25%; top:0; text-shadow: none; }
.mml2l { margin: 28px 0 0 0; padding: 0; width: 25%; }
.mml2le { display: block; float: none; margin: 6px 0 0 0; width: 100%; height: 50px; background: #f8f8f8; color: #505050; text-shadow: 1px 0px 1px #e9e9e9, 0px 1px 1px #e9e9e9, 2px 1px 1px #eeeeee, 1px 2px 1px #eeeeee, 3px 2px 1px #f3f3f3, 2px 3px 1px #f3f3f3; }
.mml2le .mmca .arrow-right { display: none; }
.mml2le.active { text-shadow: 1px 0px 1px #f0f0f0, 0px 1px 1px #f0f0f0, 2px 1px 1px #f5f5f5, 1px 2px 1px #f5f5f5, 3px 2px 1px #fafafa, 2px 3px 1px #fafafa; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #fff; }
.mmca { display: block; position: relative; color: #505050; padding: 16px 15px 16px 30px; text-decoration: none; }
.mml2le.active .mmca { color: #4194e0; }
.mml2le.active .mmca .arrow-right { display: block; }
.mmdesc { display: inline-block; background: #fff; float: left; width: 55%; height: 430px; overflow: hidden; }
.wyltlmlink { margin: 25px 0; padding: 0; }
.wyltlmlink a { color: #4194e0; }
#mm3sm2 .wyltlmlink { margin-top: 0; }
.walloftext { margin: 0; color: #000; padding: 34px 28px 34px 20px; }
.walloftext a { color: #4194e0; }
.walloftext p { margin-bottom: 10px; }
.mmdesc h2 { letter-spacing: -1px; font-size: 28px; font-weight: 300; margin-top: 0; }
.mmdesc h2 a { color: #000; }
.mmdesc h2 span { font-size: 28px; font-weight: 600; }
.mmdesc h2 img { margin-bottom: -3px; }
.mmdesc h3 { margin: 14px 0 7px 0; font-size: 18px; font-weight: 300; }
.mmacademyschedule, .mmwebinarschedule, .mmblogarticlelist { display: block; width: 100%; padding: 0; list-style: none; }
.mmacademyschedule, .mmwebinarschedule { margin: 0 0 20px 0; }
.mmblogarticlelist { margin: 0 0 10px 0; }
.mmacademyschedule li { display: block; margin: 6px 0; padding: 0; }
.mmasa { display: block; width: 100%; padding: 0; border-bottom: 1px dashed #aaa; }
.mmasa li { margin-top: 10px; margin-bottom: 10px; }
.mmasa li, .mmwsa li { float: left; }
.mmasadate { text-align: center; color: #2f4167; min-width: 10%; }
.mmasadate a { color: #2f4167; }
.mmasadate .mmasadbig { display: block; font-size: 24px; line-height: 24px; }
.mmasadate .mmasadsmall { display: block; font-size: 11px; line-height: 11px; }
.mmasatitle { width: 80%; }
.mmasa:hover li a span, .mmasa:hover li a, .mmbale:hover a p, .mmbale:hover a p span, .mmwsa:hover li a span, .mmwsa:hover li i { color: #4194e0; }
.mmasatp1 { font-size: 15px; color: #000; text-shadow: 0px 0px 0px #000; }
.mmasatp2 { display: block; color: #505050; }
.mmasa:after, .mmwsa:after, .mmbale:after { content: ""; display: table; clear: both; }
.mmbale { display: block; border-top: 5px solid #fff; border-bottom: 5px solid #fff; margin: 6px 0; padding: 0; font-size: 15px; font-weight: 300; text-shadow: 0px 0px 0px #000; }
.mmbale span { font-weight: 300; display: block; color: #505050; }
.mmbalpp { width: 58px; height: 58px; margin-right: 15px; float: left; }
.mmbalpp img { width: 100%; }
.mmbale { margin-bottom: 15px; }
.mmbale, .mmbale a { color: #000; }
.mmwebinarschedule { background: url("/ui/img/megamenu/greyline60x10.png") repeat-y left top; list-style: none; }
.mmwsle { display: block; margin: 6px 0 12px 0; }
.mmwsa { display: block; width: 100%; padding: 0; list-style: none; }
.mmwsa li { margin-bottom: 10px; }
.mmwsadate { color: #505050; font-size: 11px; font-weight: 700; text-align: right; width: 38px; margin-right: 5px; }
.mmwsadate, .mmwsadate a { color: #505050; }
.mmwsadate span { display: block; line-height: 11px; }
.mmwsaclock { text-align: center; width: 20px; color: #2f4167; text-shadow: 0 0 3px #fff; background: #fff; }
.mmwebinarschedule:first-of-type { margin-top: 20px }
.mmwsatitle { width: 80%; color: #000; font-size: 15px; font-weight: 400; text-shadow: 0px 0px 0px #000; margin-top: -3px; }
.mmwsatitle a { color: #000; }
.mmwsatitle .mmwsatp2 { display: block; color: #505050; }
.mmgradient { width: 100%; min-height: 430px; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 25%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.mmgradient2 { width: 100%; min-height: 430px; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.mmpic { display: block; float: left; width: 45%; min-height: 430px; background-repeat: no-repeat; background-position: left; }
#mm1sm1 .mmpic { background-image: url("/ui/img/megamenu/pic_vms.jpg"); }
#mm1sm2 .mmpic { background-image: url("/ui/img/megamenu/pic_vmp.jpg"); }
#mm1sm3 .mmpic { background-image: url("/ui/img/megamenu/pic_vka.jpg"); }
#mm1sm4 .mmpic { background-image: url("/ui/img/megamenu/pic_evergabe.jpg"); }
#mm2sm1 .mmpic { background-image: url("/ui/img/megamenu/pic_fristen.jpg"); }
#mm2sm2 .mmpic { background-image: url("/ui/img/megamenu/pic_cpvcode.jpg"); }
#mm2sm3 .mmpic { background-image: url("/ui/img/megamenu/pic_support.jpg"); }
#mm3sm1 .mmpic { background-image: url("/ui/img/megamenu/pic_akademie.jpg"); }
#mm3sm2 .mmpic { background-image: url("/ui/img/megamenu/pic_blog.jpg"); }
#mm3sm3 .mmpic { background-image: url("/ui/img/megamenu/pic_webinare.jpg"); }

/* Usermenü (1. Bar right) Desktop Stlyes */
#usermenu { list-style: none; min-width: 160px; float: right; font-size: 13px; height: 50px; }
.umle { position: relative; display: block; float: left; color: #fff; height: 50px; }
.umlea { position: relative; display: block; text-decoration: none; color: #fff; padding: 17px 15px 15px 15px; }
.umlea i { margin-right: 5px; }
.umlea:first-child { padding-right: 25px; }
.umle:first-child { background: url("/ui/img/megamenu/whiteline1x20.png") no-repeat right center; }
.umle ul { display: none; position: absolute; background: #fff; padding: 0; margin: auto; z-index: 200; top: 50px; right: 0; min-width: 210px; max-width: 800px; list-style: none; font-size: 14px; box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 10px 5px  rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 10px 5px  rgba(0, 0, 0, 0.2); }
.uml2l li { margin: 0; padding: 10px 18px; color: #505050; }
.uml2l li:hover { background: #f8f8f8; color: #4194e0; }
.uml2l li a { color: #505050; }
.uml2l li:hover a { color: #4194e0; }
.uml2l li .arrow-right { display: none; }

/* 2. Menu Bar (white) Desktop Styles */        
.nav-sub { font-family: "Roboto", Helvetica, Arial, sans-serif; background: #fff; height: 60px; margin: 0 auto; padding-top: 10px; }
#pagenav { list-style: none; position: relative; margin: 0; padding: 0; float: right; }
#pagenav li:hover + li:nth-child(+1n) { background: none; }
.pnle { float: left; padding:0; height: 50px; font-size: 17px; background: url("/ui/img/megamenu/greyline1x30.png") no-repeat left center; }
.pnle:first-child { background: none; }
.pnlea { position: relative; display: block; text-decoration: none; color: #505050; padding: 12px 32px 12px 19px; }
.pnle:hover { background: #f8f8f8; }
.pnle:hover .pnlea { color: #4194e0; }
.pnle ul { display: none; position: absolute; background: #f8f8f8; padding: 0; margin: auto; z-index: 100; top: 50px; min-width: 120px; max-width: 800px; list-style: none; font-size: 14px; box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 10px 5px  rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 10px 5px  rgba(0, 0, 0, 0.2); }
.pnl2l li { margin: 0; padding: 10px 18px; color: #505050; }
.pnl2l li:hover { background: #fff; color: #4194e0; }
.pnl2l li a { color: #505050; }
.pnl2l li:hover a { color: #4194e0; }
.pnl2l .arrow-right { display: none; }
.pnml { display: block; position: relative; float: left; min-width: 5%; padding: 13px 11px; }
.pnml:hover { background: #f8f8f8; }
.pnlmc { padding: 0; margin: 0; background: #f8f8f8; }
.pnlmc h4 { font-weight: 600; }
.pnlmc div a { position: relative; display: block; padding: 8px 0px 8px 14px; color: #505050; }
.pnlmc div a:hover { background: #fff; color: #4194e0; }
#products ul { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#pagenavlogo { display: block; margin: 0; padding: 0; color: #2f4167; font-size: 32px; font-weight: 100; background: none; user-select: none; text-shadow: 1px 0px 1px #f0f0f0, 0px 1px 1px #f0f0f0, 2px 1px 1px #f5f5f5, 1px 2px 1px #f5f5f5, 3px 2px 1px #fafafa, 2px 3px 1px #fafafa; }
#pagenavlogo:hover { background: #fff; }
#pagenavlogo span { font-weight: 700; }
#pagenavlogo a { margin: 0; color: #2f4167; padding: 0 18px; }
#pitchblack { position: fixed; left: 0; top: 50px; display: none; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,.6); }

/* Mobile Version 1000px */
@media only screen and (max-width: 991.98px) {
    /* 1. Menu Bar */
    .mmcolumn2, .nav-sub, #pagenav, #pagenavlogo, .mmdesc, .mmpic, .umlea i { display: none; }
    .nav-main, .nav-main nav { height: 40px; box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; }
    .nav-main .arrow-down, .nav-sub .arrow-down, #usermenu .arrow-down { border-top: 8px solid transparent; border-right: none; border-bottom: 8px solid transparent; border-left: 8px solid; }
    .nav-main .active .arrow-down, .nav-sub .active .arrow-down, #usermenu .active .arrow-down { transform: rotate(90deg); transition: transform 0.2s linear; }
    #cosinexlogo { position: static; background: #fff; margin: 0; padding: 5px 5px 5px 5px; float: left; height: 40px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
    #cosinexlogo img { width: 100%; }
    #mobilemenubutton { height: auto; width: 40px; display: block; float: right; background: #fff; color: #505050; border-radius: 5px; padding: 2px; font-size: 22px; margin: 2px 10px; text-align: center; }
    #mobilemenucontainer { display: block; position: absolute; top: 40px; left: 0; right: 0; z-index: 200; }
    #superiornav { margin: 0; padding: 0; display: none; width: 100%; }
    .snle { border-top: 1px solid #000; height: 50px; float: none; width: 100%; height: auto; min-height: 50px; font-size: 19px; margin: 0; background: #505050; text-shadow: 1px 0px 1px #4b4b4b, 0px 1px 1px #4b4b4b, 2px 1px 1px #464646, 1px 2px 1px #464646, 3px 2px 1px #414141, 2px 3px 1px #414141; }
    .snle.active, .snle.active .snlea { color: #4194e0; }
    .snle:hover, .umle:hover { background: #505050; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
    .snlea { padding: 11px 15px; }
    .snle:hover .snlea, .umle:hover .umlea { background: #505050; color: #fff; }
    .snle.active:hover .snlea, .umle.active:hover .umlea { color: #4194e0; }
    .snle:hover .snlea { text-shadow: 1px 0px 1px #4b4b4b, 0px 1px 1px #4b4b4b, 2px 1px 1px #464646, 1px 2px 1px #464646, 3px 2px 1px #414141, 2px 3px 1px #414141; }
    .nav-main .arrow-down, .nav-sub .arrow-down, #usermenu .arrow-down { top: 18px; }
    .mega { padding: 0; }
    .mml2l { margin: 0; padding: 0; width: 100%; background: #dedede; }
    .mml2le { border-top: 1px solid #505050; height: 50px; margin: 0; background: #dedede; text-shadow: 1px 0px 1px #cfcfcf, 0px 1px 1px #cfcfcf, 2px 1px 1px #d4d4d4, 1px 2px 1px #d4d4d4, 3px 2px 1px #d9d9d9, 2px 3px 1px #d9d9d9; }
    .mmca { padding: 11px 30px; }
    .mml2le .mmca .arrow-right, .pnl2l .arrow-right, .uml2l li .arrow-right { position: absolute; left: 13px; top: 21px; display: block; }
    .mmca:hover { background: #dedede; text-shadow: 1px 0px 1px #cfcfcf, 0px 1px 1px #cfcfcf, 2px 1px 1px #d4d4d4, 1px 2px 1px #d4d4d4, 3px 2px 1px #d9d9d9, 2px 3px 1px #d9d9d9; }
    .mega { min-height:50px; position: static; }
    .mmcontent, .mmcolumn2 { min-height: 50px; position: static; float: none; }
    
    /* 2. Menu Bar (white) Mobile Styles */        
    #pagenav { position: static; float: none; width: 100%; clear: both; list-style: none; }
    #pagenav li:hover + li:nth-child(+1n) { background: #fff; }
    .pnle { border-top: 1px solid #505050; float: none; padding: 0; height: auto; font-size: 19px; border-left: none; background: #fff; text-shadow: 1px 0px 1px #f0f0f0, 0px 1px 1px #f0f0f0, 2px 1px 1px #f5f5f5, 1px 2px 1px #f5f5f5, 3px 2px 1px #fafafa, 2px 3px 1px #fafafa; }
    .pnle.active, .pnle.active .pnlea, .pnle.active:hover .pnlea { color: #4194e0; }
    .pnle:hover { background: #fff; }
    .pnle:hover .pnlea { color: #505050; }
    .pnle:first-child { background: #fff; }            
    .pnlea:hover { background: #fff; text-shadow: 1px 0px 1px #e9e9e9, 0px 1px 1px #e9e9e9, 2px 1px 1px #eeeeee, 1px 2px 1px #eeeeee, 3px 2px 1px #f3f3f3, 2px 3px 1px #f3f3f3; }
    .pnlea { display: block; text-decoration: none; padding: 11px 32px 12px 19px; }
    .pnle ul { position: static; max-width: none; min-width: 0; }
    .pnl2l { width: 100%; }
    .pnl2l li { border-top: 1px solid #a7a7a7; display: block; height: 50px; margin: 0; padding: 0; color: #505050; font-size: 19px; background: #dedede; text-shadow: 1px 0px 1px #cfcfcf, 0px 1px 1px #cfcfcf, 2px 1px 1px #d4d4d4, 1px 2px 1px #d4d4d4, 3px 2px 1px #d9d9d9, 2px 3px 1px #d9d9d9; }
    .pnl2l li:hover { background: #dedede; text-shadow: 1px 0px 1px #cfcfcf, 0px 1px 1px #cfcfcf, 2px 1px 1px #d4d4d4, 1px 2px 1px #d4d4d4, 3px 2px 1px #d9d9d9, 2px 3px 1px #d9d9d9; color: #505050; }
    #pagenav .pnl2l li:hover + li:nth-child(+1n) { background: #dedede; }
    .pnl2l li a { position: relative; display: block; padding: 11px 30px; color: #505050; }
    .pnl2l li:hover a { color: #505050; }
    
    /* Usermenü (1. Bar right) Mobile Stlyes */
    #usermenu { min-width: 0; padding: 0; width: 100%; float: none; display: none; font-size: 19px; height: auto; }
    .umle, .umle:first-child { float: none; border-top: 1px solid #000; background: #505050; text-shadow: 1px 0px 1px #4b4b4b, 0px 1px 1px #4b4b4b, 2px 1px 1px #464646, 1px 2px 1px #464646, 3px 2px 1px #414141, 2px 3px 1px #414141; }
    .umle.active, .umle.active .umlea { color: #4194e0; }
    .umle:hover { text-shadow: 1px 0px 1px #4b4b4b, 0px 1px 1px #4b4b4b, 2px 1px 1px #464646, 1px 2px 1px #464646, 3px 2px 1px #414141, 2px 3px 1px #414141; }
    .umlea { position: relative; padding: 11px 15px; }
    .umlea:hover { background: #505050; }
    .umle ul { position: static; background: #dedede; min-width: 0; max-width: none; font-size: 19px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
    .uml2l li { height: 50px; padding: 0; border-top: 1px solid #505050; text-shadow: 1px 0px 1px #cfcfcf, 0px 1px 1px #cfcfcf, 2px 1px 1px #d4d4d4, 1px 2px 1px #d4d4d4, 3px 2px 1px #d9d9d9, 2px 3px 1px #d9d9d9; }
    .uml2l li:hover { background: #dedede; color: #505050; }
    .uml2l li:hover a { color: #505050; }
    .uml2l li a { display: block; padding: 11px 30px; position: relative; }
}

/* Mobile Version <576px */
@media only screen and (max-width: 576px) {
    /* 1. Menu Bar */
    .nav-main .arrow-down, .nav-sub .arrow-down, #usermenu .arrow-down { border-top: 5px solid transparent; border-right: none; border-bottom: 5px solid transparent; border-left: 5px solid; }
    .nav-main, .nav-main nav { height: 30px; }
    nav { min-height: 30px; }
    #cosinexlogo { padding: 2px; height: auto; }
    #mobilemenubutton { height: 26px; width: 30px; border-radius: 3px; padding: 4px 3px 0px 3px; font-size: 18px; margin: 0 5px; }
    #mobilemenucontainer { top: 30px; }
    .snle { min-height: 30px; font-size: 12px; margin: 0; background: #505050; text-shadow: none; }
    .snlea { padding: 6px 5px; }
    .snle:hover .snlea { text-shadow: none; }
    .nav-main .arrow-down, .nav-sub .arrow-down, #usermenu .arrow-down { top: 12px; }
    .mml2le { height: 30px; background: #dedede; text-shadow: none; }
    .mmca { padding: 6px 15px; }
    .mml2le .mmca .arrow-right, .pnl2l .arrow-right, .uml2l li .arrow-right { left: 5px; top: 11px; }
    .mmca:hover { background: #dedede; text-shadow: none; }
    .mega { min-height:30px; }
    .mmcontent, .mmcolumn2 { min-height: 30px; }
    
    /* 2. Menu Bar (white) Mobile Styles */        
    .pnle { font-size: 12px; text-shadow: none; }
    .pnlea:hover { text-shadow: none; }
    .pnlea { display: block; text-decoration: none; padding: 6px 5px 6px 5px; }
    .pnl2l li { height: 30px; font-size: 12px; background: #dedede; }
    .pnl2l li:hover { background: #dedede; color: #505050; }
    .pnl2l li a { position: relative; display: block; padding: 6px 15px; }
    
    /* Usermenü (1. Bar right) Mobile Stlyes */
    #usermenu { font-size: 12px; }
    .umle, .umle:first-child { border-top: 1px solid #000; height: 30px; background: #505050; text-shadow: none; }
    .umle:hover { text-shadow: none; }
    .umlea { position: relative; padding: 6px 5px; }
    umlea:hover { background: #fff; }
    .umle ul { background: #dedede; font-size: 12px; }
    .uml2l li { height: 30px; padding: 0; border-top: 1px solid #505050; text-shadow: none; }
    .uml2l li:hover { background: #dedede; }
    .uml2l li a { padding: 6px 15px; }
}