vår /* Colour & Typography ----------------------------------------------------- */ body { color: #3e3e3e; -webkit-text-stroke:1px transparent; } .nobg { color: white; } a { color: #2787be; text-decoration: none; } a:hover, a:focus { color: #206c97; } h1, h2, h3, h4, h5 { font-weight: bold; letter-spacing: -.05em; } h1 { letter-spacing: -.07em;} h2 { color: #174057; } h3, h4, h5 { color: #265c7a; } /* Layout & backgrounds ----------------------------------------------------- */ body { background: url('../backgrounds/body_bg.jpg'); } #background { padding-top: 18px; background: url('../backgrounds/body_grunge_bg.jpg') no-repeat 50% 0; } #mainNav { height: 126px; width: 1008px; margin: 0 auto; text-align: left; overflow: hidden;} #page { width: 976px; margin: 0 auto; background: #e7f4fa; min-height: 500px; border: 1px solid #110c29; border-top: none; border-bottom: none; } /* Main Menu ----------------------------------------------------- */ #mainNav { list-style: none; } #mainNav li { float: left; } a.mainNavItemHome, a.mainNavItem { float: left; height: 122px; width: 104px; margin-right: 16px; overflow: hidden; background: url('../backgrounds/menu_sprite.png') 100% 0px; color: white; -moz-opacity: .9; opacity: .9; filter: alpha(opacity=90) } a.mainNavItemHome:hover, a.mainNavItem:hover { color: #231d3d; background-position: 100% -122px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100) } #mainNav #active { color: #000; background-position: 100% -244px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100) } a.mainNavItemHome { width: 256px; text-indent: -1000px; } .mainNavItem .padding { padding: 25px 5px 0 10px; } .mainNavTitle { display: block; font-weight: bold; font-size: 1.07692em; } .mainNavText { display: block; font-size: 0.76923em; line-height: 1.4em; } /* logo - kinda ugly... */ a.mainNavItemHome .mainNavTitle { height: 122px; background: url('../backgrounds/menu_logo.png') no-repeat 0 -122px; } a.mainNavItemHome:hover .mainNavTitle, #active .mainNavTitle { background-position: 0 0; } /* General Classes !! framework screen-css is modified * Containers ----------------------------------------------------- */ .focusContainer { position: relative; width: 1008px; left: -16px; text-align: left; background: url('../backgrounds/focus_blue_bg.png') no-repeat 0 100%; } .focusContainer .padding { float: left; padding: 18px 32px 36px; } .wideContainer { background: white url('../backgrounds/divider_white_bg.png') no-repeat 50% 0; } .wideContainer .padding { padding: 0 16px 18px; } .container { background: url('../backgrounds/divider_blue_bg.png') no-repeat 50% 0; } .nobg .container, .nobg { background: none; } /* General Classes !! framework screen-css is modified * Components ----------------------------------------------------- */ .focusContainer { color: white; } .focusContainer h1 { margin-bottom: 9px; color: white; } .focusContainer p { display: inline; font-size: 1.38462em; line-height: 1.5em; margin-bottom: 0} .focusContainer a { font-weight: bold; color: #d1e3eb; } .focusContainer a:hover { color: white; } #breadcrumbs { font-size: 1.23077em; line-height: 1.12500em; } #breadcrumbs span { display: block; font-weight: bold; text-align: right; } #breadcrumbs ul { margin-left: 0; margin-bottom: 0; padding-top: 1px; list-style: none; } #breadcrumbs ul li { display: inline; padding-left: 15px; background: url('../backgrounds/bull_crumb.png') no-repeat 0 7px; } #breadcrumbs ul li:first-child { padding-left: 0; background: none; } #breadcrumbs ul a { font-weight: normal; color: white; } .wideContainer h1 { margin-top: 18px; margin-bottom: 9px; } .wideContainer p { font-size: 1.38462em; line-height: 1.5em; margin-bottom: 18px } .sectionDivider { padding-top: 18px; clear: both; } h2.sectionTitle { color: #404040; font-size: 1.23077em; line-height: 1.125em; text-transform: uppercase; } h2.sectionTitle a { color: #404040; display: block; } h2.sectionTitle span { color: #2787be; font-size: 0.68750em; font-weight: normal; text-transform: none; } ul.imageList { list-style: none; margin-left: 0; margin-bottom: 0} li.imageListItem { float: left; position: relative; height: 162px; margin-bottom: 1.38462em; overflow: hidden; } li .imageListLink { } li .imageListText { position: absolute; bottom: 0; left: 0; height: 36px; padding-left: 8px; width: 216px; line-height: 36px; font-weight: bold; background: black; color: white; -moz-opacity: .8; opacity: .8; filter: alpha(opacity=80) } ul.smallImageList { list-style: none; margin-left: 0; margin-bottom: 0} li.smallImageListItem { float: left; height: 54px; margin-bottom: 1.38462em; overflow: hidden; } li .smallImageListLink { display: block; width: 224px; height: 54px; } li .smallImageListImage { display: block; height: 54px; width: 54px; float: left; margin: 0; background: gray; } li .smallImageListText { display: block; width: 160px; float: right; font-weight: bold; } li .smallImageListMeta { display: block; width: 160px; float: right; font-size: 0.84615em; color: #404040; } ul.blogList { list-style: none; margin-left: 0} li.blogListItem { padding-top: 9px; background: #e7f4fa url('../backgrounds/divider_horiz_dots.png') repeat-x; } li .blogListTitle { font-size: 1.38462em; font-weight: bold; margin: 0; padding-bottom: 2px; } li .blogListText { font-size: 0.84615em; line-height: 1.63636em; margin-bottom: 9px;} .slideshow { position: relative; height: 414px; width: 704px; top: 2px; } .slideshowContent { position: absolute; height: 378px; width: 720px; right: -16px; top: 0; } .slideshowContent .img-slide { position: absolute; top: 0; left: 0; } .slideshowControl { position: absolute; height: 36px; width: 704px; right: 0; bottom: 0; } .slideshowControl ul { display: block; float: right; list-style: none; margin: 0; padding: 18px 0 0; } .slideshowControl ul li { float: left; padding-right: 6px; height: 18px; margin-left: 9px; background: url('../backgrounds/slideshow_sprite.png') no-repeat 100% -36px;} .slideshowControl ul li a { display: block; padding-left: 6px; height: 18px; cursor: pointer; font-size: 0.84615em; color: black; background: url('../backgrounds/slideshow_sprite.png') no-repeat 0 -54px; } .slideshowControl ul li.selected { background-position: 100% 0; } .slideshowControl ul li.selected a { background: url('../backgrounds/slideshow_sprite.png') no-repeat 0 -18px; color: white; } #videoOverlay { cursor: pointer; visibility: hidden; } #videoBoxContainer { width: 690px; height: 585px; position: absolute; z-index: 11; top: 500px; left: 50%; margin-left: -345px; background: url('../backgrounds/video_lightbox_bg.png') no-repeat 0 ; } #videoBox { bottom: 51px; left: 25px; } #videoClose { position: absolute; width: 93px; height: 36px; bottom: 10px; left: 21px; line-height: 36px; font-size: 11px; text-align: center; font-weight: bold; cursor: pointer; background: url('../backgrounds/video_lightbox_close_bg.png') no-repeat 0 ; } #footer { padding-top: 36px; padding-bottom: 54px; font-size: 0.84615em; line-height: 1.63636em; background: url('../backgrounds/footer_bg.png') no-repeat 50% 0} #footer p { line-height: 1.63636em; margin-bottom: 1.63636em; } #footer h2 { color: #fff; margin: 0 0 1.12500em; padding: 1.125000em 0 0; font-size: 1.45455em; line-height: 1.12500em; text-transform: uppercase; } #footer h3 { font-size: 1em; line-height: 1.63636em; color: white; } #footer a { font-weight: bold; color: white; border-bottom: 1px dotted white; } #footer a:hover, #footer a:active { border-bottom: 1px solid white; } #footer dt { width: 50px; float: left; } #footer dd { width: 174px; float: right; margin: 0; } #footer .signUp { background: url('../backgrounds/footer_red_bg.png') no-repeat 100% 100%} #footer .signUp .padding { padding: 0 10px 18px; } #footer .eduOffices { list-style: none; margin-left: 0; margin-right: 0 } #footer .eduOffice { width: 112px; float: left; } /* Page specific styles * overviewPage ----------------------------------------------------- */ .overviewToggler { cursor: pointer; background: url('../backgrounds/divider_horiz_dots_big.png') repeat-x 0 0; } .overviewToggler:first-child { background: none; } .overviewToggler:hover a { text-decoration: underline; } #search { position: relative; } #enterpriseSearch { position: relative; width: 464px; height: 70px; margin-top: 18px; padding-top: 3px; background: url('../backgrounds/enterprise_search_q_bg.png') no-repeat 0 0;} #enterpriseSearch label { display: none; } #enterpriseSearchQ { display: block; width: 368px; height: 50px; padding: 0 5px; border: 0; margin: 0 2px 18px; color: #2787be; font: normal 2em/1em "lucida grande", "lucida sans unicode", sans-serif; } label.overTxtLabel { color: gray; font: normal 2em/1em "lucida grande", "lucida sans unicode", sans-serif; } #enterpriseSearchS { position: absolute; height: 40px; width: 40px; top: 8px; right: 32px; border: 0; text-indent: -9999px; background: url('../backgrounds/enterprise_search_s_bg.png') no-repeat 0 0;} ul.autocompleter-choices { font-size: 1.75em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;} #signUpNow { width: 256px; height: 72px; position: absolute; right: -32px; top: 18px; background: url('../backgrounds/footer_red_bg.png') no-repeat 100% 100%; } #signUpNow .padding { padding: 18px 10px; } #signUpNow .padding a { color: white; } #enterpriseCanvas { position: relative; } #enterpriseContainer { position: relative; left: 0; } #enterpriseTogglers { visibility: hidden; } #enterpriseTogglers a { display: block; height: 36px; line-height: 36px; margin-bottom: 18px; font-size: 18px; font-weight: bold; margin-top: 18px; cursor: pointer; } #enterpriseTogglerBack { text-align: right; padding-right: 45px; background: url('../backgrounds/enterprise_toggler_bg.png') no-repeat 100% 0; } #enterpriseTogglerForward { padding-left: 45px; background: url('../backgrounds/enterprise_toggler_bg.png') no-repeat 0 -36px; } #enterpriseTogglerBack.disabled, #enterpriseTogglerForward.disabled { cursor: default; -moz-opacity: .2; opacity: .2; filter: alpha(opacity=20) } /* Page specific styles * ContentPage ----------------------------------------------------- */ #content { position: relative; } #subNavContainer { margin-top: 18px; } #subNavContainer ul { list-style: none; margin-left: 0; padding: 0; margin: 0;} #subNavContainer ul a { display: block; color: #3e3e3e; line-height: 2.07692em; } #subNavContainer ul a:hover { font-weight: bold; } #subNavContainer h2 { color: #2787be; cursor: pointer; padding: 18px 0 9px; margin: 0; font-size: 1.15385em; line-height: 1.2em; } #subNavContainer .active h2 { color: #404040; } #subNavCanvas { position: relative; } #subNavCanvas #subNavFailboat { position: absolute; } #subNavTogglers a { float: left; display: block; width: 36px; height: 36px; margin: 10px 10px 0 0; background: url('../backgrounds/enterprise_toggler_bg.png') no-repeat 100% 0; } #subNavTogglers a#subNavTogglerForward { background-position: 100% -36px; } #subNavTogglerBack.disabled, #subNavTogglerForward.disabled { cursor: default; -moz-opacity: .2; opacity: .2; filter: alpha(opacity=20) } #contentPage .contentIntro { font: italic 1.38462em/1.5em "Georgia", "Times New Roman", serif;} #contentPage .sectionDivider { background: url('../backgrounds/divider_horiz_dots_big.png') repeat-x 0 0; } #contentPage #sidebar { position: relative; font-size: 0.84615em; line-height: 1.63636em; padding-top: 18px; } #contentPage #sidebar p { line-height: 1.63636em; } #contentPage #interviewQuote { position: absolute; width: 256px; min-height: 100px; top: 27px; right: -32px; cursor: pointer; background: url('../backgrounds/focus_blue_bg.png') no-repeat 100% 100%;} #contentPage #interviewQuote p { color: #fff; font-size: 1.63636em; line-height: 1.5em; margin-bottom: 9px; padding: 18px 32px 0 10px} #contentPage #interviewMore { display: block; margin: 0 0 36px 10px; color: #fff; font-style: italic; font-size: 14px; } #contentPage #interviewId { display: none; } #contentPage #sidebar h2.sectionTitle { font-size: 1.45455em; } #contentPage #interviewByline .image { float: left; width: 80px; height: 80px; } #contentPage #interviewByline .name, #contentPage #interviewByline .enterprise { float: right; width: 144px; } #contentPage #interviewByline .name { font-weight: bold; } #contentPage #relatedVideo { display: block; clear: both; height: 60px; margin-bottom: 18px; background: url('../backgrounds/related_video_bg.png') no-repeat -224px 50%;} #contentPage #relatedVideo:hover { background-position: 0 50%; } #contentPage #relatedVideo .text { float: right; width: 144px; text-decoration: underline; font-weight: bold; } #contentPage #enterpriseLogoContainer { position: relative; height: 132px; margin-bottom: 18px; } #contentPage #enterpriseLogoMask { position: absolute; width: 224px; height: 132px; top: 0; left: 0; z-index: 1; background: url('../backgrounds/enterprise_logo_mask.png') no-repeat } #contentPage #enterpriseLogo { position: absolute; width: 224px; height: 132px; top: 0; left: 0; z-index; 0; background-repeat: no-repeat; } #contentPage #relEduOffice { border-left: 2px solid #afb8bf; margin-bottom: 18px; } #contentPage #relEduOffice .padding { padding: 9px 16px; } #contentPage #relEduOffice h2 { font-size: 18px; letter-spacing: -.1em; } #contentPage #relEduOffice p { margin-bottom: 0; } #contentPage #relEduOffice a { font-weight: bold; } /* Page specific styles * Interview ----------------------------------------------------- */ #interviewWrapper { display: none; } #interviewBackground { position: absolute; z-index: 2; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; background: white; -moz-opacity: .75; opacity: .75; filter: alpha(opacity=75) } #interviewContainer { position: absolute; z-index: 3; top: 200px; left: 50%; height: 0px; width: 647px; margin-left: -323px; } #interviewHeader { height: 77px; width: 100%; position: relative; background: url('../backgrounds/interview_bg_top.png') no-repeat; } #interviewClose { position: absolute; height: 30px; width: 30px; top: 10px; right: 10px; cursor: pointer; background: url('../backgrounds/interview_bg_close.png') no-repeat;} #interviewContent { padding: 0px 40px 20px 70px; text-align: left; background: url('../backgrounds/interview_bg_middle.png') repeat-y 1px 0; } #interviewFooter { position: relative; top: -15px; height: 77px; width: 100%; background: url('../backgrounds/interview_bg_bottom.png') no-repeat; } #interviewContent { font-family: Georgia, serif; font-size: 1.15385em; line-height: 1.53333em; } #interviewContent p { line-height: 1.53333em; margin-bottom: 1.53333em; } #interviewContent h2, #interviewContent h3 { font-weight: normal; font-style: italic; } #interviewContent h2 { font-size: 1.53333em; line-height: 1em; margin-bottom: 1em;} #interviewContent .question { font-weight: bold; margin-bottom: 0; } #interviewCarousel { position: relative; height: 322px; width: 537px; } #interviewSlideshow { position: absolute; height: 299px; width: 537px; } #interviewSlideshow .slide { position: absolute; top: 0; left: 0; } #interviewControl { position: absolute; height: 23px; width: 537px; right: 0; bottom: 0; } #interviewControl ul { display: block; height: 23px; float: right; list-style: none; margin: 0; } #interviewControl li { display: inline; padding: 0; margin: 0; cursor: pointer; } #interviewControl li.selected { font-weight: bold; } /* Page specific styles * Thatswhy ----------------------------------------------------- */ #thatsWhy { padding-top: 2px; padding-bottom: 18px } #thatsWhy .reason { font-size: 2.76923em; padding: 72px 50px 72px; border-bottom: 2px dotted #afb8bf; } #thatsWhy .active { background-color: #d9e8ef; } #thatsWhy .reason h2 { font-size: 1em; display: inline; } #thatsWhy .reason h2 span { border-bottom: 2px solid #c0d6e0; padding: 0 5px; background: #d9e8ef; } #thatsWhy .active h2 span { border-bottom: 2px solid #b4cad4; padding: 0 5px; background: #c0d6e0; } #thatsWhy .reason p { display: inline; } #thatsWhy .reason a { border-bottom: 2px solid #588faf; padding: 0 5px; } #thatsWhy .reason a:hover { border-bottom: 2px solid #cbc704; background: #f7f71a; color: #333; } #thatsWhy .reason { background-position: 93% 50%; background-repeat: no-repeat; } #thatsWhy #reason1 { padding-right: 290px; } #thatsWhy #reason2 { padding-left: 290px; background-position: 0 50%; } #thatsWhy #reason7 { padding-right: 200px; } #thatsWhy #reason4 { padding-left: 210px; background-position: 3% 50%; } #thatsWhy #reason8 { padding-right: 264px; } /* Page specific styles * EducationOffice ----------------------------------------------------- */ .educationOffice { overflow: hidden; margin-top: 18px; } .educationOffice .padding { padding: 2px 0 9px} .educationOffice .image { position: relative; width: 162px; height: 162px; float: left; } .educationOffice .portraitImageMask { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background: url('../backgrounds/eduoffice_portrait_mask_ie.png') no-repeat} .educationOffice .vCard { width: 286px; float: right; } .educationOffice .vCard h2 { font-size: 1.61538em; padding-top: 18px; margin-bottom: 0; } .educationOffice .vCard span { display: block; line-height: 18px; } .educationOffice .vCard .name { font-weight: bold; } .educationOfficeContainer { border-bottom: 2px dotted #afb8bf; padding-bottom: 18px; margin-bottom: 18px; } #educationOfficeName { padding-top: 27px;} .educationOfficeContainer .contentIntro { font: italic 1.38462em/1.5em Georgia, "Times New Roman", serif;} #educationOfficeInfo .padding { border-left: 2px solid #afb8bf; margin-left: 16px; padding-left: 16px; } #educationOfficeInfo h2 { margin-bottom: 18px; } #educationOfficeInfo span { display: block; } .educationOfficeWideList { list-style: none; margin: 0; padding: 0 0 18px; } .educationOfficeWideList li { margin: 0; padding: 0; line-height: 2.07692em; } .educationOfficeWideList li.odd { background: #d9ebf3; } .educationOfficeWideList a { display: block; padding: 0 5px; font-weight: bold; } .educationOfficeContainer .educationOffice { margin-top: 0; } /* Page specific styles * FqQ ----------------------------------------------------- */ #faq #questionContainer { padding-top: 36px; min-height: 324px; } #faq .faqQuestion h2 { font-size: 1.61538em; line-height: 1.28571em; letter-spacing: -1px; cursor: pointer; } #faq .faqQuestion h2 span { border-bottom: 2px solid #c0d6e0; padding: 0 5px; background: #d9e8ef; } #faq .faqFull { font-size: 1.38462em; line-height: 1.5em; } #faq .faqFull span { border-bottom: 2px solid #c0d6e0; padding: 0 5px; background: #d9e8ef; } #faq .faqQuestion { -moz-opacity: .5; opacity: .5; filter: alpha(opacity=50) } #faq .faqQuestion:hover, #faq .faqQuestion.active { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100) } #faq #submitQuestionContainer { padding-top: 36px; position: relative; } #faq #submitQuestion { position: absolute; width: 336px; min-height: 200px; top: 18px; right: -32px; color: #fff; background: url('../backgrounds/focus_blue_bg.png') no-repeat 100% 100%; } #faq #submitQuestion .padding { padding: 18px 16px 18px; } #faq #submitQuestion h2 { font-size: 1.38462em; line-height: 1em; color: white; letter-spacing: -1px; } #faq #submitQuestion ul { list-style: none; margin: 0; } #faq #submitQuestion ul.errorlist { font-weight: bold; float: right; width: 125px; color: #f29992; } #faq label { display: block; } #faq textarea#id_question { height: 36px; width: 294px; } #faq textarea, #faq input { color: white; font-size: 14px; padding: 2px 5px; border: 0; border-top: 2px solid #3f9fce; background: #2787be; } #faq input.button { font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif; border: 1px solid #389dd6; border-top: 2px solid #389dd6; margin-bottom: 18px; background: #0369a3;} #faq input.button:hover { background: #02456c; border-color: #002f4a; } #faq #faqSubmited { padding-top: 36px; } #faq #faqSubmited h2 { font-size: 2.07692em; line-height: 1em; margin-bottom: 9px; letter-spacing: -1px; } #faq #faqSubmited p { font-size: 1.61538em; line-height: 1.28571em; } /* Page specific styles * Blog ----------------------------------------------------- */ .blogPost { margin-bottom: 18px; background: url('../backgrounds/divider_horiz_dots.png') repeat-x 0 100%; } .blogPost:first-child { font-size: 1.1em; margin-top: 18px; } .blogPost h2 { margin-bottom: 0; } .blogPost h2 a { display: block; color: #3e3e3e; } .blogPost .readMore { display: block; font-weight: bold; } .blogByline { font-size: 0.84615em; padding-top: 18px; } .blogByline span { display: block; } .blogByline .name { font-weight: bold; } .blogByline .date { font-size: 0.90909em; font-style: italic; } /* Page specific styles * Flatpages ----------------------------------------------------- */ #flatpageContainer { padding-top: 36px; } #feedbackLink { position: fixed; top: 145px; right: 0; padding: 5px 2px 5px 5px; width: 36px; height: 123px; text-indent: -9000px; border: 1px solid white; border-right: none; background: #06050d url('../backgrounds/underutvikling.png') no-repeat 50% 50%; } #feedbackLink:hover { border-color: white; }