#sitewrap .generic-content h1 { font-size: 2.6em; font-weight: normal; line-height: 1; padding: 0 0 .5em; margin: 0; } #sitewrap .generic-content h2 { font-size: 2em; font-weight: normal; color: #333; line-height: 1; margin: 0; padding: 0 0 .3em; } #sitewrap .generic-content h2 a { text-decoration: none; color: #333; } #sitewrap .generic-content h2 a:hover { text-decoration: underline; } #sitewrap .generic-content .main-intro { font-size: 1.6em; color: #666; line-height: 1.5; padding: 0 0 1.5em; background: url(/sitefiles/5000/gfx/dots-hor.png) 0 100% repeat-x; margin: 0 0 2.5em; } #sitewrap .generic-content a { color: #666; } #sitewrap .generic-content a:hover { color: #666; text-decoration: none; } /* fancy box, pw*/ div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #333; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(/sitefiles/5000/fancybox/fancy_progress.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_progress.png", sizingMethod="scale"); } div#fancy_close { position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url(/sitefiles/5000/fancybox/fancy_closebox.png) ; cursor: pointer; z-index: 100; display: none; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_closebox.png", sizingMethod="scale"); } div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; padding: 0; margin: 0; z-index: 92; } div#fancy_title { position: absolute; bottom: -35px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title table { margin: 0 auto; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 2px; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(/sitefiles/5000/fancybox/fancy_title_left.png) repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_title_left.png", sizingMethod="scale"); } td#fancy_title_main { height: 32px; background: transparent url(/sitefiles/5000/fancybox/fancy_title_main.png) repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_title_main.png", sizingMethod="scale"); } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(/sitefiles/5000/fancybox/fancy_title_right.png) repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_title_right.png", sizingMethod="scale"); } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; } a#fancy_left, a#fancy_right { position: absolute; bottom: 10px; height: 100%; width: 35%; cursor: pointer; background-image: url(/sitefiles/5000/fancybox/data:image/gif;base64,AAAA); z-index: 100; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } a#fancy_left:hover { background: transparent url(/sitefiles/5000/fancybox/fancy_left.gif) no-repeat 0% 100%; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_left.gif", sizingMethod="scale"); } a#fancy_right:hover { background: transparent url(/sitefiles/5000/fancybox/fancy_right.gif) no-repeat 100% 100%; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_right.gif", sizingMethod="scale"); } #fancy_bigIframe, #fancy_freeIframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } div#fancy_bg { display: none; } div.fancy_bg { position: absolute; display: block; z-index: 70; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_n.png) repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_n.png", sizingMethod="scale"); } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_ne.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_ne.png", sizingMethod="scale"); } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_e.png) repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_e.png", sizingMethod="scale"); } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_se.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_se.png", sizingMethod="scale"); } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_s.png) repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_s.png", sizingMethod="scale"); } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_sw.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_sw.png", sizingMethod="scale"); } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_w.png) repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_w.png", sizingMethod="scale"); } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/sitefiles/5000/fancybox/fancy_shadow_nw.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/fancybox/fancy_shadow_nw.png", sizingMethod="scale"); } #searchWrapper #newsletterButton{ float:right; text-align:right; height:22px; margin:0 20px; } #searchWrapper #newsletterButton a{ font-size:12px; font-weight:bold; color:#333; line-height:22px; padding: 2px 0 2px 4px; } #searchWrapper #newsletterButton a span { display: block; float: left; width: 16px; margin: 3px 0 0 0; height: 16px; background: url(/sitefiles/5000/design/nyhetsbrev.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/design/nyhetsbrev.png", sizingMethod="scale"); cursor: pointer; } div#fancy_content .articleContent { /*background:transparent url(/sitefiles/5000/design/info_background_fill.png) repeat-y 0 0;*/ margin: 0 0 10px 0; position: relative; background:none !important; } div#fancy_content .articleContent .articleContentTop { background:transparent url(/sitefiles/5000/design/newspoptopbg.jpg) no-repeat 0 0; width:185px; height:30px; line-height:30px; padding:0px 0px 0px 15px; background-color:black; } div#fancy_content .articleContent .articleContentTop h2 { font-size:12px; font-weight:bold; color:#FFF; } div#fancy_content .articleContent .articleContentFill { padding:0 10px 10px 10px; } div#fancy_content .articleContent .articleContentFill ul { list-style-type: none; margin: 0; padding: 0; } div#fancy_content .articleContent .articleContentFill ul li { list-style:none; } div#fancy_content .articleContent .articleContentFill ul li h3 a { font-weight:bold; text-decoration:none; font-size:12px; margin:0; } div#fancy_content .articleContent .articleContentFill ul li p { font-size:11px; margin:0px 0px 5px 0px; } div#fancy_content .articleContent .articleContentBottom { width:200px; height:5px; /*background: url(/sitefiles/5000/design/info_background_bottom.png) 0 0 no-repeat;*/ overflow: hidden; position: absolute; bottom: 0; left: 0; clear: both; } div#fancy_content { color:#333333; font-family:Helvetica,Arial,Verdana,FreeSans,Tahoma,sans-serif; font-size:100%; } div#fancy_content fieldset { border:0pt none; margin:0pt; padding:0pt; } div#fancy_content ul li { font-size:1em; list-style-image:none; list-style-position:outside; list-style-type:none; } div#fancy_content ul li.heading { color:#333333; font-size:1.7em; font-weight:normal; line-height:1; margin:1em 0pt 0pt; padding:0pt 0pt 0.25em; } div#fancy_content ul { margin:0pt; padding:10pt 0pt 1.75em; width:560px; padding:0 20px; } div#fancy_content ul li.form-controls { background:transparent url(/sitefiles/5000/gfx/keymailer/send-request.png) no-repeat scroll 100% 0pt; display:block; height:32px; margin:1.5em 0pt 0pt; padding:0pt; } div#fancy_content ul li.form-controls #mailformsubmit{ cursor:pointer } div#fancy_content ul li label { color:#333333; font-size:1.2em; } div#fancy_content ul li label { float:left; margin:0pt 10px 0pt 0pt; width:140px; } div#fancy_content ul li label, form.kpgenerated fieldset ul li.form-controls input { cursor:pointer; } div#fancy_content ul li { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#E8E8E8 none repeat scroll 0% 0%; border:1px solid #E8E8E8; line-height:2.2; margin:0pt 0pt 0.5em; padding:0.75em 10px 0.75em 15px; } div#fancy_content ul li label span.required { color:#890000; font-size:1.8em; line-height:14px; vertical-align:middle; font-weight:bold; } div#fancy_content ul li input:focus { border-color:#A8A8A8; } div#fancy_content ul li input{ -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background:#FFFFFF none repeat scroll 0% 0%; border:1px solid #CCCCCC; font-size:1.2em; padding:0.5em 8px 0.35em; width:340px; } /* */ div#fancy_content ul li.form-controls input { border:medium none; clear:right; float:right; height:32px; margin:0pt; opacity:0; padding:0pt; width:237px; } div#fancy_content ul li.error, div#fancy_content ul li.heading, div#fancy_content ul li.helptext, div#fancy_content ul li.form-controls { -moz-border-radius-bottomleft:0pt; -moz-border-radius-bottomright:0pt; -moz-border-radius-topleft:0pt; -moz-border-radius-topright:0pt; background:transparent none repeat scroll 0% 0%; border:medium none; } div#fancy_content ul li.form-controls { background:transparent url(/sitefiles/5000/gfx/keymailer/send-request.png) no-repeat scroll 100% 0%; display:block; height:32px; margin:1.5em 0pt 0pt; padding:0pt; } div#fancy_content .main-intro { background:transparent url(/sitefiles/5000/gfx/dots-hor.png) repeat-x scroll 0pt 100%; color:#666666; font-size:1.6em; line-height:1.5; margin:0pt 0pt 1.5em; padding:0pt 0pt 1.5em; } div#fancy_content .generic-content { clear:both; margin:0 auto; width:560px; padding:10px 20px 0 20px; } div#fancy_content h1 { font-size:2.6em; font-weight:normal; line-height:1; margin:0pt; padding:10pt 0pt 0.5em; } 
 /* ============================ GLOBAL STYLESHEET FOR KEYTEQ.NO SANITIZED BY HEIN HARALDSON BERG ============================ */ * { margin: 0; padding: 0; } .clear { clear: both; } #searchWrapper { width: 860px; height: 32px; padding: 13px 10px 0; background: url(/sitefiles/5000/design/search_background.png) 0 0 no-repeat; margin: 0; overflow: hidden; clear: both; *clear: none; } #SiteMapContentContainer { display: none; } #searchWrapper #searchWrapperForm { width: 500px; float: left; *margin: -2px 0 0; } #searchWrapper #searchWrapperForm ul, #searchWrapper #searchWrapperForm ul li { float: left; height: 22px; line-height: 22px; } #searchWrapper #searchWrapperForm label { height: 22px; cursor: pointer; float: left; display: block; font-weight: bold; font-size: 12px; padding: 0 15px 0 0; } #searchWrapper #siteMapButton { float: right; text-align: right; height: 22px; } #searchWrapper #siteMapButton a { font-size: 12px; font-weight: bold; color: #333; line-height: 22px; padding: 2px 0 2px 4px; } #searchWrapper #siteMapButton a span { display: block; float: left; width: 16px; margin: 3px 0 0; height: 16px; background: url(/sitefiles/5000/design/Documents.png) 0 0 no-repeat; _background: none; _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/design/Documents.png", sizingMethod="scale"); cursor: pointer; } #searchWrapperSpacer { height: 10px; width: 880px; clear: both; overflow: hidden; } #searchResultWrapper { margin: 10px 0 0; background: url(/sitefiles/5000/design/searchresultsfill.png) repeat-y 0 0; } #searchResultWrapperTop, #searchResultWrapperBottom { width: 880px; height: 5px; background: url(/sitefiles/5000/design/searchresultstop.png) 0 0 no-repeat; margin: 0; overflow: hidden; } #searchResultWrapperBottom { background-image: url(/sitefiles/5000/design/searchresultsbottom.png); } #searchResultWrapperContent { width: 840px; padding: 12px 20px 12px; } #searchWrapper fieldset { border: 0; } #searchWrapper ul { list-style: none } #searchWrapper ul li { float: left; } #searchWrapper ul #supportHome { background: transparent url(/sitefiles/5000/design/search_fill_spacer.png) 100% 50% no-repeat; height: 22px; margin-right: 20px; width: 162px; } #searchWrapper ul #supportHome a { background: transparent url(/sitefiles/5000/design/icon_small_home.png) 0 2px no-repeat; font-weight: bold; font-size: 12px; height: 18px; line-height: 22px; display: block; padding: 0 20px 0 25px; color: #333; } #searchWrapper ul #supportHome a: hover { text-decoration: none; } #searchWrapper ul li #q { background: url(/sitefiles/5000/design/search_input.png) 0 0 no-repeat; width: 139px; height: 18px; padding: 2px; line-height: 22px; text-align: middle; border: 0; } #searchWrapper ul li .submit { border: 0; background: url(/sitefiles/5000/design/search_submit_button.png) 0 0 no-repeat; height: 22px; width: 19px; padding: 0; overflow: hidden; margin: 0 0 0 10px; cursor: pointer; } #BottomAddress { font-family: Helvetica, Arial, Verdana, FreeSans, Tahoma, sans-serif; font-size: 11px; margin: 0 auto 20px; width: 900px; } #BottomAddress .treecontainer { text-align: right; margin-top: -20px; } #BottomAddress .treecontainer a { color: #000; font-weight: bold; text-decoration: underline; } #BottomAddress .address { width: 500px; margin: 0 auto; text-align: center; } #KeyNavi { font-family: Arial, Verdana, FreeSans, Tahoma, sans-serif; font-size: 11px; } #KeyNavi .SiteMapColumn { width: 165px; float: left; } #KeyNavi a { color: #333; text-decoration: none; } #KeyNavi h3 { margin: 0 0 .25em; } #KeyNavi h3 a { font-size: 14px; font-weight: bold; color: #000; } #KeyNavi ul { list-style: none; margin: 0 0 1.5em; padding: 0; } #KeyNavi ul ul { margin: 0; } #KeyNavi ul li { list-style: none; } #KeyNavi ul li a { font-size: 11px; font-weight: normal; color: #000; } #KeyNavi ul ul li { margin: 0px 10px; } hr { width: 100%; height: 0; border: 0; clear: both; visibility: hidden; } .moduleContainer { width: 100%; } .moduleContainer img { float: none !important; } body { font-family: Helvetica, Arial, Verdana, FreeSans, Tahoma, sans-serif; font-size: 62.5%; background: #C8C8BD; color: #333; } #sitewrap { width: 912px; margin: 0 auto; border-top: 36px solid #C8C8BD; background: #FFF url(/sitefiles/5000/design/v3/bg-sitewrap.gif) 0 0 repeat-y; } #container { background: url(/sitefiles/5000/design/v3/corners-top.gif) 0 0 no-repeat; padding: 16px 16px 3px; } /* HEADER AND MENU CONTAINER ============================ */ #top { background: url(/sitefiles/5000/design/v3/header.gif) 0 0 no-repeat; height: 70px; border-bottom: 11px solid #FFF; position: relative; width: 880px; float: left; clear: both; } /* HEADER ============================ */ #top h1 { display: block; width: 150px; float: left; margin: 24px 0 0 24px; _margin: 24px 0 0 12px; } #top h1 a { display: block; height: 22px; text-indent: -9999px; font-size: 0; text-decoration: none; } /* MAIN MENU ============================ */ #main-menu { list-style-type: none; padding: 24px 20px 0 0; height: 24px; position: absolute; top: 0; margin: 0; right: 0; float: right; display: block; } #main-menu li { float: left; display: inline; margin: 0 0 0 10px; } #main-menu li a { float: left; display: block; color: #FFF; text-decoration: none; text-transform: uppercase; letter-spacing: .01em; height: 24px; padding: 0 14px; line-height: 24px; font-size: 11px !important; } #main-menu li.active { background: url(/sitefiles/5000/design/v3/bg-mainmenu-active-center.gif) 0 0 repeat-x; } #main-menu li.active .a-wrap { display: block; float: left; height: 24px; background: url(/sitefiles/5000/design/v3/bg-mainmenu-active-left.gif) 0 0 no-repeat; } #main-menu li.active .a-wrap a { background: url(/sitefiles/5000/design/v3/bg-mainmenu-active-right.gif) 100% 0 no-repeat; display: block; height: 24px; margin: 0; } #main-menu li.active .a-wrap a: hover { text-decoration: none; } /* MAIN MENU DYNAMIC HOVER ============================ */ #main-menu li a: hover { background: url(/sitefiles/5000/design/v3/bg-mainmenu-active-center.gif) 0 0 repeat-x; padding: 0; } #main-menu li a: hover .hover-left { display: block; height: 24px; float: left; background: url(/sitefiles/5000/design/v3/bg-mainmenu-active-left.gif) 0 0 no-repeat; padding: 0 0 0 14px; cursor: pointer; } #main-menu li a: hover .hover-right { display: block; height: 24px; float: left; background: url(/sitefiles/5000/design/v3/bg-mainmenu-active-right.gif) 100% 0 no-repeat; padding: 0 14px 0 0; cursor: pointer; } /* CONTENT WRAP + CONTENT ============================ */ #contentwrap { background: url(/sitefiles/5000/design/v3/bg-content-box-880.gif) 0 0 repeat-y; } #products { background: url(/sitefiles/5000/design/v3/bg-products-top.gif) 0 0 no-repeat; padding: 25px 20px; overflow: auto; *overflow: hidden; width: 840px; } #products-slide { background: url(/sitefiles/5000/design/v3/bg-products-top.gif) 0 0 no-repeat; padding: 20px 1px; overflow: auto; *overflow: hidden; width: 878px; } /* IE6 WARNING ============================ */ #ie-warning { background: #CFC; padding: 15px 0 0; border-bottom: 3px solid #090; } #ie-warning p { width: 880px; margin: 0 auto 15px; font-size: 1.3em; line-height: 1.5; } #ie-warning p strong { font-weight: bold; } #ie-warning p a { color: #090; text-decoration: underline; background: #FFF; padding: .25em .5em; } #ie-warning p a:hover { text-decoration: none; } /* NEWS LINE BOTTOM ============================ */ #bottom-news-line-outer { width: 880px; float: left; clear: both; background: url(/sitefiles/5000/design/v3/bg-content-box-880.gif) 0 0 repeat-y; margin: 10px 0 2px; _margin: 9px 0 2px; } #bottom-news-line { background: url(/sitefiles/5000/design/v3/bg-products-top.gif) 0 0 no-repeat; overflow: auto; } #last-news-case, #products-tease-list, #services-tease-list, #service-center-feed { display: block; width: 158px; float: left; margin: 0 20px 0 0; } #service-center-feed { margin: 0; } #bottom-news-line h2 { font-size: 1.4em; padding: 0 0 .4em; } #bottom-news-line ul { list-style-type: none; font-size: 1.1em; line-height: 1.5; } #bottom-news-line ul li { padding: .2em 0; overflow: hidden; height: 1.5em; } #bottom-news-line p { font-size: 1.1em; line-height: 1.5; } #bottom-news-line a { color: #333; text-decoration: none; } #bottom-news-line a:hover { text-decoration: underline; } #bottom-news-line-bottom { background: url(/sitefiles/5000/design/v3/bg-bottom-news-line-bottom.gif) 0 100% no-repeat; overflow: auto; } #lonely-q { background: url(/sitefiles/5000/design/v3/lonely-q.gif) 35px 75% no-repeat; padding: 14px 20px 14px 161px; _height: 140px; } /* CONTAINER BOTTOM CORNERS ============================ */ #bottom { background: #c8c8bd url(/sitefiles/5000/design/v3/corners-bottom.gif) 0 0 no-repeat; display: block; padding: 26px 0 0; color: #61614f; clear: both; } #products #right-column .kpgenerated ul { width: 198px; background: #E8E8E8; border: 1px solid #E8E8E8; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; padding: 1em 0 1.5em; } #products #right-column .kpgenerated ul li { width: 171px; background: none; padding-top: 0; padding-bottom: 0; } #products #right-column .kpgenerated ul li.helptext { width: 198px; } #products #right-column .kpgenerated ul li.form-controls { width: 198px; background: url(/sitefiles/5000/gfx/send.png) 75px 0 no-repeat; margin: 1em 0 0; } #products #right-column .kpgenerated ul li label { width: 171px; font-weight: bold; } #products #right-column .kpgenerated ul li.error { background-color:#ffe2e2; width:178px; } #products #right-column .kpgenerated ul li input { width: 151px; } #products #right-column .kpgenerated ul li.form-controls input { width: 110px; } #products { position: relative; } #products #product-overview { width: 880px; height: 74px; float: left; clear: both; list-style: none; margin: 0; font-size: 1em; padding: 0 0 15px; } #product-overview li { float: left; width: 220px; height: 64px; padding: 0 0 10px; list-style: none; background: url(/sitefiles/5000/gfx/product-menu-active.png) 0 100px no-repeat; } #product-overview li.active { background-position: 50% 64px; } #product-overview li a { display: block; width: 220px; height: 73px; padding: 1px 0 0; text-align: center; text-transform: uppercase; text-decoration: none; color: #999; font-size: 1.1em; background: 50% 16px no-repeat; line-height: 1; } #product-overview li a .name { display: none; } #products .generic-overview li a .name { display: block; font-size: 1.6em; color: #333; height: 20px; line-height: 20px; padding: 15px 0 0; border-right: 1px solid #E4E4E4; border-left: 1px solid #FFF; cursor: pointer; } #product-overview li a strong { display: block; height: 21px; padding: 37px 0 0; font-weight: normal; border-right: 1px solid #E4E4E4; border-left: 1px solid #FFF; cursor: pointer; } #products .generic-overview li a strong { padding:7px 0 0; } #product-overview li.first a strong, #products .generic-overview li.first a .name { border-left: 0; } #product-overview li.last a strong, #products .generic-overview li.last a .name { border-right: 0; } #product-overview li.publisher a:hover { color: #FE9D0D; } #product-overview li.commerce a:hover { color: #F31DC5; } #product-overview li.sms a:hover { color: #70BF75; } #product-overview li.mailer a:hover { color: #77A8E9; } #products #new-sub { width: 203px; padding: 57px 0 0 0; list-style: none; float: left; top: 55px; clear: left; background: url(/sitefiles/5000/gfx/keymailer/menu-bg.png) 0 0 no-repeat; position: relative; top: -9px; _top: -23px; left: 1px; } #products #new-sub li { width: 173px; height: 30px; float: left; clear: both; padding: 0 0 0 30px; position: relative; z-index: 10; } #products #new-sub li.last { padding: 0 0 56px 30px; background: url(/sitefiles/5000/gfx/keymailer/menu-bg.png) -203px 100% no-repeat; } #products #new-sub li a { display: block; padding: 0 25px 1px 20px; width: 128px; height: 29px; line-height: 29px; float: left; background: url(/sitefiles/5000/gfx/keymailer/menu-item.png) 0 -32px no-repeat; text-decoration: none; color: #333; font-weight: bold; position: relative; } #products #new-sub li.active a { background-position: 0 0; color: #FFF; padding-top: 2px; top: -2px; } #products #new-sub li a:hover { color: #999; text-decoration: underline; } #products #new-sub li.active a:hover { color: #FFF; text-decoration: none; } #products #new-sub li#free-demo { display: block; width: 160px; height: 90px; padding: 44px 0 0 28px; } #products #new-sub li#free-demo a { display: block; width: 150px; height: 36px; line-height: 36px; padding: 2px 5px 52px; text-align: center; color: #455D35; text-decoration: none; background: url(/sitefiles/5000/produkt/bestillingsknapp.png) 0 0 no-repeat; font-weight: normal; } #products #new-sub li#free-demo a strong { display: none; } .content-container { padding: 0 20px 25px; } .wide-content { width: 380px; float: left; margin: 0 20px 20px 0; } .wide-content p { margin: 0 5px; } #left-column { width: 600px; float: left; } #right-column { width: 200px; float: right; margin: 0 0 0 40px; } /* THIRD LEVEL MENU ============================ */ #third-level-menu-wrap { width: 200px; background: url(/sitefiles/5000/design/v3/third-level-menu-fill.gif) 0 0 repeat-y; margin: 0; float: left; clear: both; } #sitewrap #products ul#third-level-menu { list-style-type: none; font-weight: bold; font-size: 1.2em; background: url(/sitefiles/5000/design/v3/third-level-menu-top-corners.gif) 0 0 no-repeat; padding: 0 10px; margin: 0 0 4px 0 !important; width: 180px; float: left; clear: both; height: auto; } ul#third-level-menu li { padding: 3px 0; clear: both; display: block; width: 180px; height: auto; } ul#third-level-menu li.first { padding: 11px 0 0 0; } #products ul#third-level-menu li a { text-decoration: none; display: block; width: 160px; height: 14px; padding: 4px 10px 10px 10px; float: left; clear: both; } #products ul#third-level-menu li.active a { background: url(/sitefiles/5000/design/v3/third-level-active.gif) 0 0 no-repeat; color: #FFF; } #products ul#third-level-menu li.active a:hover { color: #FFF; } #third-level-menu-bottom { background: url(/sitefiles/5000/design/v3/third-level-menu-bottom-corners.gif) 0 0 no-repeat; margin: 0; display: block; width: 200px; height: 5px; position: relative; overflow: hidden; float: left; clear: both; } .CallMe { margin-top: 10px; display: block; height: 50px; width: 200px; background: url(/sitefiles/5000/design/sporsmal.png) 0 0 no-repeat; } .FreeDemo { margin-top: 10px; display: block; height: 50px; width: 200px; background: url(/sitefiles/5000/design/gratisdemo.png) 0 0 no-repeat; } #live-chat { width: 180px; position: fixed; _position: absolute; top: 40px; _top: 180px; right: 20px; clear: both; z-index: 999996; } #live-chat.center { position: absolute; left: 50%; margin-left: -90px; } #sitewrap.give-space { border-top-width: 350px; } #outermost-wrap.has-js { width: 1112px; position: relative; margin: 0 auto; } #outermost-wrap.has-js #sitewrap, #outermost-wrap.has-js #BottomAddress { margin: 0; float: left; clear: left; } /*#outermost-wrap.has-js #live-chat { position: static; float: right; clear: right; margin: 40px 0 0 20px; }*/ /* #c16d9f514de5e8d4281431170e54ef9ce { width: 180px; } .chat_popup #c16d9f514de5e8d4281431170e54ef9ce { width: 100%; } #c16d9f514de5e8d4281431170e54ef9ce img { border: 0; display: inline; } #c16d9f514de5e8d4281431170e54ef9ce, #c16d9f514de5e8d4281431170e54ef9ce * { margin: 0; padding: 0; line-height: normal; text-align: left; font-weight: normal; color: black; } #c16d9f514de5e8d4281431170e54ef9ce b { font-weight: bold; } #c16d9f514de5e8d4281431170e54ef9ce form { margin: 0; border: 0; padding: 0; } #c16d9f514de5e8d4281431170e54ef9ce textarea { overflow: auto; } .chat_popup #c16d9f514de5e8d4281431170e54ef9ce .chat_pop { display: none !important; } .PoweredByLink, #PoweredByLink { display: none !important; } #c16d9f514de5e8d4281431170e54ef9ce .chat_tab { width: 100%; border-collapse: collapse; } #c16d9f514de5e8d4281431170e54ef9ce td { border: 0; } #c16d9f514de5e8d4281431170e54ef9ce, #c16d9f514de5e8d4281431170e54ef9ce * { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_t * { color: white; font-size: 9px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_t .chat_c { vertical-align: bottom; padding-bottom: 3px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_t .chat_l img { width: 1px; height: 20px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_t td, #c16d9f514de5e8d4281431170e54ef9ce .chat_b td { background-repeat: repeat-x; background-position: bottom left; } #c16d9f514de5e8d4281431170e54ef9ce .chat_t .chat_l { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/tl.png); } #c16d9f514de5e8d4281431170e54ef9ce .chat_t .chat_c { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/tc.png); } #c16d9f514de5e8d4281431170e54ef9ce .chat_t .chat_r { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/tr.png); } #c16d9f514de5e8d4281431170e54ef9ce .chat_b .chat_l { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/bl.png); } #c16d9f514de5e8d4281431170e54ef9ce .chat_b .chat_c { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/bc.png); } #c16d9f514de5e8d4281431170e54ef9ce .chat_b .chat_r { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/br.png); } #c16d9f514de5e8d4281431170e54ef9ce .chat_title { background-repeat: no-repeat; background-position: 0 -1px; padding-left: 15px; font-size: 11px; } #c16d9f514de5e8d4281431170e54ef9ce.secure1 .chat_title { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/pad.gif); } #c16d9f514de5e8d4281431170e54ef9ce.secure0 .chat_title { background-image: url(https://www.liveleader.com/a/dt/fresh/chrome/bubble.gif); } #c16d9f514de5e8d4281431170e54ef9ce .chat_w { margin: 9px 3px 5px 9px; position: relative; } #c16d9f514de5e8d4281431170e54ef9ce br { clear: both; } #c16d9f514de5e8d4281431170e54ef9ce .chat_brand { text-align: right; opacity: 0.5; } #c16d9f514de5e8d4281431170e54ef9ce .chat_l, #c16d9f514de5e8d4281431170e54ef9ce .chat_r { width: 5px !important; } #c16d9f514de5e8d4281431170e54ef9ce .chat_close { cursor: pointer; color: #686868; background: url(https://www.liveleader.com/a/dt/fresh/chrome/close.gif) no-repeat center right; text-align: right; float: right; padding-right: 15px; width: 50px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_pop { cursor: pointer; float: right; margin-top: 1px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_pic { width: 65px; margin-right: 7px; float: left; } #c16d9f514de5e8d4281431170e54ef9ce .pic0 { display: none; } #c16d9f514de5e8d4281431170e54ef9ce form { margin-top: 8px !important; clear: both; } #c16d9f514de5e8d4281431170e54ef9ce .chat_form { padding: 0 !important; margin-top: 8px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_log { margin-top: 5px; overflow: auto; overflow-y: auto; overflow-x: hidden; color: black; font-size: 11px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_txt { height: 25px; overflow-y: hidden; color: gray; font-size: 11px; border: 1px solid #9d9d9d; padding: 4px !important; background: white url(https://www.liveleader.com/a/dt/fresh/chrome/textbg.gif) no-repeat top left; margin-bottom: 10px; width: 90%; } #c16d9f514de5e8d4281431170e54ef9ce .chat_bar { width: 90%; margin-bottom: 5px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_btn { background: url(https://www.liveleader.com/a/gfx/send.gif) no-repeat; width: 54px;height: 20px; padding: 3px 0 0; border: 0; text-align: center; cursor: pointer; font-size: 11px; color: black; margin-right: 5px; } #c16d9f514de5e8d4281431170e54ef9ce .chat_cancel { margin-left: auto; margin-right: auto; } #c16d9f514de5e8d4281431170e54ef9ce .chat_queue { color: black; font-size: 11px; font-weight: normal; padding: 10px; text-align: center; display: none; } #c16d9f514de5e8d4281431170e54ef9ce .chat_qstatus { margin-top: 10px; margin-bottom: 10px; text-align: center; } #c16d9f514de5e8d4281431170e54ef9ce .liveleader_vismsg, #c16d9f514de5e8d4281431170e54ef9ce .liveleader_vismsg * { color: blue; } */
 /* ALEX' TEXT FORMATTING ============================ */ blockquote ol { padding-left:50px; } .column { width: 290px; margin: 0 0 1.5em 0; } .column-wide { width: 400px; margin: 0 0 1.5em 0; } .column-left { float: left; } .column-left-wide { float: left; width: 550px; } .column-right { float: right; } .column-right-narrow { float: right; width: 250px; } /* CONTENT WRAP + CONTENT ============================ */ #products { background: url(/sitefiles/5000/design/v3/bg-content-top.gif) 0 0 no-repeat; padding: 14px 20px 25px 20px; } #left-column { width: 600px; float: left; } #right-column { width: 200px; float: right; margin: 0 0 0 40px; } /* FIRM BLOG ============================ */ #blog { width: 848px; padding: 11px 15px 12px; float: left; clear: both; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } #blog-top { background: url(/sitefiles/5000/design/v3/bg-products-top.gif) 0 0 no-repeat; height: 5px; width: 880px; clear: both; display: block; } h2#blog-heading { width: 848px; padding: 0 16px; height: 45px; line-height: 45px; background: url(/sitefiles/5000/design/search_background.png) 0 0 no-repeat; border-bottom: 10px solid #FFF; float: left; clear: both; color: #070707; font-size: 2em; font-weight: normal; } #blog #blog-main-col { width: 528px; float: left; clear: left; } #blog #blog-right-col { width: 290px; float: right; clear: right; } .right-col-290 { width: 260px; padding: 15px; float: left; clear: both; background: url(/sitefiles/5000/design/right-col-290-y.png) 0 0 repeat-y; position: relative; overflow: hidden; border-bottom: 15px solid #FFF; } .right-col-290-top { width: 290px; height: 4px; overflow: hidden; clear: both; position: absolute; left: 0; top: 0; background: url(/sitefiles/5000/design/right-col-290-top.png) 0 0 no-repeat; } .right-col-290-bottom { width: 290px; height: 4px; overflow: hidden; clear: both; position: absolute; left: 0; bottom: 0; background: url(/sitefiles/5000/design/right-col-290-bottom.png) 0 0 no-repeat; } .right-col-290 h3 { font-size: 1.6em; color: #0C0C0C; font-weight: normal; line-height: 1; padding: 0 0 .35em; float: left; clear: both; width: 260px; } .right-col-290 p { font-size: 1.1em; margin: 0 0 1.5em; line-height: 1.5; } #blog-feeds ul, #blog-cats ul { width: 260px; float: left; clear: both; list-style: none; font-size: 1.2em; } #blog-feeds ul li { line-height: 1.5; } #blog-cats ul li { line-height: 2; } #blog-feeds ul li a, #blog-cats ul li a { color: #0A0A0A; text-decoration: none; padding: 0 0 0 20px; background: url(/sitefiles/5000/design/rss-14.png) 0 50% no-repeat; } #blog-cats ul li a { padding: 0 0 0 8px; background: url(/sitefiles/5000/design/bullit.png) 0 50% no-repeat; } #blog-feeds ul li a:hover, #blog-cats ul li a:hover { color: #0A0A0A; text-decoration: underline; } #blog .blog-entries, #blog .blog-entries .blog-entry { width: 528px; float: left; clear: both; } #blog .blog-entry .picture-meta { width: 80px; position: relative; padding: 87px 0 .75em; float: left; clear: left; background: #ECECEC; text-align: center; color: #0A0A0A; line-height: 1; margin: .2em 0 0; } #blog .blog-entry #picture-meta { margin: 0 20px 20px 0; } #blog .blog-entry .picture-meta img { position: absolute; top: 0; left: 0; clear: both; } #blog .blog-entry .picture-meta p.date { font-size: 2.4em; font-weight: bold; } #blog .blog-entry .picture-meta p.year-time { padding: .25em 0 0; } #blog .blog-entry .content { width: 428px; float: right; clear: right; } #blog .blog-entry h3 { font-size: 2em; font-weight: normal; line-height: 1; padding: 0 0 .1em; } #blog .blog-entry .content h3 a { color: #333; text-decoration: none; } #blog .blog-entry .content h3 a:hover { text-decoration: underline; } #blog .blog-entry .content p, #blog .blog-entry .text-content p, #blog .blog-entry p.meta, #blog .blog-entry p.excerpt { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; } #blog .blog-entry p.meta { padding: 0 0 .5em; margin: 0; } #blog .blog-entry p.meta a { color: #333; text-decoration: none; } #blog .blog-entry p.meta a:hover { color: #333; text-decoration: underline; } #blog .blog-entry .content p.excerpt a.read-more { font-weight: bold; text-decoration: none; } #blog .blog-entry .content p.excerpt a.read-more:hover { color: #333; text-decoration: underline; } #blog #comments, #blog #comment-wrap { width: 528px; float: left; clear: both; border-top: 1px solid #E0E0E0; padding: 2em 0 0; margin: .5em 0 0; } #blog #comments h4, #blog #comment-wrap h4 { color: #000; font-size: 1.8em; font-weight: bold; letter-spacing: -.025em; padding: 0 0 .5em; } #blog #comment-wrap h4 { font-size: 1.6em; padding: 0 0 .25em; } #blog #comments h4 .thin { font-weight: normal; color: #585858; } #blog #comments h4 .thin a { color: #585858; text-decoration: underline; } #blog #comments h4 .thin a:hover { text-decoration: none; } #blog #comments ol { list-style: none; } #blog #comments ol, #blog #comments ol li { width: 528px; float: left; clear: both; } #blog #comments ol li { padding: 0 0 .5em; } #blog #comments ol li h5 { font-weight: bold; font-size: 1.4em; color: #000; padding: 0 0 .25em; } #blog #comments ol li h5 a { color: #000; text-decoration: none; } #blog #comments ol li h5 a:hover { text-decoration: underline; } #blog #comments ol li h5 .date { color: #BEBEBE; } #blog #comments ol li .comment-text p { font-size: 1.2em; line-height: 1.6; margin: 0 0 1.5em; } #blog #comment-wrap p { font-size: 1.2em; line-height: 1.6; margin: 0 0 1.5em; } #blog #comment-wrap form, #blog #comment-wrap fieldset, #blog #comment-wrap ul { border: none; width: 528px; padding: 0; float: left; clear: both; } #blog #comment-wrap ul { list-style: none; } #blog #comment-wrap ul li { line-height: 2; padding: 0 0 1em; font-size: 1.1em; } #blog #comment-wrap ul li label { display: block; cursor: pointer; width: 528px; font-size: 1.2em; color: #000; } #blog #comment-wrap ul li input { width: 204px; padding: 4px 5px; border: 1px solid #C4C4C4; color: #414141; *color: #010101; font-size: 1.4em; font-weight: bold; } #blog #comment-wrap ul li input:focus { color: #010101; } #blog #comment-wrap ul li textarea { width: 434px; height: 148px; padding: 4px 5px; border: 1px solid #C4C4C4; color: #414141; *color: #010101; font-size: 1.2em; line-height: 1.6; font-family: Arial, Verdana, "Bitstream Vera Sans", Tahoma, sans-serif; } #blog #comment-wrap ul li text-area:focus { color: #010101; } #blog #comment-wrap ul li.formcontrols input { width: 128px; height: 28px; padding: 0 0 5px; *padding: 0 0 3px; border: none; color: #FFF; text-align: center; background: url(/sitefiles/5000/design/v3/form-button-input.gif) 0 0 no-repeat; cursor: pointer; font-weight: normal; font-size: 1.1em; } /* SUB MENU (SLIDE MENU) ============================ */ #sub-menu { list-style-type: none; height: 39px; _height: auto; float: right; margin: 0 !important; padding: 0 !important; } #sub-menu li { background: none; float: left; display: inline; margin: -3px 0 0 14px; height: 39px; } #sub-menu li a { display: block; float: left; height: 39px; color: #333; font-size: 0.975em; text-transform: uppercase; text-decoration: none; font-weight: bold; letter-spacing: 0.01em; padding: 0 0 0 16px; } #sub-menu li.active { background: #FFF url(/sitefiles/5000/design/v3/bg-submenu-active-li.gif) 0 100% no-repeat; } #sub-menu li.active a { background: url(/sitefiles/5000/design/v3/bg-submenu-active-a.gif) 100% 100% no-repeat; color: #ffb117; } #sub-menu li a span { padding: 12px 16px 0 0; float: left; height: 27px; cursor: pointer; } /* SUB MENU DYNAMIC HOVER ============================ */ #sub-menu li a:hover { color: #ffb117; background: #FFF url(/sitefiles/5000/design/v3/bg-submenu-active-li.gif) 0 100% no-repeat; } #sub-menu li a:hover span { background: url(/sitefiles/5000/design/v3/bg-submenu-active-a.gif) 100% 100% no-repeat; } /* THIRD LEVEL MENU ============================ */ #third-level-menu-wrap { width: 200px; background: url(/sitefiles/5000/design/v3/third-level-menu-fill.gif) 0 0 repeat-y; margin: 0; } #sitewrap #products ul#third-level-menu { list-style-type: none; font-weight: bold; font-size: 1.2em; background: url(/sitefiles/5000/design/v3/third-level-menu-top-corners.gif) 0 0 no-repeat; padding: 0 10px; margin: 0 0 4px 0 !important; } ul#third-level-menu li { padding: 3px 0; } ul#third-level-menu li.first { padding: 11px 0 0 0; } #products ul#third-level-menu li a { text-decoration: none; display: block; width: 160px; height: 14px; padding: 4px 10px 10px 10px; } #products ul#third-level-menu li.active a { background: url(/sitefiles/5000/design/v3/third-level-active.gif) 0 0 no-repeat; color: #FFF; } #products ul#third-level-menu li.active a:hover { color: #FFF; } #third-level-menu-bottom { background: url(/sitefiles/5000/design/v3/third-level-menu-bottom-corners.gif) 0 0 no-repeat; margin: 0; display: block; height: 5px; overflow: hidden; } .CallMe { margin-top: 10px; display: block; height: 50px; width: 200px; background: url(/sitefiles/5000/design/sporsmal.png) 0 0 no-repeat; } .FreeDemo { margin-top: 10px; display: block; height: 50px; width: 200px; background: url(/sitefiles/5000/design/gratisdemo.png) 0 0 no-repeat; } /* ALEX PANIC CODA-SLIDE ============================ */ #firstpageProductContainer { overflow:hidden; } #firstpageProductNextButton { background: url(/sitefiles/5000/design/neste_produkt.png) no-repeat 0px 0px; width: 158px; height: 40px; position: absolute; margin: 0 0 160px 702px; color: #FFF; font-weight: bold; line-height: 40px; } #firstpageProductContentContainer { } #firstpageProductSlider { width: 2634px; height: 159px; } #firstpageProductSlider li { float: left; list-style: none; width: 840px; height: 159px; display: block; } #products #firstpageProductContainer p { color: #666; font-size: 1em; width: 375px; } /* CONTENT GENERAL TYPOGRAPHY ============================ */ #products #page-title { float: left; height:60px; } #products #page-title h2 { font-size: 2em; font-weight: normal; color: #333; padding: 0 0 40px 0; } #products h3 { font-size: 1.6em; font-weight: bold; margin: 0.5em 0 0.3em 0; clear: left; } #products h3 a, #products h4 a { color: #333; text-decoration: none; } #products h3 a:hover, #products h4 a:hover { text-decoration: underline; } #products h4 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0; } #products p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.75em 0; } .infobox1 img { float: left; margin: 0 1em 1em 0; } #products ul, #products ol { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.75em 0; } #products ul { padding: 0 20px; list-style-type: none; } #products div.content ul { list-style-type:disc; padding: 0 50px; } #products ul ul, #products ul ul ul, #products ul ul ul ul, #products ol ol, #products ol ol ol, #products ol ol ol ol, #products ul ol, #products ol ul { font-size: 1em; margin: 0; } #contentwrap a img { border: 0; } #contentwrap a { color: #333; text-decoration: underline; } #contentwrap a:hover { text-decoration: none; color: #ffb117; } #products p.important { background: url(/sitefiles/5000/design/v3/important.png) 0 0 no-repeat; font-weight: bold; color: #FFF; height: 28px; line-height: 28px; padding: 0 20px 0 45px; font-size: 1.2em; letter-spacing: 0.015em; } #products .two-columns-and-thumbs, #products .image-and-two-columns-and-thumbs { margin: 0 0 2em 0; } #products .image-and-two-columns-and-thumbs .standalone-image { padding: 0 40px 0 0; width: 200px; margin: 0 0 1em 0; float: left; } #products .two-columns-and-thumbs .box { width: 400px; margin: 0 0 1em 0; } #products .image-and-two-columns-and-thumbs .box { width: 280px; margin: 0 0 1em 0; } #products .two-columns-and-thumbs .left-box, #products .image-and-two-columns-and-thumbs .left-box { float: left; padding: 0 40px 0 0 ; } #products .two-columns-and-thumbs .right-box, #products .image-and-two-columns-and-thumbs .right-box { float: right; } #products .two-columns-and-thumbs .box img, #products .image-and-two-columns-and-thumbs .box img { float: left; margin: 0 1.5em 1em 0; } /* REFERENCES ============================ */ .reference { padding: 0 0 1em 0; } .reference .thumb { width: 160px; float: left; margin: 0 1em 20px 0; min-height: 10px; _height: 10px; } .reference .description { width: 660px; float: left; margin: 0 0 1em 0; } #left-column .description { width: 420px; } /* REFERENCE ARTICLE LISTING ============================ */ .referanse { /*width: 200px; margin: 0 5px 2.5em 5px;*/ /* FOUR SIDE BY SIDE */ width: 260px; margin: 0 10px 4em 10px; /* THREE SIDE BY SIDE */ float: left; display: inline-block; _display: inline; text-align: center; } .referanse img { margin: 0 0 1em 0; } /* NEWS VERTICAL LISTING ============================ */ .news-article { margin: 0 0 2em 0; width: 600px; } #news p.timestamp { width: 75px; float: left; line-height: 1.2; margin: 0 10px 0 0; } #news p.timestamp span.date { font-size: 2.4em; color: #666; font-weight: bold; } #news p.timestamp span.year-time { font-size: 1em; color: #060606; } #news .author { color: #666; font-size: 1em; margin: 0.2em 0 1.5em 0; } #news .news-content { width: 515px; float: left; padding: 0.3em 0 0 0; border-bottom: 1px solid #f0f0f0; padding-bottom: 2em; } #news p.read-more a { display: block; width: 64px; height: 24px; background: url(/sitefiles/5000/design/v3/read-more-black-on-gray.gif) 0 0 no-repeat; text-indent: -9999px; margin: 2em 0 0 0; } #news p.read-more a:hover { background-position: 0 -24px; } /* VCARD STYLING ============================ */ .card-wrap { width: 400px; background: #F9F9F9; margin: 0 0 30px 0; } .small-card-wrap { width: 290px; background: #F9F9F9; margin: 0 0 30px 0; } .card-wrap-left { float: left; } .card-wrap-right { float: right; } .card-wrap .img-container { width: 125px; min-height: 130px; _height: 130px; float: left; border-right: 5px solid #FFF; text-align: center; background: #FFF; } .small-card-wrap .img-container { width: 100px; min-height: 111px; _height: 111px; float: left; border-right: 5px solid #FFF; text-align: center; background: #FFF; } .card-wrap h5, .small-card-wrap h5 { font-weight: normal; text-transform: uppercase; padding: 5px 0 0 0; clear: both; font-size: 1em; } .small-card-wrap h5 { font-size: 0.9em; letter-spacing: -.03em; } .card-wrap .card-right, .small-card-wrap .card-right { text-align: right; padding: 10px 0; } .org, .adr, .type { display: none; } .vcard { line-height: 1.7; font-size: 1.1em; } .small-card-wrap .vcard { font-size: 1em; } .vcard .given-name, .vcard .family-name { font-weight: bold; font-size: 1.6em; } .small-card-wrap .vcard .given-name, .small-card-wrap .vcard .family-name { font-weight: bold; font-size: 1.4em; letter-spacing: -.02em; } .vcard .family-name { margin: 0 20px 0 0.2em; } .small-card-wrap .vcard .family-name { margin: 0 10px 0 0.2em; } .vcard .email { font-size: 1.1em; display: block; padding: 0 20px 5px 0; border-bottom: 1px solid #EBEBEB; margin: 0 0 5px 0; } .small-card-wrap .vcard .email { padding: 0 10px 5px 0; } .vcard .tel { padding: 0 20px; font-size: 1.1em; } .small-card-wrap .vcard .tel { padding: 0 10px; } .vcard .value { font-weight: bold; margin: 0 0 0 1em; } /* NEWS ARTICLE DETAIL ============================ */ #news-article-single blockquote { font: 20px Georgia, "Times New Roman", Times, serif; float:right; margin:10px; width:50%; } #news-article-single #back { color: #333; font-weight: bold; text-decoration: none; letter-spacing: 0.01em; display: block; margin: 0 0 1em 0; } #news-article-single #back:hover { text-decoration: underline; } #news-article-single h3 { font-size:2.6em; font-weight:normal; line-height:1; margin:10px 0px 0xp 0px; padding:0 0 0.5em; } #news-article-single .author { color: #666; font-size: 1.1em; margin: 0.2em 0 0.75em 0; } #news-article-single .ingress { color:#666666; font-size:1.6em; line-height:1.5; margin:0; } #news-article-single .article-left-image { margin: 0 0 2em 0; float: left; } #news-article-single .img { clear: both; width: 100%; } /* CUSTOM CONTACT FORMS ============================ */ #products p.message { color: #F00; font-weight: bold; font-size: 1.1em; } #frm255 label, #frm262 label, #frm377 td.form_description { font-weight: bold; color: #333; font-size: 12px; text-indent: 0.2em; margin: 0 0 0.2em 0; float: left; clear: left; } #frm255 label { width: 200px; } #frm377 td.form_description { padding: 1em 0 0 0; } #frm194 label { font-weight: bold; color: #333; font-size: 12px; text-align: right; width: 200px; display: block; float: left; padding: 0 1em 0 0; } #frm255 fieldset, #frm262 fieldset, #frm194 fieldset { border: 0; } #frm255 #formMessage, #frm262 #youText, #frm262 #expText { display: block; float: left; padding: 10px; height: 186px; } #frm255 #formMessage { background: url(/sitefiles/5000/design/v3/textarea.gif) 0 0 no-repeat; width: 425px; } #frm262 #youText, #frm262 #expText, #frm194 .textarea { background: url(/sitefiles/5000/design/v3/textarea-slimmer.gif) 0 0 no-repeat; width: 349px; float: left; clear: left; } #products #frm194 .textarea { clear: none; } .textarea { width: 329px; padding: 10px 10px 13px 10px; } #frm262 #youText { margin: 0 0 2em 0; } #frm255 textarea, #frm262 textarea, #frm194 textarea { font-size: 1.2em; width: 405px; height: 181px; color: #333; font-size: 1.2em; line-height: 1.5; font-family: Arial, Verdana, "Bitstream Vera Sans", Tahoma, sans-serif; border: 0; overflow: none; background: none; } #frm262 textarea, #frm194 textarea { width: 329px !important; } #frm262 #textareas { margin: 0 20px 0 0; width: 349px; float: left; display: block; overflow: hidden; } #frm255 .text-input, #frm262 .text-input, #frm194 .text-input, #frm377 .form_text { background: url(/sitefiles/5000/design/v3/input.gif) 0 0 no-repeat; border: 0; width: 190px; padding: 3px 10px; height: 16px; color: #333; font-size: 1.2em; } #frm255 li.error .text-input, #frm262 li.error .text-input, #frm194 li.error .text-input { background: url(/sitefiles/5000/design/v3/input-required.gif) 0 0 no-repeat; } #products #frm255 ul, #products #frm262 ul { list-style-type: none; float: left; width: 210px; background: url(/sitefiles/5000/design/v3/vr.gif) 0 0 no-repeat; padding: 40px 0 40px 21px; margin: 0; } #products #frm194 ul { list-style-type: none; background: none; width: 100%; padding: 0; } #products #frm194 ul li { width: 100%; } #container #products #frm262 ul { background: url(/sitefiles/5000/design/v3/vr-long.gif) 0 0 no-repeat; } #products #frm262 ul { padding: 10px 0 10px 21px; } #products #frm255 ul li, #products #frm262 ul li, #products #frm194 ul li { clear: both; float: left; padding: 0.4em 0; } #frm255 .form_button, #frm262 .form_button, #test-sms .form_button, #frm194 .form_button, #frm377 .form_button { float: right; background: url(/sitefiles/5000/design/v3/form-button-input.gif) 0 0 no-repeat; display: block; width: 128px; height: 28px; text-align: center; font-weight: bold; color: #FFF; border: 0; font-size: 1.15em; line-height: 1; padding: 0 0 2px 0; cursor: pointer; margin: 1em 0 0 0; } #frm194 .form_button { margin: 1em 280px 0 0; display: inline; } #frm262 select, #frm194 select, #frm377 select { background: #FFF url(/sitefiles/5000/design/v3/select-100.gif) 0 0 no-repeat; padding: 2px 6px; border: 0; width: 104px; font-size: 1.2em; } #frm377 select { background: #FFF url(/sitefiles/5000/design/v3/input.gif) 0 0 no-repeat; width: 214px; font-size: 1.3em; } #frm194 select { background: #FFF url(/sitefiles/5000/design/v3/select-120.gif) 0 0 no-repeat; width: 124px; } #frm262 select option, #frm194 select option, #frm377 select option { color: #333; padding: 0 9px; } /* CONTENT WRAP BOTTOM GFX ============================ */ #products-bottom { background: url(/sitefiles/5000/design/v3/bg-content-bottom.gif) 0 100% no-repeat; height: 5px; clear: both; display: block; border-bottom: 11px solid #FFF; } /* THREE TEASER BOXES ============================ */ #teaser-boxes { width: 100%; clear: both; overflow: auto; } .front-teaser-box { background: url(/sitefiles/5000/design/v3/bg-teaser-case-center.gif) 0 0 repeat-y; width: 286px; float: left; border-bottom: 11px solid #FFF; overflow: auto; _position: relative; _z-index: 1; } .front-teaser-box-top { background: url(/sitefiles/5000/design/v3/bg-teaser-case-top.gif) 0 0 no-repeat; padding: 18px 0 0 0; _position: relative; _z-index: 2; } .front-teaser-box-bottom { background: url(/sitefiles/5000/design/v3/bg-teaser-case-bottom.gif) 0 100% no-repeat; padding: 0 18px 13px 18px; *padding: 0 18px; _position: relative; _z-index: 2; } .front-teaser-box img { float: left; margin: 0 17px 0 0; _position: relative; _z-index: 3; } /* TEASER BOX TYPORAPHY ============================ */ .front-teaser-box h2 { color: #ff9d0c; font-weight: bold; font-size: 1.8em; line-height: 1.2; padding: 0 0 0.2em 0; } .front-teaser-box p { font-size: 1.1em; line-height: 1.5em; margin: 0 0 1em 0; _position: relative; _z-index: 3; } .front-teaser-box p.read-more { padding: 0.5em 0 0 0; margin: 0; line-height: 1; _position: relative; _z-index: 3; } .front-teaser-box p.read-more a { display: block; float: right; width: 64px; height: 24px; background: url(/sitefiles/5000/design/v3/read-more-black-on-gray.gif) 0 0 no-repeat; text-indent: -9999px; _position: relative; _z-index: 4; } .front-teaser-box p.read-more a:hover { background-position: 0 -24px; } /* TEST SMS FORM ============================ */ #test-sms { background: url(/sitefiles/5000/design/v3/textarea-sms.gif) 0 20px no-repeat; } #test-sms .required { display:none; } #test-sms .form_description { font-size:12px; font-weight:bold; padding-bottom:5px; } #test-sms textarea { margin: 10px 10px 35px 10px; background: none; border: 0; } #test-sms .form_button { margin: 15px 0 0 0; } #test-sms .form_text { background: url(/sitefiles/5000/design/v3/select-100.gif) 0 0 no-repeat; border: 0; width: 100px; padding: 4px 10px; height: 14px; color: #333; font-size: 1.2em; letter-spacing: 0.25em; } #test-sms .form_helptext p { margin: 0; } /*Tillegg artikkel og lightbox ============================*/ .clearBoth { clear:both; } .thumbwrap { width: 610px; height:120px; margin:0; } .thumbnail, .thumbnone { border:1px solid blue; width:110px; height:110px; float:left; margin-right:10px; } .thumbnone { display:none; } .thumb { margin:0; padding:0; } /* LIGHTBOX ============================ */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/sitefiles/5000/javascript/lightboxNO/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/5000/javascript/lightboxNO/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/5000/javascript/lightboxNO/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* STILLINGSANNONSER SLIDE ============================ */ #job-container { width: 880px; overflow:hidden; border-bottom: 11px solid #FFF; position: relative; } #container a#next-job { background: url(/sitefiles/5000/bilder/stillingsannonser/next-job-orange.png) 0 0 no-repeat; width: 162px; height: 41px; position: absolute; top: 254px; right: 20px; color: #EE8922; line-height: 41px; text-decoration: none; font-size: 1.1em; text-indent: 20px; cursor: pointer; } * html #container a#next-job { background-color: #ccc; back\ground-color: transparent; background-image: url(/sitefiles/site5000/jscss/space.gif); overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/5000/bilder/stillingsannonser/next-job-orange.png", sizingMethod="scale"); } #job-content-Container { overflow: hidden; width: 880px; } #job-slider { width: 3520px; height: 314px; list-style-type: none; } #job-slider li { float: left; list-style: none; width: 880px; height: 314px; display: block; overflow: hidden; } #job-slider li .slide-inner { width: 360px; height: 274px; padding: 20px; } #job-slider h3 { font-size: 2.4em; font-weight: normal; margin: 0 0 0.4em 0; } #job-slider li#job-39 h3 { color: #f7941d; } #job-slider li#job-40 h3 { color: #88b2df; } #job-slider li#job-41 h3 { color: #5fa361; } #job-slider p { color: #231f20; font-size: 1.1em; line-height: 1.8; margin: 0 0 1.5em 0; } /* CUSTOM CONTACT FORMS ============================ */ #sitewrap #products-slide p.message { color: #F00; font-weight: bold; font-size: 1.1em; } #sitewrap #products-slide #frm262 { background: #FFF; float: left; width: 814px; padding: 0 33px; clear: both; } #sitewrap #products-slide #frm262 label { font-weight: bold; color: #333; font-size: 12px; text-indent: 0.2em; margin: 0 0 0.2em 0; float: left; clear: left; width: 200px; } #sitewrap #products-slide #frm262 #textareas { margin: 46px 10px 0 0; width: 582px; float: left; overflow: hidden; } #sitewrap #products-slide #frm262 #youText, #sitewrap #products-slide #frm262 #expText { padding: 10px; height: 186px; background: url(/sitefiles/5000/design/v3/textarea-third.gif) 0 0 no-repeat; width: 266px; } #sitewrap #products-slide #frm262 #youText, #sitewrap #products-slide #frm262 #youTextLabel { margin: 0 10px 0 0; clear: left; float: left; } #sitewrap #products-slide #frm262 #expText, #sitewrap #products-slide #frm262 #expTextLabel { float: right; clear: right; } #sitewrap #products-slide #frm262 #expTextLabel { margin: -15px 0 0 0; *margin: 0; } #sitewrap #products-slide #frm262 textarea { font-size: 1.2em; width: 266px !important; height: 181px; color: #333; font-size: 1.2em; line-height: 1.5; font-family: Arial, Verdana, "Bitstream Vera Sans", Tahoma, sans-serif; border: 0; overflow: none; background: none; } #sitewrap #products-slide #frm262 #textareas label { width: 286px; } #sitewrap #products-slide #frm262 .text-input { background: url(/sitefiles/5000/design/v3/input.gif) 0 0 no-repeat; border: 0; width: 190px; padding: 3px 10px; height: 16px; color: #333; font-size: 1.2em; } #sitewrap #products-slide #frm262 li.error .text-input { background: url(/sitefiles/5000/design/v3/input-required.gif) 0 0 no-repeat; } #sitewrap #products-slide #frm262 ul { list-style-type: none; float: left; width: 211px; background: url(/sitefiles/5000/design/v3/vr-long.gif) 0 0 no-repeat; padding: 40px 0 40px 11px; margin: 0; line-height: 1.5; } #sitewrap #products-slide #frm262 ul li { clear: both; float: left; padding: 0.4em 0; } #sitewrap #products-slide #frm262 .form_button { float: right; background: url(/sitefiles/5000/design/v3/form-button-input.gif) 0 0 no-repeat; display: block; width: 128px; height: 28px; text-align: center; font-weight: bold; color: #FFF; border: 0; font-size: 1.15em; line-height: 1; padding: 0 0 2px 0; cursor: pointer; margin: 1em 0 0 0; } #sitewrap #products-slide #frm262 select { background: #FFF url(/sitefiles/5000/design/v3/select-100.gif) 0 0 no-repeat; padding: 2px 6px; border: 0; width: 104px; font-size: 1.2em; } #sitewrap #products-slide #frm262 select option { color: #333; padding: 1px 9px 2px 9px; } /* FAQ */ .faqText { display:none; } #products #left-column .faqElement h2 a { text-decoration:none; font-size: 14px; padding: 0 0 2px 0; } #products #left-column .faqElement h2 { margin: 0 0 10px 0; } #right-col { width: 231px; padding: 20px 7px 0 8px; font-size: 11px; background: #F9F9F9; } .customForms fieldset { border: 0; padding: 5px 0 15px 0; } .customForms fieldset ul { list-style-type: none; } .customForms fieldset ul li { float: left; width: 100%; clear: both; margin: 0 0 5px 0; } #right-col legend { font-weight: bold; font-size: 13px; padding: 0; display: block; width: 231px; border-bottom: 1px solid #AAA; } #right-col label { width: 66px; float: left; margin: 0 10px 0 0; height: 20px; line-height: 20px; cursor: pointer; text-align: right; } #right-col input, #right-col select { float: left; width: 149px; padding: 2px; border: 1px solid #AAA; } #right-col input.searchtext { width: 225px; } #right-col select { width: 231px; } #right-col input.checkbox { width: auto; display: inline; float: left; padding: 0; border: 0; } #right-col input.submit { width: 156px; background: #EFEFEF; font-weight: bold; height: auto; font-size: 11px; color: #333; float: right; } /* Fjerdenivå */ #right-column #third-level-menu #third-expanded { font-size: 11px; list-style-type: none; font-weight: normal; margin: 5px 0 5px 0; padding: 0 0 0 10px; } #right-column #third-level-menu #third-expanded li { padding: 0; line-height: 1; margin: 0; } #right-column #third-level-menu #third-expanded li a { color: #000; background: none; } #right-column #third-level-menu #third-expanded .active a { font-weight: bold; } .download { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #CCC; } .clear { clear:both; } h2.borderHeading { margin-bottom:10px; padding-bottom:2px; font-size:18px; border-bottom:1px #CCC dotted } /* ** Ajax Search Module ** By: Ole Thorsen ** -> Module start */ .articleSearchBox { width: 390px; /* height: 120px;*/ float: left; line-height: 1.4; padding: 10px; } .articleSearchBox p, .productSearchBox p { font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",Tahoma,sans-serif; font-size: 12px; } .articleSearchBox h2 { font-size: 14px; font-weight: bold; font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",Tahoma,sans-serif; } .searchResults { margin: 5px 0 0 0; } .searchResults h3 { font-size: 12px; font-weight: bold; font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",Tahoma,sans-serif; } .searchResults h3 a { color: #FF9D0C; text-decoration: none; } .searchResults h3 a:hover { text-decoration: underline; } .searchResults p { font-size: 10px; } .productSearchBox { width: 820px; padding: 10px; float: left; } /* ----- Ajax Search Modul End ----- */ #products .kpgenerated ul, #products .kpgenerated ul li { width: 596px; list-style: none; font-size: 1em; } #products .kpgenerated ul { padding: 0 0 1.75em; margin: 0; } #products .kpgenerated ul li { width: 569px; background: #E8E8E8; border: 1px solid #E8E8E8; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; line-height: 2.2; padding: .75em 10px .75em 15px; margin: 0 0 .5em; } #products .kpgenerated ul li.error, #products .kpgenerated ul li.heading, #products .kpgenerated ul li.helptext, #products .kpgenerated ul li.form-controls { border: none; background: none; width: 596px; border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; padding: 0; margin: 0; } #products .kpgenerated ul li.error { border-top:#890000 3px solid; border-bottom:#890000 1px solid; color: #890000; background-color:#ffbdbd; font-size:1.5em; font-weight:bold; padding:10px; margin:10px 0px 10px 0px; } #products .kpgenerated ul li.heading { font-size: 1.7em; font-weight: normal; color: #333; margin: 1em 0 0; padding: 0 0 .25em; line-height: 1; } #products .kpgenerated ul li.helptext { font-size: 1.2em; line-height: 1.5; color: #666; padding: 0 0 .5em; } #products .kpgenerated ul li input, #products .kpgenerated ul li textarea { border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; background: #FFF; padding: .5em 8px .35em; font-size: 1.2em; width: 401px; } #products .kpgenerated ul li input:focus { border-color: #A8A8A8; } #products .kpgenerated ul li label { color: #333; font-size: 1.2em; } #products .kpgenerated ul li label span.required { color: #890000; font-size:1.8em; line-height:14px; vertical-align:middle; } #products .kpgenerated ul li.form-controls { display: block; margin: 1.5em 0 0; padding: 0; height: 32px; background: url(/sitefiles/5000/gfx/keymailer/send-request.png) 100% 0 no-repeat; } #products .kpgenerated ul li.form-controls input { width: 237px; height: 32px; border: none; padding: 0; margin: 0; float: right; clear: right; opacity: 0; *filter: alpha(opacity=0); } #outersteinar{ height:4200px; width:200px; position:relative; } #floatingsteinar{ position:relative; width:200px; } .FreeDemo, .CallMe { display: none }