/* ================================================================ 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; font-size:11px; } /* Common text elements */ p { margin:4px auto 0px auto; line-height:17px; } /* 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 {position:relative; 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; } /* 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; } .globalnav2 { width:80px ! important; } .globalnav3 { width:108px ! important; } .globalnav4 { width:78px ! important; } .globalnav6 { width:96px ! important; } .globalnav7 { 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.globalnavlink2, a.globalnavlink3, a.globalnavlink4, a.globalnavlink5, a.globalnavlink6, a.globalnavlink7 {cursor:default;} /*.globalnav5,*/ *.globalnav4 { 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: 246px; 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:8px; } p.visual { padding:0 ! important; margin:0 ! important; } #allseries p.visual { padding-left:14px ! important; margin:16px auto 4px auto ! important; line-height:16px; } #seriehead { position:absolute; top:130px; width:263px ! important; height:38px; background-color:#666; } #seriehead span { color:#FFF; line-height:36px; font-size:28px; letter-spacing:1px; font-weight:bold; margin:0px 8px; } /* .columnhead { width:263px ! important; height:21px; background-color:#B2B2B2; } .col1 .columnhead { background-color:#666; width:528px ! important; } .columnhead span { font-size:12px; line-height:20px; margin:0px 8px; color:#FFFFFF; font-weight:bold; } */ .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; } #allseries .columns2 { display:block; overflow:hidden; clear:both; width:528px; height:auto; margin-top:0; 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: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; overflow:hidden; } /*background-color:#CECCCC;*/ /* ------------------------------------------------------ Global search box ------------------------------------------------------ */ #globalsearch { background-color:#418DDB; } #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:0; height:18px; line-height:18px; color:#fff; font-size:10px; } #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; } #globalsearch input.radiocheck { float:left; margin:0 4px 0 0; background-color:#418DDB; clear:left; } #contactinfo {margin:0; display:block; overflow:hidden; padding:0px 8px 8px 8px; background-color:#CECCCC; } #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 { display:block; overflow:visible; height:40px; margin:0; padding:0; list-style-type:none; background:none; } #globalresults #results ul li a { display:block; overflow:visible; height:40px; padding:2px 4px; margin:0; } #globalresults #results ul li a:hover { display:block; overflow:visible; height:40px; padding:2px 4px; margin:0; color:#000; background-color:#B9D7F4; text-decoration:none; } #globalresults #results ul li#active a { font-weight:bold; color:#362D26; } #globalresults #results ul li#active a:hover { background-color:transparent; } #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; } /* ------------------------------------------------------ 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 .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 { } 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; display:block; margin:0 0 0 -4px; padding:0; background-image:none; } #varianten a { line-height:18px; display:block; text-decoration:none; cursor:hand; font-size:10px; } #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 .artcode { border:1px solid #00f; overflow:hidden; display:inline-block; width:86px; text-align:right; cursor:pointer; padding-left:4px; } #varianten .kleur { border:1px solid #f00; overflow:hidden; display:inline-block; width:80px; cursor:pointer; padding-left:1px; } #varianten .oppbeh { border:1px solid #f00; overflow:hidden; display:inline-block; width:50px; cursor:pointer; padding-left:1px; } */ #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; } /********************/ /* ARA 13-09-2005 */ /********************/ .floatingimage { float:left; margin:0px 10px 0px 0px; border:1px solid #666; } /********************/ /***********NEXWORK*****************/ #langswitch { display:none; } #nexForm {padding: 10px 0 0 14px;} #nexForm dl {padding: 0; margin: 0; clear:both;} #nexForm dt {width: 115px; padding: 0 0 0 0; float: left;} #nexForm dd {display: inline;vertical-align: top;} #nexForm dd input {font-size:11px; width: 200px;} #nexForm dd textarea {font-size:11px; width: 200px; height: 100px; font-family:Arial, tahoma, Geneva, Helvetica, sans-serif, "trebuchet ms";} #nexForm .btnSend { margin-top:3px; border:1px outset; background-color:#ECEAEA; /* background-image:url(lib/images/arrowlinkbtn.gif); */ background-position:center right; background-repeat:no-repeat; font-size:11px; font-weight: bold; height:19px; cursor:pointer; width: 75px; margin-bottom: 20px; } #nexForm .rad {width: 20px;} div.paragraaf { display:block; overflow:hidden; margin: 0 0 20px 0; } form#aanvraagformulier { margin: 15px 0 0 0;} form#aanvraagformulier label { width: 9em; text-align: left; margin-right: 0.5em; float:left; padding: 10px 0 0 0;} form#aanvraagformulier input { color: #000; border: 1px solid; margin: 4px; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc;} form#aanvraagformulier select { color: #000; border: 1px solid; margin: 4px; padding: 0px; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc;} form#aanvraagformulier .submit { margin-top : 20px; width : 100px; font-weight : bold; 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;} form#aanvraagformulier fieldset { width: 415px; float: left; text-align: left; margin: 0 40px 40px 40px; display: block;} * html form#aanvraagformulier fieldset { width: 335px;} form#aanvraagformulier legend { color: #0046d5; border: 0px; padding: 2px 6px; font-size:12px; font-weight:bold;} form#aanvraagformulier form { font-size:12px; margin: 10px 0 10px 20px; padding: 0 0 20px 0;} form#aanvraagformulier .error {color: red;}