/* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } 
 .cContent{ position: relative; float: left; width: 980px; height: 218px; margin: 30px 0 30px -30px; overflow: hidden; } .cContent .fadeLeft{ position: absolute; left: 0; top: 0; width: 92px; height: 218px; background: url(/sitefiles/41/design/fadeOut.png) 0 0 no-repeat; } .cContent .fadeRight{ position: absolute; right: 0; top: 0; width: 92px; height: 218px; background: url(/sitefiles/41/design/fadeOut.png) 0 -231px no-repeat; } #cContainer{ position: relative; height: 218px; } .cHolder{ position: relative; float: left; height: 218px; } .cItems{ float: left; width: 189px; height: 218px; border-right: 1px solid #e5e5e5; } .cItems .image{ float: left; width: 150px; height: 150px; padding: 0 20px; } .cItems .image a{ float: left; position: relative; width: 150px; height: 150px; ´´ } .cItems .image a .linkMask{ position: absolute; display: block; top: 0; left: 0; width: 150px; height: 150px; background: url(/sitefiles/41/design/cMask.png) 0 0 no-repeat; } .cItems .image a img{ float: left; } .cItems .readMore{ float: left; width: 160px; height: 68px; overflow: hidden; padding: 0 15px; display: block; font-size: 15px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; color: #333; } .cItems .readMore .linkTop{ float: left; width: 160px; display: block; cursor: pointer; } .cItems .readMore .linkBottom{ float: left; clear: both; width: 160px; display: block; cursor: pointer; font-size: 13px; font-style: italic; }
 html { height:100%; margin-bottom:1px; } a{color: #000;} a:visited { color: inherit; } body{ background: #262626 url(/sitefiles/41/design/bgPattern.png) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } h2{ font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 25px; margin: 0 0 18px 0; color: #a8021a; font-weight: normal; } p{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 18px; } .clear{ clear: both; } .allContent{ width: 1032px; margin: 0 auto; } .top{ float: left; width: 1006px; height: 150px; padding: 26px 13px 0 13px; background: url(/sitefiles/41/design/topBg.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/topBg.png", sizingMethod="scale"); } .logoContainer{ position: relative; float: left; width: 1006px; height: 92px; } .logoContainer h1{ float: left; width: 1006px; height: 92px; background: url(/sitefiles/41/design/logo.jpg) 0 0 no-repeat; text-indent: -99999px; } #home { margin:0; padding:0; width:145px; height:70px; display:block; position:relative; left:60px; top: 12px; } .logoContainer .topMenuContainer{ width: 600px; position: absolute; top: 0; right: 0; _clear: both; z-index: 9999; padding: 10px 19px 0 0; } .logoContainer .topMenuContainer .topMenu{ float: right; } .logoContainer .topMenuContainer .topMenu li{ float: left; padding: 0 5px 0 0; } .logoContainer .topMenuContainer .topMenu li a{ float: left; color: #fff; font-size: 11px; text-decoration: none; } .mainMenu{ display: block; float: left; width: 915px; padding: 0 0 0 42px; } .mainMenu li{ display: block; float: left; margin: 0 1px 0 0; } .mainMenu li a{ float: left; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; text-align: center; padding: 9px 0 0 0; height: 21px; } .mainMenu li a:hover, .mainMenu .mainMenuActive a{ padding: 12px 0 0 0; height: 21px; color: #ffffff; background-position: 0 -33px; } .mainMenu .menuSearch{ width: 204px; height: 33px; background: url(/sitefiles/41/design/menuSearch.jpg) 0 0 no-repeat; } .breadcromMenu{ float: left; display: block; width: 900px; padding: 4px 0 0 62px; } .breadcromMenu .youAreHer{ padding: 0 3px 0 0; } .breadcromMenu li, .breadcromMenu li a{ float: left; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; } .breadcromMenu li .breadcromActive{ font-style: italic; color: #990033; } .content{ float: left; width: 950px; margin: 0 26px; _margin: 0 13px; padding: 0 0 30px 30px; background: #fff url(/sitefiles/41/design/bottomBorder.jpg) left bottom no-repeat; } .newProducts{ float: left; display: block; width: 920px; margin: 0 0 30px 0; } .newProducts li{ float: left; display: block; width: 290px; height: 258px; margin: 0 25px 0 0; _margin: 0 25px 0 0; } .newProducts li a{ float: left; display: block; padding: 191px 20px 0 20px; color: #333; font-size: 18px; width: 250px; height: 67px; text-decoration: none; cursor: pointer; background: url(/sitefiles/41/design/watermark1-1.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/watermark1-1.png", sizingMethod="scale"); } .newProducts li a:hover{ background: url(/sitefiles/41/design/watermark1-2.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/watermark1-2.png", sizingMethod="scale"); color: #fff; } .newProducts li a .productName{ float: left; display: block; padding: 0 0 10px 0; } .newProducts li a .newsFrom{ float: left; display: block; font-style: italic; font-size: 15px; } .newProducts .removeMargin{ margin: 0; } .choosenProduct{ float: left; width: 290px; height: 275px; margin: 0 0 30px 0; } .choosenProduct .choosenProductImage{ float: left; width: 290px; height: 165px; } .choosenProduct .choosenProductImage a{ float: left; display: block; width: 270px; padding: 17px 0 0 20px; height: 148px; background: url(/sitefiles/41/design/watermark3.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/watermark3.png", sizingMethod="scale"); font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; text-decoration: none; } .choosenProduct .choosenProductInfo{ float: left; position: relative; display: block; width: 270px; height: 90px; padding: 10px; background: url(/sitefiles/41/design/watermark4.png) 0 0 no-repeat; } .choosenProduct .choosenProductInfo p{ float: left; clear: both; width: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 3px 0; } .choosenProduct .choosenProductInfo .goToProduct{ position: absolute; bottom: 10px; left: 90px; width: 101px; height: 28px; background: url(/sitefiles/41/design/goToProduct.jpg) 0 0 no-repeat; text-indent: -99999px; } .mainPageText{ float: left; width: 460px; padding: 0 95px 30px 75px; } .menuCategories{ float: left; display: block; width: 920px; margin: 0 0 30px 0; } .menuCategories .removeMargin{ margin: 0; } .menuCategories li{ float: left; display: block; width: 170px; height: 150px; margin: 0 17px 0 0; } .menuCategories li a{ float: left; display: block; width: 150px; height: 22px; padding: 128px 10px 0 10px; color: #000; text-decoration: none; text-align: center; background: url(/sitefiles/41/design/watermark5-1.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/watermark5-1.png", sizingMethod="scale"); cursor: pointer; } .menuCategories li a:hover{ color: #fff; background: url(/sitefiles/41/design/watermark5-2.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/watermark5-2.png", sizingMethod="scale"); } .footer{ float: left; width: 950px; margin: 0 26px 30px 26px; _margin: 0 26px 30px 13px; padding: 6px 0 0 30px; height: 23px; background: url(/sitefiles/41/design/footer.jpg) 0 0 no-repeat; } .footer .infobox1{ float: left; } .footer .infobox1 p{ float: left; font-size: 10px; color: #808080; } .employeesContainer{ float: left; width: 950px; } .employees{ float: left; display: block; width: 950px; } .employees .employee{ float: left; width: 290px; padding: 10px 10px 0 10px; height: 274px; background: url(/sitefiles/41/design/employeeBg.jpg) 0 0 no-repeat; } .employees .removeMargin{ padding: 10px 0 0 10px; } .employees li .employeeInfo{ float: left; width: 150px; padding: 0 0 0 10px; } .employees li .employeeInfo li{ float: left; width: 140px; line-height: 22px; vertical-align: middle; font-size: 12px; color: #333333; } .employees li .employeeInfo .employeeShort{ width: 37px; } .employees li .employeeInfo .employeeMedium{ width: 103px; } .employees p{ float: left; clear: both; width: 290px; padding: 16px 0 0 0; font-size: 12px; } .employees img, .employeeOpacity{ float: left; } .employeeOpacityOver{ float: left; filter:alpha(opacity=100); opacity:1; } .employeeOpacity{ float: left; filter:alpha(opacity=80); opacity:.80; } .employees li .employeeInfo li a{ color: #333333; } .company{ float: left; width: 910px; margin: 0 0 16px 0; } .company .companyLeft{ float: left; width: 310px; } .company .companyRight{ float: left; width: 600px; } .company .companyRight a{ color: #333333; } table{ font-size: 15px; } table td{ padding: 0 0 16px 0; } .linksContainer{ float: left; width: 950px; } .linksContainer .link{ float: left; width: 300px; heigth: 274px; margin: 0 10px 10px 0; } .linksContainer .removeMargin{ margin: 0 0 10px 0; } .linksContainer .link .linkImage{ float: left; display: block; width: 300px; height: 165px; background: url(/sitefiles/41/design/watermark12.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/41/design/watermark12.png", sizingMethod="scale"); } .linksContainer .link .linkDescription{ float: left; width: 280px; height: 67px; padding: 10px; overflow: hidden; background: #e5e5e5; } .linksContainer .link .linkDescription p{ float: left; font-size: 12px; } .linksContainer .link .linkBtn{ float: left; display: block; width: 280px; height: 18px; padding: 5px 10px 0 10px; background: url(/sitefiles/41/design/linkFotter.jpg) 0 0 no-repeat; color: #fff; text-decoration: none; font-size: 12px; } #newsletter-subscription, #newsletter-subscription form, #newsletter-subscription fieldset, #newsletter-subscription ul{ float: left; width: 600px; } #newsletter-subscription ul li{ float: left; width: 500px; padding: 0 0 16px 0; } #newsletter-subscription ul{ padding: 44px 0 0 0; background: #E5E5E5 url(/sitefiles/41/design/formTop.jpg) 0 top no-repeat; } #newsletter-subscription fieldset{ padding: 0 0 17px 0; background: #E5E5E5 url(/sitefiles/41/design/formBottom.jpg) 0 bottom no-repeat; } #newsletter-subscription ul li label{ float: left; width: 170px; margin: 0; font-size: 20px; color: #990033; text-align: right; } #newsletter-subscription ul li input{ float: right; width: 300px; height: 21px; padding: 6px 10px 0 10px; background: url(/sitefiles/41/design/formInputBg.jpg) 0 0 no-repeat; border: none; } #newsletter-subscription ul li .radioLabel1{ float: right; width: 95px; height: 28px; background: url(/sitefiles/41/design/newsletterOn.jpg) 0 0 no-repeat; text-indent: -99999px; cursor: pointer; margin: 0 10px 0 0; } #newsletter-subscription ul li .radioLabel2{ float: right; width: 95px; height: 28px; background: url(/sitefiles/41/design/newsletterOff.jpg) 0 0 no-repeat; text-indent: -99999px; cursor: pointer; } #newsletter-subscription ul li .btnActive{ background-position: 0 -28px; } #newsletter-subscription ul li #subscribe1{ float: left; visibility: hidden; width: 10px; } #newsletter-subscription ul li #subscribe2{ float: left; visibility: hidden; width: 10px; } #newsletter-subscription ul li .saveBtn{ float: right; width: 89px; height: 28px; padding: 0; margin: 0; background: url(/sitefiles/41/design/formSendBtn.jpg) 0 0 no-repeat; border: none; font-size: 0; text-indent: -99999px; } .newsletterText{ float: left; width: 300px; margin: 0 10px 0 0; } #newsletter-subscription p{ padding: 0 0 16px 0; } .searchResult{ float: left; width: 950px; } .searchResult li{ float: left; clear: both; width: 400px; margin: 0 0 25px 0; } .searchResult li h2, .searchResult li h2 a{ float: left; width: 400px; color: #A8021A; font-family: Arial,Helvetica,sans-serif; /* font-size: 20px; */ font-weight: normal; line-height: 20px; text-decoration: none; /* font-size:18px; */ } .searchResult li h2{ margin: 0 0 4px 0; } .searchResult li a{ float: left; font-size: 15px; color: #666666; } .searchResult li p{ float: left; width: 400px; margin: 0 0 4px 0; } .searchForm{ float: left; padding: 0 0 20px 0; } .searchForm input{ float: left; } .searchPaging{ float: left; clear: both; width: 400px; } .searchPaging, .searchPaging a{ font-size: 15px; color: #666666; } .searchPaging{ color: #333; } .searchPaging a{ text-decoration: none; } .menuSearchForm{ float: left; width: 204px; } .menuSearchForm fieldset{ float: left; width: 184px; padding: 6px 0 0 20px; } .menuSearchForm fieldset .menuSearchInput{ float: left; width: 120px; height: 15px; padding: 0 5px; border: none; margin: 0; background: url(/sitefiles/41/design/menuSearchBg.gif) 0 0 no-repeat; } .menuSearchForm fieldset .menuSearchBtn{ float: left; width: 40px; height: 15px; padding: 0 5px; border: none; margin: 0; background: url(/sitefiles/41/design/menuSearchBtnBg.jpg) 0 0 no-repeat; text-indent: -99999px; _font-size: 0px; cursor: pointer; } .allProducts{ width: 470px; float: left; } .allProducts li{ width: 470px; float: left; margin: 0 0 3px; } .allProducts li a{ color: #000000; } .allProducts li h2{ margin-top: 18px; } .nyhet{padding:30px 30px 30px 0; clear:both; position:relative; overflow:hidden;} .nyhet p{ margin:10px 0;} .skrevet{ font-size:9px; color:#999;} .line{ border-top:1px dotted #ccc; margin:20px 0; width:640px;} .nyhetLeft{width:197px; float:left;padding:10px; overflow:hidden;} .nyhetRight{width:650px; float:left; border-left:1px solid #e5e5e5;padding:20px 20px 10px 20px; overflow:hidden;} .nyhetswrapper{border-bottom:1px solid #e5e5e5;} .prevnyhet{background:url(/sitefiles/41/design/prevnext.gif) top left; display:block; width:101px; height:28px; text-indent:-10000px;position:relative; left:237px; margin:20px 0; float:left;} .nextnyhet{background:url(/sitefiles/41/design/prevnext.gif) top right; display:block; width:101px; height:28px; text-indent:-10000px;position:relative; right:0px; margin:20px 0; float:right;} .nyhetsboxforside{ float:left;} .nyhetsboxforside h3{font-size:25px; font-weight:normal; margin-bottom:10px;} .nyhetpunktforside{ width:292px;height:42px; ;margin-bottom:6px; background:#fff url(/sitefiles/41/design/knappbg.gif);} .nyhetpunktforside a{ font-size:17px; color:#000; display:block; width:266; height:17px; padding:11px;} .lesmeromnyheter{display:block;width:101px; height:28px; background:url(/sitefiles/41/design/nyheter.gif) top right;text-indent:-10000px; margin-top:15px;}