/* ------------------------------------------------------------ STRUCTURE: - reset - typography - sifr - editor elements - forms - datepicker - menus - general menus - product groups, product menus - tabs (products) - accordion - grid - framework - contents (miscellaneous elements) ------------------------------------------------------------ */ /* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit;vertical-align: baseline;} body { line-height: 1.5; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /*------------------------------------------------------------ CONTENTS *(All stylesheets merged into one): *------------------------------------------------------------- */ /*------------------------------------------------------------ Typography.css -------------------------------------------------------------- */ body {padding: 0; margin: 0; font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif; color: #4d4f53; /*Resets 1em to 10px*/} .framework {font-size: 1.2em} /*Equals 12 px ref the reset hack above*/ h2,h3,h4,h5,h6,.style2,.style3,.style4,.style5 { font-weight: normal; } h1, .style1 { font-size:3.2em; color: #fff; font-family: Arial, Helvetica, Sans-serif; color:white; } h2, .style2 { font-size: 2.33em; margin-bottom: 20px;} h3, .style3 { font-size: 1.67em; line-height: 1.0; margin-bottom: 1em; padding: .1em 0;} h4, .style4 { font-size: 1.33em; font-weight: bold; line-height: 1.0; margin-bottom: 0; margin-top: 0; padding: .1em 0 1em 0;} h5, .style5 { font-size: 1.2em; margin-bottom: 1em; margin-top: 1em; font-weight: bold; color: #8d8e8f;} h6, .style6 { font-size: 1em; font-weight: bold;} .style5-bodytextcolor { font-size: 1.2em; margin-bottom: 1em; margin-top: 1em; font-weight: bold; color: #4d4f53;} .style6-bodytextcolor { font-size: 1em; font-weight: bold;color: #4d4f53; } /*Searchresultheaders for regular search and vacant positions*/ .availablepositions .style2, .availablepositions .style3 {font-size: 1em; font-weight: bold;} div.subheading4 { font-size: 1.33em; font-weight: normal; line-height: 1.0; margin-bottom: 1em; color: #8d8e8f;} div.index .style4 { font-size: 1em; font-weight: bold; color: #4d4f53; margin-top: 2em; margin-bottom: 0em; } div.product-group .style4 { min-height: 2em; height: auto !important; height: 2em; margin-bottom:0px;} /* adaptations */ .clear .style4 {margin: 0px;} .style4.no-padding{padding:0;} h6.less-bottom, .style6.less-bottom{margin-bottom:0.3em;} h4.less-bottom, .style4.less-bottom{padding-bottom:0.3em;} /* Corporate colors on links to corporate site*/ div.linklist.corporate *, div.linklist.corporate a.read-more {color: #7bc144;} /* Right column menu links */ div.linklist.rightmenu *, div.linklist.rightmenu a.read-more {color: #4d4f53; font-weight: bold;} div.linklist.rightmenu a.read-more {padding: 6px 0; background: transparent url(../images/arrow-blk.png) no-repeat scroll right center;} .rightmenu ul li {background-color:#E6E6E6; min-height:1.7em; height:auto !important; height:1.7em; margin-bottom:10px; padding:0 10px 0 10px; text-align:left; } div.linklist.rightmenu {margin-bottom: -10px;} /* Text elements */ p { margin: 0 0 1.5em; } p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } a:focus, a:hover { color: #4d4f53; } a { color: #00b2e4; text-decoration: none; } .read-more, .article-links, .add-more, .forward, .backward, .about, .nextpage, .lastpage {font-weight:bold; text-transform: uppercase;} a.read-more { padding-left: 18px; clear: both; display: block;} a.add-more { padding-left: 18px; clear: both; display: block;} a.forward {padding: 3px 16px 3px 10px;float: left;} a.backward {padding: 3px 0px 3px 13px; float: left;} a.about {float: left; display: block; padding: 3px 10px 3px 10px; width: 100%;} a.about:hover {padding: 3px 16px 3px 10px; float: left; display: block; padding: 3px 10px 3px 10px; width: 100%;} a.bold {font-size:1.2em; font-weight:bold;} div.forwardbutton { float: left; padding-right: 10px; border: thin solid; } div.backwardbutton { float: left; padding-right: 10px; background-color:white; border: thin solid; } div.country {color: #4d4f53;} a.main_country {padding-left: 50px; color: #4d4f53; font-size: 2.8em; line-height: 1; background: url(../images/forwardarrow_big_black.gif) no-repeat left;} a.main_country_subtext{padding-left: 50px; color: #4d4f53; font-size: 1.1em; font-weight: bold;} /* adaptions */ .no-margin{margin:0;} .black {color: #000000;} /* Lists */ ul { list-style-type: none;} li {margin-bottom: 5px;} ol { list-style-type: decimal; } ul ul { margin: 0 10px; } ul.bullets { list-style-position: outside; padding-left: 20px; font-size: 1.17em; line-height: 1em;} /*List with ordinary (body) text color */ .related ul.bullets, li.faq, li.msg{ color: #4d4f53;} ul.bullets li { color:#8d8e8f; padding: 0 0 10px 15px;} ul.number li {color:#8d8e8f; margin-left: 3em; margin-bottom: 10px; min-height: 18px; height: auto !important; height: 18px;} ul.number li div div.marker { padding: 0 0 0 7px; margin-left: -1.875em; /* equals margin-left on surrounding li adjusted for font size, 3em / 160% = 1.875em */ margin-right: 5px; position: relative; top: -2px; float: left; font-size: 160%; color: #8d8e8f; background: url(../images/numbered_list.gif) no-repeat 0px 2px;} div.prefaceDescription { color:#8d8e8f; font-size: 1.17em; } /*------------------------------------------------------------ sIFR -------------------------------------------------------------- */ .sIFR-flash {visibility: visible !important; margin: 0;} .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} .sIFR-flash + div[adblocktab=true] { display: none !important;} .sIFR-hasFlash .style1 {visibility: hidden; font-size:3.2em;} /* Editor - text controllers -------------------------------------------------------------- */ .editor .style2 {margin-bottom: 0px;} .editor table.bordersize1 {border-collapse: collapse; border-spacing: 0; border: 1px solid #8d8e8f;} .editor table.bordersize1 td, div.editor table.bordersize1 th {border: 1px solid #8d8e8f;} .editor table.bordersize2 {border-collapse: collapse; border-spacing: 0; border: 2px solid #8d8e8f;} .editor table.bordersize2 td, div.editor table.bordersize2 th {border: 2px solid #8d8e8f;} .editor table.bordersize3 {border-collapse: collapse; border-spacing: 0; border: 3px solid #8d8e8f;} .editor table.bordersize3 td, div.editor table.bordersize3 th {border: 3px solid #8d8e8f;} .editor table.bordersize4 {border-collapse: collapse; border-spacing: 0; border: 4px solid #8d8e8f;} .editor table.bordersize4 td, div.editor table.bordersize4 th {border: 4px solid #8d8e8f;} .editor table {margin-bottom: 15px; border-collapse: collapse; border-spacing: 0;} .editor table td, .editor table th {padding: 5px;} .editor table ul, .editor table ol {margin: 0;} .editor ul { padding: 0 0 0 20px; font-size:12px;} .editor ul li { padding: 0 0 4px 10px; line-height:normal;} .editor ul ul {/*margin: 0 10px; Tatt ut pga null luft mellom parent li og child ul*/ margin-left: 10px;} .editor ul, .editor ol {margin-top: 10px; margin-bottom: 13px; line-height: 1em; } .editor ul { padding-left: 20px; } .editor ol { padding-left: 20px; margin-left: 10px; font-size:12px;} .editor ol li { padding: 0 0 4px 0px; line-height:normal;} .editor p + ul {margin-top: 0; padding-top: 0;} .editor .right-aligned {text-align: right;} .editor .center-aligned {text-align: center;} .editor .left-aligned {text-align: left;} .editor .justify-aligned {text-align: justify;} /* For articles only (editor)! */ .article .editor {width: 379px;} /* Show all articles with narrow text (needed to be this low to float right in all browsers) */ .article .style2 {margin-bottom: 20px;} .article .preface {font-size:1.2em; color: #8d8e8f;} .article strong { font-size: 1.2em; font-weight:bold;} .mini_article .preface {font-size:1.2em; color: #8d8e8f;} .mini_article strong {font-size: 1.2em; font-weight:bold;} /*editor end*/ .subtext { color: #8d8e8f; font-size:1.4em; } .linklist-headings a {color: #4d4f53; font-size:1.17em; font-weight:bold; text-decoration:none; } .linklist-headings .explanation { color:#8d8e8f;} .linklist-headings li {margin-bottom: 1em;} .searchhelp h3 { color: #4d4f53; font-size: 1em; font-weight: bold; margin-bottom: 5px; } /* Misc classes and elements */ hr {height: 10px; border: 0; color:#E6E6E6; background-color: #E6E6E6} .bodytextcolor {color: #4d4f53; } .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 3.3em; line-height: 1.0; margin-bottom: 0.5em; } .quiet { color: white; } .redtext { color: #ee3226;} .highlight { color: white; } .highlight * {color: white;} .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } blockquote { margin: 1.5em; } strong, .strong { font-weight: bold;} span.underlined {text-decoration: underline;} em, .em { font-style: italic; } /*Produktforside (group)*/ .productgroup-preface {color:#8d8e8f; font-size:1.4em; margin-bottom:0.75em;} /* typography end */ /*------------------------------------------------------------ Forms (form.css) -------------------------------------------------------------- */ #spinner {background: url('../images/spinner.gif'); width: 16px; height: 16px; position: absolute; top: 0; right: 0;} /* spinner element */ .spinner {background: url('../images/spinner.gif') top right no-repeat !important;} /* spinning background for form elements */ .rightspinner, .poll .pollspinner { background: url('../images/spinner.gif'); display: block; float: right; margin-top: 10px; height: 16px; width: 16px; overflow: hidden; } input.error, textarea.error {background-color: #f7f7f7; border-color: #ee3226;} div.append-span-4.formwrap { background-color: #e6e6e6; width: 614px;} /* jQuery formvalidation */ input.error { border: 1px solid red; } label.error {display: block; color: red; } /* General for all forms*/ input.text, textarea, select {color: #4d4f53; border: 1px solid #8d8e8f; background: white url(../images/input_text_bg.gif) repeat-x top left;} input.submitButton, input.resetButton {padding: 0 16px; font-weight: bold; font-size:1.18em; background-repeat: repeat-x; background-image: url(../images/button_background.gif);} /* formBuilder styles */ div.radioButtonHorizontal , div.checkboxHorizontal{float: left; white-space:nowrap; padding: 0 10px 0 0;} div.radioButtonVertical , div.checkboxVertical{} /* For the site-search on all pages */ .site-search input.text{vertical-align:middle; height:16px; width:160px;} .site-search input.site-search-btn{vertical-align:middle; margin:0; padding:0; border: 1px solid #8D8E8F; border-left:0;} /* Formbuilder*/ #formBuilder input.text {width: 220px;} #formBuilder textarea {width: 220px; height: 120px; padding: .1em;} #formBuilder input.submitButton, #formBuilder input.resetButton {margin-left: 180px;} #formBuilder button.submitButton, #formBuilder button.resetButton {margin-left: 176px;} #formBuilder .required {padding-right: 20px; margin-bottom: 2px; display: inline; background: url(../images/star.gif) no-repeat right;} #formBuilder label.required {background: url(../images/star.gif) no-repeat 160px ;} #formBuilder {margin: 0; padding: 0;} #formBuilder .style5 .formtitle {margin: 0;padding: 0;} #formBuilder h3.separator, form div.separator {clear: both;} #formBuilder h3.separator {border-bottom: 1px solid #bfc0c4;} #formBuilder label.top {display: block;} #formBuilder label.leftCol {float: left; width: 160px;padding: 0px 20px 0px 0px;text-align: left;} #formBuilder div.rightCol {float: left;} #formBuilder div.clear {clear: both;} #formBuilder span.help {border-bottom:1px dotted;} #formBuilder div#qTip {padding: .3em; border: 1px solid #4d4f53; display: none; background-color: #fdbb2f; color: #4d4f53; text-align: left; position: absolute; z-index: 900;} #formBuilder input.rightCol {width: 160px;} #formBuilder textarea.rightCol {width: 160px; height: 120px; padding: 0;} #formBuilder label.rightCol {float: left; width: 100px;padding: 0px 20px 0px 0px;text-align: left;} #formBuilder label.required_rightCol {background: url(../images/star.gif) no-repeat 100px ;} #formBuilder .alignRight {text-align: right;} /* Ledige stillinger*/ .formblock { float:left; margin-bottom:0px;} .formblock strong {clear: both; display: block;} /*Safari needs this*/ .formblock ul {float:left; width: 100px; margin: 10px 15px 0 0;} /*.formblock ul li input {float:left; margin-left: 0px; clear: both;} Erstattet med den nedenfor 28/8/08*/ .formblock ul li input {margin-left: 0px; position: relative; top: 2px; } .formblock input.text {width:296px; margin-right:0px;} .formblock input.submitButton {margin-left:5px;} /* Misc classes and elements */ .fallback {display: none;} .errormsg{margin-left: 160px;} #action {display:none;} .dropdownlist{width: 302px; text-transform: uppercase;} .servicedropdown {width: 270px; } .multiple{margin-bottom: 15px;} /* ui.datepicker.css -------------------------------------------------------------- */ /* Layout helpers */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons */ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* component containers */ .ui-datepicker .ui-widget { font-size: 1.1em; } .ui-datepicker .ui-widget .ui-widget { font-size: 1em; } .ui-datepicker .ui-widget input, .ui-datepicker.ui-widget select, .ui-datepicker.ui-widget textarea, .ui-datepicker.ui-widget button { font-size: 1em; } /* problems with ie6 and multiple classes selector. Using id instead (old: .ui-datepicker.ui-widget)*/ #ui-datepicker-div{ border: 1px solid #aaaaaa; background: #706f73 url(../images/datepicker/ui-bg_flat_0_706f73_40x100.png) 50% 50% repeat-x; color: #dedee0; } .ui-datepicker .ui-widget-content a { color: #dedee0; } .ui-datepicker .ui-widget-header { border: 1px solid #706f73; background: #706f73 url(../images/datepicker/ui-bg_highlight-soft_0_706f73_1x100.png) 50% 50% repeat-x; color: #dedee0; font-weight: bold; } .ui-datepicker .ui-widget-header a { color: #dedee0; } /* Interaction states */ .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { border: 1px solid #4c4e52; background: #4c4e52 url(../images/datepicker/ui-bg_glass_0_4c4e52_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited { color: #ffffff; text-decoration: none; } .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus { border: 1px solid #fdc244; background: #fdc244 url(../images/datepicker/ui-bg_glass_0_fdc244_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active { border: 1px solid #fdc244; background: #fdc244 url(../images/datepicker/ui-bg_glass_0_fdc244_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-datepicker .ui-state-active a, .ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-datepicker .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {border: 1px solid #fdc244; background: #fdc244 url(../images/datepicker/ui-bg_glass_0_fdc244_1x400.png) 50% 50% repeat-x; color: #ffffff; } .ui-datepicker .ui-state-highlight a, .ui-datepicker .ui-widget-content .ui-state-highlight a,.ui-datepicker .ui-widget-header .ui-state-highlight a { color: #ffffff; } .ui-datepicker .ui-state-error, .ui-datepicker .ui-widget-content .ui-state-error, .ui-datepicker .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/datepicker/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-datepicker .ui-state-error a, .ui-datepicker .ui-widget-content .ui-state-error a, .ui-datepicker .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-datepicker .ui-state-error-text, .ui-datepicker .ui-widget-content .ui-state-error-text, .ui-datepicker .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-datepicker .ui-priority-primary, .ui-datepicker .ui-widget-content .ui-priority-primary, .ui-datepicker .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-datepicker .ui-priority-secondary, .ui-datepicker .ui-widget-content .ui-priority-secondary, .ui-datepicker .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-datepicker .ui-icon { width: 16px; height: 16px; background-image: url(../images/datepicker/ui-icons_fbc143_256x240.png); } .ui-datepicker .ui-widget-content .ui-icon {background-image: url(../images/datepicker/ui-icons_fbc143_256x240.png); } .ui-datepicker .ui-widget-header .ui-icon {background-image: url(../images/datepicker/ui-icons_fbc143_256x240.png); } .ui-datepicker .ui-state-default .ui-icon {background-image: url(../images/datepicker/ui-icons_fbc143_256x240.png); } .ui-datepicker .ui-state-hover .ui-icon, .ui-datepicker .ui-state-focus .ui-icon {background-image: url(../images/datepicker/ui-icons_4c4e52_256x240.png); } .ui-datepicker .ui-state-active .ui-icon {background-image: url(../images/datepicker/ui-icons_fbc143_256x240.png); } .ui-datepicker .ui-state-highlight .ui-icon {background-image: url(../images/datepicker/ui-icons_fbc143_256x240.png); } .ui-datepicker .ui-state-error .ui-icon, .ui-datepicker .ui-state-error-text .ui-icon {background-image: url(images/datepicker/ui-icons_cd0a0a_256x240.png); } /* icon positioning */ .ui-datepicker .ui-icon-circle-triangle-e { background-position: -32px -0; } .ui-datepicker .ui-icon-circle-triangle-w { background-position: -96px 0; } /* datepicker specific */ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; cursor:pointer;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* IE 6 fix in ie.css*/ /*------------------------------------------------------------ Menu.css (includes menus and other navigation elements (product groups, prouct menus and so on)) -------------------------------------------------------------- */ div#menu-main, div#menu-main-minisite {float: left; height: 62px; } ul.menu-main, ul.menu-main-minisite {float: left; margin: 0; padding: 0; list-style-type: none;} ul.menu-main li, ul.menu-sub li, ul.menu-specialist li {float: left; margin: 0; line-height: 32px; height: 32px;} ul.menu-main li a:hover, ul.menu-main li.path a{float: left;} ul.menu-main li a span, ul.menu-main-minisite li a span{ float: left; height: 32px; padding: 0 15px 0 10px; display:block; cursor: pointer; } ul.menu-main li a:hover span, ul.menu-main li.path a span {background:url("../images/menu_main.gif") no-repeat right top; } ul.menu-main li a, ul.menu-top li a, ul.menu-sub li a , ul.menu-specialist li a, ul.menu-main-minisite li a{font-family: Arial; text-transform: uppercase; display: block;} ul.menu-main li a, ul.menu-sub li a, ul.menu-specialist li a, ul.menu-main-minisite li a{padding: 0 0 0 5px;} ul.menu-main li a, ul.menu-top li a, ul.menu-main-minisite li a {color: #4d4f53;} ul.menu-specialist li.path a {height:30px;}/*more ie6 stuff in ie.css*/ ul.menu-specialist li.path a:hover {height:30px;} /* Menusub */ ul.menu-sub {margin: 0; padding: 0; list-style-type: none; clear: left} ul.menu-sub li, ul.menu-sub li a {color: white;} ul.menu-sub li a {float: left; display: block; padding: 0 15px; } ul.menu-sub li a.active, ul.menu-sub li.path a {color: #4d4f53;} /* MenuTop */ ul.menu-top {float: right; height: 30px; } ul.menu-top li {float: left; height: 30px; } ul.menu-top li a {padding: 13px 11px 0 11px; font-size: .9em; font-weight: 400;} ul.menu-top li.first { padding-left: 15px;} ul.menu-top .right-spacer {padding-right: 15px; margin-right: 5px; } ul.menu-top li div, .site-search { padding-top: 8px; } /* Modification to use border instead of background image */ #logo-bar ul.menu-top li.first { border-left: 1px solid #4d4f53; } #logo-bar ul.menu-top li.right-spacer { border-right: 1px solid #4d4f53; } /* MenuTop modifications for specialists */ /* background image set in site.css */ .framework.header.specialist ul.menu-top li {background-position: 11px 5px;} .framework.header.specialist ul.menu-top li.first{background:#BFC0C4;} .framework.header.specialist ul.menu-top li a {padding: 8px 0 0 22px; color:#fff;} /* MenuSpecialist */ ul.menu-specialist {height:30px; float:left; overflow:hidden; margin: 0; padding: 0; list-style-type: none; clear: left} ul.menu-specialist li {margin: 0 1px 0 0; line-height:28px; height:28px;} ul.menu-specialist li a {float: left; display: block; padding: 1px 15px 0 15px; font-size: .9em; background-color: #e6e6e6; color:#4d4f53;} ul.menu-specialist li a:hover, ul.menu-specialist li.path a { background-color: #fff;} ul.menu-specialist li a:hover {height:28px;} /* MenuMainMinisite */ ul.menu-main-minisite li {float: left; margin: 0; line-height: 34px; height: 32px;} ul.menu-main-minisite li a{float:left;} ul.menu-main-minisite li a span{float:left;} ul.menu-main-minisite li a:hover, ul.menu-main-minisite li.path a{float:left; color:#fff;} ul.menu-main-minisite li a:hover span, ul.menu-main-minisite li.path a span {float:left;} ul.menu-main-minisite li.dark-shortcut {padding-left:23px;} ul.menu-main-minisite li.dark-shortcut a{padding: 0 2px 0 17px; color:#fff;} ul.menu-main-minisite li.dark-shortcut a{float:left;} ul.menu-main-minisite li.dark-shortcut a span{float:left;} ul.menu-main-minisite li.dark-shortcut a:hover{padding: 0 2px 0 17px; color:#fff;} /* The minisite name on Minisites */ h1.minisite {float:right; margin-top:10px;} /* Content submenu (products) */ /*Felles*/ .menuitem {clear: left;} .menuitem ul li { min-height: 1.7em; height: auto !important; height: 1.7em; text-align:left; padding: 0px 5px 0px 10px; margin-bottom:1px; background-color: #e6e6e6;} .menuitem ul li a {min-height: 1.7em; height: auto !important; height: 1.7em; line-height:1.7em;display: block; padding: 0px 5px 0px 0px; color: #4d4f53; background: #e6e6e6 url( ../images/forwardarrow.gif ) no-repeat right;} .menuitem ul li.active a {text-transform:uppercase; font-weight:bold;} .hover {cursor: pointer;} ul.items li.hover a, .product-group.hover .menuitem ul li.active a, .product.hover .menuitem ul li.active a { color: white; background: url( ../images/forwardarrow_white.gif ) no-repeat right;} div.menuitem ul.items li.with_link_back a { color: #4d4f53; display: block; padding: 0px; text-decoration: none; margin: 0px; height: 20px; line-height: 20px; background: #e6e6e6 url( ../images/backwardarrow.gif ) no-repeat right;} div.menuitem ul.items li.hover_back a {color: white; background: url( ../images/backwardarrow_white.gif ) no-repeat right;} /* more generic backbutton for use other places */ div.backbutton{width:204px; padding:0 10px; background-color:#e6e6e6; margin:10px;} div.backbutton a{color: #4d4f53; display: block; padding: 0px; text-decoration: none; margin: 0px; height: 17px; line-height: 17px; padding:2px 0;} /* Product boxes below main heading and preface on group page */ .product-groups > .first { clear: left; } .product-group { text-align:center;} .product-group .logo {height:120px;} .product-group .special-group{ text-align:left; color:#4d4f53; padding:10px; margin-bottom:1px; min-height: 94px; height: auto !important; height: 94px; background-color: #e6e6e6;} .product-group .special-group .style4{ color:#4d4f53; padding-bottom:0px; margin-bottom:0px;} .product-group div .style4{ padding-bottom:0px; margin-bottom:0px;} /* Product theme boxes*/ .product-group .theme-group{ text-align:left; color:#4d4f53; padding:10px; margin-bottom:1px; height: auto !important; height: 94px; background-color: #e6e6e6;} .product-group .theme-group .style4{ color:#4d4f53; padding-bottom:0px; margin-bottom:0px;} div.theme-group .style4 { color:#4d4f53; min-height: 2em; height: auto !important; margin-bottom:0px; padding-bottom:0px; } /* Product submenu level 2*/ .product.span-three .append-span-three { background-color: #e6e6e6; min-height: 94px; height: auto !important; height: 94px; margin-bottom: 1px;} .product_image { text-align:center; float:right; width: 204px; margin-left:10px; padding-bottom:22px;} .product_description {float:left; width:419px;} .product_description .style2{ margin-bottom: 15px;} .product_heading {width:100%; margin-top:13px;} /*Includes font properties - dropdown for skjulte produkter */ .dropdown-prod-head {height: 42px; line-height: 42px; padding-left: 15px; margin: 0px 5px 10px 5px; font-size:1.23em; font-weight: bold; cursor: pointer; background: white url( ../images/show_hidden_products_background.gif) no-repeat right;} div.dropdown-prod-head.selected {margin: 0px 5px 0px 5px; color:white;} .dropdown-prod-container {display:none; padding: 0px 10px 0px 10px; margin-bottom:10px; background-color: white;} /*------------------------------------------------------------ ui.tabs.css -------------------------------------------------------------- */ @media projection, screen { .ui-tabs-hide {display: none;}} @media print {.ui-tabs-nav { display: none;}} /*Since .ui-tabs-panel is relative positioned (top), the wrapper class needs to cut bottom padding by 9px. Padding set to 1px, equals 10px */ div.wrap.append-span-4.last.btm-relative {padding-bottom: 1px;} #ui-tab-navigation { width: 640px; height: 37px; margin: 0 -5px; position: relative; z-index: 2;} #ui-tab-navigation .ui-tabs-nav { list-style-type: none; height: 35px; float: left;} .ui-tabs-nav li {float: left; cursor: pointer; height: 35px; line-height: 35px; margin-right: 4px;} .ui-tabs-nav li.ui-tabs-selected {background: url(../images/ui-tab-center.gif) repeat-x; } .ui-tabs-nav li span.tab-left {float: left; display: block; height: 35px; width: 0px;} .ui-tabs-nav li span.tab-right{float: left; display: block; height: 35px; width: 0px; } .ui-tabs-nav li.ui-tabs-selected span.tab-left { width: 5px; background: url(../images/ui-tab-left.gif) no-repeat;} .ui-tabs-nav li.ui-tabs-selected span.tab-right {width: 5px; background: url(../images/ui-tab-right.gif) no-repeat;} .ui-tabs-nav a, .ui-tabs-nav a:hover { float: left; display: block; padding: 0 10px; margin: 0; text-decoration: none; color: #fff; background: url(../images/ui-tab-unselected.gif);} .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover {color: #4d4f53; font-weight: bold; background: none;} /*First tab needs extra treatment*/ .ui-tabs-nav li span.tab-left-first {float: left; display: block; height: 37px; width: 6px;} .ui-tabs-nav li.ui-tabs-selected span.tab-left-first { background: url(../images/ui-tab-left-first.gif) no-repeat; } /* ui content box: */ .ui-tabs-panel { width: 644px; clear: both; margin: 0 -5px; position: relative; top: -9px;} .panel-top {float: left;} .panel-top .top-left{ float: left; width: 6px; height: 25px; background: url(../images/ui-box-top-left.gif) no-repeat;} .panel-top .top-center{ float: left; width: 632px; height: 25px; background: url(../images/ui-box-top-center.gif) repeat-x;} .panel-top .top-right{ float: left; width: 6px; height: 25px; background: url(../images/ui-box-top-right.gif) no-repeat;} .panel-mid {float: left; clear: both; background: url(../images/ui-box-mid-left.gif) left repeat-y;} .panel-mid .mid-right { padding-right: 6px; width: 638px; background: url(../images/ui-box-mid-right.gif) right repeat-y;} .panel-mid .mid-center { padding-bottom: 1px; width: 632px; margin-left: 6px; background: url(../images/ui-box-mid-center.gif) repeat;} .panel-btm {float: left;} .panel-btm .btm-left {float: left; width: 6px; height: 50px; background: url(../images/ui-box-btm-left.gif) no-repeat;} .panel-btm .btm-center {float: left; width: 632px; height: 50px; background: url(../images/ui-box-btm-center.gif) repeat-x;} .panel-btm .btm-right {float: left; width: 6px; height: 50px; background: url(../images/ui-box-btm-right.gif) no-repeat;} .ui-tabs-panel .editor {overflow: hidden;} .ui-tabs-panel .editor .span-2 { margin: 0; padding: 0 10px; width: 296px;} .ui-tabs-panel .editor .span-4 {margin: 0; padding: 0 10px; width: 612px;} .ui-tabs-panel .editor .span-4.push-3 {margin-bottom: 10px;}/* some of the spans must be allowed to put some air before the next content */ .ui-tabs-panel .editor .tabtitle-print{display:none;} /* Howtos inside content box: */ .ui-tabs-panel .editor ol.tab-howto {font-size:34px; font-weight:bold; padding-left:40px;} .ui-tabs-panel .editor ol.tab-howto li {margin:0; padding:0;} .ui-tabs-panel .editor ol.tab-howto p {height:14px; padding:20px 0 0 0; margin:10px 0 0 0; font-size:12px; font-weight:normal; color:#4D4F53;} /*------------------------------------------------------------ Accordion default styles (must be before grid css) -------------------------------------------------------------- */ .vertical-tabs {padding-top: 4px; width: 644px; margin: 0 -5px; background: white url( ../images/accordion_top.gif ) no-repeat top left;} .vertical-tabs * { margin: 0px;} /*li heading */ .vertical-tabs li .heading {height: 31px; padding: 0; margin: 0; background:#e6e6e6 url( ../images/accordion_tab.gif) repeat-x top left;} .vertical-tabs li.selected .heading.selected {height: 37px; background: url( ../images/accordion_tab_active.gif ) repeat-x; } .linklist.corporate .vertical-tabs li.selected .heading.selected {background: url( ../images/accordion_tab_active_login.gif ) repeat-x; } .vertical-tabs .heading .wrapper span.tab-left, .vertical-tabs .heading .wrapper span.tab-right {width: 5px; margin: 0; padding: 0; height: 31px; display: block;} .vertical-tabs li .heading .wrapper span.tab-left { float: left; background: url(../images/accordion_tab_left.gif ) repeat-y;} .vertical-tabs li .heading .wrapper span.tab-right {float: right; background: url(../images/accordion_tab_right.gif ) repeat-y;} .vertical-tabs li .heading .wrapper span.tab-title { cursor: pointer; display: block; color: #4d4f53; height: 31px; line-height: 31px; padding: 0 10px; background: url(../images/accordion_arrowDown.gif ) no-repeat 615px 10px;} .vertical-tabs li .heading .wrapper span.tab-title a {color: #4d4f53;} .vertical-tabs li.selected .heading.selected .wrapper span.tab-title {color: #fff; background: url(../images/accordion_arrowUp.gif ) no-repeat 615px 10px;} .vertical-tabs li.selected .heading.selected .wrapper span.tab-title a{color: #fff;} .vertical-tabs li .heading .heading-btm {display: none;} .vertical-tabs li.selected .heading.selected .heading-btm {display: block; height: 6px; overflow: hidden; background: #e6e6e6 url(../images/accordion_tab_active_btm.gif ) no-repeat top left;} /* Tab content */ .vertical-tabs li .tab-container { margin: 0 5px; padding: 0 10px; background: #e6e6e6;} .vertical-tabs li.selected .tabcontent { background: #e6e6e6; padding: 10px 0 10px 0;} .vertical-tabs li.selected .tabcontent-btm {height: 4px; overflow: hidden; background: url( ../images/accordion_content_btm.gif ) no-repeat;} .vertical-tabs li .tab-container-btm { height: 6px; overflow: hidden; background: url( ../images/accordion_btm.gif ) no-repeat top left; } .vertical-tabs li.selected .tab-container-btm {background: none; display: none;} /* Accordion right col special backgrounds*/ .rightcol .vertical-tabs { width: 312px; background: url( ../images/accordion_top_312.gif ) no-repeat top left;} .rightcol .vertical-tabs li .heading .wrapper span.tab-title {background: url(../images/accordion_arrowDown.gif ) no-repeat 283px 10px;} .rightcol .vertical-tabs li.selected .heading.selected .wrapper span.tab-title {background: url(../images/accordion_arrowUp.gif ) no-repeat 283px 10px;} .rightcol .vertical-tabs li .heading.selected .heading-btm {background: #e6e6e6 url(../images/accordion_tab_active_btm_312.gif ) no-repeat top left;} .rightcol .vertical-tabs li.selected .tabcontent-btm {background: url(../images/accordion_content_btm_312.gif ) no-repeat;} .rightcol .vertical-tabs li .tab-container-btm {background: url( ../images/accordion_btm_312.gif ) no-repeat top left; } .rightcol .vertical-tabs li.selected .tab-container-btm {background: none;} /*Accordion elements inside accordion elements that should not be styles as accordion elements*/ ul li.not-accordion-li * {height: 1.5em; line-height: 1.5em; margin-bottom: 5px;} /*--------------- Product list tab nav ----------------*/ .navlistcontainer { float: left; background-color: white; padding-top: 15px; width: 100%; } .navlistgroup { width: 100%;} .navlist { padding: 8px 0 10px; margin-left: 0; border-bottom: 1px solid #BFC0C4; font-weight: bold; font-size: 12px; } .navlist div { list-style: none; margin: 0; display: inline; font-weight: bold; } .navlist div a { font-weight: bold; color: #8D8E8F; padding: 10px 1.1em; margin-left: 10px; border: 1px solid #BFC0C4; border-bottom: none; background: #E6E6E6; text-decoration: none; } .navlist div a:link { color: #8D8E8F; font-weight: bold; } .navlist div a:visited { color: #8D8E8F; font-weight: bold; } .navlist div a:hover { color: #8D8E8F; font-weight: bold; border-color: #BFC0C4; } .navlist div a#currentPos1 { font-weight: bold; color: #4D4F53; background: white; border-bottom: 1px solid white; margin-left: 10px;} .navlist div a#currentPos2 { font-weight: bold; color: #4D4F53; background: white; border-bottom: 1px solid white; margin-left: 1px;} .navlist div a#notcurrentPos1 { font-weight: bold; color: #8D8E8F; margin-left: 10px; padding: 10px 1.1em; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: #E6E6E6; text-decoration: none; } .navlist div a#notcurrentPos2 { font-weight: bold; color: #8D8E8F; margin-left: 1px; padding: 10px 1.1em; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: #E6E6E6; text-decoration: none; } .navlist div.singletab a#currentPos2 { margin-left: 10px; font-weight: bold } /* -------------------------------------------------------------- GRID (Screen.css): Sets up an easy-to-use grid of 6 columns. By default, the grid is 986px wide, with 6 columns spanning 156px, and a 10px margin between columns. ----------------------------------------------------------------- */ /* Sets up basic grid floating and margin. */ .span-1, .span-1-extend, .span-1-minus-10, .span-2, .span-three, .span-2-extend, .span-3, .span-4, .span-5, .span-2-minus-10 { float: left; margin-right: 10px; } .span-6 {float: left;} /* Use these classes to set the width of a column - no padding */ .span-0 { width: 63px; } .span-1 { width: 156px; } .span-2 { width: 322px; } .span-three{ width: 204px; } /* 3 columns in the main column*/ .span-3 { width: 488px; } .span-4 { width: 654px; } .span-5 { width: 820px; } .span-6 { width: 986px; margin-right: 0px;} /*Use these classes to set one and a half col width. -extend adds 73px width (63px + 10px margin right)*/ .span-1-extend { width: 229px; } .span-2-extend { width: 395px; } .span-1-minus-10{ width: 146px; } .span-2-minus-10{ width: 312px; } /* Use these classes to set the width of a column with padding */ .append-span-1 { width: 136px; } .append-span-2 { width: 302px; } .append-span-3 { width: 468px; } .append-span-4 { width: 634px; } .append-span-5 { width: 800px; } .append-span-6 { width: 966px; } .append-span-1-extend { width: 209px; } .append-span-three{ width: 184px; } /* 3 columns in the main column*/ /*Sets padding, float and right margin*/ .append-span-1,.append-span-1-extend ,.append-span-three, .append-span-2, .append-span-3, .append-span-4, .append-span-5 {padding: 10px; float: left; margin-right: 10px;} .append-span-6 {padding: 10px; float: left;} /*Use these classes for div's inside wrapping div's with padding*/ .append-span-4 .span-2 { width:312px; padding: 0;} .append-span-4 .span-4 { width: 634px; } .append2-span-three {width: 204px; float: left; margin-right: 10px; padding:0px;} /*Nested span-4's don't have right margin */ .append-span4 .span-4, .span-4 .append-span-4, div.span-4 .span-4 {margin-right: 0px;} .append {padding: 10px;} .last { margin-right: 0;} /* The last column in a row needs this class. */ .wrap {background-color: white; } /*Spans with white bg needs this class*/ /*Use this to push other elements */ .push-1 {margin-top: 10px;} .push-1times2 {margin-top: 20px;} .push-2 {margin-right: 10px;} .push-3 {margin-bottom: 10px;} .push-3times2 {margin-bottom: 20px;} .push-4 {margin-left: 10px;} .push-min-1{margin-top:1px} .push-min-2{margin-right:1px} .push-min-3{margin-bottom:1px} .push-min-4{margin-left:1px} .append-1 {padding-top: 10px;} .append-2 {padding-right: 10px;} .append-3 {padding-bottom: 10px;} .append-4 {padding-left: 10px;} /*-------------------------------------------------------------- Framework and other special classes ----------------------------------------------------------------*/ .nofloat {float:none;} .container { margin: 0 auto; padding: 0; text-align: left; width: 986px;} .rightcol {width: 322px; float: right; margin: 0; padding: 0; overflow: hidden; } .rightcol * {margin-right: 0px;} .rightcol .span-4 {width: 322px;} .rightcol .append-span-4 {width: 302px;} .framework { margin: 0 auto; padding: 0; text-align: center; } .framework.header {background-position: 0px -10px;} /*this is set in site.css!*/ .framework.header .container.header {height: 178px; overflow: hidden; margin-bottom: 10px; background: url(../images/bg_top_mid.gif) repeat-x;} .framework.header.specialist .container.header {height: 218px;} .framework.header .container.header #top-bar .site-search {float: right; } .framework.header .container.header #logo-bar {height:59px} /* fix for keeping h1 in place when increasing fontsize*/ .framework.header .container.header {position: relative;} .framework.header .container.header .append-span-6 h1 {position: absolute; bottom: 0px;} /* Misc classes and elements */ .hide { display: none; } img { border: 0;} .clean { margin: 0; } .clear { clear:both; } .spacer { clear: both; height: 10px; } .ruler { height: 10px; font-size: 1px; background-color: #fdbb2f; display: block; clear: both;} .left { float:left; } /* close button should always make the cursor a pointer */ .jqmClose{cursor:pointer;} .lowercase{text-transform:lowercase;} .uppercase{text-transform:uppercase;} /*----------------------------------------------------------- Content.css - miscellaneous objects/elements on the site -------------------------------------------------------------- */ /* general button styling ----------------------------------------------------------------*/ /* small */ span.btn-glossy-small-outer { position: relative; display: inline-block; border: 0; margin: 0; padding: 0px 6px 0px 0px; overflow: visible; } span.btn-glossy-small-inner { position: relative; display: inline-block; white-space: nowrap; height: 28px; color: #fff; border: 0; margin:0; padding: 0px 12px 0px 18px; line-height: 28px; font-weight:bold; text-transform: uppercase; } button.btn-glossy-small { overflow: visible; background: transparent; margin: 0; padding: 0; border: 0; cursor:pointer;} /* medium */ span.btn-glossy-outer { position: relative; display: inline-block; border: 0; margin: 0; padding: 0px 22px 0px 0px; overflow: visible; } span.btn-glossy-inner { position: relative; display: inline-block; white-space: nowrap; height: 40px; color: #fff; border: 0; margin:0; padding: 0px 0px 0px 20px; line-height: 36px; font-weight:bold; text-transform: uppercase; } button.btn-glossy { overflow: visible; background: transparent; margin: 0; padding: 0; border: 0; cursor:pointer;} span.btn-glossy-arrow span { padding-right:10px } /* large */ span.btn-glossy-large-outer { position: relative; display: inline-block; border: 0; margin: 0; padding: 0px 28px 0px 0px; overflow: visible; } span.btn-glossy-large-inner { position: relative; display: inline-block; white-space: nowrap; height: 53px; color: #fff; border: 0; margin:0; padding: 0px 0px 0px 28px; line-height: 46px; font-weight:bold; font-size: 16px; } button.btn-glossy-large { overflow: visible; background: transparent; margin: 0; padding: 0; border: 0; cursor:pointer;} span.btn-glossy-large-arrow span { padding-right:13px } /* link button styling */ a.btn-glossy {display:inline-block; height:40px; padding:0 22px 0 0; margin-right:3px;} a.btn-glossy span {display:inline-block; height:40px; padding: 0 0 0 20px; margin:0; line-height:3em; color:#fff; text-transform:uppercase; font-weight:bold; cursor:pointer;} a.btn-glossy.arrow span{padding-right:10px}/* make some more room for arrows */ .align_button { position: relative; left: -3px; } /* Website links ----------------------------------------------------------------*/ .jqmWindow { background-color:#fff; border:0px; color:#4d4f53; display:none; left:50%; margin-left:-493px; padding:12px; position:absolute; top:220px; width:962px; } .jqmOverlay { background-color: #000; } div.websiteLinks div.heading { padding-bottom: 40px; } div.websiteLinks img.jqmClose { float: right; } div.websiteLinks div.links { clear: both; } div.websiteLinks div.links div { float: left; } div.websiteLinks div.links img { height: 19px; width: 26px; } div.websiteLinks div.links span { font-size: 1.1em; padding-bottom: 10px; display: block; } div.websiteLinks div.links a { color: #8d8e8f; font-size: 1.3em; position: relative; top: -4px; left: 5px; font-weight: bold; } div.websiteLinks div.links div.sites_pos1 { float: left; height: 185px; } div.websiteLinks div.links div.sites_posX { border-left: 10px solid #E6E6E6; padding-left: 10px; float: left; height: 185px; } div.websiteLinks div.links div.sites-1-col { width: 225px; } div.websiteLinks div.links div.sites-2-col { width: 470px; } div.websiteLinks div.links span.head { width: 225px; margin-bottom: 1px; font-size:1.3em; } div.websiteLinks div.links div.site_links span.subhead { width: 225px; padding-bottom: 10px; height: 12px; font-weight: bold; } div.websiteLinks div.links ul { float: left; width: 225px; min-height: 110px;} .tophead { font-size:1.6em; } .head { font-size: 1.3em; padding-bottom: 10px; } .subhead { height: 12px; font-size: 1.1em; padding-bottom: 10px; font-weight: bold;} /*Maalgruppeanalyse (som service / tjeneste i hoyre kol)*/ #maalgruppe div label {width: 210px; float: left;} /* Questions and answers*/ li.faq {margin: 0px 0px 1px 0px;} li.faq div.question { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #e6e6e6 url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.faq div.question.hover { background: url( ../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;} li.faq div.question.selected_question { background: url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.faq div.question span.nbr { float: left; width: 60px; padding-left: 3px; display: block;} li.faq div.answer { padding: 20px 0px 20px 60px; margin: 0px 0px 0px 0px;} /* Questions and answers for faqguide items */ li.faqguide-faq {margin: 0px 0px 1px 0px;} li.faqguide-faq div.question { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #e6e6e6 url(../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.faqguide-faq div.question.hover {background-color: #fff;} li.faqguide-faq div.question.selected_question { background: #fff url(../images/accordion_arrowUpDark.gif) no-repeat scroll 610px 10px;} li.faqguide-faq div.question span.nbr { float: left; width: 60px; padding-left: 3px; display: block;} li.faqguide-faq div.answer { background-color:#fff; padding: 20px 0px 20px 60px; margin: 0px 0px 0px 0px;} /* Messages*/ li.msg{margin: 0px 0px 1px 0px;} li.msg div.message { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #e6e6e6 url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.msg div.message.hover { background: url( ../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;} li.msg div.message.selected_message { background: url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.msg div.message span.nbr { padding: 3px 0px 3px 40px; } li.msg div.message_important { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #fdbb2f url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px;} li.msg div.message_important.selected_message { background: url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.msg div.message_important span.nbr { padding: 3px 0px 3px 40px; } li.msg div.message_important span.image { padding: 3px 0px 3px 40px; background: url( ../images/important.gif) no-repeat scroll 10px center;} li.msg div.message_no_expand { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #e6e6e6; } li.msg div.message_no_expand span.nbr { padding: 3px 0px 3px 40px; } li.msg div.message_important_no_expand { padding: 0; margin: 0; min-height: 1.83em; height: auto !important; height: 1.83em; line-height: 1.83em; background: #fdbb2f; } li.msg div.message_important_no_expand span.nbr { padding: 3px 0px 3px 40px; } li.msg div.message_important_no_expand span.image { padding: 3px 0px 3px 40px; background: url( ../images/important.gif) no-repeat scroll 10px center;} li.msg div.show { padding: 20px 0px 20px 60px; margin: 0px 0px 0px 0px;} /* Aapningstider/innleveringsfrister */ .tider td {padding-right:20px;} div.services_block { min-height: 210px; height: auto !important; height: 210px; margin-bottom:0px;} /* Product */ .product-top .span-1-extend {float: right;} .product-top-buttons { clear: both; padding-top: 20px; margin: 0; } /* Product related content */ .contactlist {background-color: #E6E6E6;} .customercase .customercase-teaser {float:left; width:210px; height:37px;} .contactlist .contactlist-teaser {float:left; width:210px; height:85px;} .contactlist .image { width:80px; height:70px; overflow:hidden; float:right;} .customercase .image { width:80px; height:50px; overflow:hidden; float:right;} .customercase h3 {color:#8D8E8F; font-size:1.2em; padding:0;margin:0;} .customercase p {font-size:1.2em; font-weight:bold; margin:0;} .customercase a {display:block; float:left; width:210px;} .contactlist h2.style4 { padding:0 0 6px 0;} .contactlist .imagelink{ padding:6px 0 4px 0;} .contact-top #contact-us, .contact-top .tlf, .contact-top .phone {font-size: 1.4em; font-weight: bold;} .contact-top .opening-hours {display: block; font-size: 1.2em; color:#8D8E8F;} .contact-top #contact-us{margin-bottom:3px;} /*.contact-top .phone {font-size: 3.2em; font-weight:bold; margin:0; letter-spacing:-2px;}*/ .contact-top .left-col, .contact-top .right-col {float:left; margin-right:5px;} .contact-top .left-col {line-height:2em;} .contact-top #more-info {margin-top:5px;} .contact-top #contact{padding-top:10px;} .contact-top div.contactimage {width:80px; height:70px; overflow:hidden; float:right;} .contact-top #contactbox div.title{font-weight:bold; margin-top: 5px;} .contact-top #contactbox:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} /* generic clearfix hack */ /* Product video */ .jqmWindowVideo { background-color:#fff; border:0px; color:#4d4f53; left: -20000px; margin-left:-317px; padding:10px; position:absolute; top:150px; width:634px; height:387px; } .jqmWindowVideo img.jqmClose {float:right; margin-bottom:10px;} /* Article Show */ .article {float: left; width: 100%;} .article .related_maincoloumn {float: right; width: 230px; padding-left: 20px;} .article .images .image img, .article .panorama img { margin: 0 0 10px 0} .article .images .image .text, .article .panorama .text { background-color: #e6e6e6; font-style:italic; } .article .images .image .text { margin-bottom: 30px; } .article .panorama { margin-bottom: 20px; } .article .preface { margin: 0px 0px 20px 0px; } /* Article Show - Footer links */ .articleFooterLinks a { padding:2px 0px 5px 19px; margin-left:7px;} a.share-twitter { color: #8c8d8e; background: url(../images/icon_twitter.png) no-repeat 0 .2em;} a.share-facebook { color: #8c8d8e; background: url(../images/icon_facebook.png) no-repeat 0 .2em;} a.rss-feed { color: #8c8d8e; background: url(../images/icon_rss.png) no-repeat 0 .2em;} /* For fact boxes inside maincoloumn in articles */ .article .related_maincoloumn .facts, .article .related_maincoloumn .related {background-color: #e6e6e6; margin-bottom: 30px;} .article div.facts ul { margin: 0; padding: 0; } .article div.facts ul li { list-style-image: none; background: url(../images/dash.gif) left 0.5em no-repeat; padding: 0 0 10px 10px; margin: 0; } /* Article List --------------------------------------------------*/ #articlelist {background-color: white; } #articlelist .item {padding: 10px; width: 614px; background-color: #e6e6e6; float: left;} #articlelist .item .image {float: right; background-color: white; display: block;} #articlelist .item .image img, #articlelist .item .image a {margin:0px; padding:0px; border: 0;} #articlelist .hover {cursor: pointer;} #articlelist .contentabstract {padding-top:0px; margin-bottom:0px;} #articlelist .style3 .contentheading { margin-top: 0px;} .contentheading a { text-decoration:none; } #articlelist .contentitem {width: 400px;} #articlelist div.date {font-size: 1.17em;} /* News teasers --------------------------------------------------*/ #articlelist.news-teasers { background-color: #bfc0c4;} #articlelist.news-teasers .item { width: 634px; background-color: white;} #articlelist.news-teasers .contentitem {width: 395px;} /* newsitemList --------------------------------------------------*/ #newsitemList .item {padding: 0px 10px; width: 634px; background-color: white; float: left;} #newsitemList .item .image {float: right; background-color: white; display: block;} #newsitemList .item .image img, #articlelist .item .image a {margin:0px; padding:0px; border: 0;} /* Latest news --------------------------------------------------*/ .latest-news li a:focus, .latest-news li a { color: #4d4f53; font-weight: bold; text-decoration: none; font-size: 1.17em; } .latest-news .date { color: #8d8e8f; } .latest-news li { margin-bottom: 1em; } /* Mini article Show --------------------------------------------------*/ .mini_article .container { position: relative; } .mini_article { float: right; } .mini_article .images {float: left; width: 322px; } .mini_article .images .image img { margin: 0 0 0 0} .mini_article h2 { margin: 0px 0px 15px 0px; } .mini_article .preface { margin: 0px 0px 15px 0px; } .mini_article .link { position: absolute; bottom: 0px; margin-bottom: 10px; } .mini_article .link .append-span-2 { left: 322px; } /* Front page boxes --------------------------------------------------*/ /*Boer vel egentlig flyttes til screen.css?*/ .frontpage {width: 211px; float: left; margin-right: 10px;} .frontpage.last {margin-right: 0;} .append-frontpage { float: left; width: 191px; min-height: 25em; height: auto !important; height: 25em; padding: 10px 10px 3em 10px; position: relative;} .frontpage a.read-more { position: absolute; bottom: 10px; width:191px;} /* Job link list --------------------------------------------------*/ .job-link-list {margin: 0;} .job-link-list .item {padding: 10px; width: 614px; background-color: #e6e6e6;} .job-link-list .hover {cursor: pointer;} .job-link-list .hover .style4 a {color: white;} .job-link-list .contentabstract {padding-top:0px;} .job-link-list .style4 .contentheading {margin-top: 0px;} .job-link-list div.contentitem p {margin-bottom: 0;} /* Index (Hva er dette?) -----------------------------------------------------*/ div.index {margin-top: 2em;} .article_author {margin-bottom: 20px;font-size: 1.4em; color:#8d8e8f;} .email, .email:hover, e.mail:visited {color: #00b2e4;} .printerfriendlybox { font-size: 1.1em; line-height: 20px; font-weight: bold; text-transform:uppercase; padding-left: 27px; cursor: pointer; background: white url(../images/printericon.gif) no-repeat left;} /* Notice --------------------------------------------------*/ div.notice {min-height: 15em; height: auto; position: relative; padding-bottom: 2em;} div.notice a.read-more {position: absolute; bottom: 1em; } div.noticelink .read-more {margin-top:10px;} /*Banner*/ .rightcol .banner { width: 322px; /* clear: both; */ } .rightcol .span-2 { overflow: visible; } /* Hack to prevent accordion on alfa.no front page from overflowing bottommost box. TODO: Rewrite style sheets to avoid usage of overflow: hidden. */ /*Ledige stillinger ------------------------------------------------------*/ .postsfound {margin: 0px 0px 20px 0px; color:#8d8e8f;} .postsfound .number {color:red;} /*Tables (table.css)*/ table.availablepositions {width: 100%;} /*table.availablepositions tr a.job_title {display:block; color: #4d4f53; font-weight: bold; padding-bottom: 1em;} */ table.availablepositions th{color:white; font-weight:bold; height:20px; line-height:20px; padding:0px 10px 0px 10px; border-bottom:white thin solid; background-color:#4d4f53;} table.availablepositions td {height:20px;padding:10px 10px 10px 10px; color: #8d8e8f; vertical-align: top; border: none; background-color: #e6e6e6;} table.availablepositions tr.other td, table.econsulting tr.other td {background-color: #f7f7f7;} table.econsulting {width: 100%;} table.econsulting th{color:white;font-weight:bold;height:20px;line-height:20px;padding:0px 10px 0px 10px;border-bottom:white thin solid;background-color:#4d4f53;} table.econsulting td {padding:10px 10px 10px 10px; color: #8d8e8f; vertical-align: top; border: none; background-color: #e6e6e6;} table.econsulting td div.name {margin:0px; padding:0px; width:150px;} table.product {border-collapse: collapse;width: 100%;} table.product th, table.product td {padding: 5px 10px 5px 10px;} table.product td {background-color: white;border-right: 1px solid #e6e6e6;} table.product th {padding-left: 5px;text-align: left;background-color: #bfc0c4;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;} /*Archive.css og newsold.css*/ .date {color: #8d8e8f;margin-bottom: 1em;padding-top: 3px;} span.current .keyword {color: white;} .keyword{color: #4d4f53;text-transform: uppercase;} .keywordbox{display: block; float: left;margin-bottom: 2px;margin-right: 2px;padding: 5px;background: #e6e6e6;} .serachcategory{padding-top: 7px;padding-bottom: 5px;clear: both;} .searchexplanation{font-weight: bold;float: left;} .lastpage{background: url(../images/read_less.gif) no-repeat left;padding-left: 16px;} .nextpage{padding-right: 16px;background: url(../images/read_more.gif) no-repeat right;} .lastpagebox{float: left; width: 150px; height: 1em;} .nextpagebox{float: right;width: 150px;text-align: right;} .pagesbox{float: left;text-align: center;width: 334px;} .right{float: right;} div.wrap.news-old {margin:0px auto; padding: 10px; text-align:left; width:866px;} div.wrap.news-old div#maincolumn {float:left;width:426px; background: white none repeat scroll 0%;} div.wrap.news-old div#rightcolumn {width: 206px;float: right;background: white none repeat scroll 0%;} div.wrap.news-old div#maincolumn div.boxpressnews {font-weight: bold;} .news-old h1 {color: #4d4f53;} /*Service.css -------------------------------------------------*/ .textInput{border: 1px solid #8d8e8f; background: white; color: black; font-size: 1em;} .textInput:focus{border: 1px solid;} .searchButton{font-size:1em;} .service { background-color: #e6e6e6; float: left; width: 634px; margin: 0; } /*------------------------------------------------------------ Searchresults -------------------------------------------------------------- */ .searchindex a {color: #4d4f53; text-decoration: none;} div.navigationMenuPrevious {float: left; text-transform: uppercase; font-weight: bold; display: inline; width: 20%;} div.navigationMenuPrevious a {background: url( ../images/read_less.gif ) no-repeat left; padding-left: 15px;} a.hidden {visibility: hidden;} div.navigationMenuMiddle {float: left; width: 60%; text-align: center;} div.navigationMenuNext {display: inline; text-transform: uppercase; font-weight: bold; float: right; text-align: right; width: 20%;} div.navigationMenuNext a { padding-right: 14px; background: url( ../images/read_more.gif ) no-repeat right;} .searchresultsummary { color:#8d8e8f; } .searchresultdescription {color: #4d4f53; clear: both;} .searchresultPkontor {clear:both;} .searchresultPkontor a { float: left; margin-top: 5px;} .searchresultPkontor span { float: left; margin-right: 30px; margin-top: 5px;} .searchresultPkontor table { float: left; margin-right: 0px; margin-top: 5px; border: 0px; } table.availablepositions .searchresultPkontor table td { padding: 0px 30px 0px 0px; height: auto; } a.searchresultpath-color { color: #8d8e8f; } .searchresultpath a, .searchresultNewsPath{font-size: 1.2em;} .searchresultheader {float:left;} .searchresultheader h2 a {font-size: 1.3em;} .searchresulticon{float:right;} .searchnavigator {margin-left: 13px;} .searchnavigatorbutton {margin-left: 13px;} .selectednavigator {position:relative; top: -2px; margin-left: 10px;} /*------------------------------------------------------------ Product guide list -------------------------------------------------------------- */ .facet-group { float: left; padding-right: 10px; width: 148px; } .facet-group h2 { color:#4D4F53; font-size:1.2em; font-weight:bold; margin: 0 0 8px 0; } .facet-group li { clear: left; padding: 0; margin: 0; } .facet-group input { display: block; float: left; width:13px; height:13px; overflow:hidden; padding: 0; margin: 2px 0 8px 0; } .facet-group .facet-label { display: block; float: left; width: 100px; padding: 0; margin: 0 0 5px 20px; } .facet-group .facet-count { color: #8d8e8f; } .productguide-list div.productguide-list-heading{ float: left; width: 420px; padding-right: 10px; } .productguide-list div.productguide-list-heading h2 { padding-bottom: 5px; } .productguide-list div.productguide-list-icon { float: left; width: 80px; } .productguide-list div.productguide-list-buttons { float: right; width: 204px; text-align: right; } .productguide-list div.productguide-list-bullets, .productguide-list div.productguide-product-description{ float: left; width: 420px; margin: 0; padding: 0 10px 0 0; } .productguide-list div.productguide-list-bullets ul { margin: 0; padding: 0; } .productguide-list div.productguide-list-bullets ul li { list-style-image: none; background: url(../images/dash.gif) left 0.5em no-repeat; padding: 0 0 0 10px; margin: 0; } .productguide-list div.productguide-list-description { font-size: 1.2em; color: #8d8e8f; padding-bottom: 15px; } .productguide-list div.productguide-list-link { float: left; width: 204px; margin: 0; padding: 0; } .productguide-list div.append-margin { padding-top: 5px; padding-bottom: 5px;} .productguide-line { width:auto; height:0; margin:10px 0px; border-top: 2px solid #BFC0C4; } .productguide-spinner {width: 16px; height: 16px; float:left; padding-right: 5px; background: transparent url('../images/spinner2.gif') no-repeat; display: none; } .productguide-count { float:left; padding-right: 5px;} /* Tip a friend lightbox ----------------------------------------------------------------*/ .jqmWindowTipafriend { background-color:#fff; border:0px; color:#4d4f53; display:none; left:50%; margin-left:-223px; padding:12px; position:fixed; top:220px; } /* more CSS for ie in ie.css*/ .tipfriend {width:447px;} .tipafriend_wrap {height:350px; width:427px; background-color: #E6E6E6;} div.tipfriend .floatright { float: right; } div.tipfriend span, div.tipfriend .urlField {font-size: 1.2em;} div.tipfriend .alignMiddle {margin: 100px auto; text-align:center;} .jqmClose.closetext {padding-left:30px; height: 2em; width:70px; margin:0 auto; text-transform:uppercase; padding-top:10px; font-weight:bold; text-align:left; font-size:1.2em; cursor:pointer;} #formBuilder #tipContent input.submitButton, #formBuilder #tipContent input.resetButton {margin-left:10px;} #formBuilder #tipContent input.text, #formBuilder #tipContent textarea {width:300px;} div.tipfriend .urlField {width:300px; margin:5px 5px 10px; float:right; text-align:left; } /* Swedish postnumber search -------------------------------*/ .explain { color:#AFAFAF; font-size:1.1em; font-style:italic; margin-bottom:0; margin-top:4px;} .info { margin-bottom: 10px; margin-top: 0px; padding-top: 10px; padding-left: 10px; padding-bottom: 0pt;} .nohit { margin-bottom: 0px; margin-top: 10px; padding-top: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 1.4em; color: #8D8E8F;} .hits {float: left; margin-top: 10px;} div.info p { color: rgb(141, 142, 143); padding-bottom: 10px; font-size: 1.2em; margin-bottom: 0px;} div.searchbox1 { min-height: 7em;} div.searchbox2 { height: 7em; min-height: 7em;} div.searchbox1 form label { display:block; font-size: 1.3em; font-weight: bold; color: #7BC144; padding-bottom: 5px;} div.searchbox2 form label { display:block; font-size: 1.3em; font-weight: bold; color: #7BC144; padding-bottom: 5px;} /* contactMe ----------------------------------------------------------------*/ .contactMe_wrap {background-color: #E6E6E6;} #contactMe .required {padding-right: 20px; margin-bottom: 2px; display: inline; background: url(../images/star.gif) no-repeat right;} #contactMe input.rightCol {width: 160px;} #contactMe textarea.rightCol {width: 160px; height: 120px; padding: 0;} #contactMe label.rightCol {float: left; width: 100px;padding: 0px 15px 0px 0px;text-align: left;} #contactMe label.required_rightCol {background: url(../images/star.gif) no-repeat 95px ;} #contactMe .alignRight {text-align: right; padding-right: 5px;} #contactMe label.error { float: none; color: red; margin-left:95px; vertical-align: top; } #contactMe .clearPadding { padding: 0; } /* loadNomination ----------------------------------------------------------------*/ .loadNomination_wrap {background-color: #E6E6E6;} #loadNomination .required {padding-right: 20px; margin-bottom: 2px; display: inline; background: url(../images/star.gif) no-repeat right;} #loadNomination input.rightCol {width: 322px;} #loadNomination textarea.rightCol {width: 322px; height: 120px; padding: 0;} #loadNomination textarea.rightColBig {width: 322px; height: 160px; padding: 0;} #loadNomination label.rightCol {float: left; width: 160px;padding: 0px 15px 0px 0px;text-align: left;} #loadNomination label.required_rightCol {background: url(../images/star.gif) no-repeat 160px ;} #loadNomination .alignRight {text-align: right; padding-right: 5px;} #loadNomination label.error { float: none; color: red; margin-left:160px; vertical-align: top; } #loadNomination .clearPadding { padding: 0; } .loadMenu { float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; margin-top: 1px; margin-bottom: 10px; } .loadMenu div { margin-left: 10px; margin-bottom: 1px; width: 302px; } /* dialogKonferanse pmelding ----------------------------------------------------------------*/ .dialogRegistration_wrap {background-color: #E6E6E6;} #dialogRegistration .required {padding-right: 20px; margin-bottom: 2px; display: inline; background: url(../images/star.gif) no-repeat right;} #dialogRegistration input.rightCol{width: 322px;} #dialogRegistration input.rightColShort{width: 120px;} #dialogRegistration textarea.rightCol{width: 322px; height: 120px; padding: 0;} #dialogRegistration label.rightCol {float: left; width: 140px;padding: 0px 15px 0px 0px;text-align: left;} #dialogRegistration label.required_rightCol{background: url(../images/star.gif) no-repeat 130px;} #dialogRegistration .alignRight {text-align: right; padding-right: 5px;} #dialogRegistration label.error { float: none; display: inline; color: red; margin:0 4px 0 4px; } #dialogRegistration .clearPadding { padding: 0; } #dialogRegistration .bold{font-weight:bold;} #dialogRegistration .underline{text-decoration: underline;} #dialogRegistration .halfCol{width:300px; float:left;} #dialogRegistration .halfCol1{width:260px; float:left; height:20px;} #dialogRegistration .halfCol2{width:340px; float:left; height:20px;} #dialogRegistration .border{border: 1px solid #7BC144; } #dialogRegistration ul{ list-style-type: inherit;} #dialogRegistration input.checkbox { margin:1px 6px 0px 0px; padding:0px;} #dialogRegistration p{ padding:10px 0px 4px 0px; margin:10px 0px 4px 0px;} /* carouselShow, se ogsaa styling i carouselShow.xsl ----------------------------------------------------------------*/ div.carousel_preface {margin: 20px;} div.stepcarousel div.belt div.panel strong { font-size: 1.6em; font-weight:bold;} .carousel_page_float { float: left; width: 30px; } .carousel_page_index_first { border-left: 1px solid #e6e6e6; } .carousel_page_index { width: 30px; height: 30px; border-right: 1px solid #e6e6e6; font-size: 18px; vertical-align: middle; display: table-cell; line-height: 30px; } .carousel_padding_left_span-2 { padding-left: 40px; width: 282px; float:left; margin-right:10px; } .carousel_relative { position: relative; } div.carousel_youtube div.carousel_padding_left_span-2 {width: 336px;} div.carousel_youtube div.span-4 {width: 595px;} /* OMA ---------------------------------------------------------------*/ div.ui-tabs-panel .service { width: 604px; } div.innlogging { width: 604px; } div.innlogging dl { margin-bottom: 10px; height: 76px; clear: both; display: block; position: relative; } div.innlogging dd { margin: 0px; padding: 0px; } div.innlogging dd.text { float: right; width: 487px; } div.innlogging dt { float: right; font-weight: bold; width: 487px; } div.innlogging dd.img { float: left; margin-right: 10px; display: block; height: 76px; overflow: hidden; } div.innlogging dl dd.link a.action_link { display: block; background: #ee3226 url(../images/forwardarrow_white.gif) no-repeat scroll 175px 50%; color: white; width: 180px; float: left; height: 1.2em; margin: 0; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; text-transform: uppercase; font-weight: bold; position: absolute; bottom: 0px; left: 117px; } /* Polls ---------------------------------------------------------------*/ #poll textarea { width:100%; height:100px; } /* Slideshow ---------------------------------------------------------------*/ #imagecollection img {border: none;} #slideshow {position: relative;padding: 0;list-style: none;overflow: hidden; width: 480px;height: 320px;} #slideshow .arrow {width: 40px;height: 70px;display: block;position: absolute;top: 28%;text-indent: -9999px;overflow: hidden;cursor: pointer;z-index: 70;} .mainPicList, .thumbList {margin: 0;padding: 0;list-style: none;} .mainPicList {position: relative;top: 0;left: 0;overflow: hidden;width: 100%;height: 100%;padding: 0px;margin:0px;} .mainPicList li {width: 480px;height: 100%;overflow: hidden;font-size: 0;float: left;margin: 0;display: inline;} .mainPicList li a {display: block;width: 100%;height: 100%;} .thumbListWrap {position: relative;background-color: #e6e6e6;width: 473px;overflow: hidden;padding-left:7px;} .thumbList {position: relative;left: 0;overflow: hidden;z-index: 100;width: 100%;height: 100%;height: 42px;margin-top:9px;margin-bottom:9px;} .thumbList li {width: 68px;height: 100%;display: inline;float: left;} .thumbList li a {display: block;width: 57px;height: 38px; overflow:hidden;} .slideViewDesc {width: 131px;height: 360px;background: #e6e6e6;float: right;color: black;overflow: hidden;} a.unSelectedThumb{border:1px solid #999a9c;} /* Login ---------------------------------------------------------------*/ li.username { font-weight: bold; padding:13px 11px 0; } /* Personlist and person presentation ---------------------------------------------------------------*/ a.personlist { color: #7BC144; } .personinfo { margin-bottom: 10px; float: left; } .personinfo div { float: left; } .personteaser { float: left; margin-top:10px; width: 400px; } .personpresentation { padding-left: 0px; } .ingress { font-size: 1.17em; margin-bottom: 0.1em; color: #8D8E8F; } /* RSS ---------------------------------------------------------------*/ div.rssListImage { background: url( ../images/rss.png ) no-repeat right; height:30px; width:30px;float:right; } #articlelist .rssContentitem {width: 550px;} /* Direct Order ---------------------------------------------------------------*/ .direct-order-style4 { font-size: 1.33em; font-weight: bold; } .direct-order-vertical-tabs ul, .direct-order-vertical-tabs li, .direct-order-vertical-tabs p { margin: 0px;} /* remove margins on some elements.. */ .direct-order-vertical-tabs li .heading .wrapper span.tab-title { cursor: pointer; display: block; color: #4d4f53; height: 31px; line-height: 31px; padding: 0 10px; background: url(../images/accordion_arrowDown.gif ) no-repeat 615px 10px;} .direct-order-vertical-tabs li .heading .wrapper span.tab-title a {color: #4d4f53;} .direct-order-vertical-tabs li.selected .heading.selected .wrapper span.tab-title {color: #fff; background: url(../images/accordion_arrowUp.gif ) no-repeat 615px 10px;} .direct-order-vertical-tabs li.selected .heading.selected .wrapper span.tab-title a{color: #fff;} .direct-order-vertical-tabs .direct-order-footer { width:614px; margin:0px; padding:10px; float:left;} /* Linklist columns in accordion ---------------------------------------------------------------*/ .linklistcol-acc-span-three { width: 190px; float: left; margin-right: 10px; } /* 3 columns in main column accordion*/ .linklistcol-acc-span-three-last { width: 190px; float: left; } /* 3 columns in main column accordion*/ .linklistcol-acc-style4 { font-size: 1.33em; font-weight: bold; } .linklistcol-acc-span-4 { width: 614px; margin-left:5px; } /* About us ---------------------------------------------------------------*/ .about-us-image { width: 204px; height: 102px; overflow:hidden; margin:0px;} /* Term ---------------------------------------------------------------*/ .term{ padding:39px 37px 35px 81px; } .white{ color:white !important; } .term p{ margin:0; } .term a { margin-left: -5px; } .term h1{ margin-bottom:10px; } .pushleft{ margin-left:17px; } .pushright{ margin-right:10px; } .termBtn { margin-top:4px;} .term input { height:21px; width:120px; padding-top: 6px;} .searchtitle{ margin-top:18px; padding-bottom:8px !important; } .term-limit { background: #e6e6e6;} .term_limit_style5 {font-size: 1.4em; margin-bottom: 1em; margin-top: 1em; font-weight: bold; color: #e32d22;} .term-limit-image{float: left; width: 80px;} .term-limit-header{float: left; width: 334px;} .term-limit-link{float: left; width: 200px;} .term-limit-span-4 {width:614px; margin:0px; float:left;} .term-limit-span-2 {width:302px; margin:0px; float:left;} .term-limit-span-4 p {margin:0px;} .term-limit-product{color:#4D4F53; font-size:1.33em; font-weight:bold;} .term-limit-description {color:#8D8E8F; font-size:1.2em; padding-bottom:15px;} .term-append-min-1 {padding-top: 2px;} .term-append-max-3 {padding-bottom: 8px;} .term-menuitem {clear: left;} .term-menuitem ul li { min-height: 1.7em; height: auto !important; height: 1.7em; text-align:left; padding: 0px 5px 0px 10px; margin-bottom:1px; background-color: #e32d22;} .term-menuitem ul li a {min-height: 1.7em; height: auto !important; height: 1.7em; line-height:1.7em;display: block; padding: 0px 5px 0px 0px; color: #4d4f53; background: #e32d22 url( ../images/forwardarrow.gif ) no-repeat right;} .term-menuitem ul li.active a {text-transform:uppercase; font-weight:bold;} .termBring{ padding:39px 37px 35px 15px; } .termBring p{ margin:0; } .termBring a { margin-left: -5px; } .termBring h1{ margin-bottom:10px; } .term input { height:21px; width:120px; padding-top: 6px;} input.termBringZipCode { width:40px;} .termBringRight{ padding:10px 37px 35px 10px; } .termBringRight p{ margin:0; } .termBringRight a { margin-left: -5px; } .termBringRight h1{ margin-bottom: 5px; } .termBringRight h3{ padding:0.1em 0 0.3em; } /* JQuery autocomplete styles ---------------------------------------------------------------*/ .ac_results { padding: 0px; border: 1px solid white; background-color: #E6E6E6; overflow: hidden; z-index: 99999; } .ac_results ul { width: 120px; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%; font: menu; font-size: 12px;*/ font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 20px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #F7F7F7; } .ac_over { color: white; } /* contactperson */ div.contactperson { border-top:1px solid #bfc0c4; margin-top:20px; padding-top:20px;} div.contactperson div.person-info p {margin-bottom: 0.7em;} div.contactperson img{border:4px solid #bfc0c4;} div.contactperson span.phone {color:#7bc144; font-size:1.5em; font-weight:bold; } div.contactperson a.email, div.contactperson a.email:hover, div.contactperson a.email:visited {color: #00b2e4; font-weight:bold;} /* Kontakt oss - companyAddress */ div.companyAddress{ background-color: #E6E6E6; height:265px; width: 614px;} div.companyAddress p, div.companyAddressMini p{margin:0; padding:0;} div.companyAddress h2{color:#4D4F53; margin-bottom:0px; padding-bottom:4px;} div.companyAddress div.companyImage, div.companyAddress div.googlemap{width:195px; height:265px; float:left; overflow:hidden;} div.companyAddress div.addressInfo{ width:200px; float:left; overflow:hidden; } #map_canvas{width: 200px; height: 265px;} div.companyAddressMini{ height:180px; width: 200px; float:left;} div.companyAddressMini h2{margin:10px 0 0 0; padding:10px 0 0 0; height:25px;} div.companyAddressMini h3{color:#4D4F53; padding-top:2px; margin-top:2px; margin-bottom:0px; padding-bottom:0px;} /* faqguide */ div.faqguide{padding-bottom:0;} .faqguide div.special-group{ min-height:105px;} .faqguide p {margin:0;} .faqguide div.phone { padding:6px 0 6px 0; } .faqguide div.phone span{ padding-left:4px; font-size:1.33em; font-weight:bold; } div#faq-bottom {height:10px; background-color:#fff;} .faqguide-faq-link {height:30px;} .faqguide-faq-link a{display:block; height:30px; background-color: #E6E6E6; color:#4D4F53; font-weight:bold; text-align:left; padding: 6px 10px 0px 10px; background: #E6E6E6 url(../images/accordion_arrowDown.gif) no-repeat scroll 180px 10px;} .faqguide-faq-link a:hover{color:#fff; background: url(../images/accordion_arrowDownHover.gif) no-repeat scroll 180px 10px;} .faqguide-faq-link a.open{ color:#fff; background: url(../images/accordion_arrowUp.gif) no-repeat scroll 180px 10px;} .faqguideGroup{ text-align:left; color:#4d4f53; padding:10px; margin-bottom:1px; min-height: 94px; background-color: #e6e6e6;} .faqguideGroup .style4{ color:#4d4f53; padding-bottom:0px; margin-bottom:0px;} /* articleHighlights / Minisite */ .articleHiglightImageColumn { width: 95px; float:left; } .articleHiglightColumn { width: 529px; float:right; } .articleHiglightIngress { margin-bottom:5px; } .hoverHighlights { cursor: pointer; } a.serviceLink { color: #4D4F53; } a.serviceLink:hover { text-decoration: none; color: #4D4F53; } /* articleListMinisite */ #articlelistMini .teaser {width: 634px; background-color: white; float: left; position: relative; } #articlelistMini .teaser .image {float: right; background-color: white; display: block;} #articlelistMini .link { position: absolute; bottom: 0; } #articlelistMini div.contentitem { min-height: 120px; } /* portokalkulator service */ div.portoCalcFormatTextPrice { padding-top: 15px; font-size: 0.9em; } /* question */ .jqmWindowWideVideo { background-color:#fff; border:0px; color:#4d4f53; display:none; left:50%; margin-left:-493px; padding:10px; position:absolute; top:130px; width:966px; height:406px; } .jqmWindowWideVideo img.jqmClose { float:right; margin-bottom:10px; } .lightbox_question_video { width:634px; float: left; } .lightbox_question_width { width:966px; } .lightbox_question_alternative { padding-top: 5px; } .lightbox_question_input { float:left; } .lightbox_question_label { display:block; float:left; width:300px; padding-top:2px; } .lightbox_question_no_padding { padding:0; } /* didYouKnow */ .didYouKnow_heading { font-size:6em; font-weight:bold; } .didYouKnow_intro { font-size:1.33em; font-weight:bold; } .didYouKnow_image { margin:0; overflow:hidden; width:312px; } .didYouKnow_span { width:277px; float:left; } /* event */ .eventlist .even { background-color: #eeeeee; } .eventlist .add-all { float: right; } .eventlist .style5 { color: black; padding-bottom: 0.2em; margin: 0;} .eventlist .style4 { padding-bottom: 0.2em; } .eventlist .description { margin-bottom: 0.5em; } /* News subscription */ .subscriptionLinks a { padding:2px 0px 5px 25px; display:block;} .subscriptionLinks li { height:23px; } .subscriptionLinks a.rss-feed { color: #8c8d8e; background: url(../images/link_rss.png) no-repeat 0 0;} /* quickpoll */ .poll .resultBarOuter { border-width: 1px; float: left; border-style: solid; width: 83%; } .poll .resultBarOuter, .poll .label { margin-bottom: 6px; } .poll .resultBarOuter, .resultBarInner { height: 15px; } .poll .label, .poll li { display: block; clear: both; } .poll li { padding-bottom: 10px; } .poll .score { font-weight: bold; line-height: 1.5em; display: block; width: 3.5em; float: left; text-align: right; } .poll .showresults, .poll .showpoll { display: block; float: left; padding-right: 20px;} .poll .otherpolls { display: block; float: right; clear: none; } .poll input { margin-right: 8px; } .poll .pollcard { margin-bottom: 1em; } .poll .feedback { color: red; } .poll .read-more { background-image: none; padding: 0; } .poll h4 { color: inherit; } .poll button { float: left; } /* multiple questions */ .multiplequestions .questiontext { clear: both; margin-bottom: 0.5em; font-weight: bold; } .multiplequestions .answerchoice { float: left; clear: left; margin-right: 10px; } .multiplequestions .answer { float: left; display: block; clear: right; width: 250px; } .multiplequestions .question { margin-top: 1em; clear: both;} .multiplequestions .question.first { margin-top: 0px;} .multiplequestions .alternative { margin-top: 1em; } .multiplequestions .details { margin: 2em 0; } .multiplequestions .details label { width: 45px; float: left; clear: both; line-height: 20px;} .multiplequestions .details input { float: left; margin-bottom: 1em; width: 230px; } .multiplequestions .details label.error { width: 100% !important; clear: both; } .multiplequestions .submitButton { margin-bottom: 5px; } .multiplequestions .email, .multiplequestions .email:hover, .multiplequestions .email:visited { color: #4d4f53; } /* CL & BOARD (from aarsrapport) */ .imageviewer {position:relative; margin-bottom:20px;} .imageviewer .persondetails {width:334px; margin-bottom:10px; padding:10px; background:#4d4f52; cursor:text;} .imageviewer .persondetails .top {width:100%; overflow:hidden;} .imageviewer .persondetails .top p {padding-bottom:18px;} .imageviewer .persondetails * {color:#fff; width:auto;} .imageviewer .persondetails img {float:left; padding:0 10px 10px 0;} .imageviewer .persondetails h2, .personpreview h2 {font-size:16px; font-weight:bold; padding-top:20px; padding-bottom:2px;} .imageviewer .persondetails p {padding-bottom:10px;} .imageviewer .persondetails a {padding-left:17px; color:#00B4CE; font-size:1.2em; background:transparent url(../../aarsrapport/css/gfx/ic_dl.gif) no-repeat left 50%;} .jsOK .imageviewer .person {position:absolute; top:0; left:0; cursor:pointer;} .imageviewercorporate {width:711px;} .jsOK .imageviewercorporate {height:326px; padding-left:100px; background:transparent url(../../aarsrapport/css/gfx/sprite_konsernledelsen.jpg) no-repeat 100px top;} .jsOK .imageviewercorporate .person {height:326px; background:transparent url(../../aarsrapport/css/gfx/sprite_konsernledelsen.jpg) no-repeat left top;} .imageviewerboard {width:925px;} .jsOK {padding-right:0 !important;} .jsOK .imageviewerboard {height:326px; background:transparent url(../../aarsrapport/css/gfx/sprite_styret.jpg) no-repeat left top;} .jsOK .imageviewerboard .person {height:326px; background:transparent url(../../aarsrapport/css/gfx/sprite_styret.jpg) no-repeat left top;} .jsOK .pointerimage {position:absolute; top:-7px; width:13px !important; height:7px; background:transparent url(../../aarsrapport/css/gfx/speaker_pointer.gif) no-repeat left top;} .presentonpicture {width:100%; overflow:hidden; clear:both; padding-bottom:30px; font-size:1.2em; line-height:1.4em;} /* Yearly and quarterly reports */ .reports{margin-top:20px;} .report {border-bottom:1px solid #BFC0C4; margin-bottom:10px;} .report.last{border-bottom:0; margin-bottom:0;} .report .left {float:left;} .report .left ul li {margin:0;} .report img{float:right; margin-bottom:10px;} .report.last img {margin-bottom:0;} /* Link groups */ .linkgroup img, .linkgroup .preface, .linkgroup h3, .linkgroup .mainlinks li a, .linkgroup .sublinks li a { padding-left: 10px; } .linkgroups .linkgroup .mainlinks li:hover, .linkgroups .linkgroup .sublinks li:hover { background: #e6e6e6; } .linkgroups .toggler {padding-top: 3px; margin-left: 10px; } .linkgroups .loud {text-transform:uppercase;font-weight: bold;} .linkgroups li {margin: 0; padding-right: 5px; } .linkgroups li a {color: #4D4F53; display: block; padding: 3px 8px 3px 0;} .linkgroups .preface {margin: 3px 0;} .linkgroups .heading {margin-bottom: 3px;} /* Share bar */ .sharebar li a {text-transform: uppercase; display: block; padding: 4px 0 4px 26px; background-repeat: no-repeat; height: 18px; color: #8c8d8e; font-weight: bold;} .big_share_twittershare, .big_share_twitterfollow { background-image: url(../images/icon_twitter_l.png) } .big_share_facebookshare, .big_share_facebookfollow { background-image: url(../images/icon_facebook_l.png) } .big_share_rss { background-image: url(../images/icon_rss_l.png) } .sharebar li.last a { padding-bottom: 0 !important; } /* Kampanjemal D */ .linkGroupsMarketing li.group { position: relative; padding-bottom: 10px; border-bottom: 1px solid #919095; margin: 0 0 10px; } .linkGroupsMarketing li.group img {display: block; } .linkGroupsMarketing ul.group { position: absolute; bottom: 10px; left: 84px; background-color: white; margin: 0; } .linkGroupsMarketing ul.group li.link { padding-bottom: 5px; margin: 0; } .linkGroupsMarketing ul.group li.last { padding-bottom: 0; } .videoAndDescription .videoPreview { margin-bottom: 10px; } .videoAndDescription .descriptionBg { padding: 10px; } .videoAndDescription .descriptionBg p { font-size: 16px; margin-bottom: 10px; } .videoAndDescription .descriptionBg p.last { margin-bottom: 0px; } /* Nøkkeltall Table */ div.keyFigures { padding: 10px; } div.keyFigures .left { float: none; } div.keyFigures table { width: 100%; margin-bottom: 18px; margin-top: 9px; } div.keyFigures table caption.style2 { margin-bottom: 10px; } div.keyFigures table .tableheading { text-transform: uppercase; text-align: left; } div.keyFigures table td, div.keyFigures table th { font-size: 1.2em; padding: 3px 10px 3px 0; text-align: right; color: #444; } div.keyFigures table th.columnheading { font-weight: bold; color: #4d4f52; } div.keyFigures table td.left { text-align: left; } div.keyFigures table td.leftpadding { text-align: left; padding-left: 10px; } div.keyFigures table .paddingtop { padding-top: 10px; } div.keyFigures table .linebottom { border-bottom: 1px solid #ccc; padding-bottom: 10px; } div.keyFigures table th.heading { text-transform: uppercase; color: #4d4f52; text-align: left; } div.keyFigures table .highlight { background-color: #e6e6e6; } div.keyFigures table tr:hover { background-color: #eee; } div.keyFigures p.footnote { font-size: 1.2em; } div.keyFigures ol { list-style-type: decimal; padding-left: 34px; font-size: 1.2em; color: #444; width: 606px; padding-bottom: 18px; } div.keyFigures ol li { line-height: 18px; } /* Flash fallback (videos)*/ #no-flash-message { background:none repeat scroll 0 0 #E6E6E6; margin:0 auto; padding:10px; width:300px; } #no-flash-message p.no-flash-button { margin: 0; text-align: right; } /* Segmentside postennorge*/ div.segmentFramework { padding: 5px; } div.segmentFramework table td, div.segmentFramework table th { vertical-align: top; font-size: 1em; } div.segmentFramework div.keyFigures { padding: 0px; } div.segmentFramework div.keyFigures table tr:hover { background-color: transparent; } div.segmentFramework div.keyFigures table td { padding: 3px 10px 3px 10px; }