/* ================================================================ Sphinx base style sheet, version 19-03-2004 © Copyright 2004 by Sphinx. all rights reserved. Original author : Ruud Vendeloo (r.vendeloo@ara-interactive.nl) --------------------------------------------------------------- Last changed by : Ruud Vendeloo ================================================================ */ /* ---------------------------------------------------------------- Default HTML element definitions ---------------------------------------------------------------- */ /* Removing borders (if any) from images */ a img { border : none; } /* Removing extra margin from form elements */ form { margin : 0px; } /* default font */ html { font-size : small; } div.globalcontainer { font-size : 90%; } div[class=globalcontainer] { font-size : 100%; } /*hack om lettertype in alle browsers dezelfde grootte te geven als in IE6*/ body, h1, h2, h3, h4, h5, h6, td, div, select { margin : 0px; color : #362D26; font-family : Verdana, Arial, tahoma, Geneva, Helvetica, sans-serif, "trebuchet ms"; font-size-adjust : 0.51; } /* Headlines : h1 is used for the main (top) headline/contecnt section h2 is used for the rest of the content headlines */ h1 { margin : 8px auto 4px auto; font-size : 14px; font-weight : bold; line-height : 1,5em; } h2 { margin : 14px auto 0px auto; font-weight : bold; font-size : 12px; } /*h3 { margin : 4px auto 0px auto; font-weight: bold; }*/ h3 { margin : 20px 0px 0px 0px !important; font-size : 100%; font-weight : bold; } /* Common text elements */ p { margin : 4px auto 0px auto; line-height : 16px; } /* Link colors */ a:link { color : #1860AB; text-decoration : none; } a:visited { color : #1860AB; text-decoration : none;} a:hover { color : #1860AB; text-decoration : underline; } a:active { color : #1860AB; } /* Ordered and unordered list elements */ /*ul,ol,li { margin : 0px; padding : 0px; }*/ /* body styling */ body { margin : 5px 0px; /* setting top and bottom margin */ background-image : url(../../../../lib/images/bg_gradient.jpg); background-position : top left; background-repeat : repeat-x; background-color : #E3E3E3; } /* ---------------------------------------------------------------- Global Container ---------------------------------------------------------------- */ /* this div contains all elements. website width is set here. Text-align is left. This overrides the aligning set in body, which is used to center the website. The background image is for making the sidebar on the right gray. */ body .globalcontainer { margin : 0px auto; width : 772px; text-align : left; background-color : #F4F1F2; background-image : url(../../lib/images/sidebarbg.gif); background-position : top right; background-repeat : repeat-y; } body #bgscheme01 { background-color : #FFF; } body #bgscheme02 { background-color : #F4F1F2; } body #bgscheme03 { background-image : url(../../lib/images/bgscheme03.gif); background-position : top right; background-repeat : repeat-y; } /* ---------------------------------------------------------------- Page header ---------------------------------------------------------------- */ /* Header container box */ #globalheader { width : auto; height : 76px; position : relative; z-index : 100; } /* container for 1 visual on top of all pages */ #globalvisuals { width : auto; height : 60px; background : url('../../lib/images/visualtop_professional_full.jpg') center left no-repeat; } #globalvisuals_export { width : auto; height : 74px; background : url('../../lib/images/visualtop_professional_full.jpg') center left no-repeat; } /* Box containing navigation - remember width for IE 4 compliance - Margin used for indenting */ .globalnav { width : 772px; background-color : #418DDB; position : absolute; z-index : 100; } .globalnav div { float : left; width : 88px; height : 17px; overflow : hidden; } .globalnav div a { display : block; padding-left : 6px; color : #FFFFFF ! important; font-size : 11px; font-weight : bold; height : 17px; text-decoration : none ! important; } .globalnav div a:hover { background-color : #1860AB; } .globalnav1 { width : 77px ! important; } .globalnav2nl { width : 80px ! important; } .globalnav3nl { width : 108px ! important; } .globalnav4nl { width : 0 ! important; } .globalnav5nl { width : 100px ! important; } .globalnav6nl { width : 160px ! important; } .globalnav7nl { width : 100px ! important; border-left : 1px solid #FFF; } .globalnav8 { width : 144px ! important; } .globalnav8 a { background-image : url(../../lib/images/arrow_naarconsumenten.gif); background-position : center right; background-repeat : no-repeat; color : #F66835 ! important; } .globalnav8 a:hover { background-color : red; background-image : url(../../lib/images/arrow_naarconsumenten.gif) ! important; background-position : center right; background-repeat : no-repeat; } .globalnav8 a.globalnavlink8:hover { color : #FFF !important; background-color : #F66835;} a.globalnavlink2nl, a.globalnavlink3nl, a.globalnavlink4nl, a.globalnavlink5nl, a.globalnavlink6nl, a.globalnavlink7nl {cursor : default;} /*.globalnav5nl { visibility : hidden; }*/ .globalnav4nl { visibility : hidden; } /* ######################################################### */ /* frans */ .globalnav2fr { width : 80px ! important; } .globalnav3fr { width : 100px ! important; } .globalnav4fr { width : 0 ! important; } .globalnav5fr { width : 100px ! important; } .globalnav6fr { width : 170px ! important; } .globalnav7fr { width : 100px ! important; border-left : 1px solid #FFF; } a.globalnavlink2fr, a.globalnavlink3fr, a.globalnavlink4fr, a.globalnavlink5fr, a.globalnavlink6fr, a.globalnavlink7fr {cursor : default;} /*.globalnav5fr{ visibility : hidden; }*/ .globalnav4fr { visibility : hidden; } /* ######################################################### */ /* engels */ .globalnav2en { width : 60px ! important; } .globalnav3en { width : 120px ! important; } .globalnav4en { width : 0 ! important; } .globalnav5en { width : 100px ! important; } .globalnav6en { width : 170px ! important; } .globalnav7en { width : 100px ! important; border-left : 1px solid #FFF; } a.globalnavlink2en, a.globalnavlink3en, a.globalnavlink4en, a.globalnavlink5en, a.globalnavlink6en, a.globalnavlink7en {cursor : default;} /*.globalnav5en { visibility : hidden; }*/ .globalnav4en { visibility : hidden; } /* ---------------------------------------------------------------- Whitespace between header and content area, used for sphinx logo and sectionheader / breadcrumbs. ---------------------------------------------------------------- */ /* whitespace container */ #globalwhitespace { width:auto; background-color:#FFFFFF; height:120px; position:relative; z-index:100; } /* sectioncontainer */ #globalsectionheader { width:227px; height:68px; position:absolute; top:0px; left:0px; } /* */ #sectionpath { color:#999999; width:520px; font-size:75%; position:absolute; left:8px; bottom:11px; } #sectionpath a {color:#999999; } #sectionpath a:hover {color:#1860AB; } #sectionpath #active { font-weight:bold; } /* Sphinx logo - remember height and width! */ #globallogo { width :311px; height:120px; position : absolute; top : 0px; right : 0px; } #topleftbox { float : left; width : 144px; height : 60px; } #sitelabel {} #langswitch { padding-left : 10px; } ul#langlinks { margin-top : 4px; } ul#langlinks li { font-size : 10px; margin-left : 0px; padding-left : 10px; line-height : 140%; list-style-type : none; background-image : url(../../lib/images/arrowlinksmall.gif); background-position : center left; background-repeat : no-repeat; } ul#langlinks li#active { background-image : url(../../lib/images/arrowlinksmall.gif); background-position : center left; background-repeat : no-repeat; } ul#langlinks li a { color : #999; } ul#langlinks li#active span { font-weight : normal; color : #418ddb; text-decoration : none; } /* ====================================================== CONTENT STYLING ====================================================== /* /* Container holding the content area below the pageheader */ #globalcontentcontainer { width : 100%; position : relative; } /* Width of content ALL area's is always 528px This sets the width of ALL content area's - not only the globalcontent area! */ #globalcontent { width : 528px; float : left; overflow : hidden; } /* Style for the readon link */ #globalcontentcontainer div.readon { margin-top : 4px; margin-bottom : 14px; line-height : 16px; } #globalcontentcontainer div.readon a { background-image : url(../../lib/images/arrowreadon.gif); background-position : top left; background-repeat : no-repeat; text-decoration : none; padding-left : 10px; } #globalcontentcontainer div.readon a:hover { text-decoration : underline; } #globalcontentcontainer span.readon { font-size : 11px; margin : 0px; padding : 0px;} #globalcontentcontainer span.readon a { background-image : url(../../lib/images/arrowlinksmall.gif); background-position : center right; background-repeat : no-repeat; text-decoration : none; padding-right : 10px; } #globalcontentcontainer span.readon a:hover { text-decoration : underline; } /* List styling */ ul { list-style : circle; line-height : 17px; margin : 10px auto 0px auto; } ul li { margin-left : 14px; } ol { list-style : decimal; line-height : 17px; margin : 10px auto 0px 7px; } ol li { margin-left : 14px; } ul.links { margin-top : 4px; margin-bottom : 4px; } ul.links li { margin-left : 0px; padding-left : 14px; line-height : 17px; list-style-type : none; background-image : url(../../lib/images/arrowlink.gif); background-position : top left; background-repeat : no-repeat; } /*ul.links li#active { background : url(../../lib/images/arrowlink_active.gif) top left no-repeat; } ul.links li#active a { font-weight : normal; color : #362D26; text-decoration : underline; } ul.links li a.notyet { color : #999; cursor : text; } ul.links li a.notyet:hover { text-decoration : none; }*/ .visual { margin : 0px; padding : 0px; } ul.links li img { margin : 3px 6px -2px 4px; } /* news List styling */ .newsblock h2 { background : url(../../lib/images/icon_news.gif) center left no-repeat; margin-left : 14px; padding-left : 18px ! important; } .newsblock p { margin-top : 0px; } .newsblock .item { margin-top : 7px; } /* ========================================================= Column styling for GLOBAL content ========================================================= /* /* Both columns: setting padding of 8px for all of these elemets in all columns */ #globalcontent h2, #globalcontent h3, #globalcontent .text, #globalcontent p, #globalcontent ul, #globalcontent ol, #globalcontent .readon, #globalcontent .links { padding-right : 14px; padding-left : 14px; } #globalcontent h2 { margin-bottom : 28px; } p.visual { padding : 0 ! important; margin : 0 ! important; } #allseries p.visual { padding-left : 14px ! important; margin : 16px auto 4px auto ! important; line-height : 16px; } #allseries h3 { margin-top : 0px !important; } #seriehead { position : absolute; top : 130px; width : 263px ! important; height : 38px; background-color : #666; } #seriehead span { color : #FFF; line-height : 36px; font-size : 30px; letter-spacing : -1px; font-weight : bold; margin : 0px 8px; } .columnhead { width:510px !important; background-color:#B2B2B2; font-size:12px; line-height:20px; color:#ffffff; font-weight:bold; padding:0 8px; /*border:1px solid #00f;*/ } .col1 .columnhead { background-color:#666; /*border:1px solid #f00;*/ } #productdetails .col1 .columnhead { width:246px !important; /*border:1px solid #0ff;*/ } /* .columnhead span { font-size:12px; line-height:20px; margin:0px 8px; color:#ffffff; font-weight:bold; } */ /* ------------------------------------------------------ 2 Columns ------------------------------------------------------ */ #globalcontent .columns2 { float : left; width : 528px; background-color : transparent; background-image : url(../../lib/images/column2bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; padding-bottom : 30px; } /* similar styling for the columns in 2 column-style */ #globalcontent .columns2 div { width : 263px; margin-right : 1px; float : left; overflow : hidden; } /* ------------------------------------------------------ 1 Column ------------------------------------------------------ */ #globalcontent .columns1 { float : left; width : 527px; /* background-color : #FFFFFF; background-image : url(../../lib/images/column1bg.gif); background-position : top left; background-repeat : repeat-y; */ overflow : hidden; } /* similar styling for the columns */ #globalcontent .columns1 div { width : 527px; float : left; overflow : hidden; } /* the first column (left) */ #globalcontent .col1 { margin-right : 1px;} /* =========================================================== Columns styling for ALL SERIES content =========================================================== */ #allseries { float : left; width : 528px; background-image : url(../../lib/images/column1bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; padding-bottom : 14px; } #allseries h2, #allseries h3, #allseries .text, #allseries .visual, #allseries .readon, #allseries .links { padding-left : 14px; padding-top : 14px; margin : 0px; } #allseries .visual a img { border : 1px solid #B2B2B2; } #allseries .visual a:hover img { border : 1px solid #1860AB; } #allseries #heading { padding-right : 14px; padding-bottom : 14px; margin-bottom : -14px; } #allseries .readon { position : absolute; height : 10px; bottom : 10px; position:relative; } /*#allseries .columns2 { width : 528px; height : 148px; clear : both; margin-top : 14px; background-image : url(../../lib/images/line_dotted.gif); background-position : top left; background-repeat : no-repeat; }*/ #allseries .columns2 { width : 528px; height : auto; clear : both; margin-top : 0px; padding-top : 10px; background-image : url(../../lib/images/line_dotted.gif); background-position : top left; background-repeat : no-repeat; } #allseries .columns2 div { float : left; } #allseries .columns2 .col1 { width : 182px; } /*#allseries .columns2 .col2 { width : 336px; height : 148px; position : relative; background:orange;}*/ #allseries .columns2 .col2 { width : 336px; height : auto; position : relative; margin-top : 1px; } /* Global sidebar sits on the right site of the webpage and contains the global searchbox */ #globalsidebar { width : 244px; float : left; background-color : #CECCCC; overflow : hidden; } /* ------------------------------------------------------ Global search box ------------------------------------------------------ */ #globalsearch { background-color : #418DDB; height : 168px; } #globalsearch fieldset { border : 1px solid #70AAE4; padding : 8px 8px 8px 8px; } #globalsearch legend { font-weight : bold; color : #FFF; margin-bottom : 6px;} #globalsearch p.info { color : #FFF; font-size : 10px; } #globalsearch label { display : block; margin-top : 3px; float : left; width : 50px; height : 18px; line-height : 18px; } #globalsearch select, #globalsearch input { margin-top : 2px; margin-bottom : 4px; background-color : #FFF; } #globalsearch .selectfld { width : 160px; border : 1px solid #FFF; font-size : 11px; } #globalsearch .inputfld { width : 140px; height : 14px; line-height : 14px; border : 1px solid #FFF; font-size : 11px; } #globalsearch .btn { margin-top : 3px; clear : both; width : 26px; float : right; border : 1px outset; background-color : #ECEAEA; background-image : url(../../lib/images/arrowlinkbtn.gif); background-position : center right; background-repeat : no-repeat; font-size : 11px; height : 19px; cursor : pointer; } #contactinfo { padding : 0px 8px 8px 8px; font-size : 80%; line-height : 150%;} #contactinfo span { color : #333; display : block; } #contactinfo a {color : #333; text-decoration : underline; } #contactinfo a:hover {color : #418DDB; } #globalresults { background-color : #FFF; padding : 8px 8px 8px 8px; border-bottom : 18px solid #418DDB; } /* see ns6.css */ #globalresults #searchedfor { border : 1px solid #CCC; padding : 0px 4px; } #globalresults #searchedfor legend { font-weight : bold; } #globalresults #searchedfor #key { margin-top : 10px; background-color : #F2F2F2; padding : 4px; margin-left : 4px; margin-right : 4px; } #globalresults #searchedfor #key div { color : #000; line-height : 17px; } #globalresults #searchedfor #hits { float : right; padding : 4px 0px; font-size : 10px; color : #666; text-align : right; margin-left : 4px; margin-right : 4px; } #globalresults #searchedfor #hits span { font-weight : bold; font-size : 11px; } #globalresults #searchedfor #clearresults { float : right; padding : 4px 0px; cursor : pointer; margin-top : 1px; margin-left : 4px; margin-right : 2px; } #globalresults #searchedfor #clearresults span { border : 1px outset; padding : 0px 2px; font-size : 10px; color : #666; } /* see ns6.css */ .dynamic-tab-pane-control #searchedfor { margin-top : 8px; border : 1px solid #70AAE4; padding : 0px 4px; } .dynamic-tab-pane-control #searchedfor legend { font-weight : bold; } .dynamic-tab-pane-control #searchedfor #key { margin-top : 4px; background-color : #F4F1F2; padding : 4px; margin-left : 4px; margin-right : 4px; } .dynamic-tab-pane-control #searchedfor #key div { color : #000; line-height : 17px; } .dynamic-tab-pane-control #searchedfor #hits { float : right; padding : 4px 0px; font-size : 10px; text-align : right; margin-left : 4px; margin-right : 4px; } .dynamic-tab-pane-control #searchedfor #hits span { font-weight : bold; font-size : 11px; } .dynamic-tab-pane-control #searchedfor #clearresults { float : right; padding : 4px 0px; cursor : pointer; margin-top : 1px; margin-left : 4px; margin-right : 2px; } .dynamic-tab-pane-control #searchedfor #clearresults span { border : 1px outset; background-color : #ECEAEA; padding : 0px 2px; font-size : 10px; color : #000; } #globalresults h3 { margin : 0px; } #globalresults #results { width : 218px; border : 1px solid #CCC; padding : 0px 4px; } #globalresults #results legend { font-weight : bold; } #globalresults #results #viewport { margin-bottom : 7px; scrollbar-3dlight-color : #C8C8C8; scrollbar-arrow-color : #FFF; scrollbar-base-color : #F2F2F2; scrollbar-darkshadow-color : #C8C8C8; scrollbar-face-color : #C8C8C8; scrollbar-highlight-color : #C8C8C8; scrollbar-shadow-color : #C8C8C8; scrollbar-track-color : #F2F2F2; } #globalresults #results #viewport.vpup { width : 218px; height : 250px; overflow : auto; } #globalresults #results #viewport.vpdown { width : 218px; height : auto; } #globalresults div#btnresults { float : right; color : #000; width : 18px; height : 18px; cursor : pointer; background-color : transparent; background-position : center center; background-repeat : no-repeat; } .btnup { background-image : url(../../lib/images/btnresults_height_auto.gif); } .btndown { background-image : url(../../lib/images/btnresults_height_fixed.gif); } #globalresults #results div.group { margin : 14px 4px -4px 4px; font-weight : bold; /*background-color : #FEF1EB;*/ border-top : 1px solid #B9D7F4; border-right : 1px solid #FFF; border-bottom : 1px solid #FFF; border-left : 1px solid #B9D7F4; } #globalresults #results li.group { margin : 14px 4px 0px 0px; font-weight : bold; /*background-color : #FEF1EB;*/ border-top : 1px solid #B9D7F4; border-right : 1px solid #FFF; border-bottom : 1px solid #FFF; border-left : 1px solid #B9D7F4; } #globalresults #results .group a { padding : 2px 3px; display : block; line-height : 16px; } #globalresults #results .group a:hover { background-color : #B9D7F4; color : #000; text-decoration : none; } select option#allgroups { background-color : #FCCFBE; color : #000; } #globalresults #results ul { margin : 4px; padding : 0px; } #globalresults #results ul li { list-style-type : none; background :none; margin : 0px ! important; padding : 0px; } #globalresults #results ul li a { display : block; padding : 2px 4px; margin : 0px ! important; } #globalresults #results ul li a:hover { background-color : #B9D7F4; text-decoration : none; color : #000; padding-top : 2px; } #globalresults #results ul li#active a { font-weight : bold; color : #362D26; } #globalresults #results ul li#active a:hover { background-color : transparent; } /* ------------------------------------------------------ Page Footer ------------------------------------------------------ */ /* Bottom of page */ #globalfooter { padding : 3px 0px 0px 8px; clear : both; background-color : #666; height : 20px; margin-top : 0px; } /* Footer links */ #globalfooter a { color : #DDDDDD; text-decoration : none; } #globalfooter a:hover { color : #64A7EA; } #globalfooter span { margin-right : 10px; color : #DDDDDD; font-size : 10px; } #globalfooter #left { float : left; } #globalfooter #right { float : right; } /* Highlight */ #globalfooter .highlight { color : #CC0000; font-weight : bold; } /* --------------------------------------------------------- Working class' (used for different fixes and generel stuff) --------------------------------------------------------- */ /* used for breaking flows */ .breaker { clear : both; overflow : visible; } /* removes margin */ .nomargin { margin : 0px; } /* inserts a dotted line 1px height, breaks the flow */ .hr { clear : both; margin : 0px; padding : 0px; background : url(../../lib/images/dotted.gif) top left repeat-x; height : 2px; overflow : hidden; } .col1 .hr { margin-left : 7px; width : 240px ! important; } .col2 .hr { margin-left : 3px; width : 247px ! important; } /* =========================================================== Product list =========================================================== */ /* #productlist { width : 527px ! important; } #productlist .product { width : 263px ! important; float : left; margin-top : 14px; } #productlist .product .visual { margin-top : 14px; margin-left : 7px; float : left; width : 102px; height : 102px; } #productlist .product .visual a { display : block; border : 1px solid #CCC; } #productlist .product .visual a:hover { border : 1px solid #418DDB; } #productlist .product .visual img { width : 100px; height : 100px; } #productlist .product .details { float : left; width : auto; margin-top : 14px; width : 136px; } #productlist .details div { width : 133px; padding-left : 4px; float : left; cursor : default; } #productlist .product .details .brutprice { margin-bottom : 4px;} #productlist .product .details .serie span, #productlist .product .details .group span { color : #999; } #productlist .details .name span { font-size : 11px; font-weight : bold; } #productlist span { line-height : 16px; font-size : 10px; } */ #productlist { width:527px ! important; } #productlist .productRow {margin:0; padding:0;} #productlist .product { width:260px ! important; float:left; margin:14px 0 0 0; padding:0; } #productlist .product .visual { margin-top:14px; margin-left:7px; float:left; width:112px; } #productlist .product .visual a { display:block; border:1px solid #CCC; } #productlist .product .visual a:hover { border:1px solid #418DDB; } #productlist .product .visual img { width:110px; } #productlist .product .details { float:left; width:140px; margin-top:14px; } * html #productlist .product .details { width:134px; } #productlist .details div { width:133px; padding-left:4px; float:left; cursor:default; } #productlist .product .details .brutprice { margin-bottom:4px;} #productlist .product .details .serie span, #productlist .product .details .group span { color:#999; } #productlist .details .name {margin:0; padding:0 0 0 4px; width:137px;} #productlist .details .name {margin:0; padding:0 0 0 4px; width:137px;} #productlist .details .name span { width:129px; font-size:90%; font-weight:bold; display:block; } #productlist span { line-height:16px; font-size:10px; } #productlist .product .details .typenames {width:140px; margin:0; padding:0 0 0 4px; font-size:10px;} #productlist .product .details .typenames a {font-size:10px;} /* =========================================================== Product details =========================================================== */ /* #specsbox { width : 263px; }*/ /*#specsbox .specodd, #specsbox .speceven, { border-bottom : 1px solid #CCC; }*/ /* #specsbox .specodd { width : 263px; background-color : transparent; clear : both; } #specsbox .speceven { width : 263px; background-color : #FFF; clear : both;} #specsbox .specodd .label, #specsbox .speceven .label { width : 90px; float : left; } #specsbox .specodd .data, #specsbox .speceven .data { width : 154px; float : left; } #specsbox div div span { line-height : 21px; font-size : 11px; } #specsbox div .label { padding-left : 8px; } #specsbox div .data { padding-left : 7px; } #specsbox div .data span { } ul.moreinfo { margin-top : 4px; margin-bottom : 4px; } ul.moreinfo li { margin-left : 0px; padding-left : 20px; line-height : 22px; list-style-type : none; background-image : url(../../lib/images/icon_downloaditem.gif); background-position : center left; background-repeat : no-repeat; } ul.moreinfo li.absent { background-image : url(../../lib/images/icon_downloaditem_no.gif); } ul.moreinfo li.absent a { color : #999; cursor : text; } ul.moreinfo li.absent a:hover { text-decoration : none; } ul.moreinfo .absent { color : #999; cursor : text;} ul.moreinfo .absent:hover {color : #999; text-decoration: none;} #productdetails { width : 528px; float : left; overflow : hidden; } #productdetails .columns2 { float : left; width : 528px; background-color : transparent; background-image : url(../../lib/images/column2bg.gif); background-position : top left; background-repeat : repeat-y; overflow : hidden; padding-bottom : 30px; } #productdetails .columns2 div { width : 263px; margin-right : 1px; float : left; overflow : hidden; } #productdetails .columns2 .col1 h2, #productdetails .columns2 .col1 h3, #productdetails .columns2 .col1 .text, #productdetails .columns2 .col1 .readon, #productdetails .columns2 .col1 .links, #productdetails .columns2 .col1 .moreinfo { padding-right : 14px; padding-left : 14px; } #productdetails .columns2 .col2 h2, #productdetails .columns2 .col2 h3, #productdetails .columns2 .col2 .text, #productdetails .columns2 .col2 .readon, #productdetails .columns2 .col2 .links, #productdetails .columns2 .col2 .moreinfo { padding-right : 7px; padding-left : 7px; } p.producttext { padding : 20px 20px 0 20px; } .opmermerking { width:230px !important; padding:8px 10px 8px 20px; display:block; } */ #specsbox { width:263px; } /*#specsbox .specodd, #specsbox .speceven, { border-bottom:1px solid #CCC; }*/ #specsbox .specodd { width:263px; background-color:transparent; clear:both; } #specsbox .speceven { width:263px; background-color:#FFF; clear:both;} #specsbox .specodd .label, #specsbox .speceven .label { width:90px; float:left; } #specsbox .specodd .data, #specsbox .speceven .data { width:154px; float:left; } #specsbox div div span { line-height:21px; font-size:11px; } #specsbox div .label { padding-left:8px; } #specsbox div .data { padding-left:7px; } #specsbox div .data span { } p.producttext { padding:10px 20px 0 20px; } ul.moreinfo { margin-top:4px; margin-bottom:4px; } ul.moreinfo li { margin-left:0px; padding-left:20px; line-height:22px; list-style-type:none; background-image:url(../../lib/images/icon_downloaditem.gif); background-position:center left; background-repeat:no-repeat; } ul.moreinfo li.absent { background-image:url(../../lib/images/icon_downloaditem_no.gif); } ul.moreinfo li.absent a { color:#999; cursor:text; } ul.moreinfo li.absent a:hover { text-decoration:none; } ul.moreinfo .absent { color:#999; cursor:text;} ul.moreinfo .absent:hover {color:#999; text-decoration: none;} #productdetails { width:528px; float:left; overflow:hidden; } #productdetails .columns2 { float:left; width:528px; background-color:transparent; background-image:url(../../lib/images/column2bg.gif); background-position:top left; background-repeat:repeat-y; overflow:hidden; padding-bottom:30px; } #productdetails .columns2 div { width:263px; margin-right:1px; float:left; overflow:hidden; } #productdetails .columns2 .col1 h2, #productdetails .columns2 .col1 h3, #productdetails .columns2 .col1 .text, #productdetails .columns2 .col1 .readon, #productdetails .columns2 .col1 .links, #productdetails .columns2 .col1 .moreinfo { padding-right:14px; padding-left:14px; } #productdetails .columns2 .col2 h2, #productdetails .columns2 .col2 h3, #productdetails .columns2 .col2 .text, #productdetails .columns2 .col2 .readon, #productdetails .columns2 .col2 .links, #productdetails .columns2 .col2 .moreinfo { padding-right:7px; padding-left:7px; } #productdetails .visual { float:left; width:210px; margin:14px 0 0 7px; padding:2px 0 0 0; text-align:center; } #productdetails .visual a { width:auto; display:inline; border:1px solid #ccc; } #productdetails .visual a:hover { border:1px solid #1860AB; } #productdetails .visual a img { margin:0; padding:0; } #productdetails .visual a.image { width:110px; } #productdetails .visual a.image img { width:110px; } #productdetails .visual a.zoom { margin-top:2px; border:none; } #productdetails .visual div.resize { display:block; width:160px; margin:0; padding:0; font-size:10px; text-align:right; vertical-align:top; border:none; } #productdetails .visual div.resize a { width:auto; display:inline; border:none; } #productdetails .visual a:hover { border:1px solid #1860AB; } #productdetails .visual a.zoom img { width:13px; display:inline; border:none; } #productdetails .columns2 div .opmermerking { margin:0; padding:8px; width:240px; } /* POPUP */ html#popup { margin:0px; height:504px; border:1px outset; background-color:#FFF; } body#popup { margin:0px; height:504px; border:4px solid #B2B2B2; background-color:#FFF; background-image:none; } #popupcontainer { margin:0px auto; text-align:left; } #popupcontainer #product { height:19px; text-align:right; background-color:#666; border:1px solid #FFF; padding:0px 4px; } #popupcontainer #product span { line-height:19px; color:#FFF; font-weight:bold; } #popupcontainer #infotype { height:24px; background-color:#418DDB; border:1px solid #FFF; border-top:0; padding:0px 4px; } #popupcontainer #infotype span { float:left; font-size:13px; line-height:23px; color:#FFF; font-weight:bold; } #popupcontainer #infotype select { margin-top:2px; margin-right:-2px; float:right; width:140px; } #popupcontainer #infotype select option#active {background-color:#418DDB; color:#FFF; } #popupcontainer #content { height:373px; border-top:2px solid #B2B2B2; border-bottom:2px solid #B2B2B2; } #popupcontainer #content div { text-align:center; } #popupcontainer #remarks { height:80px; border:1px solid #FFF; background-color:#F3F5FC; } #popupcontainer #remarks #thumb { float:left; margin:8px 4px; } #popupcontainer #remarks #thumb { border:1px solid #B2B2B2; } #popupcontainer #remarks p { float:left; margin:6px 4px; font-size:10px; overflow:hidden; } #colorbox { margin-top:5px; width:263px ! important; margin-bottom:10px; } #allcolors { width:154px ! important; float:left; margin-left:3px; } #allcolors div { height:19px; } #allcolors div img { display:block; float:left; margin-top:2px; border:1px solid #B2B2B2; } #allcolors div span { display:block; float:left; padding-left:8px; line-height:19px; cursor:default; } #allcolors div span.show { font-weight: bold; } #allcolors div span.hide { font-weight: normal; } #thiscolor { width:100px ! important; float:right; } #thiscolor img { margin-left:7px; margin-top:7px; border:1px solid #B2B2B2; } #varianten { margin-top:4px; } #varianten #head { display:none; } #varianten #head #artcode, #varianten #head #kleur, #varianten #head #oppbeh { display:inline-block; } #varianten #head #artcode { width:70px; text-align:right; } #varianten #head #kleur { width:88px; padding-left:10px; } #varianten #head #oppbeh { width:60px; padding-left:1px; } #varianten ul.links li { font-size:10px; line-height:18px; height:18px; display:block; margin:0 0 0 -4px; padding:0; background-image:none; } #varianten a { line-height:18px; height:18px; display:block; text-decoration:none; cursor:hand; } #varianten a:hover { background-color:#FFF; } #varianten li#active { font-weight:bold; } #varianten .kleur { overflow:hidden; display:inline-block; width:76px; padding:0; } #varianten .oppbeh { overflow:hidden; display:inline-block; width:55px; padding:0; } #varianten .artcode { overflow:hidden; display:inline-block; width:80px; text-align:right; padding:0; } #varianten ul.links li.header { height:34px; line-height:11px; } #prodvars {margin:0; padding:0;} #prodvars ul {margin:10px 0 0 0; padding:0;} #prodvars ul li { display:block; clear:both; overflow:hidden; margin:0; padding:0 0 0 12px; line-height:140%; list-style-type:none; background: url(../../lib/images/arrowlink.gif) top left no-repeat; } #prodvars ul li a, #prodvars ul li img { float:left; overflow:hidden; margin:1px 0 0 0; padding:0; } #prodvars ul li a.linktext, #prodvars ul li a.active, #prodvars ul li p { margin:0 0 0 10px; padding:0; width:210px; line-height:normal; } #prodvars ul li a.active {color:#000;} #produtils {margin:20px 0 0 0; padding:0;} #produtils p { display:block; overflow:hidden; margin:0 0 6px 6px; padding:0; } #produtils a { display:block; float:left; overflow:hidden; margin:0 0 0 10px; padding:0; line-height:normal; } #produtils a.icon {margin-top:1px;} #produtils a.linktext{width:210px;} #homebox #globalcontent h2 { margin-bottom : 0px; } #faqbox h3 {margin-top : 21px; } #faqbox ul.links { margin-top : 7px; margin-bottom : 28px; } #faqbox ul.links li { margin-bottom : 5px; } #brochurebox h3 {margin-top : 21px; } #brochurebox ul.links { margin-top : 7px; margin-bottom : 28px; } #brochurebox ul.links li { margin-bottom : 5px; } #historybox h2 { margin-bottom : 21px; } #historybox p.text { margin-bottom : 14px; } #nieuwsbrief-userinput { margin-top : 14px; margin-left : 14px; } #nieuwsbrief-userinput .label, #nieuwsbrief-userinput .data { margin-top : 2px; } #nieuwsbrief-userinput .data { margin-bottom : 7px; } #nieuwsbrief-userinput .input { border : 1px inset; } #nieuwsbrief-userinput .btn { border : 1px outset; background-color : #ECEAEA; background-image : url(../../lib/images/arrowlinkbtn.gif); background-position : center right; background-repeat : no-repeat; color : #362D26; font-weight : bold; font-size : 11px; width : 110px; height : 20px; cursor : pointer; } .date { font-size : 10px; font-weight : normal; color : #666; } .required { padding-right : 16px; background : transparent url("../../lib/images/iconreq.gif") no-repeat right center; } /*.readon{background:orange; clear:both; position:relative;}*/ #rightIllustration01, #rightIllustration02 { background-color:#418DDB; width:244px; height:315px; margin:0; padding:0; } #rightIllustration01 { background: url(../../lib/images/visuals/foto-douche.jpg) no-repeat; } #rightIllustration02 { background: url(../../lib/images/visuals/foto-vrouw.jpg) no-repeat; }