/* Servicemenu */ #servicemenu { /*position: absolute; right: 120px; top: 0;*/ float: right; } #servicemenu ul { margin: 0; } #servicemenu ul li { float: left; list-style: none; background: url(../img/icon/separator.png) 0 0 no-repeat; } #servicemenu ul li a { display: block; padding: 10px; margin-left: 1px; color: #000; font-size: 13px; text-decoration: none; } #servicemenu ul li a:hover { background: transparent url(../img/bg/servicemenu-hover.png) 0 0 repeat-x; } #login { /*position: absolute; right: 7px; top: 0;*/ float: right; width: 110px; padding-right: 7px; z-index: 8000; } #login .login-btn { float: left; display: block; padding: 0; height: 40px; color: #fff; font-size: 13px; text-decoration: none; outline: none; background: url(../img/menu/login.png) 0 0 no-repeat !important; cursor: pointer; } #login .login-btn span { height: 40px; font: bold 13px/34px verdana; padding: 0 40px 0 15px; display: block; background: url(../img/menu/login.png) 100% 100% no-repeat !important; } /* Servicemenu - Login box */ #login .loginbox { display: none; position: absolute; right: -17px; top: 33px; width: 200px; padding: 0 20px 10px; background: url(../img/bg/loginbox.png) 50% 100% no-repeat; z-index: 9000; } #login .loginbox ul.lb-deco { width: 200px; z-index: 1001; border-top: solid 4px #627ba3; margin: 0; background-color: #fff; } #login .loginbox ul.lb-deco li { float: none; list-style: none; } #login .loginbox ul.lb-deco a { float: none; clear: both; padding: 0 0 0 10px; color: #fff; display: block; line-height: 26px; text-decoration: none; } #login .loginbox ul.lb-deco ul { padding: 0 0 10px; margin: 0; background: url(../img/menu/loginbox-shading.png) 0 0 repeat-x; } #login .loginbox ul.lb-deco ul li { padding: 10px 0 0 10px; } #login .loginbox ul.lb-deco ul a { padding: 0 0 0 25px; line-height: 17px; color: #000; } #login .loginbox ul.lb-deco ul a:hover { text-decoration: underline; } /* Servicemenu - categorie colors */ #login .loginbox .medlemmer a { background: url(../img/bg/loginbox-medl.png) 0 0 repeat-x; } #login .loginbox .virksomheder a { background: url(../img/bg/loginbox-virk.png) 0 0 repeat-x; } #login .loginbox .organisationer a { background: url(../img/bg/loginbox-orga.png) 0 0 repeat-x; } #login .loginbox .medlemmer ul a { background: url(../img/icon/link-arrow-medl.png) 0 0 no-repeat; } #login .loginbox .virksomheder ul a { background: url(../img/icon/link-arrow-virk.png) 0 0 no-repeat; } #login .loginbox .organisationer ul a { background: url(../img/icon/link-arrow-orga.png) 0 0 no-repeat; } /* Main menu */ #menu { margin: 0 10px; position: relative; } #menu .levels-0 { height: 40px; visibility: hidden; } #menu .levels-1 { height: 40px; padding-bottom: 10px; } #menu .levels-1 ul.m2nd { height: 0px!important; overflow: hidden; } #menu .levels-1 ul.m2nd li { display: none; } #menu .levels-2 { height: 80px; padding-bottom: 10px; } #menu ul { height: 40px; margin: 0; } #menu ul li { height: 40px; margin: 0; list-style: none; float: left; display: block; } #menu ul li a { height: 40px; line-height: 40px; font-size: 14px; display: block; float: left; text-decoration: none; color: #000; outline: none; cursor: pointer; text-decoration: none!important; } #menu ul li a span { height: 40px; display: block; float: left; padding: 0 20px; } #menu ul.m1st { } #menu ul.m1st li { } #menu ul.m1st li a { background: url(../img/menu/menu-li.png) 0 0 no-repeat; margin-right: -1px; } #menu ul.m1st li a span { background: url(../img/menu/menu-li.png) 100% -40px no-repeat; margin-left: 2px; } #menu ul.m1st li a:hover { background-position: 0 -80px; } #menu ul.m1st li a:hover span { background-position: 100% -120px; } #menu ul.m1st li ul.m2nd { height: 40px; position: absolute; left: 0; top: 40px; width: 940px; background: url(../img/menu/menu-m2nd.png) 0 0 no-repeat; border-top: solid 6px #cfcfcf; } #menu ul.m1st li ul.m2nd li { height: 33px; background: url(../img/menu/menu-m2nd-li.png) 100% 50% no-repeat; overflow: hidden; } #menu ul.m1st li ul.m2nd li a { height: 33px; line-height: 34px; font-size: 12px; margin-right: 0; background: none; } #menu ul.m1st li ul.m2nd li a:hover { background: #dce1e5; } #menu ul.m1st li ul.m2nd li a span { height: 33px; background: none; } #menu ul.m1st li ul.m2nd li.selected a { color: #fff; padding-right: 8px; } /* Themes */ #medlemmer #menu ul.m1st li ul.m2nd { border-top: solid 6px #b61615; } #virksomheder #menu ul.m1st li ul.m2nd { border-top: solid 6px #0c1b2f; } #organisationer #menu ul.m1st li ul.m2nd { border-top: solid 6px #4d687f; } #ompensiondanmark #menu ul.m1st li ul.m2nd { border-top: solid 6px #5e87a3; } #medlemmer #menu ul.m1st ul.m2nd li.selected { background: url(../img/menu/menu-2nd-li-medl.png) 100% 0 repeat-x; } #virksomheder #menu ul.m1st ul.m2nd li.selected { background: url(../img/menu/menu-2nd-li-virk.png) 100% 0 repeat-x; } #organisationer #menu ul.m1st ul.m2nd li.selected { background: url(../img/menu/menu-2nd-li-orga.png) 100% 0 repeat-x; } #ompensiondanmark #menu ul.m1st ul.m2nd li.selected { background: url(../img/menu/menu-2nd-li-opdk.png) 100% 0 repeat-x; } #medlemmer #menu ul.m1st ul.m2nd li.selected a:hover, #virksomheder #menu ul.m1st ul.m2nd li.selected a:hover, #organisationer #menu ul.m1st ul.m2nd li.selected a:hover, #ompensiondanmark #menu ul.m1st ul.m2nd li.selected a:hover { background: none; } #medlemmer .medlemmer .m1st-l, #medlemmer .medlemmer .m1st-l span { background: url(../img/menu/menu-li-medlemmer.png) 0 0 no-repeat; color: #fff; } #medlemmer .medlemmer .m1st-l span { background-position: 100% -40px; } #virksomheder .virksomheder .m1st-l, #virksomheder .virksomheder .m1st-l span { background: url(../img/menu/menu-li-virksomheder.png) 0 0 no-repeat; color: #fff; } #virksomheder .virksomheder .m1st-l span { background-position: 100% -40px; } #organisationer .organisationer .m1st-l, #organisationer .organisationer .m1st-l span { background: url(../img/menu/menu-li-organisationer.png) 0 0 no-repeat; color: #fff; } #organisationer .organisationer .m1st-l span { background-position: 100% -40px; } #ompensiondanmark .ompensiondanmark .m1st-l, #ompensiondanmark .ompensiondanmark .m1st-l span { background: url(../img/menu/menu-li-ompdk.png) 0 0 no-repeat; color: #fff; } #ompensiondanmark .ompensiondanmark .m1st-l span { background-position: 100% -40px; } /* Left Menu */ #leftmenu { margin: 0 10px; padding-top: 10px; overflow: hidden; } #leftmenu ul { margin: 0; padding: 0; } #leftmenu ul li { list-style: none; border-top: 1px solid #ececec; } /*MGH, Case: 09984, Removed width width: 100%; from #leftmenu ul li a*/ #leftmenu ul li a { display: block; outline: none; font-size: 13px; color: #000; line-height: 18px; text-decoration: none; } #leftmenu ul li a:hover { background: url(../img/menu/leftmenu-stan.png) 0 100% repeat-x; } #leftmenu ul li a.selected { background: url(../img/menu/leftmenu-stan.png) 0 0 repeat-x; color: #fff; } #leftmenu ul li a.selected:hover { background: url(../img/menu/leftmenu-stan.png) 0 0 repeat-x; } #leftmenu ul li a.expanded:hover { background: url(../img/menu/leftmenu-stan.png) 0 100% repeat-x; } #leftmenu ul li a.expanded { background: none; } #leftmenu ul li a span { display: block; padding: 5px 5px 5px 25px; } #leftmenu ul li a span { background: url(../img/icon/link-arrow-stan-ol.png) 0 50% no-repeat; } #leftmenu ul li a.selected span { background: url(../img/icon/link-arrow-stan.png) 0 50% no-repeat; } #leftmenu ul li a.expanded span { background: url(../img/icon/link-arrow-stan-down-ol.png) 0 50% no-repeat; color: #5e87a3; } #leftmenu ul li a { padding-left: 10px; } #leftmenu ul ul li a { padding-left: 20px; } #leftmenu ul ul ul li a { padding-left: 30px; } #leftmenu ul ul ul ul li a { padding-left: 40px; } /* Left menu Themes */ #medlemmer #leftmenu ul li a:hover { background: url(../img/menu/leftmenu-medl.png) 0 100% repeat-x; } #medlemmer #leftmenu ul li a.selected { background: url(../img/menu/leftmenu-medl.png) 0 0 repeat-x; } #medlemmer #leftmenu ul li a.selected:hover { background: url(../img/menu/leftmenu-medl.png) 0 0 repeat-x; } #medlemmer #leftmenu ul li a.expanded:hover { background: url(../img/menu/leftmenu-medl.png) 0 100% repeat-x; } #medlemmer #leftmenu ul li a.expanded { background: none; } #medlemmer #leftmenu ul li a span { background: url(../img/icon/link-arrow-medl-ol.png) 0 50% no-repeat; } #medlemmer #leftmenu ul li a.selected span { background: url(../img/icon/link-arrow-medl.png) 0 50% no-repeat; } #medlemmer #leftmenu ul li a.expanded span { background: url(../img/icon/link-arrow-medl-down-ol.png) 0 50% no-repeat; color: #d61a19; } #virksomheder #leftmenu ul li a:hover { background: url(../img/menu/leftmenu-virk.png) 0 100% repeat-x; } #virksomheder #leftmenu ul li a.selected { background: url(../img/menu/leftmenu-virk.png) 0 0 repeat-x; } #virksomheder #leftmenu ul li a.selected:hover { background: url(../img/menu/leftmenu-virk.png) 0 0 repeat-x; } #virksomheder #leftmenu ul li a.expanded:hover { background: url(../img/menu/leftmenu-virk.png) 0 100% repeat-x; } #virksomheder #leftmenu ul li a.expanded { background: none; } #virksomheder #leftmenu ul li a span { background: url(../img/icon/link-arrow-virk-ol.png) 0 50% no-repeat; } #virksomheder #leftmenu ul li a.selected span { background: url(../img/icon/link-arrow-virk.png) 0 50% no-repeat; } #virksomheder #leftmenu ul li a.expanded span { background: url(../img/icon/link-arrow-virk-down-ol.png) 0 50% no-repeat; color: #0f233d; } #organisationer #leftmenu ul li a:hover { background: url(../img/menu/leftmenu-orga.png) 0 100% repeat-x; } #organisationer #leftmenu ul li a.selected { background: url(../img/menu/leftmenu-orga.png) 0 0 repeat-x; } #organisationer #leftmenu ul li a.selected:hover { background: url(../img/menu/leftmenu-orga.png) 0 0 repeat-x; } #organisationer #leftmenu ul li a.expanded:hover { background: url(../img/menu/leftmenu-orga.png) 0 100% repeat-x; } #organisationer #leftmenu ul li a.expanded { background: none; } #organisationer #leftmenu ul li a span { background: url(../img/icon/link-arrow-orga-ol.png) 0 50% no-repeat; } #organisationer #leftmenu ul li a.selected span { background: url(../img/icon/link-arrow-orga.png) 0 50% no-repeat; } #organisationer #leftmenu ul li a.expanded span { background: url(../img/icon/link-arrow-orga-down-ol.png) 0 50% no-repeat; color: #526e86; } #ompensiondanmark #leftmenu ul li a:hover { background: url(../img/menu/leftmenu-opdk.png) 0 100% repeat-x; } #ompensiondanmark #leftmenu ul li a.selected { background: url(../img/menu/leftmenu-opdk.png) 0 0 repeat-x; } #ompensiondanmark #leftmenu ul li a.selected:hover { background: url(../img/menu/leftmenu-opdk.png) 0 0 repeat-x; } #ompensiondanmark #leftmenu ul li a.expanded:hover { background: url(../img/menu/leftmenu-opdk.png) 0 100% repeat-x; } #ompensiondanmark #leftmenu ul li a.expanded { background: none; } #ompensiondanmark #leftmenu ul li a span { background: url(../img/icon/link-arrow-opdk-ol.png) 0 50% no-repeat; } #ompensiondanmark #leftmenu ul li a.selected span { background: url(../img/icon/link-arrow-opdk.png) 0 50% no-repeat; } #ompensiondanmark #leftmenu ul li a.expanded span { background: url(../img/icon/link-arrow-opdk-down-ol.png) 0 50% no-repeat; color: #5e87a3; }