/* ERIC MEYERS RELOADED RESET STYLES ================================================================ */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
 /* THICKBOX ==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==- */ #TB_window a { color: #666; } #TB_window a:hover { color: #000; } #TB_overlay { position: fixed; z-index: 1003; top: 0; left: 0; clear: both; height: 100%; width: 100%; } .TB_overlayBG { background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: .85; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #FFF; z-index: 1004; display: none; text-align: left; top: 50%; left: 50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_ImageWrap { float: left; clear: both; position: relative; } #TB_window img#TB_Image { display: block; padding: 10px 10px 50px; } #TB_caption span a { display: block; width: 40px; height: 30px; position: relative; } #TB_caption { width: 100%; height: 30px; position: absolute; bottom: 0; left: 0; clear: both; padding: 0 0 10px; } #TB_caption em.caption { display: block; padding: 0 20px; font-size: 1.3em; height: 17px; line-height: 17px; } #TB_secondLine { padding: 0 20px; height: 13px; line-height: 13px; font-size: 1.1em; color: #BBB; } a#TB_ImageOff { display: block; width: 100px; text-align: center; height: 30px; line-height: 30px; background: #EEE; color: #666; font-weight: bold; position: absolute; bottom: 0; right: 0; font-size: 13px; text-decoration: none; } #TB_load { position: fixed; display: none; height: 32px; width: 32px; padding: 4px; z-index: 1003; top: 50%; left: 50%; margin: -20px 0 0 -20px; background: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #TB_load img { display: block; } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect { z-index: 1002; position: fixed; top: 0; left: 0; background-color: #FFF; border: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; height: 100%; width: 100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
 /* SPAREBANK1 ØSTLANDET FINANS * * Hand crafted by Hein Haraldson Berg * Please comment your CSS, and organize it blockwise * * ================================================================ */ body { font-size: 62.5%; line-height: 1; font-family: Verdana, Arial, "Lucida Grande", FreeSans, sans-serif; background: #FFF; color: #000; } /* USE THE FOLLOWING CLASSES TO AVOID EXTENSIVE CSS REDUNDANCY ---------------------------------------------------------------- */ .clear { clear: both; } .rel { position: relative; } .abs { position: absolute; } .hid { overflow: hidden; } .f-b { width: 980px; float: left; } .m0a { float: none; margin: 0 auto; } /* SECTION: TOP ================================================================ */ #section-top { background: url(/sitefiles/1/gfx/top-bg-x-new.png) 0 0 repeat-x; } #section-top.has-third { background: url(/sitefiles/1/gfx/top-bg-x-new.png) 0 -126px repeat-x; } #section-top .inner { height: 126px; } #section-top.has-third .inner { height: 156px; } a#go-home { display: block; width: 150px; height: 32px; top: 15px; left: 15px; background: url(/sitefiles/1/gfx/logo.png) 0 0 no-repeat; text-indent: -9999px; } p#contact-phone { top: 61px; right: 0; height: 30px; line-height: 30px; color: #002776; font-weight: bold; padding: 0 0 0 17px; font-size: 1.2em; text-transform: capitalize; } p#contact-phone .icon { display: block; width: 14px; height: 15px; top: 8px; left: 0; background: url(/sitefiles/1/gfx/phone.png) 0 0 no-repeat; } /* a#bc-login { display: block; width: 135px; height: 18px; top: 9px; right: 0; background: url(/sitefiles/1/gfx/bedriftskunde-logg-inn.png) 0 0 no-repeat; text-indent: -9999px; } a#bc-login { width: 106px; right: 0; background: url(/sitefiles/1/gfx/hfonline-logg-inn.png) 0 0 no-repeat; } */ /* SITE SEARCH ---------------------------------------------------------------- */ #site-search { width: 132px; height: 19px; top: 35px; right: 0; background: url(/sitefiles/1/gfx/search-form.png) 0 0 no-repeat; } #site-search label { display: none; } #site-search-q { background: none; border: 0; float: left; clear: left; width: 80px; height: 17px; *height: 16px; height /**\*/: 16px\9; padding: 2px 4px 0; *padding: 3px 4px 0; padding /**\*/: 3px 4px 0\9; font-family: Verdana, Arial, "Lucida Grande", FreeSans, sans-serif; font-size: 1.1em; color: #999; *color: #333; } #site-search-q:focus { color: #333; } #site-search .submit { width: 38px; height: 19px; float: right; clear: right; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* MAIN MENU ---------------------------------------------------------------- */ #main-menu { width: 574px; height: 29px; padding: 32px 154px 0 252px; float: right; } #main-menu ul { float: right; } #main-menu ul li { float: left; padding: 0 2px 0 0; } #main-menu ul li.last { padding: 0; } #main-menu ul li a { display: block; float: left; width: 95px; height: 29px; line-height: 29px; text-align: center; color: #FFF; background: url(/sitefiles/1/gfx/menus.png) 0 0 no-repeat; font-size: 1.2em; text-decoration: none; } #main-menu ul li.wide a { width: 155px; background-image: url(/sitefiles/1/gfx/menus-wide.png); } #main-menu ul li a:hover, #main-menu ul li.active a { color: #000; background-position: 0 -29px; } /* SUB MENU ---------------------------------------------------------------- */ #sub-menu { width: 900px; height: 61px; float: left; } #sub-menu li { float: left; border-left: 3px solid #FFF; font-weight: bold; } #sub-menu li.last { border-right: 3px solid #FFF; } #sub-menu li a { display: block; float: left; height: 30px; line-height: 30px; font-size: 1.4em; color: #666; text-decoration: none; padding: 0 15px; } #sub-menu li a:hover, #sub-menu li.active a { background: url(/sitefiles/1/gfx/menus.png) 0 -58px repeat-x; color: #FFF; } /* THIRD LEVEL MENU ---------------------------------------------------------------- */ #third-level-menu { width: 890px; height: 31px; top: 30px; left: 14px; } #spb1fo #third-level-menu li { border: none; font-weight: normal; padding: 0 10px; } #spb1fo #third-level-menu li a { height: 31px; line-height: 31px; font-size: 1.1em; color: #FFF; background: url(/sitefiles/1/gfx/FFF-separator-x.gif) 0 32px repeat-x; font-weight: normal; padding: 0; } #spb1fo #third-level-menu li a:hover, #spb1fo #third-level-menu li.active a { background-position: 0 22px; } /* BREADCRUMBS ---------------------------------------------------------------- */ #breadcrumbs { height: 23px; bottom: 3px; left: 0; float: none; } #breadcrumbs li { float: left; color: #333; font-size: .9em; height: 20px; line-height: 20px; padding: 0 .9em 0 0; background: url(/sitefiles/1/gfx/slash.gif) 100% 50% no-repeat; margin: 0 .5em 0 0; } #breadcrumbs li.you-are-here { background: none; padding: 0; } #breadcrumbs li.active { background: none; padding: 0; margin: 0; } #breadcrumbs li a { display: block; float: left; height: 20px; color: #39C; text-decoration: none; } #breadcrumbs li a:hover { text-decoration: underline; } #breadcrumbs li.active a { color: #333; } /* SECTION: MAIN ================================================================ */ #section-main-solo { padding: 0 0 10px; } #section-main-solo.shadow-frame { min-height: 226px; padding: 40px 30px 10px; background: url(/sitefiles/1/gfx/content-shadow-full.png) 0 0 no-repeat; } /* GENERIC TYPOGRAPHY ---------------------------------------------------------------- */ em { font-style: italic; } strong { font-weight: bold; } /* SIDE COL ---------------------------------------------------------------- */ #section-main .side-col { width: 242px; float: left; clear: left; } #section-main .row-first, #section-main .row-first .side-col { z-index: 100; } /* MAIN COL ---------------------------------------------------------------- */ #section-main .main-col { width: 728px; float: right; clear: right; } #section-main.shadow-frame .row-first .main-col { width: 668px; min-height: 236px; padding: 40px 30px 0; background: url(/sitefiles/1/gfx/content-shadow.png) 0 0 no-repeat; } /* BOXES ---------------------------------------------------------------- */ .box { color: #1F1E21; margin: 0 0 10px; } .box-small, .box-small-no-cufon { height: 146px; } .box-big { height: 276px; } .box-big-main-cat { height: 432px; } .box-dyn { height: auto; } .box-small-tip { float: right; clear: right; min-height: 146px; margin: 0 0 10px 2em; color: #000; _overflow: hidden; } .box-blue .gradient { background-color: #AACFEC; } .box-pastel-blue .gradient { background-color: #B0C3CA; } .box-green .gradient { background-color: #D4DA6A; } .box-brown .gradient { background-color: #CCC3B5; } .box-orange .gradient { background-color: #DF8453; } .box-narrow { width: 236px; } .box-narrow-side { width: 242px; } .box-wide { width: 482px; } .box-full { width: 728px; } .box-left { float: left; margin: 0 10px 10px 0; } .box-right { float: right; margin: 0 0 10px; } .box .gradient { width: 100%; top: 0; left: 0; background-position: 0 0; background-repeat: repeat-x; } .box-small .gradient, .box-small-no-cufon .gradient, .box-small-tip .gradient { height: 146px; background-image: url(/sitefiles/1/gfx/box/short-white-gradient-x.png); } .box-big .gradient, .box-big-main-cat .gradient, .box-kontakt .gradient { height: 276px; background-image: url(/sitefiles/1/gfx/box/tall-white-gradient-x.png); } .box .tlc, .box .trc, .box .brc, .box .blc { width: 5px; height: 5px; top: 0; left: 0; background: url(/sitefiles/1/gfx/box/tl-corner.png) 0 0 no-repeat; } .box .trc { left: auto; right: 0; background-image: url(/sitefiles/1/gfx/box/tr-corner.png); } .box .brc { left: auto; right: 0; top: auto; bottom: 0; background-image: url(/sitefiles/1/gfx/box/br-corner.png) } .box .blc { top: auto; bottom: 0; background-image: url(/sitefiles/1/gfx/box/bl-corner.png) } .box-labeled .label { width: 75px; height: 146px; background: transparent url(/sitefiles/1/gfx/box/label.png) 0 0 no-repeat; top: 0; right: 0; } .box-labeled-text-left .label { right: auto; left: 0; background-image: url(/sitefiles/1/gfx/box/label-flipped.png); } .box .label .text { width: 75px; height: 146px; top: 0; left: 0; text-indent: -9999px; background: 50% no-repeat; } .box .label-private .text { background-image: url(/sitefiles/1/gfx/box/label-text-privat.png); } .box .label-business .text { background-image: url(/sitefiles/1/gfx/box/label-text-bedrift.png); } .box-blue .label { background-color: #3BA8DF; } .box-pastel-blue .label { background-color: #7BA6B6; } .box-green .label { background-color: #A2AD00; } .box-brown .label { background-color: #AB9B8F; } .box-orange .label { background-color: #B9683C; } .box .inner { float: left; } .box-narrow .inner { width: 206px; padding: 15px; text-align: right; } .box-narrow-side .inner { width: 212px; padding: 15px; text-align: right; } .box-wide .inner { width: 442px; padding: 15px 20px; text-align: right; } .box-big .inner { width: 638px; padding: 40px 45px; text-align: right; } .box-big-main-cat .inner { width: 688px; padding: 20px; text-align: right; } .box-kontakt .inner { width: 678px; padding: 20px 20px 20px 30px; text-align: left; min-height: 276px; margin-bottom: 50px; } .box-kontakt .inner h1 { text-align: right; } .box-narrow-list .inner, .box-narrow-side-list .inner, .box-text-left .inner { text-align: left; } .box-labeled .inner { width: 367px; padding: 15px 95px 15px 20px; } .box-labeled-text-left .inner { padding: 15px 20px 15px 95px; } .box a.overlay { display: block; width: 100%; height: 100%; top: 0; left: 0; *background: #FFF; background /**\*/: #FFF\9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .box h1 { font-weight: bold; color: #002776; text-transform: uppercase; font-size: 2em; padding: 0 0 1.375em; } .box h2 { font-weight: bold; padding: 0 0 .5em; float: left; clear: both; } .box-small h2, .box-small-no-cufon h2 { font-size: 1.5em; } .box-big h2 { font-size: 2.7em; } .box-big-main-cat h2, .box-kontakt h2 { font-size: 2.6em; line-height: 1.25; padding: 0 0 .75em; } .box-blue h2 { color: #3BA8DF; } .box-pastel-blue h2 { } .box-green h2 { color: #A2AD00; } .box-brown h2 { } .box-orange h2 { color: #AF501D; } .box h2.std-color { color: #002776; } .box-narrow h2 { width: 206px; } .box-narrow-side h2 { width: 212px; } .box-wide h2 { width: 442px; } .box-labeled h2 { width: 367px; } .box-full h2 { width: 698px; } .box-big h2 { width: 638px; } .box-big-main-cat h2 { width: 688px; } #spb1fo .box-small-tip h2 { width: 184px; padding: 0 30px 0 0; _padding: 15px 30px 0 0; font-size: 1.8em; text-align: right; font-weight: bold; color: #002776; margin: 0 0 .75em; } .box-small-tip h2 .hand { width: 18px; height: 42px; right: -3px; bottom: 2px; background: url(/sitefiles/1/gfx/mr-pointy.png) 0 0 no-repeat; } #spb1fo .box-small-tip h3 { font-size: 1.2em; font-weight: bold; padding: 0 0 .75em; width: 206px; float: left; clear: both; } .box img { display: block; bottom: 0; } .box-wide img, .box-narrow img, .box-narrow-side img { left: 15px; } .box-wide-text-left img, .box-narrow-text-left img, .box-narrow-side-text-left img { left: auto; right: 15px; } .box-full img { bottom: 0; left: 20px; } .box-full-text-left img { left: auto; right: 20px; } .box-big-main-cat img { bottom: 15px; } .box p { float: left; clear: both; } .box-narrow p { width: 206px; } .box-narrow-side p { width: 212px; } .box-wide p { width: 442px; } .box-labeled p { width: 367px; } .box-full p { width: 698px; } .box-big p { width: 638px; } .box-big-main-cat p { width: 688px; } .box p.excerpt { line-height: 1.25; padding: 0 0 1.5em; } .box-big-blue p.excerpt { color: #3BA8DF; } .box-big-green p.excerpt { color: #A2AD00; } .box-big-brown p.excerpt { color: #1F1E21; } .box-small p.excerpt { font-size: 1.1em; } .box-small-no-cufon p.excerpt { font-size: 1.2em; } .box-big p.excerpt { font-size: 1.8em; } .box-big-main-cat p.excerpt { font-size: 1.6em; } .box-kontakt p.excerpt { font-size: 1.6em; width: 580px; } .box p.read-more { font-size: 1.1em; line-height: 1; } .box-big p.read-more { font-size: 1.1em; } .box-small p.read-more a, .box-small-no-cufon p.read-more a { color: #1F1E21; font-weight: bold; text-decoration: none; } .box-small p.read-more a:hover, .box-small-no-cufon p.read-more a:hover { color: #AB9B8F; } .box-big p.read-more a { font-weight: normal; text-decoration: none; } .box-big-blue p.read-more a { color: #3BA8DF; } .box-big-green p.read-more a { color: #A2AD00; } .box-big-brown p.read-more a { color: #1F1E21; } .box-small-tip .text { width: 206px; float: left; clear: both; } .box-small-tip .body { display: none; } .box-small-tip .text ul { font-size: 1.2em; line-height: 1.25; font-weight: normal; margin: 0 0 1.75em; } .box-small ul, .box-small-no-cufon ul { list-style: disc outside; padding: 0 0 0 14px; _padding: 0 0 0 17px; font-size: 1.1em; width: 192px; _width: 189px; float: left; clear: both; } .box-narrow-side-list ul { list-style: none; padding: 0; width: 212px; } .box-small ul li { padding: 0 0 .5em; line-height: 1.25; } .box-small ul li a { display: block; color: #1F1E21; text-decoration: none; } .box-blue ul li a:hover { color: #3BA8DF; } .box-brown ul li a:hover { color: #694B34; } .box ul.mailto-links { padding: 2em 0 .5em; list-style: none; font-size: 1em; } .box ul.mailto-links li { font-size: 1.2em; line-height: 1.333; padding: 0 0 1em; } .box-brown ul.mailto-links li a { color: #694B34; text-decoration: none; } .box-brown ul.mailto-links li a:hover { color: #A2AD00; } /* INNHOLD KONTAKTMAL ---------------------------------------------------------------- */ .kontakt_privat, .kontakt_bedrift { float: left; width: 260px; } .kontakt_bedrift h3, .kontakt_privat h3 { font-size: 16px; color: #002776; margin: 8px 0; } .privat_liste, .bedrift_liste { margin-left: 0 !important; } .bedrift_liste li, .privat_liste li { list-style:none !important; } #kontakt_avdeling { font-size: 1.4em; color: #666; margin: 8px 0; } #kontakt_telefon { font-size: 1.2em; color: #666; margin: 6px 0; } #kontakt_epost a { font-size: 1.2em; color: #39C; margin: 6px 0; text-decoration: none; } .box-kontakt p { font-size: 1.2em; line-height: 1.5; margin: 0 0 .5em; width: 670px; } .box-kontakt h3 { font-size: 1.5em; font-weight: bold; line-height: 1.5; padding: 0 0 .5em; } .box-kontakt h4 { font-size: 1.3em; font-weight: bold; line-height: 1.5; padding: 0 0 .35em; } .box-kontakt table { font-size: 1.2em; line-height: 1.5; width: 100%; border-collapse: collapse; empty-cells: show; margin: 0 0 1.75em; } .box-kontakt table td { border: 1px solid #EEE; padding: .25em; } .box-kontakt img { display: block; float: right; clear: right; margin: 0 0 1.5em 1.5em; padding: 0 1em 0 0; position: relative; } .box-kontakt a { color: #39C; text-decoration: none; } .box-kontakt a:hover { color: #39C; text-decoration: underline; } .box-kontakt ul { margin-left: 15px; } .box-kontakt ul li { list-style: circle; font-size: 1.2em; line-height: 1.5; margin: 0 0 .5em; } .box-kontakt ul li p { list-style: circle; font-size: 1.2em; line-height: 1.5; margin: 0 0 .5em; } /* SUB CATEGORY MENU WITHOUT SUBTEXTS ---------------------------------------------------------------- */ .box-big .sub-cats, .box-big-main-cat .sub-cats, .box-kontakt .sub-cats { width: 688px; height: 20px; bottom: 10px; right: 20px; } .box-big .sub-cats { right: 40px; } .box-big .sub-cats ul, .box-big-main-cat .sub-cats ul, .box-kontakt .sub-cats ul { float: right; clear: both; } .box-text-left .sub-cats ul { float: left; } .box-big .sub-cats ul li, .box-big-main-cat .sub-cats ul li, .box-kontakt .sub-cats ul li { float: left; padding: 0 15px 0 0; } .box-big .sub-cats ul li { padding: 0 0 80px; } .box-big .sub-cats ul li.last, .box-big-main-cat .sub-cats ul li.last, .box-kontakt .sub-cats ul li.last { padding: 0; } .box-big .sub-cats ul li a, .box-big-main-cat .sub-cats ul li a, .box-kontakt .sub-cats ul li a { display: block; height: 20px; line-height: 20px; float: left; color: #39C; font-size: 1.1em; text-decoration: none; } .box-big-brown .sub-cats ul li a { color: #1F1E21; } .box-big .sub-cats ul li a:hover, .box-big-main-cat .sub-cats ul li a:hover, .box-kontakt .sub-cats ul li a:hover { color: #39C; background: url(/sitefiles/1/gfx/39C-separator-x.gif) 0 85% repeat-x; } .box-big-brown .sub-cats ul li a:hover { color: #694B34; background: none; } /* SUB CATEGORY MENU WITH SUBTEXTS ---------------------------------------------------------------- */ .box-big-main-cat .sub-cats-w-subtext, .box-kontakt .sub-cats-w-subtext { width: 360px; bottom: -10px; right: 20px; } .box-big-main-cat .sub-cats-w-subtext .item, .box-kontakt .sub-cats-w-subtext .item { width: 160px; float: left; clear: left; padding: 0 0 15px; text-align: right; } .box-big-main-cat .sub-cats-w-subtext .even, .box-kontakt .sub-cats-w-subtext .even { float: right; clear: right; } .box-big-main-cat .sub-cats-w-subtext .item a, .box-kontakt .sub-cats-w-subtext .item a { display: block; width: 160px; line-height: 1.5; float: left; color: #39C; font-size: 1.1em; text-decoration: none; } .box-big-main-cat .sub-cats-w-subtext .item a strong, .box-kontakt .sub-cats-w-subtext .item a strong { display: block; font-weight: normal; padding: 0 0 .25em; } .box-big-main-cat .sub-cats-w-subtext .item a span, .box-kontakt .sub-cats-w-subtext .item a span { display: block; color: #666; } .box-big-main-cat .sub-cats-w-subtext .item a:hover strong, .box-kontakt .sub-cats-w-subtext .item a:hover strong { color: #036; } .box-big-main-cat .sub-cats-w-subtext .item a:hover span, .box-kontakt .sub-cats-w-subtext .item a:hover span { color: #333; } /* LOAN CALCULATOR ---------------------------------------------------------------- */ #loan-calc, #leasing-calc { width: 242px; height: 276px; margin: 0 0 10px; z-index: 100; } #calc-anim { width: 242px; height: 276px; top: 0; left: 0; background: #98D0EE url(/sitefiles/1/gfx/calc/watermark-bg.png) 100% 100% no-repeat; *background-position: 124px 154px; } #calc-holder { width: 980px; float: left; } #leasing-calc #calc-anim { background-color: #B0C3CA; } #calc-anim form { width: 202px; } #loan-calc #calc-anim .inner { padding: 20px; text-align: left; width: 202px; } #calc-anim h2 { width: 212px; color: #FFF; font-size: 1.8em; text-transform: uppercase; padding: 0 0 .75em; } #leasing-calc #calc-anim h2 { font-size: 1.6em; } #calc-anim ul, #calc-anim ul li { width: 202px; float: left; clear: both; } #leasing-calc ul, #leasing-calc ul li { width: 212px; } #leasing-calc ul { padding: 8px 0 0; } #calc-anim ul li.text { padding: 0 0 14px; } #calc-anim ul li.button { padding: 0 0 10px; } #calc-anim ul li.last { padding: 0; } #calc-anim ul li.text .arrow { display: block; bottom: 20px; left: -9px; width: 7px; height: 13px; text-indent: -9999px; background: url(/sitefiles/1/gfx/calc/input-arrow.png) 0 0 no-repeat; } #calc-anim ul li.text label { display: block; font-size: 1.1em; color: #002E69; text-transform: uppercase; font-weight: bold; padding: 0 0 .35em; cursor: pointer; } #calc-anim ul li.text input { width: 180px; height: 18px; padding: 5px 10px 0; border: 1px solid #9B9C9E; background: #B5C6CD url(/sitefiles/1/gfx/calc/input-bg-x.png) 0 100% repeat-x; font-family: Verdana, Arial, "Lucida Grande", FreeSans, sans-serif; font-size: 1em; text-transform: uppercase; color: #1F1E21; letter-spacing: .05em; } #calc-anim ul li.formcontrols input { width: 98px; height: 39px; text-align: center; color: #FFF; text-transform: uppercase; float: left; clear: left; background: url(/sitefiles/1/gfx/calc/button.png) 0 0 no-repeat; _background: url(/sitefiles/1/gfx/calc/button-solid.png) 0 0 no-repeat; padding : 3px 4px 0; border: 0; padding: 0 0 2px; left: -5px; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: .6;*/ cursor: pointer; font-size: 1.1em; } #calc-anim ul li.formcontrols input#apply-for-loan { float: right; clear: right; left: auto; right: -5px; } #calc-anim ul li.button a { display: block; width: 202px; height: 53px; line-height: 53px; padding: 5px; color: #FFF; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 1.2em; text-shadow: 1px 1px 0 #355279; background: url(/sitefiles/1/gfx/calc/leasing-button.png) 0 0 no-repeat; } #calc-anim ul li.button a:hover { color: #DFE6E9; } #calc-anim ul li.button-multiline a { height: 33px; padding: 15px 5px; font-size: 1.1em; line-height: 1.5; } #calc-anim .close { display: none; top: 14px; right: 14px; width: 32px; height: 32px; text-indent: -9999px; background: url(/sitefiles/1/gfx/tip-lb-close.png) 0 0 no-repeat; } #calc-anim .close:hover { background-position: -32px 0; } #calc-anim .heading-bg { width: 980px; height: 60px; top: 0; left: 0; background: #D4DA6A; display: none; } #calc-form .overlay { width: 222px; height: 230px; top: 60px; left: 10px; background: #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: .75; display: none; } #calc-content { width: 738px; float: right; clear: right; background: #F7F8E8 url(/sitefiles/1/gfx/calc/separator-arrow-2.png) 0 39px no-repeat; } #calc-content .content { display: none; width: 738px; height: 620px; padding: 0; float: right; clear: both; color: #036; } #calc-content .content h2 { font-size: 2.2em; font-weight: normal; width: 703px; text-transform: none; height: 60px; line-height: 60px; margin: 0 0 16px; padding: 0 0 0 30px; background: #D4DA6A; position: relative; overflow: hidden; clear: both; } #calc-content .content .loading { width: 32px; height: 32px; top: 294px; left: 353px; background: url(/sitefiles/1/gfx/calc/loading.gif) 0 0 no-repeat; } #calc-content .content iframe { display: block; width: 710px; height: 534px; bottom: 10px; right: 0; } #calc-content .content h3 { padding: 0 0 1.5em; } #calc-content .content fieldset { padding: 0 0 2em; } #calc-content .content legend { font-size: 1.3em; font-weight: bold; padding: 0 0 .25em; } #calc-content .content form ul, #calc-content .content form ul li { width: 708px; float: left; clear: both; } #calc-content .content form ul li { padding: 0 0 5px; } #calc-content .content form ul li label { cursor: pointer; font-size: 1.3em; display: block; width: 140px; padding: 0 10px 0 0; float: left; line-height: 20px; } #calc-content .content form ul li label .req { font-weight: bold; color: red; } #calc-content .content form ul li input, #calc-content .content form ul li textarea { width: 290px; padding: 2px 5px; color: #036; font-family: Verdana, Arial, "Lucida Grande", FreeSans, sans-serif; font-size: 1.2em; border: 0; float: left; } #calc-content .content form ul li textarea { padding: 3px 5px; line-height: 1.25; height: 62px; } #calc-content .content form p.form-controls { width: 450px; float: left; clear: both; margin: -1em 0 0; } #calc-content .content form p.form-controls input { color: #036; background: #FFF; font-weight: normal; font-size: 1.3em; padding: .1em 1.25em; float: right; border: 0; cursor: pointer; } /* GENERIC CONTENT ---------------------------------------------------------------- */ .generic-content, .generic-content-ansatte{ width: 668px; min-height: 247px; padding: 40px 30px 0; float: left; background: url(/sitefiles/1/gfx/content-shadow.png) 0 0 no-repeat; } #spb1fo .shadow-frame .generic-content, #spb1fo .shadow-frame .generic-content { padding: 0 0 20px; background: none; min-height: 0; _height: auto; } .infobox1 { padding: 0 30px; } .tip .generic-content { padding: 0; background: none; width: 700px; min-height: 0; _height: auto; } .tip .generic-content h2 { padding: 0 20px; width: 660px; height: 60px; line-height: 60px; margin: 0 0 1em; color: #002776; background: #D4DA6A; float: left; clear: both; } .tip .generic-content h2 .hand { display: none; } .tip .generic-content h3, .tip .generic-content .body { padding: 0 20px; } .tip .generic-content h3 { padding-bottom: .5em; } .tip .generic-content .body h3 { padding-left: 0; padding-right: 0; } .tip .generic-content a.close-tip-lb { display: block; top: 14px; right: 20px; width: 32px; height: 32px; text-indent: -9999px; background: url(/sitefiles/1/gfx/tip-lb-close.png) 0 0 no-repeat; } .tip .generic-content a.close-tip-lb:hover { background-position: -32px 0; } .shadow-frame .generic-content p.back, .shadow-frame .generic-content-ansatte p.back, .shadow-frame form.kpgenerated p.back, form.kphorizontal p.back, .shadow-frame .search-results p.back { display: none; } .generic-content-full, #section-main-solo .generic-content { width: 920px; background-image: url(/sitefiles/1/gfx/content-shadow-full.png); } .shadow-frame p.back, .generic-content p.back, .ansatte-content p.back, .generic-content-ansatte p.back, form.kpgenerated p.back, .search-results p.back { top: 15px; right: 30px; text-align: right; width: 100px; height: 15px; font-size: 1em; } .shadow-frame p.back a, .generic-content p.back a, .generic-content-ansatte p.back a, .ansatte-content p.back a, form.kpgenerated p.back a, .search-results p.back a { display: block; float: right; height: 15px; line-height: 15px; padding: 0 0 0 10px; background: url(/sitefiles/1/gfx/back-arrow.gif) 0 65% no-repeat; color: #002776; text-decoration: underline; } .shadow-frame p.back a:hover, .generic-content p.back a:hover, form.kpgenerated p.back a:hover, .search-results p.back a:hover, .ansatte-content p.back a:hover, .generic-content-ansatte p.back a:hover { text-decoration: none; padding: 0 0 0 12px; } .generic-content h1, .ansatte-content h1, .generic-content-ansatte h1 { font-size: 2em; color: #002776; font-weight: bold; text-transform: uppercase; line-height: 1; padding: 0 0 .5em; } .generic-content h1 span, .ansatte-content h1 span, .generic-content-ansatte h1 span { text-transform: none; display: block; padding: .5em 0 1em; } .generic-content h2, .ansatte-content h2, .generic-content-ansatte h2 { font-size: 1.7em; font-weight: normal; line-height: 1.5; } .generic-content h3{ font-size: 1.5em; font-weight: bold; line-height: 1.5; padding: 0 0 .5em; } .generic-content-ansatte h3, .ansatte-content h3 { font-size: 1.5em; font-weight: bold; line-height: 1.5; padding: 0px; } .generic-content h4, .ansatte-content h4, .generic-content-ansatte h4 { font-size: 1.3em; font-weight: bold; line-height: 1.5; padding: 0 0 .35em; } .infobox1 h2 { font-size: 1.7em; font-weight: normal; line-height: 1.5; } .generic-content p.excerpt, .ansatte-content p.excerpt, .generic-content-ansatte p.excerpt { font-size: 1.3em; font-weight: bold; } .generic-content p, .ansatte-content p, .generic-content-ansatte p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.75em; } .generic-content ul, .ansatte-content ul, .generic-content-ansatte ul { font-size: 1.2em; line-height: 1.75; list-style: disc outside; padding: 0 0 1.75em 1.1em; } .generic-content table, .ansatte-content table, .generic-content-ansatte table { font-size: 1.2em; line-height: 1.5; width: 100%; border-collapse: collapse; empty-cells: show; margin: 0 0 1.75em; } .generic-content table td, .ansatte-content table td, .generic-content-ansatte td { border: 1px solid #EEE; padding: .25em; } .generic-content img, .generic-content-ansatte img{ display: block; float: right; clear: right; margin: 0 0 1.5em 1.5em; padding: 0 1em 0 0; position: relative; } .generic-content a, .ansatte-content a, .generic-content-ansatte a { color: #39C; text-decoration: none; } .generic-content a:hover, .ansatte-content a:hover, .generic-content-ansatte a:hover { text-decoration: underline; } .ansatte-content{ width: 668px; padding: 40px 30px 0; float: left; background: none; } .ansatte-content .gruppebilde, .generic-content-ansatte .gruppebilde { margin:20px 0px 0px 0px; padding:6px 0px 0px 6px; background:url(/sitefiles/1/gfx/gruppe_boks.jpg) no-repeat; float:left; width:655px; height:280px; } .generic-content-ansatte .gruppebilde img, .ansatte-content .gruppebilde img{ margin:0px; padding:0px; float:left; } .generic-content-ansatte .ansatte_liste, .ansatte-content .ansatte_liste{ margin:10px 14px 0px 0px; padding:12px 0px 0px 12px; font-size:10px; background:url(/sitefiles/1/gfx/ansatte_boks.jpg) no-repeat; float:left; width:308px; height:102px; overflow:hidden; } .ansatte_liste img { display: block; float: left; margin: 0px; padding: 0px; } .ansatte-text{ float:left; margin:6px 0px 0px 15px; overflow:hidden; } .generic-content-ansatte .ansatte_liste h5, .ansatte-content .ansatte_liste h5{ margin:0px 0px 0px 0px; padding:0px; font-size:14px; font-weight:bold; } .generic-content-ansatte .ansatte_liste .stilling, .ansatte-content .ansatte_liste .stilling{ margin:5px 0px 5px 0px; padding:0px; font-size:12px; } .generic-content-ansatte .ansatte_liste .mobil, .ansatte-content .ansatte_liste .mobil, .generic-content-ansatte .ansatte_liste .direkte, .ansatte-content .ansatte_liste .direkte, .generic-content-ansatte .ansatte_liste .epost, .ansatte-content .ansatte_liste .epost{ margin:3px 0px 0px 0px; padding:0px; font-size:10px; } .generic-content-ansatte .ansatte_liste .epost a, .ansatte-content .ansatte_liste .epost a{ color:#000; } .generic-content-ansatte .ansatte_liste .epost a:hover, .ansatte-content .ansatte_liste .epost a:hover{ color:#3399CC; text-decoration:underline; } .generic-content .pdf_liste{ margin:0px; padding:0px; } .generic-content .pdf_liste li{ list-style:none; margin:0px; padding:0px; height:20px; } .generic-content .pdf_liste li a{ } .generic-content .pdf_liste li .sepdf{ background:url(/sitefiles/1/gfx/pdf_symbol.jpg) center left no-repeat; height:10px; margin:0px 0px 0px 7px; padding:3px 0px 1px 19px; color:#666; font-size:11px; } .sepdf:hover{ text-decoration:none!important; color:#333!important; } .generic-content .adobereader{ font-size:11px; color:#666; float:left; width:600px; height:20px; margin:15px 0px 0px 0px; } .generic-content a.adobereader:hover{ color:#333; } .generic-content ul.bottom-links { font-size: 1.2em; line-height: 1.75; list-style: none; padding: 1.75em 0; font-weight: normal; width: 668px; float: left; } .generic-content ul.bottom-links li { float: left; display: inline; padding: 0 2em 0 0; line-height:40px; } .generic-content ul.bottom-links li.last { padding: 0; } .generic-content ul.bottom-links li a { display: block; float: left; } .generic-content ul.bottom-links li.cta a { display: block; float: left; background: url(/sitefiles/1/gfx/cta.png) 0 0 no-repeat; height: 40px; line-height: 40px; padding: 0 16px; color: #FFF; font-weight: bold; } .generic-content ul.bottom-links li.cta a:hover { text-decoration: none; background-position: 0 -40px; } .generic-content ul.bottom-links li.cta a .cta-end { display: block; width: 8px; height: 40px; top: 0; right: 0; _right: -1px; background: url(/sitefiles/1/gfx/cta.png) 0 -80px no-repeat; } .generic-content ul.bottom-links li.cta a:hover .cta-end { background-position: -8px -80px; } /* GENERIC CONTENT: SUB ENTRIES ---------------------------------------------------------------- */ .generic-content .sub-entries { width: 668px; float: left; clear: both; } #section-main-solo .generic-content .sub-entries { width: 920px; } .generic-content .sub-entries .col-half { width: 314px; } #section-main-solo .generic-content .sub-entries .col-half { width: 440px; } .generic-content .sub-entries .col-left { float: left; clear: left; } .generic-content .sub-entries .col-right { float: right; clear: right; } .sub-entries .item h2 { font-weight: bold; font-size: 1.2em; line-height: 1.25; } .sub-entries .item h2 a { color: #000; } .sub-entries .item p.excerpt { font-weight: normal; padding: 0 0 .25em; margin: 0; } /* GENERIC CONTENT: TABLE ---------------------------------------------------------------- */ .table-fix table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.75em; font-size: 1.2em; border-bottom: 2px solid #CCC; empty-cells: show; } .table-fix table th { padding: .5em; background: #CCC; font-weight: bold; border-bottom: .5em solid #FFF; } .table-fix table td { padding: 0 .5em 2em; line-height: 1.25; } .table-fix table td a { color: #036; } /* GENERIC KEYPUBLISHER GENERATED FORM ---------------------------------------------------------------- */ .main-col form.kpgenerated { width: 668px; min-height: 247px; padding: 40px 30px 20px; float: left; clear: both; position: relative; overflow: hidden; background: url(/sitefiles/1/gfx/content-shadow.png) 0 0 no-repeat; } .shadow-frame .main-col form.kpgenerated { padding: 0 0 20px; background: none; } .main-col form.kphorizontal { padding: 0 30px 20px; background: none; } form.kpgenerated fieldset ul, form.kpgenerated fieldset ul li { width: 668px; } form.kpgenerated fieldset ul li { padding: 0 0 10px; } form.kpgenerated fieldset ul li.heading { font-size: 1.3em; color: #002776; font-weight: bold; text-transform: uppercase; line-height: 1; padding: 0 0 .5em; margin: 0; } form.kpgenerated fieldset ul li.helptext { font-size: 1.2em; line-height: 1.25; padding: 0 0 3em; } form.kpgenerated fieldset ul li.error { font-size: 1.2em; color: #C00; line-height: 1.25; padding: 1.5em 0 0; font-weight: bold; } form.kpgenerated fieldset ul li label { font-size: 1.2em; width: 190px; } form.kpgenerated fieldset ul li label span.required { color: #A7C4D1; } form.kpgenerated fieldset ul li input, form.kpgenerated fieldset ul li textarea, form.kpgenerated fieldset ul li select { width: 238px; height: 19px; padding: 4px 5px 0; background: url(/sitefiles/1/gfx/input-bg-x.png) 0 0 repeat-x; border: 1px solid #CAD7DD; font-family: Verdana, Arial, "Lucida Grande", FreeSans, sans-serif; font-size: 1.1em; color: #000; } form.kpgenerated fieldset ul li select { height: auto; padding: 2px; } form.kpgenerated fieldset ul li .selects { width: 468px; float: right; clear: right; position: relative; top: -2.4em; margin-bottom: -2.4em; } form.kpgenerated fieldset ul li .selects select { margin: 0 10px 0 0; } form.kpgenerated fieldset ul li p.umbrella-intro { font-size: 1.2em; font-style: normal; margin: 0; } form.kpgenerated fieldset ul li textarea { width: 446px; height: 134px; padding: 7px 10px; line-height: 1.5; } form.kpgenerated fieldset ul li input:focus, form.kpgenerated fieldset ul li textarea:focus, form.kpgenerated fieldset ul li input.focus, form.kpgenerated fieldset ul li textarea.focus { border-color: #A7C4D1; } form.kpgenerated fieldset ul li.form-controls { margin: 0; } form.kpgenerated fieldset ul li.form-controls input { background: #306087; height: auto; padding: 5px 10px; border: 0; margin-left: 200px; font-size: 1.3em; } form.kpgenerated fieldset ul li.form-controls input:hover, form.kpgenerated fieldset ul li.form-controls input.hover { color: #98D0EE; } /* SOME KIND OF WIZARD ---------------------------------------------------------------- */ .safe-biz-wizard h2 { color: #002776; font-size: 1.3em; font-weight: normal; padding: 0 0 .5em; } .safe-biz-wizard .art { padding: 0 0 1.5em; } .safe-biz-wizard h2 strong { font-weight: normal; } .safe-biz-wizard p.excerpt img { float: left; padding: 0 2em 2em 0; margin: 0; } /* WIZARD IN LIGHTBOX ---------------------------------------------------------------- */ .TB_modal .close-flip { display: block; top: -60px; right: 0; width: 80px; height: 60px; text-indent: -9999px; background: url(/sitefiles/1/gfx/close-flip.png) 0 0 no-repeat; } .TB_modal .close-flip:hover { background-position: -80px 0; } /* SEARCH RESULTS ---------------------------------------------------------------- */ .search-results { width: 668px; min-height: 247px; _height: 247px; padding: 40px 30px 0; float: left; background: url(/sitefiles/1/gfx/content-shadow.png) 0 0 no-repeat; } .search-results h1 { font-size: 1.3em; color: #002776; font-weight: bold; text-transform: uppercase; line-height: 1; padding: 0 0 .5em; } .search-results p.error { font-size: 1.2em; line-height: 1.25; font-weight: bold; margin: 0 0 1.25em; } .search-results .form { padding: 0 0 2em; } .search-results input.text { width: 238px; height: 19px; padding: 4px 5px 0; background: url(/sitefiles/1/gfx/input-bg-x.png) 0 0 repeat-x; border: 1px solid #CAD7DD; font-family: Verdana, Arial, "Lucida Grande", FreeSans, sans-serif; font-size: 1.1em; color: #000; float: left; margin: 0 10px 0 0; } .search-results input.text:focus, .search-results input.text-focus { border-color: #A7C4D1; } .search-results input.submit { background: #306087; height: auto; padding: 4px 10px 3px; border: 0; font-size: 1.3em; font-weight: bold; color: #FFF; cursor: pointer; } .search-results input.submit:hover, .search-results input.submit-hover { color: #98D0EE; } .search-results .hits { padding: 0 0 2em; } .search-results .hits .hit { padding: 0 0 2em; border-bottom: 1px solid #CAD7DD; margin: 0 0 2em; } .search-results .hits .last { border: 0; margin: 0; } .search-results .hits .hit h2 { font-size: 1.3em; color: #002776; font-weight: normal; line-height: 1; padding: 0 0 .5em; } .search-results .hits .hit a { color: #002776; text-decoration: none; } .search-results .hits .hit a:hover { text-decoration: underline; } .search-results .hits .hit p.excerpt { font-size: 1.2em; line-height: 1.25; padding: 0 0 .5em; } .search-results .hits .hit p.read-more { font-size: 1.2em; line-height: 1; } /* SITEMAP ---------------------------------------------------------------- */ #sitemap { padding-bottom: 20px; } #sitemap .col { width: 168px; float: left; margin: 0 20px 0 0; } #sitemap .col-last { margin: 0; } /* SECTION: BOTTOM ================================================================ */ #section-bottom { padding: 0 0 60px; _margin-top: -10px; } #section-bottom .inner { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0; *padding: 10px 0 0; } #section-bottom .inner-mania { background: url(/sitefiles/1/gfx/999-separator.gif) 129px 0 repeat-y; } /* BOTTOM CONTACT INFO ---------------------------------------------------------------- */ #section-bottom .contact-info { width: 109px; padding: 5px 0 5px 10px; float: left; clear: left; color: #333; } .contact-info h2, .contact-info h3 { font-size: 1.3em; text-transform: uppercase; font-weight: bold; padding: 0 0 .5em; width: 109px; float: left; clear: both; } .contact-info h3 { text-transform: none; font-weight: normal; font-size: 1.2em; } .contact-info ul.contact-alternatives, .contact-info ul.cs-linkage { width: 109px; float: left; clear: both; font-size: 1.2em; line-height: 1.5; padding: 0 0 1em; } .contact-info ul.cs-linkage { padding: 0; } .contact-info ul.contact-alternatives li, .contact-info ul.cs-linkage li { width: 87px; padding: 0 0 0 22px; float: left; clear: both; background: 0 50% no-repeat; } .contact-info ul.cs-linkage li { width: 109px; padding: 0; } .contact-info ul.contact-alternatives li.phone { background-image: url(/sitefiles/1/gfx/phone-saturated.png); } .contact-info ul.contact-alternatives li.email { background-image: url(/sitefiles/1/gfx/email.gif); } .contact-info ul.contact-alternatives li a, .contact-info ul.cs-linkage li a { display: block; width: 87px; float: left; clear: both; color: #39C; text-decoration: none; background: 0 55% no-repeat; } .contact-info ul.cs-linkage li a { width: 101px; padding: 0 0 0 8px; background-image: url(/sitefiles/1/gfx/bullet-blue-arrow.gif); } .contact-info ul.contact-alternatives li a:hover, .contact-info ul.cs-linkage li a:hover { text-decoration: underline; } /* BOTTOM LINKAGE ---------------------------------------------------------------- */ #section-bottom .linkage { width: 820px; padding: 5px 0; float: right; clear: right; } #section-bottom .linkage .cat { width: 144px; float: left; margin: 0 20px 0 0; } #section-bottom .linkage .last { margin: 0; } #section-bottom .linkage .cat h2 { font-size: 1.2em; font-weight: bold; color: #999; padding: 0 0 .5em; } #section-bottom .linkage .cat a { display: block; color: #999; text-decoration: none; } #section-bottom .linkage .cat a:hover { color: #666; text-decoration: underline; } #section-bottom .linkage .cat ul { font-size: 1.1em; line-height: 1.27; } #section-bottom .linkage .cat h2, #section-bottom .linkage .cat ul, #section-bottom .linkage .cat ul li { float: left; display: block; width: 144px; clear: both; } /* BOTTOM MENU (FOOTER) ---------------------------------------------------------------- */ #bottom-menu { padding: 10px 0 0; } #bottom-menu ul { float: left; left: 50%; } #bottom-menu ul li { float: left; right: 50%; font-size: 1.2em; line-height: 1.2; color: #999; padding: 0 15px 0 0; border-right: 1px solid #999; margin: 0 15px 0 0; } #bottom-menu ul li.last { padding: 0; border: 0; margin: 0; } #bottom-menu ul li a { display: block; float: left; color: #999; text-decoration: none; } #bottom-menu ul li.active a, #bottom-menu ul li a:hover { color: #666; text-decoration: underline; }