/* generic.css */ /* generic stylesheet for listbased navigation */ /* sets standard properties that may be modified later by specific gallery or custom stylesheets */ div.navigationwrapper { clear:both; } /* remove all standard list looks */ ul.navigationlist { list-style-type:none; margin:0; padding:0; min-width:1%; /* this rule fixes a display bug in IE7 by forcing it to calculate the menu width */ } /* all menu items */ ul.navigationlist li.navigationlistitem { margin:0; padding:0; display:block; float:left; } /* last menu item */ ul.navigationlist li.lastitem { } /* all menu item links */ ul.navigationlist li.navigationlistitem a { display:block; float:left; text-decoration:none; padding:0px; } /* all menu item links on hover */ ul.navigationlist li.navigationlistitem a:hover { padding:0px; border:none; } /* last menu item link */ ul.navigationlist li.lastitem a { clear:right; } /* text inside all menu item links */ ul.navigationlist li.navigationlistitem a span { padding:7px 15px; display:block; white-space:nowrap; } /* menu items that should not appear in standard desktop mode (but still needs to be in the DOM to be available for a responsive mode) */ .ts-dt-hide, ul.navigationlist li.navigationlistitem.ts-dt-hide { display:none; } /* master.css */ /* ------------------------------------------------------------------------------------------------------------------------------ */ /* This file was auto generated when the font was added or modified by hk@euroweb.dk at 24-03-2015 10:08:52 */ /* ------------------------------------------------------------------------------------------------------------------------------ */ /* Generel skrifttype, -størrelse og linieafstand */ body, td, input, textarea, select { font-family: 'OpenSans Light',Helvetica,Arial,Sans-serif; } /* Generel skrifttype, -størrelse og linieafstand */ body, td, input, textarea, select { font-size: 8pt; line-height: 11pt; } /* Normal afsnit og intro afsnit */ p { margin: 0px 0px 2px 0px; } /* Alle links */ a { text-decoration: none; } /* Alle links - mouseover */ a:hover { text-decoration: underline; } /* Links i overskrifter - mouseover */ h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none; } /* Sidetitel */ .pageheader { font-size: 11pt; margin: 0px 0px 8px; } /* Afsnitsoverskrift */ .sectionheader { font-size: 9pt; margin: 12px 0px 6px; } table { border-collapse: collapse; } table[cellspacing] { border-collapse: separate; } /* Tabel i standardformat - overskrift */ /*.tableheader, .tableheader td*/ .tableheader > td, .tableheader > th { font-weight: 700; padding: 3px 8px 4px; } /* Tabel i standardformat - rækker */ .tablelineodd, .tablelineodd > td, .tablelineeven, .tablelineeven > td { border-bottom-style: solid; border-bottom-width: 1px; padding: 3px 8px; } body, td, input, textarea, select { color: #333; } a { color: #a59e86; } a:hover { border-bottom-color: #a59e86; } .sectionheader a[name] { color: #333; } table { border-color: #333; } .tableheader, .tableheader td, .tableheader th { background-color: #a59e86; color: white; border-color: #a59e86; border-bottom-color: #333; } .tablelineodd, .tablelineodd td { border-bottom-color: #333; } .tablelineeven, .tablelineeven td { border-bottom-color: #333; } body {background:rgb(255, 255, 255) none; margin:0px 0px 0px 0px} #layoutbox1 {width:100%; max-width:1280px; min-height:130px; padding:30px 30px 0px 30px; float:none} #layoutbox12 {min-width:100px; min-height:20px; margin-top:10px; margin-right:-610px; position:absolute; top:55px; right:50%} div#mergefield_code6 {float:left} #layoutbox13 {min-height:90px; position:relative; top:0px; left:0px} div#mergefield_richtext15 {float:right; position:absolute; top:0px; right:0px} div#mergefield_huset_holst-logo > a > img {border:none} div#mergefield_huset_holst-logo {float:left; position:absolute; top:8px; left:0px} #layoutbox19 {min-height:20px; display:none} div#mergefield_produkt-icon {float:left; display:none} div#mergefield_richtext11 {display:none} #layoutbox14 {min-height:20px; display:none} #layoutbox3 {width:20px; min-height:20px; float:right; background:rgb(0, 0, 0) none; display:none} #layoutbox9 {min-height:20px; display:none} #layoutbox10 {min-height:20px; display:none} #layoutbox11 {min-height:20px; display:none} div#mergefield_richtext7 {display:none} #layoutbox4 {min-height:20px; float:none; position:absolute; top:25px; right:260px} div#mergefield_navigation_level1,[data-tsnavid="mergefield_navigation_level1"] {margin-top:8px; float:none} @media screen and (max-width: 1024px) and (min-width: 769px) { div#mergefield_navigation_level1[data-ts-transitiontype="pushtopdown"]{-webkit-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-moz-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-o-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow:hidden} [data-tsnavid="mergefield_navigation_level1"][data-ts-transitiontype="pushtopdown"]{-webkit-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-moz-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-o-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow:hidden} div#mergefield_navigation_level1[data-ts-transitionstate="state1"]{border-top-width:0px;border-bottom-width:0px;padding-top:0px;padding-bottom:0px;min-height:0px;height:0px;overflow:hidden} [data-tsnavid="mergefield_navigation_level1"][data-ts-transitionstate="state1"]{border-top-width:0px;border-bottom-width:0px;padding-top:0px;padding-bottom:0px;min-height:0px;height:0px;overflow:hidden} } @media screen and (max-width: 768px) { div#mergefield_navigation_level1[data-ts-transitiontype="pushtopdown"]{-webkit-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-moz-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-o-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow:hidden} [data-tsnavid="mergefield_navigation_level1"][data-ts-transitiontype="pushtopdown"]{-webkit-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-moz-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-o-transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;transition:border-top-width 500ms ease 0ms, border-bottom-width 500ms ease 0ms, padding-top 500ms ease 0ms, padding-bottom 500ms ease 0ms, height 500ms ease 0ms;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow:hidden} div#mergefield_navigation_level1[data-ts-transitionstate="state1"]{border-top-width:0px;border-bottom-width:0px;padding-top:0px;padding-bottom:0px;min-height:0px;height:0px;overflow:hidden} [data-tsnavid="mergefield_navigation_level1"][data-ts-transitionstate="state1"]{border-top-width:0px;border-bottom-width:0px;padding-top:0px;padding-bottom:0px;min-height:0px;height:0px;overflow:hidden} } #layoutbox20 {min-height:20px; position:absolute; top:33px; right:72px} div#mergefield_code14 {float:left} #layoutbox15 {min-height:20px; padding:60px 30px 60px 30px; background:rgb(237, 234, 229) none} #layoutbox21 {min-height:20px} div#mergefield_richtext8 {margin:20px 10px 20px 10px; padding:10px 10px 10px 42px; clear:none; width:190px; background:url(/media/imagegenerator/24x0/nyheds-icon.png) no-repeat 10px 14px; background-size:24px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:rgb(165, 158, 134); border-right-color:rgb(165, 158, 134); border-bottom-color:rgb(165, 158, 134); border-left-color:rgb(165, 158, 134)} div#mergefield_richtext12 {margin:20px 10px 20px 10px; padding:10px 10px 10px 42px; width:190px; background:url(/media/imagegenerator/20x20/facebook-icon.gif) no-repeat 10px 12px; background-size:20px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:rgb(165, 158, 134); border-right-color:rgb(165, 158, 134); border-bottom-color:rgb(165, 158, 134); border-left-color:rgb(165, 158, 134)} div#mergefield_richtext10 {margin:20px 10px 20px 10px; padding:10px 10px 10px 42px; width:190px; background:url(/media/imagegenerator/20x20/instagram-icon.gif) no-repeat 10px 12px; background-size:20px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:rgb(165, 158, 134); border-right-color:rgb(165, 158, 134); border-bottom-color:rgb(165, 158, 134); border-left-color:rgb(165, 158, 134)} #layoutbox22 {min-height:20px; display:none} div#mergefield_richtext16 {margin:20px 10px 20px 10px; padding:10px 10px 10px 42px; width:190px; background:url(/media/imagegenerator/20x0/gavekort-icon.png) no-repeat 10px 12px; background-size:20px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:rgb(165, 158, 134); border-right-color:rgb(165, 158, 134); border-bottom-color:rgb(165, 158, 134); border-left-color:rgb(165, 158, 134)} #layoutbox18 {width:100%; max-width:1240px; min-height:20px; padding-top:30px; padding-bottom:40px} div#mergefield_code9 {float:left} #layoutbox16 {width:100%; max-width:1280px; min-height:20px; padding-right:30px; padding-left:30px} #layoutbox2 {width:100%; min-height:20px; padding:30px 30px 30px 30px; border-top-style:solid; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-width:1px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-color:rgb(204, 204, 204)} #layoutbox17 {width:226px; min-height:20px; margin-top:20px; margin-bottom:20px} div#mergefield_dankort_35 {float:left} div#mergefield_edankort_35 {margin-right:10px; margin-left:10px; float:left} div#mergefield_amex_70 {float:left} div#mergefield_jcb_70 {margin-right:10px; margin-left:10px; float:left} div#mergefield_master_35 {margin-right:10px; float:left} div#mergefield_visa-35 {float:left} div#mergefield_code2 {float:left} #layoutbox5 {width:0px; height:0px; overflow:hidden; margin-right:-490px; opacity:0; position:fixed; top:30px; right:50%} @media screen and (min-width: 1025px) { #layoutbox5[data-ts-transitiontype="userdefined"]{-webkit-transition:all 500ms ease 0ms;-moz-transition:all 500ms ease 0ms;-o-transition:all 500ms ease 0ms;transition:all 500ms ease 0ms} #layoutbox5[data-ts-transitionstate="state2"]{width:300px;height:140px;margin-top:-70px;margin-right:-150px;opacity:1;top:50%;display:block;padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:rgb(201, 193, 168);box-shadow:rgb(153, 153, 153) 0px 0px 12px 0px} } @media screen and (max-width: 1024px) and (min-width: 769px) { #layoutbox5[data-ts-transitiontype="userdefined"]{-webkit-transition:all 500ms ease 0ms;-moz-transition:all 500ms ease 0ms;-o-transition:all 500ms ease 0ms;transition:all 500ms ease 0ms} #layoutbox5[data-ts-transitionstate="state2"]{right:50%;bottom:auto;left:auto;margin-top:-70px;margin-right:-150px;width:300px;height:140px;overflow:hidden;opacity:1;position:fixed;top:50%;display:block;padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:rgb(201, 193, 168);box-shadow:rgb(204, 204, 204) 0px 0px 12px 4px} } @media screen and (max-width: 768px) { #layoutbox5[data-ts-transitiontype="userdefined"]{-webkit-transition:all 500ms ease 0ms;-moz-transition:all 500ms ease 0ms;-o-transition:all 500ms ease 0ms;transition:all 500ms ease 0ms} #layoutbox5[data-ts-transitionstate="state2"]{right:50%;bottom:auto;left:auto;margin-top:-70px;margin-right:-150px;width:300px;height:140px;overflow:hidden;opacity:1;position:fixed;top:50%;display:block;padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:rgb(201, 193, 168);box-shadow:rgb(204, 204, 204) 0px 0px 12px 4px} } body.ie8 #layoutbox5[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox5[data-ts-transitionstate="state2"]{width:300px;height:140px;margin-top:-70px;margin-right:-150px;opacity:1;top:50%;display:block;padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:rgb(201, 193, 168);box-shadow:rgb(153, 153, 153) 0px 0px 12px 0px} #layoutbox6 {min-height:20px} div#mergefield_richtext3 {margin-top:-10px; margin-bottom:20px; opacity:0} div#mergefield_richtext3[data-ts-transitiontype="userdefined"]{-webkit-transition:all 500ms ease 0ms;-moz-transition:all 500ms ease 0ms;-o-transition:all 500ms ease 0ms;transition:all 500ms ease 0ms} div#mergefield_richtext3[data-ts-transitionstate="state2"]{opacity:1} body.ie8 div#mergefield_richtext3[data-ts-transitiontype="userdefined"]{} body.ie8 div#mergefield_richtext3[data-ts-transitionstate="state2"]{opacity:1} #layoutbox7 {min-width:45%; min-height:20px; padding-top:8px; padding-bottom:8px; float:left; background:rgb(255, 255, 255) none; opacity:0} #layoutbox7[data-ts-transitiontype="userdefined"]{-webkit-transition:all 500ms ease 0ms;-moz-transition:all 500ms ease 0ms;-o-transition:all 500ms ease 0ms;transition:all 500ms ease 0ms} #layoutbox7[data-ts-transitionstate="state2"]{opacity:1} body.ie8 #layoutbox7[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox7[data-ts-transitionstate="state2"]{opacity:1} #layoutbox8 {min-width:45%; min-height:20px; padding-top:8px; padding-bottom:8px; float:right; background:rgb(255, 255, 255) none; opacity:0} #layoutbox8[data-ts-transitiontype="userdefined"]{-webkit-transition:all 500ms ease 0ms;-moz-transition:all 500ms ease 0ms;-o-transition:all 500ms ease 0ms;transition:all 500ms ease 0ms} #layoutbox8[data-ts-transitionstate="state2"]{opacity:1} body.ie8 #layoutbox8[data-ts-transitiontype="userdefined"]{} body.ie8 #layoutbox8[data-ts-transitionstate="state2"]{opacity:1} div#sitelayout4 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; min-height:500px; margin:auto auto auto auto; background:rgb(255, 255, 255) none; position:relative} .layoutcolumn {display:table-cell;overflow:hidden;float:none;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .layoutcolumnset {display:table;table-layout:fixed;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .layoutfloatbreaker {width:0%; display:none;} .navigationwrapper .layoutfloatbreaker {clear:both; display:block; height:0px} [class="mergefield_image"] > a { display:inline-block; } .layoutbox {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block} form {margin:0px; padding:0px} select {margin:0px} .size1 {font-size:xx-small} .size2 {font-size:x-small} .size3 {font-size:small} .size4 {font-size:medium} .size5 {font-size:large} .size6 {font-size:x-large} .size7 {font-size:xx-large} ul.breadcrumb {display:inline-block;padding:0px;margin:0px;} ul.breadcrumb li {display:inline-block;list-style-type:none;padding-left:2px;padding-right:2px;} td { vertical-align:top; } a > img, img[usemap] { border:none; } td[valign="middle"] { vertical-align:middle; } td[valign="bottom"] { vertical-align:bottom; } html>/**/body img {vertical-align:bottom} div.mergefield_image {font-size:0px; line-height:0px;} @media screen and (min-width: 1px) { body {-webkit-text-size-adjust:100%} img {max-width:100%;height:auto} } /* Tekstformatering i spalter og flettefelter */ #mergefield_richtext3, #mergefield_richtext3 td, #mergefield_richtext3 .section, #mergefield_richtext3 .sectionintro, #mergefield_richtext3 .sectionheader a[name] {color: #FFFFFF} #mergefield_richtext3 .tableheader, #mergefield_richtext3 .tableheader td, #mergefield_richtext3 .tableheader td.section {color: #fff} #mergefield_richtext3 .tablelineodd, #mergefield_richtext3 .tablelineodd td, #mergefield_richtext3 .tablelineeven, #mergefield_richtext3 .tablelineeven td {border-bottom-color: #FFFFFF} #layoutbox19 a.inlinelink, #layoutbox19 a.sectionlink, #layoutbox19 a.actionlink, #layoutbox19 a.breadcrumb, #layoutbox19 a.pageposition, #layoutbox19 a.calendarlinks {color: #000000} #layoutbox19 .tableheader, #layoutbox19 .tableheader td {background-color: #000000} /* High-definition background images if supported by device */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { div#mergefield_richtext8 {background-image:url(/media/imagegenerator/24x0/nyheds-icon@2x.png); background-size:24px auto} div#mergefield_richtext12 {background-image:url(/media/imagegenerator/20x20/facebook-icon@2x.gif); background-size:20px 20px} div#mergefield_richtext10 {background-image:url(/media/imagegenerator/20x20/instagram-icon@2x.gif); background-size:20px 20px} div#mergefield_richtext16 {background-image:url(/media/imagegenerator/20x0/gavekort-icon@2x.png); background-size:20px auto} } /* Brugerdefinerede typografier */ /*======TYPO=======*/ body, td, input, textarea, select { font-size: 1em; line-height: 1.5em; font-weight: normal; } b, strong { font-family: 'OpenSans Bold',Helvetica,Arial,Sans-serif; font-weight: normal; } p.section { margin: 0px 0px 10px 0px; } .buttons a, .buttons input { background: #c9c1a8; color: #fff; display: inline-block; padding: 5px 10px; text-decoration: none; border-radius: 0px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; border: 0; font-size: 1em; cursor: pointer; } footer a { color: #000; } /*======TYPO END=======*/ /*======CATEGORY MENU START======*/ div.nav-level2 div.TCL0FC5CFDJ3L.sfnavlevel2 .TCM0JC5CFFG3B { position: absolute; z-index: 1000; margin-top: 40px; } div.nav-level2 div.TCL0FC5CFDJ3L.sfnavlevel2 div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist { height: 0; min-height: 0; overflow: hidden; border: 1px solid #ccc; } div.nav-level2 div.TCL0FC5CFDJ3L.sfnavlevel2 div.TCM0JC5CFFG3B > div.navigationwrapper { height: 0; min-height: 0; overflow: hidden; min-width: 150px; text-align: left; } div.nav-level2 div.sfnavlevel2 ul.navigationlist li.navigationlistitem:hover div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist, div.nav-level2 div.sfnavlevel2 ul.navigationlist li.navigationlistitem:hover div.TCM0JC5CFFG3B > div.navigationwrapper { height: inherit; } /*======CATEGORY MENU END======*/ .minibasket-wrapper { z-index: 11; } nav, .nav-button, .produkter-button { z-index: 12; } .aligncenter { margin-left: auto; margin-right: auto; } .layoutbox { overflow: hidden; } .after-order { z-index: 10; } .after-order a { text-decoration: none; } .nyhedsmail { text-align: center; } .nyhedsmail > div > div{ display: inline-block; } a.nyhedsbutton { /*border: 2px solid #a59e86; padding: 10px 10px 10px 42px;*/ text-decoration: none; } @media screen and (min-width: 1025px) { #mergefield_navigation_level1 .sfnavlevel2, #navigationlistitem_2 { display: none; } } @media screen and (min-width: 1221px) { div.nav-level2 div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { border-right: 1px solid #ccc; } div.nav-level2 div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { border-left: 1px solid #ccc; } div.nav-level2 div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { font-size: 0.8em; padding-right: 0; padding-left: 0; width: 121px; } } @media screen and (min-width: 769px) and (max-width: 1280px) { #layoutbox12.minibasket-wrapper { margin-right: 30px; right: 0; } } @media screen and (min-width: 769px) and (max-width: 900px) { .produkter-button #mergefield_richtext11, .nav-button #mergefield_richtext7 { display: none; } #layoutbox19.produkter-button { right: 342px; } } /*====Admin panel modifications for webshop pagelayout====*/ #pseudositelayout #page-20000005_layoutbox3 { padding-left: 0px; } #pseudositelayout #page-20000005_layoutbox2 { display: none; } /*=========Coockie info==========*/ #cookieInfo { display: none; position: fixed; z-index: 1000; left: 0; bottom: 0px; width: 100%; min-height: 40px; background: #000; color: white; } #cookieInfo a { color: black; } #cookieInfo div.content { max-width: 1220px; width: 100%; margin: 0 auto; padding: 10px; } #cookieInfo div.close { float: right; padding: 0 10px 10px 10px; background-image: url(/media/close-button@2x.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; width: 14px; height: 14px; cursor: pointer; } #cookieInfo.show { display: block; } /*=========Coockie info==========*/ /* Responsive design css */ @media screen and (max-width: 1024px) { #layoutbox19, #layoutbox19 td, #layoutbox19 .section, #layoutbox19 .sectionintro, #layoutbox19 .sectionheader a[name] { color: #000000; } #layoutbox19 .tableheader, #layoutbox19 .tableheader td, #layoutbox19 .tableheader td.section { color: #fff; } #layoutbox19 .tablelineodd, #layoutbox19 .tablelineodd td, #layoutbox19 .tablelineeven, #layoutbox19 .tablelineeven td { border-bottom-color: #000000; } #layoutbox1 { min-height:20px; height:auto; padding-bottom:30px; } #layoutbox12 { right:30px; bottom:auto; left:auto; margin-right:30px; } #layoutbox13 { position:static; min-height:20px; height:auto; left:0px; top:0px; } div#mergefield_richtext15 { top:25px; right:30px; bottom:auto; left:auto; } div#mergefield_huset_holst-logo { float:none; position:static; } #layoutbox19 { position:absolute; top:40px; left:auto; right:410px; bottom:auto; } div#mergefield_produkt-icon { display:block; background-image:url(/media/imagegenerator/32x0/produkt-icon.gif); background-repeat:no-repeat; background-position:0% 0%; margin-top:1px; } div#mergefield_produkt-icon img { width:32px; height:auto; visibility:hidden; } div#mergefield_richtext11 { display:block; float:left; margin-top:4px; margin-left:10px; } #layoutbox14 { display:block; position:absolute; top:66px; left:auto; right:290px; bottom:auto; } #layoutbox3 { display:block; position:static; top:13px; left:auto; right:100px; bottom:auto; width:32px; min-height:0px; min-width:0px; max-width:none; height:32px; overflow:hidden; float:left; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding-top:6px; padding-left:6px; padding-bottom:6px; padding-right:6px; } #layoutbox9 { min-height:3px; display:block; height:auto; overflow:hidden; background-color:rgb(255, 255, 255); border-top-left-radius:1px; border-top-right-radius:1px; border-bottom-left-radius:1px; border-bottom-right-radius:1px; margin-top:1px; } #layoutbox10 { min-height:3px; display:block; height:auto; overflow:hidden; background-color:rgb(255, 255, 255); border-top-left-radius:1px; border-top-right-radius:1px; border-bottom-left-radius:1px; border-bottom-right-radius:1px; margin-top:4px; } #layoutbox11 { min-height:3px; display:block; height:auto; overflow:hidden; background-color:rgb(255, 255, 255); border-top-left-radius:1px; border-top-right-radius:1px; border-bottom-left-radius:1px; border-bottom-right-radius:1px; margin-top:4px; } div#mergefield_richtext7 { display:block; float:left; margin-top:3px; margin-left:10px; } #layoutbox4 { min-height:0px; height:auto; position:static; top:0px; bottom:auto; left:auto; } #layoutbox20 { top:63px; right:100px; bottom:auto; left:auto; } #layoutbox5 { right:30px; bottom:auto; left:auto; margin-right:0px; } /* User defined CSS for responsive mode 1024 */ .nav-button, .produkter-button { font-family: 'OpenSans regular',Helvetica,Arial,Sans-serif; font-size: 1em; text-transform: uppercase; letter-spacing: 0.02em; } } /* High-definition background images if supported by device */ @media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (min-resolution: 144dpi) { div#mergefield_produkt-icon {background-image:url(/media/imagegenerator/32x0/produkt-icon@2x.gif); background-size:32px auto} } @media screen and (max-width: 768px) { body { background-position:initial; } div#sitelayout4 { background-position:initial; } #layoutbox1 { position:static; } #layoutbox12 { margin-right:0px; } #layoutbox13 { top:-1px; } #layoutbox19 { right:342px; } div#mergefield_produkt-icon { background-image:url(/media/imagegenerator/32x0/produkt-icon.gif); background-position-x:0%; background-position-y:0%; } div#mergefield_richtext11 { display:none; } #layoutbox3 { background-position:initial; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; } div#mergefield_richtext7 { display:none; } #layoutbox15 { background-position:initial; } #layoutbox7 { background-position:initial; } #layoutbox8 { background-position:initial; } /* User defined CSS for responsive mode 768 */ .nav-button, .produkter-button { font-family: 'OpenSans regular',Helvetica,Arial,Sans-serif; font-size: 0.8em; text-transform: none; letter-spacing: 0em; } } /* High-definition background images if supported by device */ @media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 768px) and (min-resolution: 144dpi) { div#mergefield_produkt-icon {background-image:url(/media/imagegenerator/32x0/produkt-icon@2x.gif); background-size:32px auto} } @media screen and (max-width: 690px) { #layoutbox1 { min-height:100px; padding-top:20px; padding-left:20px; padding-bottom:0px; padding-right:20px; } #layoutbox12 { right:20px; top:35px; } div#mergefield_richtext15 { top:10px; } div#mergefield_huset_holst-logo { float:left; position:absolute; top:28px; left:20px; right:auto; bottom:auto; background-image:url(/media/imagegenerator/160x0/huset_holst-logo.png); background-repeat:no-repeat; background-position:0% 0%; } div#mergefield_huset_holst-logo img { width:160px; height:auto; visibility:hidden; } #layoutbox19 { right:332px; top:22px; } #layoutbox14 { top:47px; right:280px; } #layoutbox4 { width:100%; min-width:0px; max-width:none; margin-top:20px; } #layoutbox20 { top:43px; right:90px; } #layoutbox15 { padding-top:40px; padding-bottom:40px; } #layoutbox18 { padding-top:10px; padding-bottom:20px; } #layoutbox16 { padding-left:20px; padding-right:20px; } #layoutbox2 { padding-top:20px; padding-left:20px; padding-bottom:20px; padding-right:20px; } /* User defined CSS for responsive mode 690 */ h1.heading1, h2.heading1 { font-size: 1.7em; } #mergefield_huset_holst-logo { z-index: 14; } } /* High-definition background images if supported by device */ @media screen and (max-width: 690px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 690px) and (min-resolution: 144dpi) { div#mergefield_huset_holst-logo {background-image:url(/media/imagegenerator/160x0/huset_holst-logo@2x.png); background-size:160px auto} } @media screen and (max-width: 568px) { ul.navigationlist li.navigationlistitem.ts-pl-hide { display:none; } ul.navigationlist li.navigationlistitem.ts-pl-show { display:block; } #mergefield_richtext15, #mergefield_richtext15 td, #mergefield_richtext15 .section, #mergefield_richtext15 .sectionintro, #mergefield_richtext15 .sectionheader a[name] { color: #FFFFFF; } #mergefield_richtext15 .tableheader, #mergefield_richtext15 .tableheader td, #mergefield_richtext15 .tableheader td.section { color: #fff; } #mergefield_richtext15 .tablelineodd, #mergefield_richtext15 .tablelineodd td, #mergefield_richtext15 .tablelineeven, #mergefield_richtext15 .tablelineeven td { border-bottom-color: #FFFFFF; } #layoutbox1 { min-height:175px; padding-bottom:20px; } #layoutbox12 { right:15px; top:48px; } div#mergefield_richtext15 { top:0px; right:auto; left:0px; width:100%; min-width:0px; max-width:none; background-color:rgb(0, 0, 0); padding-top:5px; padding-bottom:5px; } div#mergefield_huset_holst-logo { top:48px; background-image:url(/media/imagegenerator/220x0/huset_holst-logo.png); } div#mergefield_huset_holst-logo img { width:220px; } #layoutbox19 { right:70px; top:98px; } #layoutbox14 { top:120px; right:20px; } #layoutbox20 { top:118px; right:auto; left:20px; } #layoutbox15 { padding-left:0px; padding-right:0px; } /* User defined CSS for responsive mode 568 */ .minibasket-wrapper { z-index: 13; } #layoutbox20.custom-search { width: 100%; left: 0; z-index: 11; padding: 0 70px 0 20px; } .custom-search form input.search-field { width: calc(100% - 35px); width: -webkit-calc(100% - 35px); } #mergefield_navigation_level1.TCL0FC5CFDH5H > div.navigationwrapper { padding-top: 100px; } } /* High-definition background images if supported by device */ @media screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 568px) and (min-resolution: 144dpi) { div#mergefield_huset_holst-logo {background-image:url(/media/imagegenerator/220x0/huset_holst-logo@2x.png); background-size:220px auto} } @media screen and (max-width: 380px) { ul.navigationlist li.navigationlistitem.ts-pp-hide { display:none; } ul.navigationlist li.navigationlistitem.ts-pp-show { display:block; } #layoutbox1 { min-height:165px; } #layoutbox12 { top:40px; } div#mergefield_huset_holst-logo { background-image:url(/media/imagegenerator/170x0/huset_holst-logo.png); } div#mergefield_huset_holst-logo img { width:170px; } #layoutbox19 { top:88px; } #layoutbox14 { top:110px; } #layoutbox20 { top:108px; } /* User defined CSS for responsive mode 380 */ /*======TYPO=======*/ body, td, input, textarea, select { font-size: 1em; line-height: 1.5em; font-weight: normal; } .produkter-button { font-size: 1em; text-transform: uppercase; letter-spacing: 0.02em; } } /* High-definition background images if supported by device */ @media screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 380px) and (min-resolution: 144dpi) { div#mergefield_huset_holst-logo {background-image:url(/media/imagegenerator/170x0/huset_holst-logo@2x.png); background-size:170px auto} } /* navigation1.css */ /* NOTE: This is the actual desktop-mode navigation type, wrapped in a media query with a lower boundary to kill inheritance and avoid resets */ @media screen and (min-width: 1025px) { /* START OF ORIGINAL FILE CONTENT */ /* Desktop level 1 */ #preview { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#a59e86; } div.TCL0FC5CFDH5H { background-repeat:repeat; background-position:left top; } div.TCL0FC5CFDH5H > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right:30px; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'OpenSans Regular',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:7px; padding-right:0px; padding-bottom:7px; padding-left:0px; color:#000000; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'OpenSans Regular',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'OpenSans Regular',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Desktop level 1 */ div.TCL0FC5CFDH5H { /* boks uden om hele navigationen */ } div.TCL0FC5CFDH5H > div.navigationwrapper { /* hele navigationen */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ font-size: 1em; text-transform: uppercase; letter-spacing: 0.02em; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ } /* End of Desktop level 1 */ /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDH5H .navigationwrapper { /* main menu */ } div.sfnavlevel1.TCL0FC5CFDH5H .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TCL0FC5CFDH5H li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TCL0FC5CFDH5H li .navigationwrapper a { /* all submenuitems */ } /* END OF ORIGINAL FILE CONTENT */ } /* NOTE: This responsive interval references navigation type TCL0FC5CJBH3H (copied on 06-08-2015 16:55:36) */ @media screen and (max-width: 1024px) { /* Mobile level 1 */ #preview { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#a59e86; } #preview { max-width:240px; } div.TCL0FC5CFDH5H { background-repeat:repeat; background-position:left top; max-width:768px } div.TCL0FC5CFDH5H > div.navigationwrapper { padding-top:20px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-bottom:0px; clear:left; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem, div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a, div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { float:none; background:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'OpenSans Bold',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:12px; padding-right:15px; padding-bottom:12px; padding-left:0px; color:#000000; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'OpenSans Bold',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'OpenSans Bold',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Mobile level 1 */ div.TCL0FC5CFDH5H { /* boks uden om hele navigationen */ min-width: 100%; } div.TCL0FC5CFDH5H > div.navigationwrapper { /* hele navigationen */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ font-size: 1em; text-transform: uppercase; letter-spacing: 0em; border-bottom: 1px solid #ccc; } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TCL0FC5CFDH5H > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border-bottom: 0px solid #ccc; } /* End of Mobile level 1 */ /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDH5H .navigationwrapper { /* main menu */ } div.sfnavlevel1.TCL0FC5CFDH5H .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TCL0FC5CFDH5H li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TCL0FC5CFDH5H li .navigationwrapper a { /* all submenuitems */ } } /* navigation1.css */ /* NOTE: This is the actual desktop-mode navigation type, wrapped in a media query with a lower boundary to kill inheritance and avoid resets */ @media screen and (min-width: 1025px) { /* START OF ORIGINAL FILE CONTENT */ /* Desktop level 2 */ #preview { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#a59e86; } div.TCL0FC5CFDJ3L { background-repeat:repeat; background-position:left top; } div.TCL0FC5CFDJ3L > div.navigationwrapper { padding-top:2px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-right:auto; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'OpenSans Regular',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:20px; padding-right:16px; padding-bottom:20px; padding-left:16px; color:#000000; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'OpenSans Regular',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'OpenSans Regular',Arial,Verdana,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#999; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Desktop level 2 */ div.TCL0FC5CFDJ3L { /* boks uden om hele navigationen */ } div.TCL0FC5CFDJ3L > div.navigationwrapper { /* hele navigationen */ width: 100%; text-align: center; padding-top: 0; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist { line-height: 0; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { float: none; display: inline-block; } div.TCL0FC5CFDJ3L div.navigationwrapper ul.navigationlist li.navigationlistitem:hover > a span, div.TCL0FC5CFDJ3L div.navigationwrapper ul.navigationlist li.navigationlistitem.activeitem:hover > a span { background: #e0dbcd; color: #ffffff; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem.firstitem:hover > a > span { border-left: 1px solid #ccc; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem.lastitem:hover > a > span { border-right: 1px solid #ccc; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ font-size: 0.90em; border-bottom: 0px; white-space: normal; border-left: 1px solid #ccc; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ border-left: 1px solid rgb(237, 234, 229); } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.firstitem > a:hover > span { /* teksten på det første menupunkt */ border-left: 1px solid #ccc; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border-right: 1px solid rgb(237, 234, 229); } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem > a:hover > span { /* teksten på det sidste menupunkt */ border-right: 1px solid #ccc; } /* End of Desktop level 2 */ /* ------------------------------------------------ */ /* Standard suckerfish from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper { position: absolute; z-index: 1000; left: -999em; width: 250px; } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper a { width: 250px; overflow: hidden; float:left !important; } div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel3, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel4, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel5 { float:left; } div.sfnavlevel1.TCL0FC5CFDJ3L li:hover .navigationwrapper { left: auto; } div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 { clear:both } div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 div.sfnavlevel3 .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel3 div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel4 div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 li:hover div.sfnavlevel5 .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 li:hover div.sfnavlevel3 li:hover div.sfnavlevel5 .navigationwrapper { left: -999em; } div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 li:hover .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel3 li:hover div.sfnavlevel4 .navigationwrapper, div.sfnavlevel1.TCL0FC5CFDJ3L div.sfnavlevel2 li:hover div.sfnavlevel4 li:hover div.sfnavlevel5 .navigationwrapper { left: 250px; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper { /* main menu */ } div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper a { /* all submenuitems */ } /* END OF ORIGINAL FILE CONTENT */ } /* NOTE: This responsive interval references navigation type TDG0FC5CJDM2F (copied on 06-08-2015 16:55:36) */ @media screen and (max-width: 1024px) { /* Mobile level 2 */ #preview { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#a59e86; } #preview { max-width:240px; } div.TCL0FC5CFDJ3L { background-color:#fff; background-repeat:repeat; background-position:left top; max-width:768px } div.TCL0FC5CFDJ3L > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-color:#fff; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-bottom:0px; clear:left; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem, div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a, div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { float:none; background:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:12px; padding-right:10px; padding-bottom:12px; padding-left:10px; color:#333333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#a59e86; background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Mobile level 2 */ div.TCL0FC5CFDJ3L { /* boks uden om hele navigationen */ max-width: 100%; } div.TCL0FC5CFDJ3L > div.navigationwrapper { /* hele navigationen */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ font-size: 0.9em; text-transform: none; letter-spacing: 0em; border-bottom: 1px solid #ccc; white-space: normal; } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TCL0FC5CFDJ3L > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ } /* End of Mobile level 2 */ /* ------------------------------------------------ */ /* Standard collapsable menu from 'render all' tab: */ /* all items */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem, .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem a { float: none; position:relative; } /* arrow hitarea */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):after { content: ''; position: absolute; top: 0px; right: 0px; width: -webkit-calc(1em + (10px * 2)); width: -moz-calc(1em + (10px * 2)); width: calc(1em + (10px * 2)); height: 100%; background-color: yellow; opacity: 0; } /* arrow */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); width: 1em; height: 1em; position: absolute; top: -webkit-calc(50% - (1em / 2)); top: -moz-calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); right: 10px; transition: all ease 100ms 400ms; -ms-transition: all ease 100ms 400ms; -moz-transition: all ease 100ms 400ms; -webkit-transition: all ease 100ms 400ms; } /* arrow expanded */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem.expanded > a:first-child:nth-last-child(2):before { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* arrow on hovered items */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):hover:before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23a59e86\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 10px; } /* arrow on active items */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem a.activelink:first-child:nth-last-child(2):before { content: url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23a59e86\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 10px; } /* arrow when all sub-items are hidden (like in a responsive mode) */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem a.nosubitems:first-child:nth-last-child(2):before { display:none; } /* collapsable submenu */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem > div:last-child { overflow: hidden; height: 0px; transition: height ease 500ms; -ms-transition: height ease 500ms; -moz-transition: height ease 500ms; -webkit-transition: height ease 500ms; } /* collapsable submenu expanded */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem.expanded > div:last-child { height:auto; } /* killing transitions when expanded on load */ .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem.expanded.killtransitions a:first-child:nth-last-child(2):before, .TCL0FC5CFDJ3L ul.navigationlist li.navigationlistitem.expanded.killtransitions > div:last-child { transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; } /* ie8 reset */ .TCL0FC5CFDJ3L .navigationlistitem > div { overflow:hidden; height:0px; } /* ie8 reset */ .TCL0FC5CFDJ3L .navigationlistitem.activeitem > div { height:auto; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper { /* main menu */ } div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper a { /* all submenuitems */ } } /* navigation1.css */ /* NOTE: This is the actual desktop-mode navigation type, wrapped in a media query with a lower boundary to kill inheritance and avoid resets */ @media screen and (min-width: 1025px) { /* START OF ORIGINAL FILE CONTENT */ /* Desktop level 3 */ #preview { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#a59e86; } #preview { max-width:240px; } div.TCM0JC5CFFG3B { background-color:#fff; background-repeat:repeat; background-position:left top; max-width:768px } div.TCM0JC5CFFG3B > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-color:#fff; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-bottom:0px; clear:left; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { float:none; background:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:20px; padding-right:14px; padding-bottom:20px; padding-left:14px; color:#333333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; color:#fff; background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; background-color:#e2ded0; color:#fff; background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Desktop level 3 */ div.TCM0JC5CFFG3B { /* boks uden om hele navigationen */ } div.TCM0JC5CFFG3B > div.navigationwrapper { /* hele navigationen */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ font-size: 0.8em; text-transform: none; letter-spacing: 0.02em; border-bottom: 1px solid #ccc; white-space: normal; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border-bottom: 0px; } /* End of Desktop level 3 */ /* ------------------------------------------------ */ /* Standard collapsable menu from 'render all' tab: */ /* all items */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem, .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a { float: none; position:relative; } /* arrow hitarea */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):after { content: ''; position: absolute; top: 0px; right: 0px; width: -webkit-calc(1em + (14px * 2)); width: -moz-calc(1em + (14px * 2)); width: calc(1em + (14px * 2)); height: 100%; background-color: yellow; opacity: 0; } /* arrow */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); width: 1em; height: 1em; position: absolute; top: -webkit-calc(50% - (1em / 2)); top: -moz-calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); right: 14px; transition: all ease 100ms 400ms; -ms-transition: all ease 100ms 400ms; -moz-transition: all ease 100ms 400ms; -webkit-transition: all ease 100ms 400ms; } /* arrow expanded */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded > a:first-child:nth-last-child(2):before { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* arrow on hovered items */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):hover:before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23fff\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 14px; } /* arrow on active items */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a.activelink:first-child:nth-last-child(2):before { content: url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23fff\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 14px; } /* arrow when all sub-items are hidden (like in a responsive mode) */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a.nosubitems:first-child:nth-last-child(2):before { display:none; } /* collapsable submenu */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem > div:last-child { overflow: hidden; height: 0px; transition: height ease 500ms; -ms-transition: height ease 500ms; -moz-transition: height ease 500ms; -webkit-transition: height ease 500ms; } /* collapsable submenu expanded */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded > div:last-child { height:auto; } /* killing transitions when expanded on load */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded.killtransitions a:first-child:nth-last-child(2):before, .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded.killtransitions > div:last-child { transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; } /* ie8 reset */ .TCM0JC5CFFG3B .navigationlistitem > div { overflow:hidden; height:0px; } /* ie8 reset */ .TCM0JC5CFFG3B .navigationlistitem.activeitem > div { height:auto; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper { /* main menu */ } div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper a { /* all submenuitems */ } /* END OF ORIGINAL FILE CONTENT */ } /* NOTE: This responsive interval references navigation type TDD0JC5BLDM1B (copied on 06-08-2015 16:55:36) */ @media screen and (max-width: 1024px) { /* Mobile level 3 */ #preview { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; } #preview { font-size:8pt; line-height:15px; } #preview a { color:#a59e86; } #preview { max-width:240px; } div.TCM0JC5CFFG3B { background-color:#fff; background-repeat:repeat; background-position:left top; max-width:768px } div.TCM0JC5CFFG3B > div.navigationwrapper { padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px; background-color:#fff; background-repeat:repeat; background-position:left top; /* IE7 hack */ min-height:1px; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem { margin-bottom:0px; clear:left; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.lastitem { margin:0px; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { float:none; background:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; padding-top:8px; padding-right:10px; padding-bottom:8px; padding-left:20px; color:#333333; background-repeat:repeat; background-position:left top; background-image:none; cursor:pointer; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; background-color:#999; color:#fff; background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink span, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink:hover span { font-family:'OpenSans Light',Helvetica,Arial,Sans-serif; font-weight:400; font-style:normal; text-decoration:none; background-color:#999; color:#fff; background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a, div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a:hover { background-repeat:repeat; background-position:left top; background-image:none; } /* Advanced CSS for Mobile level 3 */ div.TCM0JC5CFFG3B { /* boks uden om hele navigationen */ max-width: 100%; } div.TCM0JC5CFFG3B > div.navigationwrapper { /* hele navigationen */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a { /* alle menupunkter */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a > span { /* tekst på alle menupunkter */ font-size: 0.8em; text-transform: none; letter-spacing: 0em; border-bottom: 1px solid #ccc; white-space: normal; } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover { /* menupunkter ved hover */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.navigationlistitem > a:hover > span { /* tekst på menupunkter ved hover */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink { /* det aktive menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.activeitem > a.activelink > span { /* teksten på det aktive menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.firstitem > a { /* det første menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.firstitem > a > span { /* teksten på det første menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.lastitem > a { /* det sidste menupunkt */ } div.TCM0JC5CFFG3B > div.navigationwrapper > ul.navigationlist > li.lastitem > a > span { /* teksten på det sidste menupunkt */ border-bottom: 0px; } /* End of Mobile level 3 */ /* ------------------------------------------------ */ /* Standard collapsable menu from 'render all' tab: */ /* all items */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem, .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a { float: none; position:relative; } /* arrow hitarea */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):after { content: ''; position: absolute; top: 0px; right: 0px; width: -webkit-calc(1em + (10px * 2)); width: -moz-calc(1em + (10px * 2)); width: calc(1em + (10px * 2)); height: 100%; background-color: yellow; opacity: 0; } /* arrow */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23333333\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); width: 1em; height: 1em; position: absolute; top: -webkit-calc(50% - (1em / 2)); top: -moz-calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); right: 10px; transition: all ease 100ms 400ms; -ms-transition: all ease 100ms 400ms; -moz-transition: all ease 100ms 400ms; -webkit-transition: all ease 100ms 400ms; } /* arrow expanded */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded > a:first-child:nth-last-child(2):before { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* arrow on hovered items */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a:first-child:nth-last-child(2):hover:before { content:url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23fff\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 10px; } /* arrow on active items */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a.activelink:first-child:nth-last-child(2):before { content: url("data:image/svg+xml,%3csvg%20xmlns%3d\'http%3a%2f%2fwww.w3.org%2f2000%2fsvg\'%20viewBox%3d\'0%200%2032%2032\'%3e%3cpolyline%20fill%3d\'none\'%20stroke%3d\'%23fff\'%20stroke-width%3d\'6\'%20points%3d\'4%2c10%2016%2c22%2028%2c10\'%2f%3e%3c%2fsvg%3e"); right: 10px; } /* arrow when all sub-items are hidden (like in a responsive mode) */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem a.nosubitems:first-child:nth-last-child(2):before { display:none; } /* collapsable submenu */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem > div:last-child { overflow: hidden; height: 0px; transition: height ease 500ms; -ms-transition: height ease 500ms; -moz-transition: height ease 500ms; -webkit-transition: height ease 500ms; } /* collapsable submenu expanded */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded > div:last-child { height:auto; } /* killing transitions when expanded on load */ .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded.killtransitions a:first-child:nth-last-child(2):before, .TCM0JC5CFFG3B ul.navigationlist li.navigationlistitem.expanded.killtransitions > div:last-child { transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; } /* ie8 reset */ .TCM0JC5CFFG3B .navigationlistitem > div { overflow:hidden; height:0px; } /* ie8 reset */ .TCM0JC5CFFG3B .navigationlistitem.activeitem > div { height:auto; } /* ------------------------------------------------ */ /* Custom CSS from 'render all' tab: */ div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper { /* main menu */ } div.sfnavlevel1.TCL0FC5CFDJ3L .navigationwrapper a { /* main menu items */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper { /* all submenus */ } div.sfnavlevel1.TCL0FC5CFDJ3L li .navigationwrapper a { /* all submenuitems */ } }