/* kleuren */ .OneColor{text-align:center;display:inline-block;vertical-align:top;margin-left:.5%;margin-right:.5%;padding-bottom:1%;font-size:1.3em;cursor:pointer}.OneColor:hover{background:#eee}.OneColor >.Dot{display:block;width:50px;height:50px;border-radius:50px;border:1px solid #000}#KleurBlockWrap .OneColor >.Dot{margin:0 auto;width:30px;height:30px}#KleurBlockWrap .OneColor{width:39px;overflow:hidden}#ColorPreview{margin-top:10px;border:1px solid rgba(0,0,0, 1);margin-bottom:10px;position:relative;display:block;border-radius:100%;position:relative;}#ColorPreview:after{content :"";display:block;padding-top:100%}#ColorPreview p{position:absolute;text-align:center;top:50%;width:100%;margin-top:-25px;font-size:3em;transition:color 0.5s}#ColorPreview .FirstLoad{font-style:italic;font-size:1.5em}.isDarkColor#ColorPreview p{color:#FFF}#ColorDisclaimer{font-style:italic;font-size:1.3em}#category_list{margin-bottom:0}#Gradient{background:rgba(255,255,255,1);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(55%, rgba(184,184,184,0.59)), color-stop(75%, rgba(184,184,184,0.44)), color-stop(100%, rgba(255,255,255,0.25)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,0.59) 55%, rgba(184,184,184,0.44) 75%, rgba(255,255,255,0.25) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,0.59) 55%, rgba(184,184,184,0.44) 75%, rgba(255,255,255,0.25) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,0.59) 55%, rgba(184,184,184,0.44) 75%, rgba(255,255,255,0.25) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(184,184,184,0.59) 55%, rgba(184,184,184,0.44) 75%, rgba(255,255,255,0.25) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );margin-bottom:40px}#BootTypeKeuze{display:inline-block}#BootTypeKeuze >a{position:relative;overflow:hidden;margin-right:5px;width:90px;height:50px;display:inline-block;padding-bottom:3px;cursor:pointer}#BootTypeKeuze >a+a{margin-left:10px}#BootTypeKeuze >a.Active{border-bottom:3px solid #00569d}#BootTypeKeuze >a >img{position:absolute;top:30%;margin-top:-20%;left:0;width:100%}#BootTypeKeuze >a[data-boottype="zeilboot"] >img{margin-top:-100%}#SVG_Wrap_BG{padding:1% 1% 5%;max-height:450px;position:relative}#SVG_Wrap{position:relative;max-height:450px;overflow:hidden;margin-top:25px}#SVG_Wrap:after{content :"";display:block;padding-top:100%}#boottype{position:absolute;top:5px;left:5px;font-size:1.3em}#ChoosenEpiColors{margin-top:20px;border:1px solid #00569d;background:#FFF;box-shadow:3px 3px 10px #666;padding:5px}#ChoosenEpiColors th{background:#00569d;color:#FFF;text-align:center;font-weight:400;}#ChoosenEpiColors td{text-align:left;padding:0 5px}.OneBoatType{display:none;position:absolute;top:30%;margin-top:-20%;left:5%;width:90%;pointer-events:none;}.OneBoatType#zeilboot{margin-top:-100%}.OneBoatType#sloep{margin-top:-25%}.OneBoatType.Active{display:inline-block}#KleurBlockWrap{position:relative;margin-top:10px;padding-top:30px;border:1px solid #00569d;background:#FFF;box-shadow:3px 3px 10px #666}#KleurBlockWrap h3{color:#00569d}.KB_Tab{position:absolute;top:0;width:20%;cursor:pointer;text-align:center;line-height:30px;border:1px solid #00569d;box-sizing:border-box}.KB_Tab.Active{background:#00569d;color:#FFF !important}.KB_Tab:nth-child(1){left:0%;}.KB_Tab:nth-child(3){left:20%;}.KB_Tab:nth-child(5){left:40%;}.KB_Tab:nth-child(7){left:60%;}.KB_Tab:nth-child(9){left:80%;}.Kleurblok{border:1px solid #00569d;display:none}.Kleurblok.Active{display:block}.KB_KleurWrap{}#SVG_Wrap .changeableSection{-webkit-transition:background 0.5s; transition:background 0.5s}@media screen and (min-width:768px){#KleurBlockWrap .OneColor >.Num{color:#FFF;}#KleurBlockWrap .OneColor:hover >.Num{color:#000;}}@media screen and (max-width:767px){#ColorPreview{margin-left:25%;width:50%;}#Searchwrap{display:none;}#SVG_Wrap::after{padding-top:70%;}.OneBoatType#zeilboot{margin-top:-100%;}#BootTypeKeuze >a{width:85px;}}