html,body,div,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp,ul,ol,li, small,strike,strong,sub,sup,tt,var, dd,dl,dt, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } ol,ul { list-style: none; } q:before,q:after, blockquote:before,blockquote:after { content: ""; } a{ color: #000; } html, body{ height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #9a9a9a; } strong,strong p{ font-weight: bold; } h2{ font-size: 18px; padding: 0 0 10px 0; } p{ padding: 0 0 1em 0 } .background{ background: #9a9a9a url(/sitefiles/12/design/background.jpg) top center no-repeat; padding: 0 0 0 0; width: 100%; height: 100% } .centerContent{ width: 810px; margin: 0 auto; padding: 45px 0 0 0; } .contentShadow{ padding: 0 5px 0 5px; } .centerContent .header{ width: 800px; height: 110px; padding: 0; display: block; background: url(/sitefiles/12/design/header.jpg); float: left; position: relative; } .centerContent .header h1{ margin: 8px 0 0 20px; _margin: 8px 0 0 10px; width: 246px; height: 102px; float: left; } .centerContent .header h1 a{ width: 246px; height: 102px; float: left; text-indent: -99999px; display: block; background: url(/sitefiles/12/design/Logo.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/Logo.png", sizingMethod="scale"); } .centerContent .header .headerContent{ width: 534px; height: 159px; position: absolute; top: -49px; right: 0; } .centerContent .menu{ width: 800px; height: 24px; background: url(/sitefiles/12/design/menuBg.jpg); float: left; } #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; width: 800px; background: url(/sitefiles/12/design/menuBg.jpg); float: left; } #nav a { display: block; text-decoration: none; margin: 0px 0 1px 0; display: block; height: 22px; text-indent: -99999px; color: #aaaaaa; font-size: 12px; } #nav a.isCurrent{ background-position: 0 22px; } #nav a:hover{ background-position: 0 45px; } #nav li { /* all list items */ float: left; display: inline; } #nav li ul { /* second-level lists */ position: absolute; background: #000; width: 140px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ padding-bottom: 10px; opacity: 0.8; *filter: alpha(opacity = 80);  } #nav li ul a{ line-height: 25px; padding: 0 0 0 10px; width: 160px; background: url(/sitefiles/62/design/forside_ny/dot.jpg) 4px 9px no-repeat; color: #aaaaaa; text-indent: 0px; } #nav li ul a:hover{ color: #fff; } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; z-index: 200; } .centerContent .contentContainer{ width: 800px; background: url(/sitefiles/12/design/contentBackground.jpg) no-repeat; float: left; } .centerContent .contentContainer .advertise{ width: 207px; height: 322px; padding: 14px 0 14px 23px; float: left; } .centerContent .contentContainer .content{ width: 540px; padding: 14px 0 14px 0; float: left; } .centerContent .footer{ width: 800px; height: 37px; position: relative; background: url(/sitefiles/12/design/footerBg.jpg) 0 0 repeat-x; float: left; } .centerContent .footerText{ width: 600px; height: 37px; padding: 0 0 0 23px; float: left; } .centerContent .footerText p{ vertical-align:middle; font-size: 13px; color: #FFFFFF; overflow: hidden; padding: 11px 0 0 0; margin: 0; } .centerContent .footerLogo{ position: absolute; right: 14px; top: -30px; width: 154px; height: 72px; background: url(/sitefiles/12/design/footerLogo.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/footerLogo.png", sizingMethod="scale"); } .contentShadow{ background: url(/sitefiles/12/design/shadowRightLeft.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/shadowRightLeft.png", sizingMethod="scale"); float: left; } .shadowTop{ width: 810px; height: 4px; background: url(/sitefiles/12/design/shadowTop.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/shadowTop.png", sizingMethod="scale"); float: left; } .shadowBottom{ width: 810px; height: 4px; background: url(/sitefiles/12/design/shadowBottom.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/shadowBottom.png", sizingMethod="scale"); float: left; } .advertise .slideshow{ position: relative; width: 181px; height: 322px; background: url(/sitefiles/12/design/SlideshowBg.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/SlideshowBg.png", sizingMethod="scale"); } .advertise .slideshowLogo{ width: 181px; height: 59px; padding: 8px 0 0 7px; } .advertise .slideshowBilde{ width: 181px; height: 175px; } .advertise .slideshowTekst{ width: 181px; height: 72px; padding: 8px 0 0 0; font-size: 18px; color: #FFFFFF; text-align: center; font-weight: bold; font-style: italic; line-height: 28px } .advertise .slideshowTekst a{ font-size: 18px; color: #FFFFFF; text-align: center; font-weight: bold; font-style: italic; line-height: 28px; text-decoration: none; } .mainPageProducts{ float: left; width: 170px; margin: 20px 0 0 0; } .mainPageText{ margin: 20px 0 0 0; float: left; width: 370px; } .mainPageText .text{ padding: 10px 0 10px 43px; } .mainPageText .text p{ line-height: 120%; } .mainPageProducts li{ padding: 6px 0 6px 0; } .mainPageProducts li a{ display: block; text-indent: -99999px; } .toppArtikkelContent{ width: 340px; height: 80px; margin: 79px 0 0 180px; } .toppArtikkel{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; font-style: italic; line-height: 120%px; color: #000; text-decoration: none; } .produktInfoLeft{ width: 334px; float: left; } .produktInfoLeft{ } .produktInfoRight{ width: 161px; height: 183px; padding: 135px 0 0 45px; float: left; background: url(/sitefiles/12/design/productInfo.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/12/design/productInfo.png", sizingMethod="scale"); } .produktInfoRight h3{ font-weight: bold; padding: 0 0 10px 0; } .produktInfoRight .productInfoList{ padding: 0 0 0 12px; height: 100px; overflow: hidden; } .produktInfoRight .productInfoList li{ line-height: 120%; list-style-type: disc; } .produktInfoRight .screenshot li{ display: inline; float: left; width: 46px; margin: 0 5px 0 0 ; } .productImgHeader{ margin: 0 0 10px 0; } .faq li p{ line-height: 120%; font-size: 12px; } .faq li .answer{ border: solid 1px #aaaaaa; padding: 10px; margin: 10px 0 10px 0; } .downloadDemoContainer{ width: 512px; float: left; } .downloadDemoContainer li{ width: 256px; float: left; padding: 0 0 5px 0; } .downloadDemoContainer li label{ width: 90px; display: block; float: left; } .downloadDemoContainer li input{ width: 140px; display: block; float: left; border: solid 1px #666666; } .downloadDemoContainer li #Firstname{ width: 67px; margin: 0 5px 0 0; } .downloadDemoContainer li #Lastname{ width: 66px; } .downloadDemoContainer .radioBtns label{ width: 130px; } .downloadDemoContainer .radioBtns input{ width: 100px; } .downloadDemoContainer .clear{ clear: both; } .downloadDemoContainer select{ display: block; float: left; margin: 0; padding: 0; } .downloadDemoContainer .select{ margin: 15px 0 15px 0; width: 540px } .downloadDemoContainer .botton{ margin: 15px 0 15px 0; } .downloadDemoContainer .botton input{ width: 134px; } .priceListTekst{ padding: 10px; background: #999999; } .priceListDownload{ padding: 10px; background: #999999; } .priceListLogoDownload{ padding: 10px 0 0 0; } /*.priceListLogoDownload p{ text-align: center; }*/ .priceListLogoDownload p a{ text-decoration: none; } .priceListLogoDownload ul{ float: left; } .priceListLogoDownload ul li{ float: left; margin: 0 8px 0 0; width: 100px; } .priceListLogoDownload ul .last{ clear: both; } .question{ cursor: pointer; } .productSlide{ position: absolute; } .forumnavibar a{ color: #000; text-decoration: none; } .forumheading td{ color: #000; font-size: 14px; padding: 10px 0 5px 0; } .title{ padding: 15px 0 3px 0; font-weight: bold; } .author,.date,.message{ padding: 3px 0 3px 0; } .message{ padding: 5px 0 5px 5px; border: 1px solid #ccc; } .usefullPages, .usefullPages li{ float: left; width: 526px; } .usefullPages li{ margin: 0 0 10px 0; } .usefullPages p{ width: 220px; } .usefullPages .nsTekst{ float: left; } .usefullPages img{ float: right; } .infobox1 li, .produktInfoLeft li,.answer li{ margin: 0 0 5px 12px; list-style-type: disc; } .infobox1{ font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; } .downloadDocs{ width: 540px; } .downloadDocs li{ float: left; padding: 0 0 10px 0; } .downloadDocs .downloadName{ float: left; width: 400px; } .downloadDocs .downloadFile{ float: left; width: 140px; text-align: right; } .downloadDemoContainer li .checkbox{ width: auto; border: none; } .downloadDemoHeader{ font-weight: bold; } /* Lightbox */ .downloadDemoContainer .errorMsg{ width: 528px; border: solid 1px #666; color: #E2001A; padding: 5px; } .downloadDemoContainer .fullLi{ width: 540px; padding: 10px 0 10px 0; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #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-image: url(data:image/gif;base64,AAAA); /* 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/12/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/12/lightbox/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: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #demofiler{ margin: 0 20px 0 0; } img.win7logo { display: block; margin-bottom: 10px; }