/********************************************* =CSS Reset *********************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, header, main, footer { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent } body { /*line-height:1*/ } ul { list-style:none } ol{ padding-left: 14px; } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } :focus { outline:0 } ins { text-decoration:none } del { text-decoration:line-through } table { border-collapse:collapse; border-spacing:0 } /* added */ address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } *, *:after, *:before {box-sizing: border-box;} figure, figcaption {margin:0; padding:0;} /********************************************* =Unsemantic responsive grid system. unsemantic.com *********************************************/ .clear,.clearfix:after,.grid-100:after,.grid-10:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-33:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-5:after,.grid-60:after,.grid-65:after,.grid-66:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-container:after,.grid-offset:after,.mobile-grid-100:after,.mobile-grid-10:after,.mobile-grid-15:after,.mobile-grid-20:after,.mobile-grid-25:after,.mobile-grid-30:after,.mobile-grid-33:after,.mobile-grid-35:after,.mobile-grid-40:after,.mobile-grid-45:after,.mobile-grid-50:after,.mobile-grid-55:after,.mobile-grid-5:after,.mobile-grid-60:after,.mobile-grid-65:after,.mobile-grid-66:after,.mobile-grid-70:after,.mobile-grid-75:after,.mobile-grid-80:after,.mobile-grid-85:after,.mobile-grid-90:after,.mobile-grid-95:after,.tablet-grid-100:after,.tablet-grid-10:after,.tablet-grid-15:after,.tablet-grid-20:after,.tablet-grid-25:after,.tablet-grid-30:after,.tablet-grid-33:after,.tablet-grid-35:after,.tablet-grid-40:after,.tablet-grid-45:after,.tablet-grid-50:after,.tablet-grid-55:after,.tablet-grid-5:after,.tablet-grid-60:after,.tablet-grid-65:after,.tablet-grid-66:after,.tablet-grid-70:after,.tablet-grid-75:after,.tablet-grid-80:after,.tablet-grid-85:after,.tablet-grid-90:after,.tablet-grid-95:after{clear:both}@media (max-width:400px){@-ms-viewport{width:320px}}.clear{display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.grid-100:after,.grid-100:before,.grid-10:after,.grid-10:before,.grid-15:after,.grid-15:before,.grid-20:after,.grid-20:before,.grid-25:after,.grid-25:before,.grid-30:after,.grid-30:before,.grid-33:after,.grid-33:before,.grid-35:after,.grid-35:before,.grid-40:after,.grid-40:before,.grid-45:after,.grid-45:before,.grid-50:after,.grid-50:before,.grid-55:after,.grid-55:before,.grid-5:after,.grid-5:before,.grid-60:after,.grid-60:before,.grid-65:after,.grid-65:before,.grid-66:after,.grid-66:before,.grid-70:after,.grid-70:before,.grid-75:after,.grid-75:before,.grid-80:after,.grid-80:before,.grid-85:after,.grid-85:before,.grid-90:after,.grid-90:before,.grid-95:after,.grid-95:before,.grid-container:after,.grid-container:before,.grid-offset:after,.grid-offset:before,.mobile-grid-100:after,.mobile-grid-100:before,.mobile-grid-10:after,.mobile-grid-10:before,.mobile-grid-15:after,.mobile-grid-15:before,.mobile-grid-20:after,.mobile-grid-20:before,.mobile-grid-25:after,.mobile-grid-25:before,.mobile-grid-30:after,.mobile-grid-30:before,.mobile-grid-33:after,.mobile-grid-33:before,.mobile-grid-35:after,.mobile-grid-35:before,.mobile-grid-40:after,.mobile-grid-40:before,.mobile-grid-45:after,.mobile-grid-45:before,.mobile-grid-50:after,.mobile-grid-50:before,.mobile-grid-55:after,.mobile-grid-55:before,.mobile-grid-5:after,.mobile-grid-5:before,.mobile-grid-60:after,.mobile-grid-60:before,.mobile-grid-65:after,.mobile-grid-65:before,.mobile-grid-66:after,.mobile-grid-66:before,.mobile-grid-70:after,.mobile-grid-70:before,.mobile-grid-75:after,.mobile-grid-75:before,.mobile-grid-80:after,.mobile-grid-80:before,.mobile-grid-85:after,.mobile-grid-85:before,.mobile-grid-90:after,.mobile-grid-90:before,.mobile-grid-95:after,.mobile-grid-95:before,.tablet-grid-100:after,.tablet-grid-100:before,.tablet-grid-10:after,.tablet-grid-10:before,.tablet-grid-15:after,.tablet-grid-15:before,.tablet-grid-20:after,.tablet-grid-20:before,.tablet-grid-25:after,.tablet-grid-25:before,.tablet-grid-30:after,.tablet-grid-30:before,.tablet-grid-33:after,.tablet-grid-33:before,.tablet-grid-35:after,.tablet-grid-35:before,.tablet-grid-40:after,.tablet-grid-40:before,.tablet-grid-45:after,.tablet-grid-45:before,.tablet-grid-50:after,.tablet-grid-50:before,.tablet-grid-55:after,.tablet-grid-55:before,.tablet-grid-5:after,.tablet-grid-5:before,.tablet-grid-60:after,.tablet-grid-60:before,.tablet-grid-65:after,.tablet-grid-65:before,.tablet-grid-66:after,.tablet-grid-66:before,.tablet-grid-70:after,.tablet-grid-70:before,.tablet-grid-75:after,.tablet-grid-75:before,.tablet-grid-80:after,.tablet-grid-80:before,.tablet-grid-85:after,.tablet-grid-85:before,.tablet-grid-90:after,.tablet-grid-90:before,.tablet-grid-95:after,.tablet-grid-95:before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px}.grid-10,.grid-100,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-5,.grid-50,.grid-55,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,.mobile-grid-10,.mobile-grid-100,.mobile-grid-15,.mobile-grid-20,.mobile-grid-25,.mobile-grid-30,.mobile-grid-33,.mobile-grid-35,.mobile-grid-40,.mobile-grid-45,.mobile-grid-5,.mobile-grid-50,.mobile-grid-55,.mobile-grid-60,.mobile-grid-65,.mobile-grid-66,.mobile-grid-70,.mobile-grid-75,.mobile-grid-80,.mobile-grid-85,.mobile-grid-90,.mobile-grid-95,.tablet-grid-10,.tablet-grid-100,.tablet-grid-15,.tablet-grid-20,.tablet-grid-25,.tablet-grid-30,.tablet-grid-33,.tablet-grid-35,.tablet-grid-40,.tablet-grid-45,.tablet-grid-5,.tablet-grid-50,.tablet-grid-55,.tablet-grid-60,.tablet-grid-65,.tablet-grid-66,.tablet-grid-70,.tablet-grid-75,.tablet-grid-80,.tablet-grid-85,.tablet-grid-90,.tablet-grid-95{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px}.grid-parent{padding-left:0;padding-right:0}.grid-offset{clear:both;margin-left:-10px;margin-right:-10px}@media (max-width:639px){.mobile-pull-10,.mobile-pull-15,.mobile-pull-20,.mobile-pull-25,.mobile-pull-30,.mobile-pull-33,.mobile-pull-35,.mobile-pull-40,.mobile-pull-45,.mobile-pull-5,.mobile-pull-50,.mobile-pull-55,.mobile-pull-60,.mobile-pull-65,.mobile-pull-66,.mobile-pull-70,.mobile-pull-75,.mobile-pull-80,.mobile-pull-85,.mobile-pull-90,.mobile-pull-95,.mobile-push-10,.mobile-push-15,.mobile-push-20,.mobile-push-25,.mobile-push-30,.mobile-push-33,.mobile-push-35,.mobile-push-40,.mobile-push-45,.mobile-push-5,.mobile-push-50,.mobile-push-55,.mobile-push-60,.mobile-push-65,.mobile-push-66,.mobile-push-70,.mobile-push-75,.mobile-push-80,.mobile-push-85,.mobile-push-90,.mobile-push-95{position:relative}.hide-on-mobile{display:none!important}.mobile-grid-5{float:left;width:5%}.mobile-prefix-5{margin-left:5%}.mobile-suffix-5{margin-right:5%}.mobile-push-5{left:5%}.mobile-pull-5{left:-5%}.mobile-grid-10{float:left;width:10%}.mobile-prefix-10{margin-left:10%}.mobile-suffix-10{margin-right:10%}.mobile-push-10{left:10%}.mobile-pull-10{left:-10%}.mobile-grid-15{float:left;width:15%}.mobile-prefix-15{margin-left:15%}.mobile-suffix-15{margin-right:15%}.mobile-push-15{left:15%}.mobile-pull-15{left:-15%}.mobile-grid-20{float:left;width:20%}.mobile-prefix-20{margin-left:20%}.mobile-suffix-20{margin-right:20%}.mobile-push-20{left:20%}.mobile-pull-20{left:-20%}.mobile-grid-25{float:left;width:25%}.mobile-prefix-25{margin-left:25%}.mobile-suffix-25{margin-right:25%}.mobile-push-25{left:25%}.mobile-pull-25{left:-25%}.mobile-grid-30{float:left;width:30%}.mobile-prefix-30{margin-left:30%}.mobile-suffix-30{margin-right:30%}.mobile-push-30{left:30%}.mobile-pull-30{left:-30%}.mobile-grid-35{float:left;width:35%}.mobile-prefix-35{margin-left:35%}.mobile-suffix-35{margin-right:35%}.mobile-push-35{left:35%}.mobile-pull-35{left:-35%}.mobile-grid-40{float:left;width:40%}.mobile-prefix-40{margin-left:40%}.mobile-suffix-40{margin-right:40%}.mobile-push-40{left:40%}.mobile-pull-40{left:-40%}.mobile-grid-45{float:left;width:45%}.mobile-prefix-45{margin-left:45%}.mobile-suffix-45{margin-right:45%}.mobile-push-45{left:45%}.mobile-pull-45{left:-45%}.mobile-grid-50{float:left;width:50%}.mobile-prefix-50{margin-left:50%}.mobile-suffix-50{margin-right:50%}.mobile-push-50{left:50%}.mobile-pull-50{left:-50%}.mobile-grid-55{float:left;width:55%}.mobile-prefix-55{margin-left:55%}.mobile-suffix-55{margin-right:55%}.mobile-push-55{left:55%}.mobile-pull-55{left:-55%}.mobile-grid-60{float:left;width:60%}.mobile-prefix-60{margin-left:60%}.mobile-suffix-60{margin-right:60%}.mobile-push-60{left:60%}.mobile-pull-60{left:-60%}.mobile-grid-65{float:left;width:65%}.mobile-prefix-65{margin-left:65%}.mobile-suffix-65{margin-right:65%}.mobile-push-65{left:65%}.mobile-pull-65{left:-65%}.mobile-grid-70{float:left;width:70%}.mobile-prefix-70{margin-left:70%}.mobile-suffix-70{margin-right:70%}.mobile-push-70{left:70%}.mobile-pull-70{left:-70%}.mobile-grid-75{float:left;width:75%}.mobile-prefix-75{margin-left:75%}.mobile-suffix-75{margin-right:75%}.mobile-push-75{left:75%}.mobile-pull-75{left:-75%}.mobile-grid-80{float:left;width:80%}.mobile-prefix-80{margin-left:80%}.mobile-suffix-80{margin-right:80%}.mobile-push-80{left:80%}.mobile-pull-80{left:-80%}.mobile-grid-85{float:left;width:85%}.mobile-prefix-85{margin-left:85%}.mobile-suffix-85{margin-right:85%}.mobile-push-85{left:85%}.mobile-pull-85{left:-85%}.mobile-grid-90{float:left;width:90%}.mobile-prefix-90{margin-left:90%}.mobile-suffix-90{margin-right:90%}.mobile-push-90{left:90%}.mobile-pull-90{left:-90%}.mobile-grid-95{float:left;width:95%}.mobile-prefix-95{margin-left:95%}.mobile-suffix-95{margin-right:95%}.mobile-push-95{left:95%}.mobile-pull-95{left:-95%}.mobile-grid-33{float:left;width:33.33333%}.mobile-prefix-33{margin-left:33.33333%}.mobile-suffix-33{margin-right:33.33333%}.mobile-push-33{left:33.33333%}.mobile-pull-33{left:-33.33333%}.mobile-grid-66{float:left;width:66.66667%}.mobile-prefix-66{margin-left:66.66667%}.mobile-suffix-66{margin-right:66.66667%}.mobile-push-66{left:66.66667%}.mobile-pull-66{left:-66.66667%}.mobile-grid-100{clear:both;width:100%}}@media (min-width:640px) and (max-width:1200px){.tablet-pull-10,.tablet-pull-15,.tablet-pull-20,.tablet-pull-25,.tablet-pull-30,.tablet-pull-33,.tablet-pull-35,.tablet-pull-40,.tablet-pull-45,.tablet-pull-5,.tablet-pull-50,.tablet-pull-55,.tablet-pull-60,.tablet-pull-65,.tablet-pull-66,.tablet-pull-70,.tablet-pull-75,.tablet-pull-80,.tablet-pull-85,.tablet-pull-90,.tablet-pull-95,.tablet-push-10,.tablet-push-15,.tablet-push-20,.tablet-push-25,.tablet-push-30,.tablet-push-33,.tablet-push-35,.tablet-push-40,.tablet-push-45,.tablet-push-5,.tablet-push-50,.tablet-push-55,.tablet-push-60,.tablet-push-65,.tablet-push-66,.tablet-push-70,.tablet-push-75,.tablet-push-80,.tablet-push-85,.tablet-push-90,.tablet-push-95{position:relative}.hide-on-tablet{display:none!important}.tablet-grid-5{float:left;width:5%}.tablet-prefix-5{margin-left:5%}.tablet-suffix-5{margin-right:5%}.tablet-push-5{left:5%}.tablet-pull-5{left:-5%}.tablet-grid-10{float:left;width:10%}.tablet-prefix-10{margin-left:10%}.tablet-suffix-10{margin-right:10%}.tablet-push-10{left:10%}.tablet-pull-10{left:-10%}.tablet-grid-15{float:left;width:15%}.tablet-prefix-15{margin-left:15%}.tablet-suffix-15{margin-right:15%}.tablet-push-15{left:15%}.tablet-pull-15{left:-15%}.tablet-grid-20{float:left;width:20%}.tablet-prefix-20{margin-left:20%}.tablet-suffix-20{margin-right:20%}.tablet-push-20{left:20%}.tablet-pull-20{left:-20%}.tablet-grid-25{float:left;width:25%}.tablet-prefix-25{margin-left:25%}.tablet-suffix-25{margin-right:25%}.tablet-push-25{left:25%}.tablet-pull-25{left:-25%}.tablet-grid-30{float:left;width:30%}.tablet-prefix-30{margin-left:30%}.tablet-suffix-30{margin-right:30%}.tablet-push-30{left:30%}.tablet-pull-30{left:-30%}.tablet-grid-35{float:left;width:35%}.tablet-prefix-35{margin-left:35%}.tablet-suffix-35{margin-right:35%}.tablet-push-35{left:35%}.tablet-pull-35{left:-35%}.tablet-grid-40{float:left;width:40%}.tablet-prefix-40{margin-left:40%}.tablet-suffix-40{margin-right:40%}.tablet-push-40{left:40%}.tablet-pull-40{left:-40%}.tablet-grid-45{float:left;width:45%}.tablet-prefix-45{margin-left:45%}.tablet-suffix-45{margin-right:45%}.tablet-push-45{left:45%}.tablet-pull-45{left:-45%}.tablet-grid-50{float:left;width:50%}.tablet-prefix-50{margin-left:50%}.tablet-suffix-50{margin-right:50%}.tablet-push-50{left:50%}.tablet-pull-50{left:-50%}.tablet-grid-55{float:left;width:55%}.tablet-prefix-55{margin-left:55%}.tablet-suffix-55{margin-right:55%}.tablet-push-55{left:55%}.tablet-pull-55{left:-55%}.tablet-grid-60{float:left;width:60%}.tablet-prefix-60{margin-left:60%}.tablet-suffix-60{margin-right:60%}.tablet-push-60{left:60%}.tablet-pull-60{left:-60%}.tablet-grid-65{float:left;width:65%}.tablet-prefix-65{margin-left:65%}.tablet-suffix-65{margin-right:65%}.tablet-push-65{left:65%}.tablet-pull-65{left:-65%}.tablet-grid-70{float:left;width:70%}.tablet-prefix-70{margin-left:70%}.tablet-suffix-70{margin-right:70%}.tablet-push-70{left:70%}.tablet-pull-70{left:-70%}.tablet-grid-75{float:left;width:75%}.tablet-prefix-75{margin-left:75%}.tablet-suffix-75{margin-right:75%}.tablet-push-75{left:75%}.tablet-pull-75{left:-75%}.tablet-grid-80{float:left;width:80%}.tablet-prefix-80{margin-left:80%}.tablet-suffix-80{margin-right:80%}.tablet-push-80{left:80%}.tablet-pull-80{left:-80%}.tablet-grid-85{float:left;width:85%}.tablet-prefix-85{margin-left:85%}.tablet-suffix-85{margin-right:85%}.tablet-push-85{left:85%}.tablet-pull-85{left:-85%}.tablet-grid-90{float:left;width:90%}.tablet-prefix-90{margin-left:90%}.tablet-suffix-90{margin-right:90%}.tablet-push-90{left:90%}.tablet-pull-90{left:-90%}.tablet-grid-95{float:left;width:95%}.tablet-prefix-95{margin-left:95%}.tablet-suffix-95{margin-right:95%}.tablet-push-95{left:95%}.tablet-pull-95{left:-95%}.tablet-grid-33{float:left;width:33.33333%}.tablet-prefix-33{margin-left:33.33333%}.tablet-suffix-33{margin-right:33.33333%}.tablet-push-33{left:33.33333%}.tablet-pull-33{left:-33.33333%}.tablet-grid-66{float:left;width:66.66667%}.tablet-prefix-66{margin-left:66.66667%}.tablet-suffix-66{margin-right:66.66667%}.tablet-push-66{left:66.66667%}.tablet-pull-66{left:-66.66667%}.tablet-grid-100{clear:both;width:100%}}@media (min-width:1201px){.grid-10,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-5,.grid-50,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95{float:left}.pull-10,.pull-15,.pull-20,.pull-25,.pull-30,.pull-33,.pull-35,.pull-40,.pull-45,.pull-5,.pull-50,.pull-55,.pull-60,.pull-65,.pull-66,.pull-70,.pull-75,.pull-80,.pull-85,.pull-90,.pull-95,.push-10,.push-15,.push-20,.push-25,.push-30,.push-33,.push-35,.push-40,.push-45,.push-5,.push-50,.push-55,.push-60,.push-65,.push-66,.push-70,.push-75,.push-80,.push-85,.push-90,.push-95{position:relative}.hide-on-desktop{display:none!important}.grid-5{width:5%}.prefix-5{margin-left:5%}.suffix-5{margin-right:5%}.push-5{left:5%}.pull-5{left:-5%}.grid-10{width:10%}.prefix-10{margin-left:10%}.suffix-10{margin-right:10%}.push-10{left:10%}.pull-10{left:-10%}.grid-15{width:15%}.prefix-15{margin-left:15%}.suffix-15{margin-right:15%}.push-15{left:15%}.pull-15{left:-15%}.grid-20{width:20%}.prefix-20{margin-left:20%}.suffix-20{margin-right:20%}.push-20{left:20%}.pull-20{left:-20%}.grid-25{width:25%}.prefix-25{margin-left:25%}.suffix-25{margin-right:25%}.push-25{left:25%}.pull-25{left:-25%}.grid-30{width:30%}.prefix-30{margin-left:30%}.suffix-30{margin-right:30%}.push-30{left:30%}.pull-30{left:-30%}.grid-35{width:35%}.prefix-35{margin-left:35%}.suffix-35{margin-right:35%}.push-35{left:35%}.pull-35{left:-35%}.grid-40{width:40%}.prefix-40{margin-left:40%}.suffix-40{margin-right:40%}.push-40{left:40%}.pull-40{left:-40%}.grid-45{width:45%}.prefix-45{margin-left:45%}.suffix-45{margin-right:45%}.push-45{left:45%}.pull-45{left:-45%}.grid-50{width:50%}.prefix-50{margin-left:50%}.suffix-50{margin-right:50%}.push-50{left:50%}.pull-50{left:-50%}.grid-55{float:left;width:55%}.prefix-55{margin-left:55%}.suffix-55{margin-right:55%}.push-55{left:55%}.pull-55{left:-55%}.grid-60{width:60%}.prefix-60{margin-left:60%}.suffix-60{margin-right:60%}.push-60{left:60%}.pull-60{left:-60%}.grid-65{width:65%}.prefix-65{margin-left:65%}.suffix-65{margin-right:65%}.push-65{left:65%}.pull-65{left:-65%}.grid-70{width:70%}.prefix-70{margin-left:70%}.suffix-70{margin-right:70%}.push-70{left:70%}.pull-70{left:-70%}.grid-75{width:75%}.prefix-75{margin-left:75%}.suffix-75{margin-right:75%}.push-75{left:75%}.pull-75{left:-75%}.grid-80{width:80%}.prefix-80{margin-left:80%}.suffix-80{margin-right:80%}.push-80{left:80%}.pull-80{left:-80%}.grid-85{width:85%}.prefix-85{margin-left:85%}.suffix-85{margin-right:85%}.push-85{left:85%}.pull-85{left:-85%}.grid-90{width:90%}.prefix-90{margin-left:90%}.suffix-90{margin-right:90%}.push-90{left:90%}.pull-90{left:-90%}.grid-95{width:95%}.prefix-95{margin-left:95%}.suffix-95{margin-right:95%}.push-95{left:95%}.pull-95{left:-95%}.grid-33{width:33.33333%}.prefix-33{margin-left:33.33333%}.suffix-33{margin-right:33.33333%}.push-33{left:33.33333%}.pull-33{left:-33.33333%}.grid-66{width:66.66667%}.prefix-66{margin-left:66.66667%}.suffix-66{margin-right:66.66667%}.push-66{left:66.66667%}.pull-66{left:-66.66667%}.grid-100{clear:both;width:100%}} @media (max-width:500px) { .hide-on-small-mobile{display:none!important;} } /********************************************* =Javascript check *********************************************/ .js-enabled #sub-navigation, .js-enabled .panel { display: none; } .js-enabled .js-enabled-hide{ display: none; } /********************************************* =Typography *********************************************/ body, body.default { font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.3rem; color:#000; background:#eee; } #browse-search-container { font-size:0.688em; } /* 11px */ #branding, header { font-size:0.875em; } /* 14px */ #navigation { font-size:0.875em; } #sub-nav { font-size: 0.875em; } /* 14px */ #main { font-size:0.875em; } /* 14px */ #right-column { font-size:0.929em } /* 13px */ #footer { font-size:0.800em } /* 12px */ /* addtional reset */ h1, h2, h3, h4, h5 { font-weight:normal; } h1 {line-height:normal;} /* deal with likely (but certainly not all) inherited shrinkage */ ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, li blockquote, blockquote p, form div div, form div p, fieldset div, table form div { font-size: 1em; } input { font-family:Arial, Helvetica, sans-serif; } th, td { font-weight:normal; } select, button { font-size:1em; } /* addtional reset end */ #main h1 { font-size: 2.571em; /* 36px */ font-size:calc( 26px + 10 * ( 100vw - 400px ) / 800 ); color:#444; padding-bottom:14px; } @media (max-width:500px) { #main h1 { font-size: 1.86em; } } @media (min-width:1201px) { #main h1 { font-size: 2.571em; } } h2 { font-size:26px; padding-bottom:8px; } h3 { font-size:20px; padding-bottom:8px; } h4 { color: #000; border-bottom:3px solid #bebab5; padding-bottom:5px; font-size: 1em; font-weight: bold; margin-bottom: 0.25em; } #main .list h4{ margin-left: 2px; } #main .faq-links h4{ margin-left: 0; font-size: 1.4em; } #main #right-column{ padding-top: 68px; } #main #right-column h4 { font-size:0.923em; /* 12px */ } h5 { font-size:0.857em; /* 12px */ color:#000; font-weight:bold; background:url("../images/dots-repeat-horizontal.png") repeat-x 0 bottom; height:1.6em; margin-bottom:10px; } a{ border: 1px dotted transparent; } a:link { color:#0E4E7B; border: 1px dotted transparent; } a:visited { color:#0E4E7B; border: 1px dotted transparent; } a:hover { color:#0E4E7B; border: 1px dotted transparent; } a:active { color:#0E4E7B; border: 1px dotted transparent; } a:focus{ border: 1px dotted #0E4E7B; } a.disabled, span.disabled { color:#c9c4c0; } /********************************************* =Common *********************************************/ .no-underline a:link, .no-underline a:visited, .no-underline a:active { text-decoration:none; } .no-underline a:hover, .no-underline a:focus{ text-decoration:underline; } .bullets li { background:url("../images/bullet-list.png") no-repeat left top 15px; padding: 0.5rem 0 0.5rem 15px; } .no-bullets li { background:none!important; padding:0!important; } .grey { color:#444; } p { margin-bottom:10px; } p span { color:#444; font-size:smaller; } em{ font-style: italic; } form{} form p.error, form label.error{ color: red; font-weight:bold; display: block; } form input.error{ border: 1px solid red !important; } .hgroup span{ } .datestamp li a { margin-right:3px; } .datestamp li span { color:#444; font-size: 85%; } #main .larger { font-size:1.143em; /* 16px */ line-height:20px; } #main .large-list { font-size:1.143em; /* 16px */ } #main .large-list .current { color:#000; font-weight:bold; } #main .large-list span { font-size:0.750em /* 12px */ } #main .large-list a:link, #main .large-list a:visited, #main .large-list a:active { text-decoration:none; } #main .large-list a:hover { text-decoration:underline; } select.fullwidth { width:100%; } select, button { font-family:Arial, Helvetica, sans-serif; } strong { font-weight:bold; } .header-image { position:relative; } .header-image img { right:70px; position:absolute; top:-70px; } input:focus, textarea:focus { background:#eee; } hr { border:0; border-top:2px solid #eee; } /********************************************* =Grid sections, header, navigation, content footer *********************************************/ #page {background:#fff;} #header {border-top:4px solid #3C4F5A; background:#fff;} #navigation {background:#fff;} #content {background: #fff; -webkit-box-shadow: inset 0 7px 14px -7px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 7px 14px -7px rgba(0,0,0,0.2); box-shadow: inset 0 7px 14px -7px rgba(0,0,0,0.2); } #footer {border-top:4px solid #3C4F5A; background:#F4F3F2; color:#444; padding:20px 0;} header {background:#fff; margin:20px 0 10px 0;} header .branding {margin:0 20px 10px 0;} header .logo img {width:100%; max-width:300px;} header .tagline {font-size:0.9em; color: #464646; font-weight: bold;} header .search {text-align:left;} header .contact {text-align:right;} header .linklist li {display:inline-block; margin-left:20px;} header .linklist li:first-of-type {margin-left:0;} header .contact a:link, header .contact a:active, header .contact a:visited {color:#0E4E7B;} header a#slideInButton {background:url('../gfx/menu/burger.min.svg') no-repeat left center; padding:0 0 0 25px; text-decoration:none; color:#10569C;} header a#searchButton {background:url('../gfx/search/icon_search.min.svg') no-repeat left center; padding:0 0 0 20px; text-decoration:none; color:#10569C;} @media (max-width:770px){ header .tagline{font-size:0.7em; font-weight: normal;} } @media (max-width:600px) { header .linklist li {margin-left:0;} header .linklist li:last-of-type {margin-left:10px;} } @media (max-width:500px) { header a#slideInButton, header a#searchButton {background-position:center right; color:transparent; padding:0;} header .linklist li:last-of-type {margin-left:0;} header .branding {margin-right:0;} } @media (max-width: 409px){ header .tagline{display: none;} } #main #right-column .widget { margin-bottom: 20px; } .section-header {margin-bottom:1rem;} footer .wrappable-block {margin-bottom:2rem;} footer .wrappable-block p {margin-right:1rem;} footer h4 {text-transform:none; margin-right:2rem; font-size:1.4em; padding-bottom:10px;} /********************************************* =Search field *********************************************/ #browse-search-container { /*background:url("../images/header-search-background.png") repeat-x 0 0;*/ height:59px; } #browse-search-container #browse-letter li { float:left; margin:0 1px 0 0; background:#fff; } #browse-search-container #browse-letter a, #browse-search-container #browse-letter span { border: 1px solid #C1BDB8; display: block; font-weight: bold; height: 19px; line-height: 18px; text-decoration: none; text-indent: 6px; text-transform: uppercase; width: 19px; } #browse-search-container #browse-letter a:focus{ border: 1px solid #065892; } #browse-search-container #browse-letter a:hover { background:#9bd2f9; } #browse-letter { float:left; /*width:650px;*/ margin-left:10px; padding:7px 0 0 0; } .search form {float:none;} .search {margin-bottom:10px;} .search-field {background-color: #fafafa; border-bottom: 2px solid #444; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); } .search-field input {} .inputwrapper { display:flex; } .search-field input.field {height:36px; box-sizing: border-box; width:100%; border:0; padding:0 10px; background-color:transparent;} .search-field input.button {width:40px; height:36px; cursor:pointer; color:transparent; border:0; flex-shrink:0; background: url('../gfx/search/search-icon.svg') no-repeat center;} .search-field input.button:focus {border: 1px dotted #0E4E7B;} @media screen and (-webkit-min-device-pixel-ratio:0) { .search-field input.field {font-size: 16px;} } #main .search-field { top:0; } .awesomplete [hidden] {display:none;} .awesomplete .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } .awesomplete { display: inline-block; position: relative; width:100%; z-index:10; } .awesomplete > input { display: block; } .awesomplete > ul { position: absolute; left: 0; z-index: 1; width:280px; min-width: 100%; box-sizing: border-box; list-style: none; padding: 2px 0 0 0; margin: 0; background:#3d4f59; } .awesomplete > ul:empty { display: none; } .awesomplete > ul > li { position:relative; padding:.7em; margin:0; cursor:pointer; color:white; } .awesomplete > ul > li:hover { background:#eee; color:#444; } .awesomplete > ul > li[aria-selected="true"] { background:#ddd; color:#444; } .awesomplete mark { font-weight:bold; background-color:inherit; color:#fff; text-decoration: underline; } .awesomplete li:hover mark { font-weight:bold; background-color:inherit; color:#444; } .awesomplete li[aria-selected="true"] mark { font-weight:bold; background-color:inherit; color:inherit; } /********************************************* =Main navigation *********************************************/ nav {color:#444;} nav ul, nav li {margin:0; padding:0;} nav a, nav span {text-decoration:none; white-space:nowrap;} nav .mainMenuItem {display:inline-block; position:relative; margin:0 18px 0 0;} nav .mainMenuItem:last-child {margin-right:0;} nav .mainMenuItemText {display:block; padding:10px 20px 10px 0; color:#444; border:0; border-bottom:5px solid transparent; background:url('../gfx/menu/menu-arrow-down.min.svg') no-repeat center right;} nav .mainMenuItemText:hover, nav .mainMenuItem.active .mainMenuItemText {border-bottom:5px solid #3d4f59;} nav .mainMenuItemText:focus {outline:none; border-color:transparent; border-bottom:5px solid #3d4f59;} nav .subMenu {position:absolute; background:#3d4f59; z-index:100;} nav .subMenu.last {right:0;} nav .subMenuItem {text-align:left;} nav .subMenuItem a {display:block; padding:10px 20px; white-space:nowrap; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;} nav .subMenuItem a:link, nav .subMenuItem a:active, nav .subMenuItem a:visited {color:#fff;} nav .subMenuItem:hover a:link, nav .subMenuItem:hover a:active, nav .subMenuItem:hover a:visited {color:#0E4E7B;} nav .subMenuItem a:hover {background:#fff;} nav .subMenuItem a:focus {border-color:#fff; text-decoration:underline;} nav .subMenu.fallback {display:none;} nav .mainMenuItem:hover ul.fallback {display:block;} nav li.close {text-align:center; height:21px;} nav li.close img {cursor:pointer;} .linklist .slideInOnly, .mainMenuItem.slideInOnly, .slideInOnly {display:none;} /********************************************* =Slide in menu *********************************************/ #viewport {position:relative; overflow-x:hidden; -ms-overflow-style:none; background:#eee;} @media (max-width:1200px) { .linklist .slideInOnly {display:inline-block;} .mainMenuItem.slideInOnly, .slideInOnly {display:block;} .linklist .hide-on-slidein {display:none;} .menuHead {text-align:right; border-bottom:1px solid #999;} .menuHead a.close {padding:20px 0 20px 30px; display:inline-block; background:url('../gfx/menu/close.min.svg') no-repeat left center;} nav {color:#fff;} nav ul, nav li {margin:0; padding:0; display:block;} nav a {text-decoration:none; display:block;} nav a:link, nav a:active, nav a:visited {color:#fff;} nav a:focus {text-decoration:underline;} nav .slide-in-menu {margin:0 20px} nav .mainMenuItem {display:block; position:inherit; margin:0; padding:0; border-bottom:1px solid #999; background:none;} nav .mainMenuItem.slideInOnly a {padding:10px 0; margin:2px 0;} nav .mainMenuItemText {padding:10px 30px 10px 0; margin:2px 0; border:1px dotted transparent; background:url('../gfx/menu/plus.min.svg') no-repeat right 10px center; cursor:pointer;} nav .mainMenuItemText:hover {border:1px dotted transparent;} nav .mainMenuItemText:focus {border:1px dotted transparent; text-decoration:underline;} nav .mainMenuItemText.open {background-image:url('../gfx/menu/minus.min.svg')} nav .subMenu .close {display:none;} nav .subMenu {margin:0 0 10px 0; position:inherit;} nav .subMenuItem a {white-space:initial; padding:5px;} nav .subMenuItem {font-size: 0.875em;} .slide-in-container { position:absolute; top:0; right:0; width:280px; min-height: 100%; height: 100%; min-height: 100vh; background-color: #3d4f59; backface-visibility: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); transition: transform 500ms ease; z-index:10001; } .slide-in-menu { overflow: hidden; overflow-y: auto; height: 100%; opacity: 0; color:white; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); transition: opacity 400ms 100ms ease-in, transform 500ms ease; } .slideInRightActive .slide-in-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .slideInRightActive .slide-in-menu { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } /********************************************* =Breadcrumbs *********************************************/ #breadcrumbs { white-space:nowrap; font-size:0.688em; /* 11px */ color:#333; padding:20px 0 25px 0; text-overflow:ellipsis; overflow:hidden; } .breadcrumbs {display:flex; width:100%;} .collapseable {display:flex; overflow:hidden; white-space:nowrap; margin-right:5px;} .semi-collapseable {display:flex; overflow:hidden; white-space:nowrap; margin-right:5px;} .collapseable span {flex-shrink:9; text-overflow:ellipsis; overflow:hidden;} .semi-collapseable span {flex-shrink:1; text-overflow:ellipsis; overflow:hidden;} .non-collapseable {white-space:nowrap; flex-shrink:0;} /********************************************* =Footer *********************************************/ footer li a {display:inline-block; padding:5px 0; margin:2px 0;} .social-bookmarks { position:relative; } .social-bookmarks a:hover, .social-bookmarks a:focus, .social-bookmarks a:active{ text-decoration:underline !important; } .twitter { background:url("../gfx/icon-twitter.min.svg") no-repeat center left; } .facebook { background:url("../gfx/icon-facebook.min.svg") no-repeat center left; } .rss { background:url("../gfx/icon-rss.min.svg") no-repeat center left; } .social-bookmarks a { padding-left:30px; } .footer-logo-text { margin:10px 0; } /********************************************* =Article *********************************************/ #main .article-logo img { left: 6px; position: relative; top: 3px; } #main .article-info { font-size:0.857em; } #main .article-info p { padding:3px 0 0 0; position:relative; top:4px; left:0; margin:0; } #main .byline {overflow:hidden; color:#666; font-size:0.857em; margin:0.5rem 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;} #main .byline .contributor {overflow: auto;} #main .byline .contributor a {border: 1px solid transparent; display: inline-block;} #main .byline .contributor img {max-width: 100%;} #main .byline .contributor a:focus{border: 1px dotted #065892;} #main .byline .datestamp {} #main .byline .datestamp p {margin:0;} #main .byline .datestamp .datestamp-wrapper {} #main .responsible .byline {justify-content: space-around;} #main .one-liner {} #main .one-liner > div {} #main .one-liner span {display: block;} #main .ingress { font-size:1.286em; /* 18px */ line-height:1.333em; color:#444; padding-bottom:10px; } #main .ingress.emphasized { border-left:10px solid #3C4F5A; padding-left:10px; padding-bottom:0; margin-bottom:20px; } #main .previous-ingress { margin-bottom:20px; } .relatedPicture{ margin-bottom: 20px; } .video{ margin-bottom:20px; } .pictureContainer, .relatedPicture{ font-size: 0.85em; } /*override for page decoration images*/ .page-decoration-bottom .pictureContainer{ background: none; margin-bottom: 0em; padding: 0em; } .page-decoration-bottom .credits, .page-decoration-bottom .image-caption{ display: none !important; } .pictureContainer{margin-bottom: 20px; } .deskedPicture .pictureContainer div{ background: none; padding-bottom:5px; } .pictureContainer .image-caption, .pictureContainer .credits{ display: inline; } .pictureContainer .image-caption, .pictureContainer .credits, .relatedPicture p{ color:#444; font-size:13px; padding:3px 0 9px 0; line-height:1.500em; margin: 5px 0; font-weight: normal; caption-side: bottom; } .relatedPicture img, .pictureContainer img {max-width:100%; height:auto; border-radius:8px;} #main .facts { background-color:#e4eef5; padding:20px 17px; margin-bottom: 2rem; border-radius:8px; } .facts-button { background: -moz-linear-gradient(top, rgba(228,238,245,0) 20%, rgba(228,238,245,1) 50%); background: -webkit-linear-gradient(top, rgba(228,238,245,0) 20%,rgba(228,238,245,1) 50%); background: linear-gradient(to bottom, rgba(228,238,245,0) 20%,rgba(228,238,245,1) 50%); padding-top: 50px; margin-top: -40px; z-index: 100; position: relative; } @media (min-width: 640px) { #main .grid-60 .facts { width: 50%; float: right; margin-left: 2rem; } } @media (max-width: 639px) { .facts-inner:not(.open) { height: 72px; overflow: hidden; } .facts-inner:not(.open) img { display: none; } .facts-inner.open + .facts-button { display: none; } } #main .article-facts {margin-bottom:2rem;} #main .facts h2{ font-size: 1.286em; } #main .facts p, #main .bodytext .facts p { margin-bottom:10px; padding:0; } #main .facts ul li, #main .bodytext .facts ul li, #main .bodytext ul li { background:url("../images/bullet-list.png") no-repeat left top 15px; padding:0.5rem 0 0.5rem 15px; } #main div.facts ul { padding-bottom:0; } #main .facts-bottom { background:#e4eef5 url("../images/dots2-repeat-horizontal.png") repeat-x 0 0; height:2px; position:relative; top:-2px; left:0; margin-bottom:20px; } #main .bodytext ul { margin-bottom: 1rem; } #main .bodytext p { padding-bottom:10px; } #main .inline-image p.image-caption { color:#444; font-size:13px; padding:3px 0 9px 0; /*background:url("../images/dots-repeat-horizontal.png") repeat-x 0 bottom;*/ line-height:1.500em; margin: 5px 0; font-weight: normal; display: table-caption; caption-side: bottom; } #main .inline-image img { max-width:100%; } #main .inline-image { display:table; margin:1rem 0 1rem 2rem; } @media (min-width:900px) { #main .inline-image { float: right; clear: right; } } @media (min-width:640px) and (max-width:900px) { #main .inline-image { float: none; margin-left: 0; } } @media (min-width: 480px) and (max-width:639px){ #main .inline-image { float: right; } } @media (max-width: 480px){ #main .inline-image { float: none; margin: 0; } } #main .bodytext.intro {} #main .bodytext blockquote { background:url("../images/blockquote-left.png") no-repeat 0 0; zoom:1; /* for ie7 */ padding-left: 28px; } #main .bodytext blockquote p { padding:5px 0 50px 30px; color:#065892; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; font-size:1.714em; /* 24px */ } #main .bodytext span.blockquote { background:url("../images/blockquote-left.png") no-repeat 0 0; padding:0 0 0 30px; color:#065892; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; font-size:1.714em; /* 24px */ display:block; } #main .bodytext a{ display: inline; border: none; } #main .bodytext a.pdf{ padding-right: 0; } #main .bodytext a:focus{ border: 1px dotted #065892; } #main .bodytext h4 { padding:0; border-bottom:0; color: #000; margin-bottom: 0.25em; } #main .bodytext iframe {max-width:100%;} #main table { width:100%; max-width:100%; text-align:left; background:#fff; border-top:none; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; margin-bottom:1rem; } #main table th, #main table thead td{ background:#ebe9e7 url("../images/table-header-background-flex.png") repeat-x 0 0; border-bottom: 2px dotted #ebe9e7; height:auto; border-right:1px dashed #ccc; padding:10px; font-weight:bold; color:#444; } #main table.header-large tr:first-child { background:#fff url("../images/table-header-background-large.png") repeat-x 0 0; height:51px; } #main table.header-large th { background:#fff url("../images/table-header-background-large.png") repeat-x 0 0; } #main table caption { font-size:1.143em; /* 16px */ color: #444444; padding-bottom: 8px; text-align:left; } #main table td { border-right:1px dashed #ccc; padding:10px; position:relative; /* fix text cleartype for filter i ie */ } #main table.table-big th, #main table.table-big td { padding:5px; } #main .faq-links ul { width:100%; } #main .faq-links li a:hover { text-decoration:underline; } #main .faq-links li { background:url("../images/blockquote-left-small.png") no-repeat left top; padding-left:25px; width:100%; margin:1.1rem 0; } #main .faq-links li a { background:url("../images/blockquote-right-small.png") no-repeat right bottom; padding-right:25px; text-decoration:none; } .relatedContents {margin-bottom:2rem;} .relatedContents h4 {font-size:1.4em; color:#444;} /********************************************* =Tema, theme *********************************************/ .large-frame img {width:100%; height:auto;} .related-container {padding-bottom:30px;} .related-container .simplelist {margin-bottom: 2rem;} .related-container h4 {font-size:1.286em; border-bottom:3px solid #bebab5; padding-bottom:4px;} #main .simplestories li {padding:0.5rem 0;} #main .simplelist li {padding:0.5rem 0;} #main .bullets li {padding-left:15px;} #main .simplestories ul.limited-list li.hidden{ display: none; } #main .simplestories ul.limited-list.expanded li.hidden{ display: block; } #main .simplestories .limited-list-expander a, #main .simplestories .limited-list-expander a:visited{ background: url(../gfx/arrow-right-small.min.svg) no-repeat center left; padding-left: 15px; cursor: pointer; font-weight: bold; color: #0E4E7B; } #main .readMoreAbout li{ width: 100%; padding: 0; margin-bottom: 6px; border-radius: 0; } #main .readMoreAbout li a{ margin: 0; padding: 0; border-radius: 0; } /* #main .related-container .simplestories li {padding:0.5rem 0 0.5rem 15px;} */ .tabbingGroup {margin:2rem 0;} .tabPane {margin:2rem 0;} .info-material .tabPane {margin-top:0;} p.readmore {margin-bottom:2rem; font-style:italic;} .resources-wrapper {border:1px solid #eee; border-radius:8px; padding:5px 10px; margin:1rem 0; position:relative;} .resources-wrapper > h4 {position:absolute; top:-10px; left:6px; display:inline-block; margin:0; background:#fff; color:#666; font-size:0.800rem; padding:0 5px; border:0; text-transform:uppercase;} .resources-wrapper ul {margin:0; display:flex; justify-content:flex-start; flex-wrap:wrap;} .resources-wrapper li {margin:0.5rem 1rem;} .resources-wrapper.faq-warnings {margin:0 0 2rem 0;} .resources-wrapper.faq-warnings ul {display:flex; flex-wrap:wrap;} .resources-wrapper.faq-warnings li {margin:0 10px 0 0; } .resources-wrapper.faq-warnings a {padding:10px 0 10px 10px; display:inline-block;} .resources-wrapper.faq-warnings a.link-faq {background: url("../gfx/icon-faq.min.svg") no-repeat left center;padding-left:30px;} .resources-wrapper.faq-warnings a.link-warning {background: url("../gfx/icon-warning.min.svg") no-repeat left center;padding-left:30px;} .resources-wrapper.responsible {margin:0 0 2rem;} .resources-wrapper .related-stories-content, .resources-wrapper .related-links-content{margin: 0.5rem 0;} .related-topics {margin-bottom:2rem;} .related-topics ul {display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0.5rem 0;} .related-topics li {margin:0;} .related-topics a {padding:5px 10px; display:inline-block; border-radius:8px; margin-right:1rem;} .related-topics a:focus {text-decoration: underline;} /********************************************* =Section, seksjon *********************************************/ .section-list-container { margin:1rem 0 2rem 0; } .section-list-container hr{ margin:2rem 0; } .section-list img { float:left; margin-right:20px; } @media (max-width:500px) { .section-list img { float:none; margin:0 auto 1em auto; display:block; border-radius:8px; } } .section-list h2 { font-size:1.286em; /* 18px */ color:#065892; padding-bottom:10px; } .section-list .text-wrapper p { overflow:hidden; padding-bottom:0; margin-bottom:0; } /********************************************* =Sitemap, nettstedkart *********************************************/ .sitemap img { height:130px; display:block; } .sitemap h2 { font-size:1.286em; /* 18px */ color:#55493C; padding:0.6rem 0 0.6rem 0; } .sitemap hr {text-align:left; width:80%; min-width:275px; margin:0 auto 0 0;} .sitemap ul { margin-top:0.7rem; } .sitemap li { margin:1px 0; } .sitemap ul li a { text-decoration:none; padding:5px 0; margin:2px 0; display:block; } .sitemap ul li a:hover { text-decoration:underline; } p.complete-content-link { margin:0 0 2rem 0; } .sitemap { display: flex; flex-wrap: wrap; margin: 0 -20px 0 0; } .sitemap .box { flex: 1 0 275px; margin: 0 20px 20px 0; } /* Setting max-width to fix last row */ @media (min-width: 610px) { .sitemap .box { max-width: calc(50% - 20px); } } @media (min-width: 905px) { .sitemap .box { max-width: calc(33.33333% - 20px); } } @media (min-width: 1200px) { .sitemap .box { max-width: calc(25% - 20px); } } /********************************************* =A-Å index *********************************************/ .a-aa-container {margin:2rem 0;} div.a-aa-index { padding-bottom: 10px; border-bottom: 2px solid #eee; margin-bottom: 10px; } div.a-aa-index:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .a-aa-index .letter{ overflow: hidden; width: 100%; } .a-aa-index h2{ width: 10%; min-width:2em; float: left; font-size: 2em; line-height: normal; } .a-aa-index ol, .a-aa-index ul{ float: left; width:80%; } #main .a-aa-index ul li{ background: url("../images/bullet-list.png") no-repeat left top 8px; padding: 0 0 0 14px; } /********************************************* =News archive, nyhetsarkiv *********************************************/ #main .news-archive-container { } #main .news-archive-list p { /* padding-bottom:20px; */ margin-bottom: 0em; } #main .news-archive-list .text-wrapper{ /*width: 73%;*/ } #main .news-archive-list p.summary{ margin-bottom: 10px; } #main .news-archive-list{ margin-bottom: 12px; /* padding-bottom: 12px; */ } #main .news-archive-list img { float:right; margin:2px 2px 2px 20px; } #main .news-archive-list { overflow: hidden; width:100%; } #main .news-archive-list h2 { font-size:1.286em; /* 18px */ color:#065892; padding-bottom:10px; line-height: 1.2em; } #main .news-archive-list h2 .pdf{ line-height: 1.21em; } #main .news-archive-list .text-wrapper p { /*overflow:hidden;*/ } #main .news-archive-list p span { font-size:1em; padding-right:10px; } #main .news-archive-container .horizontal-separator{ margin-bottom: 12px; } #main select.news-archive { margin:8px 0 17px 0; } #main .news-archive-links ul li { padding-left:14px; } #main .news-archive-links li { } #main .news-archive-links ul li a { } #main .news-archive-links ul { margin-bottom:30px; margin-left: 10px; } #main .news-archive-links ul { margin-top: 10px; } .selected{ font-weight: bold; } #main .facets ul.childfacetselected{ margin-left: 0em; } /********************************************* =Blåskjell *********************************************/ .blaaskjell-right {} .blaaskjell-right .widget{ margin-bottom: 40px !important; } .blaaskjell-icons-info {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:1rem;} .blaaskjell-icons-info li, .blaaskjell-icons-info span {padding:0.5rem 0.5rem 0.5rem 40px;} .bs-icon-ok {background:url("../images/icon-blaaskjell-ok.png") no-repeat left center;} .bs-icon-careful {background:url("../images/icon-blaaskjell-careful.png") no-repeat left center;} .bs-icon-not {background:url("../images/icon-blaaskjell-not.png") no-repeat left center;} .bs-icon-no-advice {background:url("../images/icon-blaaskjell-no-advice.png") no-repeat left center;} .no-earlier-measurements{ padding: 0 20px 0 40px; } #main table.blaaskjelltabell { margin-bottom:20px; } #main table.blaaskjelltabell td.advice{ width: 40%; } #main table.blaaskjelltabell caption{ font-weight: bold; font-size:1.571em; /* 22px */ padding-bottom:8px; } #main table.blaaskjelltabell td { font-size:0.857em; /* 12px */ padding:6px 0 2px 10px; font-weight: normal !important; } #main table.blaaskjelltabell td:first-child { padding:0 0 0 45px; } #main table.blaaskjelltabell p:first-child { font-size:1.167em; /* 14 px */ } #main table.blaaskjelltabell td { border-right:none; } #main table.blaaskjelltabell p { padding:0; margin:0; } #main table tr.table-header-blaaskjell { background:#fff url("../images/table-header-blaaskjell.png") repeat-x 0 0; height:41px; } #main table tr.table-header-blaaskjell th { background:#fff url("../images/table-header-blaaskjell.png") repeat-x 0 0; } #main table tr.blaaskjell-not td:first-child { background:#f9e2e2 url("../images/table-blaaskjell-not-icon.png") no-repeat 0 0; } #main table tr.blaaskjell-not td { background:#f9e2e2 url("../images/table-blaaskjell-not.png") no-repeat 0 0; } #main table tr.blaaskjell-ok td:first-child { background:#ecf4db url("../images/table-blaaskjell-ok-icon.png") no-repeat 0 0; } #main table tr.blaaskjell-ok td { background:#ecf4db url("../images/table-blaaskjell-ok.png") no-repeat 0 0; } #main table tr.blaaskjell-careful td:first-child { background:#faf3d5 url("../images/table-blaaskjell-careful-icon.png") no-repeat 0 0; } #main table tr.blaaskjell-careful td { background:#faf3d5 url("../images/table-blaaskjell-careful.png") no-repeat 0 0; } #main table tr.blaaskjell-no-advice td:first-child { background:#eee url("../images/table-blaaskjell-no-advice-icon.png") no-repeat 0 0; } #main table tr.blaaskjell-no-advice td { background:#eee url("../images/table-blaaskjell-no-advice.png") no-repeat 0 0; } .blaaskjell-maalesteder-container { margin-bottom:20px; border:1px solid #C8C8C8; } .blaaskjell-maalesteder-not { background:#fae2e2 url("../images/table-blaaskjell-not-icon.png") no-repeat 0 -1px; padding:15px 10px 15px 47px; } .blaaskjell-maalesteder-ok { background:#ecf4da url("../images/table-blaaskjell-ok-icon.png") no-repeat 0 -1px; padding:15px 10px 15px 47px; } .blaaskjell-maalesteder-careful { background:#faf4d4 url("../images/table-blaaskjell-careful-icon.png") no-repeat 0 -1px; padding:15px 10px 15px 47px; } .blaaskjell-maalesteder-no-advice { background:#eee url("../images/table-blaaskjell-no-advice-icon.png") no-repeat 0 -1px; padding:15px 10px 15px 47px; } .blaaskjell-maalesteder .text-wrapper { float:left; width:60%; margin-right:20px; } .tidligere-maalinger { background:#fff url("../images/dots-repeat-horizontal.png") repeat-x 0 0; } .tidligere-maalinger ul{ margin-left: 12px; } .tidligere-maalinger ul li {padding-left:30px;} .tidligere-maalinger ul li a {padding:0.2rem 0; display:block;} .blaaskjell-maalesteder-container h2 { font-size:1.143em; font-weight: bold; } .blaaskjell-maalesteder-container .tidligere-maalinger h2 { color: #444444; font-weight: bold; font-size:1em; padding:25px 10px 15px 47px; } .googlemaps-container, .map { } /*blaaskjell detaljer*/ .blaaskjell-detaljer-container { width:100%; float:left; margin-bottom:20px; } #main .blaaskjell-detaljer-container .ingress { padding-bottom:10px; } #main .blaaskjell-detaljer-container h4 { margin-bottom:20px; } #main .blaaskjell-detaljer-container ul, #main .blaaskjell-detaljer-container dl { margin-bottom:50px; } #main .blaaskjell-detaljer-container .horizontal-separator{ margin-bottom: 20px; } .blaaskjell-detaljer { } .blaaskjell-detaljer-not { background:#fae2e2 url("../images/table-blaaskjell-not-icon.png") no-repeat 0 -1px; padding:15px 10px 3px 47px; } .blaaskjell-detaljer-ok { background:#ecf4da url("../images/table-blaaskjell-ok-icon.png") no-repeat 0 -1px; padding:15px 10px 3px 47px; } .blaaskjell-detaljer-careful { background:#faf4d4 url("../images/table-blaaskjell-careful-icon.png") no-repeat 0 -1px; padding:15px 10px 3px 47px; } .blaaskjell-detaljer-no-advice { background:#eee url("../images/table-blaaskjell-no-advice-icon.png") no-repeat 0 -1px; padding:15px 10px 3px 47px; } .blaaskjell-detaljer .text-wrapper { float:left; margin-right:20px; } #main .blaaskjell-detaljer-container li, #main .blaaskjell-detaljer-container dt, #main .blaaskjell-detaljer-container dd { font-size:0.857em; /*12px*/ margin-bottom:5px; } #main .blaaskjell-detaljer-container dt { float: left; padding-right: 20px; width:195px; } #main .blaaskjell-detaljer-container table { font-size:0.857em; /*12px*/ float:left; margin-bottom:30px; } #main .blaaskjell-detaljer-container table.vannprover { width:820px; margin-right:30px; } #main .blaaskjell-detaljer-container table.haav { width:90px; } #main .blaaskjell-detaljer-container table.biologisk { width:90px; margin-right:90px; } #main .blaaskjell-detaljer-container table.kjemisk { width:540px; } #main .blaaskjell-detaljer-container table.tarmbakterier { width:90px; } #main .blaaskjell-detaljer-container table td { width:85px; padding: 0 0 10px 5px; } #main .blaaskjell-detaljer-container table caption { font-size:1.333em; /*16px*/ } #main .blaaskjell-detaljer-container table tr.table-header { background:#fff url("../images/table-header-background-large.png") repeat-x 0 0; height:51px; } #main .blaaskjell-detaljer-container table th { background:#fff url("../images/table-header-background-large.png") repeat-x 0 0; padding:5px 0 5px 5px; } /********************************************* =Pagination *********************************************/ .pagination { border:1px solid #eee; border-radius:8px; padding:0.5rem; margin:0 0 1rem 0; display:flex; justify-content:space-around; align-items:center; } span.pagination-text, div.pagination-navigation {} .pagination span.pagination-text {} .pagination .pagination-navigation {display:flex; align-items:center;} .pagination .pagination-navigation a, .pagination .pagination-navigation .current { display:flex; align-items: center; justify-content: center; border:1px solid #D2DFE7; border-radius: 6px; width:36px; height:36px; text-decoration:none; font-size:1.2em; font-weight:bold; } .pagination .pagination-navigation .current {border:1px solid #0E4E7B;} .pagination .pagination-navigation .current:focus {border:2px solid #0E4E7B;} .pagination .pagination-navigation a:hover,.pagination .pagination-navigation a:focus {border:1px solid #0E4E7B; text-decoration:underline;} .pagination .pagination-navigation span {} .pagination .pagination-navigation span+span {margin-left:5px; border: 1px solid transparent;} .ordering {flex-wrap:wrap;} .ordering > div {} .ordering > div+div {margin-left:1rem;} .ordering-wrapper {display:flex; align-items:center;} /********************************************* =Question and answers, spørsmål og svar *********************************************/ #main .icon-questions { background:url("../images/icon-large-question.png") no-repeat 0 0; width:23px; height:23px; float:left; position:relative; top:9px; left:28px; } #main .faq{ overflow: auto; width: 100%; } #main .facet-container{ float: left; width: 31%; margin-right: 2%; margin-top: 44px; } #main .questions{ float: left; width: 67%; } #main .questions .search-field-large input{ width: 452px; } #main .questions ul { margin-bottom:20px; } #main .questions .pagination { margin-top:10px; } .faq-results ul {margin:1rem 0;} .faq-results li {margin:1rem 0;} /********************************************* =Warning, advarsel *********************************************/ #main .icon-warning { background:url("../images/icon-large-exclamation.png") no-repeat 0 0; width:23px; height:23px; float:left; position:relative; top:9px; left:28px; } .advarsel-container h3 { color:#444; margin-bottom:5px; } /********************************************* =Tools *********************************************/ #main .tools { font-size:0.786em; } #main .tools p { left:0; padding:0 10px 0 22px; margin:3px 0 4px 0; position:relative; top:4px; } #main .tools-inline { margin: 0 0 1rem 0; display: flex; } #main .section-header .tools #main .tools-inline li { padding:0 15px 0 22px; } #main .tools-standalone {border:1px solid #eee; border-radius:8px; padding:0.5rem;} #main ul.tools-standalone {margin:0 0 2rem 0; display:flex; justify-content:center; } #main .tools-standalone li{padding:10px 10px 10px 22px;} #main .tools-standalone li+li{margin-left:20px;} /********************************************* =Frontpage *********************************************/ div.topic-header {margin:0 0 2rem 0; position:relative; border-top:1px solid #666; text-align:center;} div.topic-header > h4 {position:absolute; left: 50%; transform:translateX(-50%); top:-10px; display:inline-block; margin:0 auto; background:#fff; color:#666; font-size:1rem; padding:0 1rem; border:0; text-transform:uppercase; white-space:nowrap;} .topstories {margin:3rem 0 0 0;} .topstories figure {cursor:pointer;} .topstories figure > a {display: block;} .substory img {width:100%; display:block; border-bottom:6px solid #3C4F5A; margin-bottom:0.5rem;} .mainstory, .substory {margin-bottom:2rem;} .topstories figcaption a {font-size:1.2em; padding-right:20px; line-height:normal; color:#3C4F5A; background:url('../gfx/arrow-right-small.min.svg') no-repeat right center; } .topstories figcaption svg {fill:#3C4F5A; stroke:#3C4F5A;} .mainstory .rwd-img-wrapper {border-bottom:12px solid #3C4F5A; margin-bottom:0.5rem;} .mainstory figcaption a {font-size:2em; background-image: url('../gfx/arrow-right-large.min.svg'); } .mainstory figcaption a {font-size:calc( 26px + 10 * ( 100vw - 400px ) / 800 );} .substory figcaption a {font-size:calc( 18px + 2 * ( 100vw - 400px ) / 800 );} @media (max-width:500px) { .mainstory figcaption a { font-size:26px; } .substory figcaption a { font-size:18px; } } @media (min-width:1201px) { .mainstory figcaption a { font-size:36px; } .substory figcaption a { font-size:20px; } } .rwd-img-wrapper {min-height:180px; max-height:482px; overflow:hidden; position:relative; width:100%; z-index:1; /* height: calc(180px + (400 - 180) * ((100vw - 320px)/(1200 - 320))); */ height: calc(180px + 220 * ((100vw - 320px)/880)); } .rwd-img-wrapper img {height:auto; position:absolute; top:50%; left:0; width:100%; z-index:2; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width:1200px) { .topstories {margin-top:2rem;} } @media (max-width:500px) { /* break out main image */ div.topic-header{margin-top:2rem;} .topstories {margin-top:0;} .mainstory figure {margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%);} .mainstory figcaption {margin:0 20px;} } .substories .story.bigBreak {clear:left;} @media (min-width:640px) and (max-width:1200px) { /* Fix for uneven heights on tablet*/ .substories .story.break {clear:left;} } .shortcuts {background:#eee; padding:5px; border-radius:8px; margin-bottom:3em;} .shortcuts .toolgroup {display:flex; justify-content:space-around;} .shortcuts .tool {flex:1 0 1px;} .shortcuts div a {display:block; padding:20px 0; text-align:center;} .shortcuts div a:before {content:""; display:block; margin:0 auto 10px auto; width:42px; height:42px; background:url("../gfx/verktoybar-2xV2.png"); /* transition:all 0.3s ease; */ } .shortcuts .gravid a:before { background-position: -19px -19px; background-size: 500px;} .shortcuts .smilefjes a:before { background-position: -79px -19px; background-size: 500px;} .shortcuts .nokkelhullet a:before { background-position:-139px -19px; background-size: 500px;} .shortcuts .matpaadata a:before { background-position:-199px -19px; background-size: 500px;} .shortcuts .matvaretabellen a:before { background-position:-259px -19px; background-size: 500px;} .shortcuts .kostraad a:before { background-position:-319px -19px; background-size: 500px;} .shortcuts .advarsler a:before { background-position:-379px -19px; background-size: 500px;} .shortcuts .blaaskjell a:before { background-position:-439px -19px; background-size: 500px;} .shortcuts .gravid:hover a:before { background-position: -19px -74px; background-size: 500px;} .shortcuts .smilefjes:hover a:before { background-position: -79px -74px; background-size: 500px;} .shortcuts .nokkelhullet:hover a:before { background-position:-139px -74px; background-size: 500px;} .shortcuts .matpaadata:hover a:before { background-position:-199px -74px; background-size: 500px;} .shortcuts .matvaretabellen:hover a:before { background-position:-259px -74px; background-size: 500px;} .shortcuts .kostraad:hover a:before { background-position:-319px -74px; background-size: 500px;} .shortcuts .advarsler:hover a:before { background-position:-379px -74px; background-size: 500px;} .shortcuts .blaaskjell:hover a:before { background-position:-439px -74px; background-size: 500px;} /*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .shortcuts li a:before { background: url("../gfx/verktoybar-2xV2.png"); } }*/ #main .frontpage-content h4 {font-size:1em; font-weight: bold; color:#444; text-transform:none;} #main .frontpage-content .faq-links li {padding:0 0 0 25px; margin:1.1rem 0;} .frontpage-content > div {margin-bottom:2rem;} .frontpage-content a.read-more {padding-right:15px; background:url('../gfx/link-arrow-right.min.svg') no-repeat right center;} /********************************************* =Kontaktinformasjon *********************************************/ .kontakt-info-container h2 { font-size:0.929em; color:#444; margin:1rem 0 0.5rem 0; } .kontakt-info-container li { font-size:1.143em; margin-left:1rem; } .kontakt-info-container li.icon{ padding-left: 30px; } .kontaktinfo-icons { text-indent:36px; } .icon-tlf { background:url("../images/icon-tlf.png") no-repeat 0 0; height:23px; padding-top:3px; position:relative; top:-3px; left:0; } .icon-email { background:url("../images/icon-email.png") no-repeat 0 0; font-size: 0.929em !important; height: 23px; padding-top: 3px; position: relative; top: -3px; left:0; } .success { background-color:#DFF2BF; margin: 2rem 0; padding:1rem; text-align: center; } /********************************************* =Søkeside, search result *********************************************/ #search-result {margin-bottom:2rem;} .search-result-container em, .news-archive-list em {background-color:#f0df7f; font-style:normal;} #search-result .horizontal-separator {} #search-result .news-archive-list {padding:1rem 0; margin-bottom:0;} #search-result .highlight{background-color: #eff5f9; padding:0.5rem;} .pagination .link-button {} .pagination .helptext {margin-right:0.5rem;} .search-field-large {margin-bottom:1rem;} .search-field-large .s-wrapper {display:flex; background-color: #fafafa; border-bottom: 2px solid #444; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); } .search-field-large input {height:40px; box-sizing: border-box; width:100%; padding:0 10px; background-color:transparent; } .search-field-large button, .search-field-large button:hover {width:40px; height:40px; cursor:pointer; color:transparent; border:0; flex-shrink:0; background: transparent url('../gfx/search/search-icon.svg') no-repeat center; } .search-field-large button:focus{ outline: 1px solid #000; background: transparent url('../gfx/search/search-icon.svg') no-repeat center; } @media screen and (-webkit-min-device-pixel-ratio:0) { .search-field-large input {font-size: 16px;} } .emmpty-result{ margin-bottom: 2em; } .facets-wrapper {margin-bottom:1rem;} ul.facets li {margin:1rem 0;} .facets-wrapper h4, a.facet-link {display:block; padding:1rem 0 1rem 25px; position:relative; background:url('../gfx/icon-filter.min.svg') no-repeat center left;} .facets a.selected {background:url('../gfx/close-blue.min.svg') no-repeat center left; padding-left:25px; font-weight:normal;} @media (max-width:639px) { .facets-wrapper ul { position:absolute; background:#3d4f59; padding:0 1rem; margin-right:20px; display:none; z-index:2; } .facets-wrapper ul a { color:#fff; } .facets-wrapper ul.has-filters { position: inherit; display: inline-block; background: transparent; padding: 0; margin: 0; } .facets-wrapper ul.has-filters a { color:#0E4E7B; } } /********************************************* =Forms *********************************************/ legend { display:block; left:-5000px; position:absolute; top:-5000px; } fieldset.kontaktskjema label{ display:block; margin-bottom: 0.2rem; } fieldset.kontaktskjema input, fieldset.kontaktskjema textarea, fieldset.kontaktskjema select { background: #fafafa; border:0; border-bottom: 2px solid #444; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06); font-size:16px; width:100%; max-width: 400px; padding:10px; } fieldset.kontaktskjema select{ border:1px solid transparent; } fieldset.kontaktskjema input:focus, fieldset.kontaktskjema textarea:focus, fieldset.kontaktskjema select:focus{ border: 1px solid #000; box-sizing: border-box; } fieldset.nyhetsbrev { margin-bottom:20px; } fieldset.nyhetsbrev input { float:left; margin:3px 10px 0 0; } fieldset.nyhetsbrev input#daily:focus, fieldset.nyhetsbrev input#surveys:focus{ outline: 1px solid #000; } fieldset.kontaktskjema p, fieldset.nyhetsbrev p { margin-bottom:1.5rem; } fieldset.nyhetsbrev label { display:block; overflow:hidden } /* general * input { border:1px solid #C8C8C8; } */ /********************************************* =Tabs *********************************************/ /********************************************* =Accessibility *********************************************/ .accessibilityHidden { display:block; left:-5000px; position:absolute; top:-5000px; } #skiplinks { position: absolute; } #skiplinks li { display: inline; margin:0; } #skiplinks ul{ list-style-type: none; } #skiplinks a { position: absolute; left: -10000px; width: auto; height: auto; overflow: hidden; color:#fff; } #skiplinks a:focus, #skiplinks a:active { position: static; background-color: #3d4f59; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; padding:10px !important; color:#fff; } /********************************************* =Misc. *********************************************/ .padtop-small { padding-top:17px!important; } .padtop-medium { padding-top:20px!important; } .padtop-large { padding-top:45px!important; } .padright-small { padding-right:10px!important; } .padright-medium { padding-right:30px!important; } .padbottom-large { padding-bottom:40px!important; } .margin-large { margin:40px 0!important; } .margin-small { margin:10px 0; } .marginright-small { margin-right:10px!important; } .margintop-small{ margin-top:10px!important; } .margintop-medium { margin-top:20px!important; } .marginbottom-tiny { margin-bottom:5px!important; } .marginbottom-small { margin-bottom:10px!important; } .marginbottom-medium { margin-bottom:20px!important; } .marginbottom-large { margin-bottom:40px!important; } #main .marginbottom-large-ul ul { margin-bottom:40px; } .no-margin { margin:0!important; } .horizontal-separator { background:url("../images/dots-repeat-horizontal.png") repeat-x 0 0; height:3px; width:100%; /* float:left; */ overflow:hidden; clear:both; margin:0 0 0px 0; } .vertical-separator { background:url("../images/dots-repeat-vertical.png") repeat-y 0 0; height:41px; margin:6px 0; width:1px; float: right; top:0; } .floatleft { float:left; } .floatright { float:right; } .inline { display:inline; } .block { display:block; } .youtubeVideo { margin: 15px 0; padding:42.5% 0 0 0; position:relative; } .youtubeVideo iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /********************************************* =Button *********************************************/ button {background:#0E4E7B; padding:1rem 2rem; color:#fff; font-weight:bold; font-size:20px; border-radius:8px; border:0; cursor:pointer;} button:hover, button:focus {background:#1579c0;} button:focus{text-decoration: underline;} button.disabled {background:#ccc;} button.sm { padding:.5rem 2rem; border-radius: 4px; font-size: 1rem; } /********************************************* =Buttonstyling as a href *********************************************/ .link-button ul {display:flex; align-items:center;} .link-button li+li {margin-left:1rem;} .link-button a, .link-button .current { display:flex; align-items: center; justify-content: center; border:1px solid #D2DFE7; border-radius: 6px; padding:0.5rem; height:36px; text-decoration:none; } .link-button .current {border:1px solid #0E4E7B;} .link-button a:hover, .link-button a:focus {border:1px solid #0E4E7B; text-decoration:underline;} span.deactivate { } .link-button a, .link-button span { } .link-button > ul a, .link-button > ul span { } .link-button a:hover { } .link-button li:hover, .link-button li:hover a { } .link-button li:hover a { } /*current span*/ .link-button li.current { } .link-button li.current span { } /*sizes*/ .medium-size > ul a, .medium-size > ul span { } /********************************************* =Default Escenic mimetype icons *********************************************/ a.video{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_video.gif') no-repeat 0 0; } a.audio{ display:inline-block; line-height:16px; padding-right:8px; padding-left: 22px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_audio.gif') no-repeat 0 0; } a.html{ display:inline-block; line-height:16px; padding-left: 22px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_html.gif') no-repeat 0 0; } a.text{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_text.gif') no-repeat 0 0; } a.zip{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_zip.gif') no-repeat 0 0; } a.excel{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_xml.gif') no-repeat 0 0; } a.powerpoint{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_powerpoint.gif') no-repeat 0 0; } a.word{ display:inline-block; line-height:16px; padding-left: 22px; padding-bottom: 2px; padding-right:8px; background: url('../gfx/relatedContents/icon_word.gif') no-repeat 0 0; } a.pdf{ display:inline-block; line-height:16px; display:inline-block; padding-right:8px; line-height:16px; padding-left: 22px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_pdf.gif') no-repeat 0 0; } a.flash{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_flash.gif') no-repeat 0 0; } a.binary{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_binary.gif') no-repeat 0 0; } a.visio{ display:inline-block; line-height:16px; padding-left: 22px; padding-right:8px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_visio.gif') no-repeat 0 0; } a.xml{ display:inline-block; line-height:16px; padding-right:8px; padding-left: 22px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_xml.gif') no-repeat 0 0; } a.media{ display:inline-block; line-height:16px; padding-right:8px; padding-left: 22px; padding-bottom: 2px; background: url('../gfx/relatedContents/icon_media.gif') no-repeat 0 0; } /********************************************* =Escenic icons *********************************************/ div.relatedContents.media li a.video { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_video.gif' ) no-repeat 0 0; } div.relatedContents.media li a.audio { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_audio.gif' ) no-repeat 0 0; } div.relatedContents.media li a.html { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_html.gif' ) no-repeat 0 0; } div.relatedContents.media li a.text { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_text.gif' ) no-repeat 0 0; } div.relatedContents.media li a.zip { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_zip.gif' ) no-repeat 0 0; } div.relatedContents.media li a.excel { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_xml.gif' ) no-repeat 0 0; } div.relatedContents.media li a.powerpoint { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_powerpoint.gif' ) no-repeat 0 0; } div.relatedContents.media li a.word { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_word.gif' ) no-repeat 0 0; } div.relatedContents.media li a.pdf { display: inline-block; line-height: 16px; display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_pdf.gif' ) no-repeat 0 0; } div.relatedContents.media li a.flash { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_flash.gif' ) no-repeat 0 0; } div.relatedContents.media li a.binary { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_binary.gif' ) no-repeat 0 0; } div.relatedContents.media li a.visio { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_visio.gif' ) no-repeat 0 0; } div.relatedContents.media li a.xml { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_xml.gif' ) no-repeat 0 0; } div.relatedContents.media li a.media { display: inline-block; line-height: 16px; padding-left: 22px; padding-bottom: 2px; background: url( '../images/relatedContents/icon_media.gif' ) no-repeat 0 0; } /********************************************* =Årshjulet *********************************************/ .accordion-slider-wrap { padding:0; position:relative; top:0px; left:0; *margin-top: -17px; overflow: hidden; } ul.accordion-slider { margin: 0; padding: 0; list-style: none; position: relative; overflow: hidden; } ul.accordion-slider li { display: block; overflow: hidden; padding: 0; float: left; width: 188px; height: 286px; z-index:0; zoom:1; position: relative; margin-bottom: 0em; } .js-enabled ul.accordion-slider li{ cursor: pointer; } ul.accordion-slider li img { z-index:0; zoom:1; } .js-enabled ul.accordion-slider li img{ opacity: 0.3; filter: alpha(opacity=30); } ul.accordion-slider .active img { opacity: 1!important; zoom:1; filter: alpha(opacity=100) !important; } .js-enabled ul.accordion-slider li:hover .hgroup { opacity: 0.92; zoom:1; filter: alpha(opacity=92); } ul.accordion-slider li .hgroup a{ /* text-decoration: underline; */ text-decoration: none; } ul.accordion-slider .hgroup { position: absolute; bottom: -1px; left: 0px; background-color: #d7e7f2; z-index: 999; height: 8.2em; opacity: 0.85; zoom:1; filter: alpha(opacity=85); font-size: 0.85em; color: #444444; /*iefix - rounding problems*/ width: 101%; } ul.accordion-slider .hgroup p { padding: 0em 0.5em 0em 10px; color: #000; } ul.accordion-slider .hgroup h2 { padding: 10px 10px 0em 10px; margin-bottom: 0.2em; font-size: 1.4em; background-color: #d7e7f2; } ul.accordion-slider .active .hgroup { opacity: 0.90; filter: alpha(opacity=90); width: 460px; } ul.accordion-slider .active .hgroup h2{ font-size: 1.85em; } ul.accordion-slider .active .hgroup h2 a:after{ content:" \00BB"; } ul.accordion-slider .active .arrow { display: none; } ul.accordion-slider .active .hgroup p { display: block; } ul.accordion-slider .hgroup p { display: none; font-size: 1.176em; } ul.accordion-slider .hgroup .arrow { position: absolute; bottom: 10px; left: 10px; font-weight: bold; font-size: 1.2em; text-decoration: none; } ul.accordion-slider .right .hgroup .arrow{ right: 10px; left: auto; } ul.accordion-slider .hgroup a, ul.accordion-slider .hgroup a:link, ul.accordion-slider .hgroup a:visited { color: #000; /* text-decoration: underline; */ text-decoration: none; } ul.accordion-slider .hgroup a:hover, ul.accordion-slider .hgroup:hover a{ text-decoration: underline; } /********************************************* =Mobile, handheld, iphone, Android *********************************************/ @media handheld { .frontpage-image-right { display:none!important; } } @media only screen and (max-device-width: 1024px) { .frontpage-image-right { display:none!important; } } /********************************************* =Debug. *********************************************/ /* div { outline:1px solid #ccc; }*/ #aa-box .grid_12{ padding: 1em 0; font-size: 1.5em; line-height: 1.5em; } #aa-box #close { height: 16px; background: transparent url("../images/close.png") no-repeat center 0; } #aa-box-loading { background: transparent url("../gfx/comments/ajax-loader.gif") no-repeat center 0; height: 20px; } .debugJsp { color: red; } #main .facts .relatedFactbox .inline-image { margin: 0; float: none; max-width: 100%; } #main .facts .relatedFactbox a .inline-image { display: inline; } /*** SMILEFJES */ .search-smilfjes-ikon { float: right; font-size: 4em; } @font-face { font-family: 'smilefjes'; src: url("../fonts/smilefjes.eot?ilnwzv"); src: url("../fonts/smilefjes.eot?ilnwzv#iefix") format("embedded-opentype"), url("../fonts/smilefjes.ttf?ilnwzv") format("truetype"), url("../fonts/smilefjes.woff?ilnwzv") format("woff"), url("../fonts/smilefjes.svg?ilnwzv#smilefjes") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'smilefjes'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow_right:before { content: "\e800"; } .icon-smiley_1:before { content: "\e801"; } .icon-smiley_2:before { content: "\e802"; } .icon-smiley_3:before { content: "\e803"; } .formInputHeader { font-weight: bold; } button.right { float: right; } .related-container { overflow: auto; } .feedback { padding: 30px; background-color: #eee; margin-top: 1rem; margin-bottom: 2rem; } .feedback h4 { border: none; display: inline-block; font-size: 1.7em; margin-bottom: 1em; } .feedback textarea { width: 100%; height: 100px; border: 0; border-bottom: 3px solid #3C4F5A; margin: 15px 0; padding: 10px; } .feedback textarea:focus { background: #fff; } #feedback button:first-child { margin-right: 20px; } .blockquote { padding-left: 15px; border-left: 5px solid #bebab5; }