html, body { height: 100%; } p em { font-style: italic; } body { background: #2a2a2a url(/sitefiles/31/gfx/background4.jpg) no-repeat scroll center 0; } h2 { color: #666666; } div.clear { clear: both; } .wrapper { width: 958px; margin: 0 auto; height: 100%; } .wrapper .shadow { width: 978px; background: transparent url(/sitefiles/31/gfx/mainBackgroundShadow2.png) repeat-y scroll right 0; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/sitefiles/31/gfx/mainBackgroundShadow2.png"); } div.contentTop { width: 958px; height: 235px; margin: 0 auto; } #lang{ display: block; width: 35px; height: 25px; margin: 0; padding:15px 0px 0px 0px; float:right; } #lang #engelsk{ display: block; background:url(/sitefiles/31/gfx/gb.png) no-repeat; width: 16px; height: 11px; margin: 0px; float: left; } #lang #norsk{ display: block; background:url(/sitefiles/31/gfx/no.png) no-repeat; width: 16px; height: 11px; margin: 0px; float: left; } div.contentTop h1#logo { display: block; width: 252px; height: 235px; margin: 0; float:left; } div.contentTop h1#logo a { display: block; background: url(/sitefiles/31/gfx/Logo.png) no-repeat; text-indent: -9999px; width: 252px; height: 235px; } div.contentTop div#headerMedia { background: url(/sitefiles/31/gfx/frontImage.png) no-repeat; width: 706px; height: 235px; float: left; } div.mainContent { /*background: url(/sitefiles/31/gfx/mainContentBackground.png) repeat-y;*/ width: 958px; margin: 0 auto; } div.mainContent div.mainTopContent { height: 40px; width: 958px; } div.mainContent div.mainTopContent div#time { width: 252px; height: 40px; background: url(/sitefiles/31/gfx/leftTimebarBackground.png) no-repeat; line-height: 40px; text-align: center; float: left; color: #666666; font-size: 12px; font-family: Arial, Myriad Pro; font-weight: bold; } div.mainContent div.mainTopContent div#time p { font-size: 14px; line-height: 40px; } div.mainContent div.mainTopContent div.menuContainer { height: 40px; width: 706px; background: url(/sitefiles/31/gfx/menuBackground.png) repeat-x; float: left; } div.mainContent div.mainTopContent div.menuContainer ul { } div.mainContent div.mainTopContent div.menuContainer ul li { display: block; float: left; } div.mainContent div.mainTopContent div.menuContainer ul li a { display: block; float: left; padding: 0 19px; line-height: 40px; color: #000000; text-transform: uppercase; text-decoration: none; background: url(/sitefiles/31/gfx/menuBackgroundActive.jpg) repeat-x scroll 0 40px; } div.mainContent div.mainTopContent div.menuContainer ul li a:hover, div.mainContent div.mainTopContent div.menuContainer ul li a.active { background-position: 0 0; color: #ffffff; } * div.mainContent div.leftContent { min-height: 394px; } div.mainContent div.leftContent { width: 225px; height: auto; padding: 58px 11px 58px 15px; /*background: url(/sitefiles/31/gfx/leftmenuBackground.png) repeat-y;*/ float: left; min-height: 394px; _min-height: 394px; clear: left; } div.mainContent div.leftContent div.leftMenuContainer h2 { font-size: 14px; color: #cccccc; text-transform: uppercase; padding: 14px 0 16px; } div.mainContent div.leftContent div.leftMenuContainer span.seperator { display: block; width: 100%; height: 1px; background: #161616; border-bottom: 1px solid #444444; margin-bottom: 8px; overflow: hidden; } div.mainContent div.leftContent ul#leftMenu { } div.mainContent div.leftContent ul#leftMenu li { } div.mainContent div.leftContent ul#leftMenu li a { color: #ffffff; text-transform: uppercase; position: relative; text-decoration: none; line-height: 2.4; padding-left: 14px; } div.mainContent div.leftContent ul#leftMenu li a:hover { color: #990000; } div.mainContent div.leftContent ul#leftMenu li a:hover span, div.mainContent div.leftContent ul#leftMenu li a.active span { background: url(/sitefiles/31/gfx/leftmenuBackgroundActive.png) no-repeat; display: block; width: 5px; height: 10px; position: absolute; left: 0; top: 0; margin-top: 3px; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="/sitefiles/31/gfx/leftmenuBackgroundActive.png"); } div.mainContent div.leftContent ul#leftMenu li ul.children { clear: both; padding-left: 20px; } div.mainContent div.leftContent ul#leftMenu li ul.children li a { font-size: 11px; } * div.mainContent div.content { min-height: 480px; } div.mainContent div.content { width: 686px; height: auto; float: right; clear: right; background: url(/sitefiles/31/gfx/mainBackground.png) repeat-y; min-height: 480px; _min-height: 480px; padding: 12px 10px 0; } div.newslist { padding: 10px; } div.newslist div.article.large { width: 665px; padding: 10px 10px 30px; min-height:215px; } div.newslist div.article.large div.articleImage { background: url(/sitefiles/31/gfx/imageBackground.png) no-repeat; width: 310px; height: 213px; float: left; clear: left; margin-right: 20px; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/sitefiles/31/gfx/imageBackground.png"); } div.newslist div.article.large .articleContent { float: right; clear: right; width: 310px; } div.newslist div.article.large .articleContent h3 a { font-size: 22px; } div.newslist div.article { width: 303px; padding: 0 10px; float: left; line-height: 1.4; min-height:232px; } div.newslist div.article h3 { padding: 14px 0; border-bottom: 1px solid #d1d1d1; } div.newslist div.article h3 a { text-decoration: none; color: #666666; font-size: 18px; font-family: Arial, Myriad Pro; } div.newslist div.article p strong { font-weight: bold; } div.newslist div.article p { color: #666666; } div.newslist div.article p.created { color: #909090; font-size: 10px; padding: 3px 0 10px; } div.newslist div.article a { color: #909090; } ul.emaillist { color: #cccccc; } ul.emaillist li { padding: 8px 0; line-height: 1.4; } ul.emaillist li h4 { text-transform: uppercase; padding: 5px 0; border-bottom: 1px solid #474747; font-size: 12px; font-weight: bold; } ul.emaillist li p.emailaddress { text-transform: lowercase; padding: 5px 0; } .footer { width: 968px; height: 12px; background: url(/sitefiles/31/gfx/footer.png) no-repeat; margin-left: 10px; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="/sitefiles/31/gfx/footer.png"); } ul.partnersList { /*width: 200px;*/ } ul.partnersList li { float: left; /* clear: left;*/ padding: 8px 0; margin-right: 10px; } ul.partnersList li.clearItem { /*float: right; clear: right;*/ } ul.imageMenu li { margin-right: 15px; margin-top: 15px; } ul.imageMenu li, ul.imageMenu li a { display: block; text-align: center; color: #cccccc; background: #999999; height: 40px; line-height: 40px; text-decoration: none; float: left; font-weight: bold; } ul.imageMenu li a { width: 160px; padding: 0 10px; } ul.imageMenu li a:hover { color: #999999; background: #cccccc; } .infobox1, .infobox2 { padding: 0 25px; } .infobox1 p img, .infobox2 p img, .infobox3 p a img, .productBox2 a img, .productBox2 img { behavior: url(/sitefiles/31/js/iepngfix.htc); } .infobox1 h2, .infobox2 h2 { font-size: 30px; font-family: Verdana, Myriad Pro; padding: 5px 0 10px; color: #666666; } .infobox1 p a, .infobox2 p a, .articleDetail a { color: #990000; font-size: 14px; } .infobox1 p, .infobox2 p { font-size: 12px; color: #333333; } .infobox3 { color: #999999; font-size: 11px; padding: 5px 0; } .infobox3 h2 { font-size: 14px; padding: 5px 0; font-family: Arial, Myriad Pro; color: #cccccc; border-bottom: 1px solid #494948; margin-bottom: 25px; } .infobox3 h3 { font-size: 12px; text-transform: uppercase; color: #cccccc; padding: 5px 0; } .infobox3 p { font-size: 10px; } .infobox3 p em { font-style: italic; color: #ffffff; padding: 5px 0 0; } div.articleDetail, div.productDetail { padding: 0 25px 20px; } div.articleDetail div.articleDetailImage, div.productDetail div.productDetailImage { background: url(/sitefiles/31/gfx/articleDetailImageBackground.png) no-repeat; height: 326px; width: 636px; /*padding-bottom: 20px;*/ _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/sitefiles/31/gfx/articleDetailImageBackground.png"); } .bildetekst{ font-size:11px; font-style:italic; margin:5px 0px 15px 0px; line-height:14px; color:#333; } div.articleDetail h2, div.productDetail h2, div.pressList h2 { /*font-family: Arial, Myriad Pro; font-size: 36px; padding: 5px 0 20px;*/ font-size: 30px; font-family: Verdana, Myriad Pro; padding: 5px 0 10px; color: #666666; } div.articleDetail p, div.productDetail p { line-height: 1.4; } div.articleDetail p strong, div.productDetail p strong { font-weight: bold; } div.articleDetail p.created, div.productDetail p.created { font-style: italic; padding: 5px 0; } div.articleDetail p.ingress, div.productDetail p.ingress { padding: 10px 0; } div.productDetail ul#lightboxImages { padding: 20px 0; } div.productDetail ul#lightboxImages li { float: left; margin-right: 25px; width: 100px; height: 100px; display: block; } div.productDetail ul#lightboxImages li a { display: block; height: 100%; width: 100%; } div.boardmembers { padding: 0 20px 20px; } div.boardmembers h2 { font-size: 36px; font-family: Arial, Myriad Pro; padding: 5px 0 10px; } div.boardmembers ul li { clear: both; padding: 10px 0; /*width: 490px;*/ width: 650px; } ul.referanceStories { display: block; width: 640px; } ul.referanceStories li .left { float: left; clear: left; } div.boardmembers ul li .left, div.boardmembers ul li .right { float: left; } ul.referanceStories li { padding: 20px 0; width: 640px; } ul.referanceStories li .left { margin-right: 30px; } ul.referanceStories li .left a { display: block; float: left; clear: left; } ul.referanceStories li .right { float: right; clear: right; /* width: 430px;*/ /*margin-right: 30px;*/ } div.boardmembers ul li .left { margin-right: 20px; width: 200px; } div.boardmembers ul li .right { width: 430px; padding: 30px 0 0; } div.boardmembers ul li .right h3, { font-size: 18px; padding: 5px 0; } div.boardmembers ul li .right h4 { font-size: 16px; padding: 5px 0; } div.boardmembers ul li div.about { padding: 10px 0; line-height: 1.4; } ul.referanceStories li .left a { text-decoration: none; color: #000000; } ul.referanceStories li .right p.story { line-height: 1.5; font-size: 14px; color: #666666; padding: 5px 0 10px; font-style: normal; } ul.referanceStories li .right p { clear: both; display: block; } ul.referanceStories li .right { width: 400px; } ul.referanceStories li .right p, ul.referanceStories li .right i { color: #666666; font-size: 10px; font-style: italic; } div.breadcrumbContainer { clear: both; padding: 0 0 15px; height: 20px; width: 100%; display: block; } ul.breadcrumb li { float: left; margin-right: 10px; } ul.breadcrumb li a { color: #666666; text-decoration: none; } ul.breadcrumb li a:hover { color: #990000; } ul.breadcrumb li span { color: #990000; font-size: 12px; } div.contactsWorldwide { padding: 0 25px; width: 500px; } div.contactsWorldwide h2 { font-size: 36px; font-family: Arial, Myriad Pro; padding: 5px 0 30px; } div.contactsWorldwide ul li { float: left; /*margin: 0 70px 30px 0; _margin-right: 35px; width: 180px;*/ width: 200px; margin-right: 10px; padding: 20px 20px 20px 0; } div.contactsWorldwide ul li p.header { text-transform: uppercase; color: #333333; clear: both; height: 14px; border-bottom: 1px solid #cacaca; margin-bottom: 18px; padding: 0; } div.contactsWorldwide ul li p.header img { padding-top: 0px; } div.contactsWorldwide ul li p.header img, div.contactsWorldwide ul li p.header span { margin-right: 10px; float: left; } div.contactsWorldwide ul li p { line-height: 1.2; padding: 0 0 20px; } div.contactsWorldwide ul li p.field { padding: 5px 0; color: #333333; } div.contactsWorldwide ul li p.field strong { font-weight: bold; clear: both; display: block; } div.contactsWorldwide ul li p.field span { clear: both; } div.productsList { padding: 0 15px; } div.productsList2 { } div.productsList2 div.productBox2 { float: left; width: 170px; display: block; text-align: center; height: 170px; } div.productsList2 div.productBox2 a { color: #990000; } div.productsList h2, div.contactPersonContainer h2 { font-size: 36px; padding: 5px 0 10px; font-family: Arial, Myriad Pro; } div.leftContent div.contactPersonContainer { padding: 40px 0 0; } div.leftContent div.contactPersonContainer h2 { font-size: 14px; padding: 5px 0; font-family: Arial, Myriad Pro; color: #cccccc; border-bottom: 1px solid #494948; margin-bottom: 25px; } div.productsList div.productBox { background: url(/sitefiles/31/gfx/productbackground.png) no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/sitefiles/31/gfx/productbackground.png"); width: 156px; height: 134px; float: left; text-align: center; color: #ffffff; padding: 0 8px 10px 0; } div.productsList div.productBox a { display: block; width: 100%; height: 100%; text-decoration: none; color: #ffffff; position: relative; } div.productsList div.productBox a:hover { color: #990000; } div.productsList div.productBox a img, div.productsList div.productBox a span.img { margin: 2px auto; position: relative; } div.productsList div.productBox a p.header { font-size: 14px; padding: 4px 0 0; bottom: 5px; text-align: center; } div.productsList div.productBox a span.title { position: absolute; bottom: 8px; left: 0; display: block; width: 100%; height: 25px; } div.productsList div.productBox a span div.seperator { width: 114px; height: 1px; background: #4d4e50; margin: 0 auto; border-top: 1px solid #202122; overflow: hidden; } ul.contactPersonList { } div.leftContent ul.contactPersonList li { display: block; float: left; border-bottom: 1px solid #494948; margin-bottom: 25px; width: 225px; position: relative; clear: both; } div.leftContent ul.contactPersonList li span, div.leftContent ul.contactPersonList li div.info { float: left; } div.leftContent ul.contactPersonList li div.info { width: 220px; float: left; position: absolute; right: 0; top: 22px; } div.leftContent ul.contactPersonList li div.info p { font-size: 11px; color: #a1a0a0; float: right; clear: both; } div.leftContent ul.contactPersonList li div.info p.contactName { font-size: 13px; color: #e5e5e5; } div.leftContent ul.contactPersonList li div.info p.phone { display: none; } div.leftContent ul.contactPersonList li div.info a { font-size: 10px; color: #ffffff; clear: both; float: right; } div.leftContent ul.contactPersonList li div.info a:hover { color: #990000; } div.content ul.contactPersonList li { display: block; float: left; margin-right: 14px; margin-bottom: 52px; /*background: url(/sitefiles/31/gfx/contactBackground.png) no-repeat;*/ /*background: #999999;*/ /*width: 245px;*/ width: 285px; height: 117px; position: relative; /*_background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/sitefiles/31/gfx/contactBackground.png");*/ } div.content ul.contactPersonList li img, div.content ul.contactPersonList li span { float: left; margin-right: 10px; position: absolute; left: 1px; bottom: 1px; } div.content ul.contactPersonList li div.info { float: left; position: absolute; right: 8px; top: 8px; width: 265px; height: 100px; } div.content ul.contactPersonList li div.info p { clear: both; line-height: 1.2; padding: 2px 0; float: right; display: block; width: 200px; text-align: right; } div.content ul.contactPersonList li div.info p.contactName { color: #000; font-weight: bold; font-size: 14px; } div.content ul.contactPersonList li div.info p.title { font-style: italic; font-size: 11px; color: #333333; } div.content ul.contactPersonList li div.info p.phone { font-size: 11px; color: #333333; } div.content ul.contactPersonList li div.info a { text-decoration: none; color: #666; padding: 3px 0 0; font-size: 12px; clear: both; display: block; position: relative; z-index: 3; float: right; width: 200px; text-align: right; } div.content ul.contactPersonList li div.info a:hover { color: #990000; } div.content div.contactPersonContainer { padding: 0 25px; } div.pressList { padding: 0 25px; } div.pressList ul { width: 470px; margin: 0 auto; } div.pressList ul li { width: 470px; padding: 10px 0; } div.pressList ul li div.imgSmallBackground { background: url(/sitefiles/31/gfx/smallImageBackground.png) no-repeat; width: 107px; height: 108px; _background: none; float: left; clear: left; margin: 12px 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/sitefiles/31/gfx/smallImageBackground.png"); } div.pressList ul li div.introTekst { float: right; clear: right; width: 333px; line-height: 1.4; } div.pressList ul li div.introTekst h3 { color: #666666; border-bottom: 1px solid #d1d1d1; display: block; clear: both; } div.pressList ul li div.introTekst span.created { font-size: 10px; color: #999999; display: block; clear: both; padding: 5px 0; } div.pressList ul li div.introTekst p { color: #333333; } div.pressList ul li div.introTekst a { color: #660000; } div.brochureContainer { text-align: center; } div.brochureContainer img { clear: both; margin: 0 auto; } div.brochureContainer ul li { display: block; float: left; background: url(/sitefiles/31/gfx/brochurebox.png) no-repeat; height: 98px; width: 225px; padding: 10px; margin: 20px 49px; _margin-left: 20px; _margin-right: 20px;   text-align: left; } div.brochureContainer ul li h3 { font-size: 12px; text-transform: uppercase; color: #ffffff; } div.brochureContainer ul li div.boxSepeartor { height: 1px; background: #5d5e61; width: 100%; border-bottom: 1px solid #8b8c8f; margin: 8px 0; } div.brochureContainer ul li div.desc { padding: 5px 0; } div.brochureContainer ul li div.desc a { text-decoration: none; color: #ffffff; display: block; } div.brochureContainer ul li div.desc a:hover { color: #990000; } form.kpgenerated.kpvertical { font-size: 11px; padding :0 25px; } form.kpvertical fieldset ul li label { font-style: italic; } form.kpgenerated fieldset ul li.radio label, form.kpgenerated fieldset ul li.checkbox label { font-style: normal; } /* COLOPHON / BUNN ---------------------------------------------------------------- */ .bunn{ padding:25px 0px 0px 0px; background:url(/sitefiles/31/gfx/bunn-2.jpg) no-repeat; min-height:228px; margin-left:10px; background-color:#4b4b4b; width:958px; } #colophon-main-menu{ padding: 0 0 20px; float:left; margin: 10px 0 18px 17px; background:url(/sitefiles/31/gfx/divider.png) no-repeat; } #colophon-main-menu li, #colophon-main-menu li.last { width: 158px; margin: 0 0px 0px 0; float: left; min-height:210px; background:url(/sitefiles/31/gfx/divider_btm.png) no-repeat right -110px; padding:5px 20px 0px 10px; overflow:hidden; } .bunn_menuitem, .forms_bunn a{ display: block; float: left; font-size: 12px; line-height: 1.25; font-weight:bold; text-decoration: none; margin:0px 0px 5px 0px; color: #ccc; } .bunn_children{ float: left; padding: 0 0 0px 1px; list-style:none; } .forms_bunn li{ padding:5px 20px 0px 10px; liste-style:none; } .bunn_children li { clear: both; padding: 0; background:none!important; min-height:12px!important; } .bunn_children a, .forms_bunn li a { color: #ccc; font-size:11px; font-weight:normal; } .forms_bunn a { font-weight:bold; } .bunn_menuitem:hover, .forms_bunn a:hover, .forms_bunn li a:hover, .forms_bunn a:hover, .bunn_menuitem a:hover, #colophon-main-menu li ul li a:hover { color: #fff; text-decoration: underline; } .forms_bunn{ width: 158px; float: left; padding:5px 20px 0px 10px; margin: 10px 0px 18px 0px; /*background:url(/sitefiles/31/gfx/divider_btm.png) no-repeat right -110px;*/ min-height:210px; } .bunn-bunn{ background:url(/sitefiles/31/gfx/bunn-bunn-2.png) no-repeat 10px 0px; height:60px; width:1000px; }