/* Site menu aka Mega Dropdown menu - see megadropdown.js */ /* 1st element */ #menu ul { margin: 0; } #menu ul.m1st { width: auto; height: 39px; padding: 0 0 0 10px; } #menu ul.m1st li { float: left; display: block; height: 39px; background-repeat: no-repeat; background-position: 0 0; } #menu ul.m1st li a { float: left; font-size: 17px; color: #fff; height: 39px; padding: 0 15px; line-height: 39px; font-family: AccessBold; text-decoration: none; } /* Active, selected and hover */ #menu ul.m1st li a.active, #menu ul.m1st li a:hover, #menu ul.m1st li a.selected { background-position: 0 -39px; } /* 2nd element */ #menu ul.m1st li ul.m2nd { display: none; position: absolute; top: 39px; left: 0; width: 980px; height: 200px; padding: 10px 0 0; z-index: 500; color: #fff; background: url(../img/navigationTop_submenubg_black.png) repeat 0 0; } #menu ul.m1st li ul.m2nd li { display: block; position: relative; width: auto; height: auto; float: left; z-index: 1000; margin: 0 0 0 20px; } /* 3rd element */ #menu ul.m1st li ul.m2nd li ul.m3rd { float: left; position: inherit; top: 0; padding: 0 0 0 10px; background: none; height: 200px; width: 200px; position: relative!important; } #menu ul.m1st li ul.m2nd li ul.m3rd li { float: left; display: block; margin: 0; } #menu ul.m1st li ul.m2nd li ul.m3rd a { display: block; width: 175px!important; height: 39px; padding-left: 16px; text-indent: 0; text-decoration: none; font-size: 13px; line-height: 14px; background-position: 0 3px; background-repeat: no-repeat; } /* Theme - Kulturminiseriet */ #menu ul.m1st li.culture ul.m2nd li { margin-left: 18px; } #menu ul.m1st li.themes ul.m2nd li { margin-left: 147px; } #menu ul.m1st li.news ul.m2nd li { margin-left: 231px; } #menu ul.m1st li.minister ul.m2nd li { margin-left: 412px; } #menu ul.m1st li.about ul.m2nd li { margin-left: 525px; } /* #menu ul.m1st li.news ul.m2nd li { margin-left: 233px; } #menu ul.m1st li.minister ul.m2nd li { margin-left: 410px; } #menu ul.m1st li.about ul.m2nd li { margin-left: 525px; } */ /* Set the hover text */ #menu ul.m1st li.culture a:hover { color: #86ab35; } #menu ul.m1st li.themes a:hover { color: #659492; } #menu ul.m1st li.news a:hover { color: #df483c; } #menu ul.m1st li.minister a:hover { color: #77aabe; } #menu ul.m1st li.about a:hover { color: #736b99; } #menu ul.m1st li.vaerdier a:hover { color: #757f6d; } /* Menu arrows based on theme */ #menu ul.m1st li ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-gray.png); } #menu ul.m1st li.culture ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-light-green.png); } #menu ul.m1st li.themes ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-dark-green.png); } #menu ul.m1st li.news ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-red.png); } #menu ul.m1st li.minister ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-blue.png); } #menu ul.m1st li.about ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-purple.png); } #menu ul.m1st li.vaerdier ul.m2nd li ul.m3rd a { background-image: url(../img/menu-link-arrow-dust-green.png); } /* Left Menu */ #leftmenu { width: 160px; height: auto; min-height: 150px; padding-top: 14px; background: url(../img/cell_bgs/cell2_160px_bg.png) no-repeat top left; } #leftmenu ul { margin: 0 10px 0 13px; padding: 0; } #leftmenu ul li { margin: 0; padding: 8px; list-style: none; } #leftmenu ul li a { padding: 4px 0; text-decoration: none; color: #000; font-size: 11px; font-weight: bold; line-height: 12px; } #leftmenu ul li ul { margin: 0; padding: 5px 0 0; } #leftmenu ul li ul li { margin: 0 1px 0 0; padding: 5px 10px 5px 0; } #leftmenu ul li ul li a { font-weight: normal; } #leftmenu ul li ul li ul { margin: 5px 0 0; padding: 0; } #leftmenu ul li ul li ul li { margin: 0 1px 0 0; padding: 5px 10px 5px 12px; } #leftmenu ul li ul li ul li a { color: #808080; } #leftmenu ul li a.selected, #leftmenu ul li a:hover { color: #3e7977; } /* Section Logo */ #leftmenu .section-logo { width: auto; height: 34px; margin: 0 0 7px 0; background: url(../img/spot_bgs/decorline_green.png) no-repeat 0 100%; color: #808080; } #leftmenu .section-logo span { display: block; font-size: 10px; font-weight: normal; text-transform: uppercase; padding: 7px 10px 0 20px; } /* Section Logo - Themes */ #publications #leftmenu .section-logo, #what-we-do #leftmenu .section-logo, #the-ministry #leftmenu .section-logo, #legislation #leftmenu .section-logo, #kum #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline_grey.png); } #sitemap #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline_grey.png); } #culture #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-culture.png); } #themes #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-themes.png); } #news #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-news.png); } #minister #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-minister.png); } #about #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-about.png); } #vaerdier #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-vaerdier.png); } /* Section Logo - Themes - Kulturkanon */ .siteKulturkanon #leftmenu .section-logo { background-image: url(../img/spot_bgs/decorline-culture.png); } /* Left menu - Themes */ #culture #leftmenu ul li a.selected, #culture #leftmenu ul li a:hover { color: #689900; } #themes #leftmenu ul li a.selected, #themes #leftmenu ul li a:hover { color: #3e7977; } #news #leftmenu ul li a.selected, #news #leftmenu ul li a:hover { color: #be0000; } #minister #leftmenu ul li a.selected, #minister #leftmenu ul li a:hover { color: #498095; } #about #leftmenu ul li a.selected, #about #leftmenu ul li a:hover { color: #483f73; } #vaerdier #leftmenu ul li a.selected, #vaerdier #leftmenu ul li a:hover { color: #757f6d; } #kum #leftmenu ul li a.selected, #kum #leftmenu ul li a:hover, #publications #leftmenu ul li a.selected, #publications #leftmenu ul li a:hover, #what-we-do #leftmenu ul li a.selected, #what-we-do #leftmenu ul li a:hover, #the-ministry #leftmenu ul li a.selected, #the-ministry #leftmenu ul li a:hover, #legislation #leftmenu ul li a.selected, #legislation #leftmenu ul li a:hover { color: #808080; } /* Left menu - Themes - Kulturkanon */ .siteKulturkanon #leftmenu ul li a.selected, .siteKulturkanon #leftmenu ul li a:hover { color: #689900; } .spot .spot-content .linkselector { margin: 7px 0; }