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,
small, strike, strong, 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;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
html{overflow-y:scroll;}
body{background-color:#fff;font-family:Arial, sans-serif;font-size:12px;line-height:16px;color:#000;}
small{font-size:10px;color:gray;}
a{color:#555;text-decoration:none;}
a:hover{color:#494949;}
h1{font-size:26px;font-weight:normal;}
h2{font-size:15px;}
h1, h2, h3, h4, h5, h6{line-height:1.1;}
ul{margin-left:10px;}
#product_page .description ol, #homepage ol, div.page_content ol{margin-left:20px;list-style-type:decimal;}
#product_page .description ul, #homepage ul, div.page_content ul{margin-left:20px;list-style-type:disc;}
.clear{clear:both;}
#topbg{background:#666;width:100%;height:30px;position:absolute;left:0;top:0;}
#topbg span{visibility:hidden;}
#wrapper{width:998px;margin:0 auto;min-height:860px;position:relative;padding-bottom:70px;}
#header{width:998px;height:30px;margin:0 auto;position:relative;}
#header #homelink{}
#headerlogo{opacity:0}
#header #contactgegevens{display:none;}
#menu{position:absolute;top:0px;left:0px;padding:6px 0px;width:800px;}
#menu ul{margin:0 auto;}
#menu ul li.home {display: none;}
#menu ul li{float:left;margin-right:15px;}
#menu ul li a{color:#fff;}
#menu ul li a.active{color:#494949;}
#menu .langmenu{float:right;}
#menu .usermenu{color:white;float:right;margin-right:40px;min-width:240px;overflow:visible!important;z-index:9;position:relative;}
#menu .usermenu span{padding-left:10px;}
#menu .usermenu a, #menu .usermenu a small{color:white;}
#menu .usermenu ul{background:#666666;margin-top:5px;width:120px;display:none;position:absolute;left:0px;top:18px;}
#menu .usermenu ul li{float:none!important;padding:5px 5px 10px 10px;}
#menu .usermenu ul li a:hover{color:#494949;}
#header #basket{position:absolute;top:0;right:0;cursor:pointer;}
#header #logo{background-image:url('images/logo.png');background-repeat:no-repeat;background-position:50% 0;width:150px;height:40px;margin-top:10px;position:absolute;left:0;top:40px;}
#header #logo a{display:block;width:150px;height:40px;}
#printlogo{display:none;}
#sidebar_right{width:170px;float:right;margin-top:50px;border-top:1px solid #efefef;}
.sidebar > div{background:#efefef;padding:10px;margin-bottom:20px;min-height:50px;}
.sidebar div h2{font-size:13px;margin-bottom:10px;}
.sidebar .sideblock.custom{padding:0;background:none;}
.sidebar .sideblock.custom.nocontainer{min-height:0!important;border:none!important;background:none!important;margin-left:1px !important;}
.sidebar .sideblock.custom a{display:block;line-height:1;}
.sidebar .sideblock.custom a img{display:block;}
.sidebar .sideblock.custom img{display:block;}
.sidebar .sideblock.custom.fb{min-height:42px;}
.sidebar .sideblock.custom.fb > div {margin:10px 10px 8px 10px}
.sidebar .sideblock.custom.fb > a img {margin:10px 0 9px 11px;float:left;}
ol#popularproducts{margin-left:20px;list-style-type:decimal;}
ol#popularproducts li{margin-bottom:3px;position:relative;}
.sidebar div.form{margin:0;padding:0;position:relative;}
.sidebar div.form input.button{float:right;}
.sidebar span.small{float:left;clear:both;font-size:11px;position:relative;}
span.delfavprod{display:block;font-size:18px;position:absolute;top:0;right:-3px;cursor:pointer;}
span.delfavprod:hover{color:red;}
#sidebar_left{width:170px;float:left;position:relative;margin-right:20px;margin-top:-17px;border-top:0;padding-top:10px;}
#logo{background:none;height:auto;margin-bottom:0;}
#sidebar_left{}
.sidebar ul#sidemenu li.title{display:none;}
.sidebar ul{margin-left:0px;}
.sidebar ul li{padding:3px 0px;white-space:nowrap;overflow:hidden;}
.sidebar ul li a.active{padding:3px 0px;color:#494949;}
.sidebar ul li ul{display:none;margin-left:10px;}
.sidebar ul li ul.active{display:block;}
.sidebar ul li ul li.active a{color:#494949;font-weight:bold;}
.sidebar ul#sidemenu{margin-top:20px;background:#EFEFEF;padding:5px 10px;margin-bottom:20px;}
.sidebar ul#categories{padding-left:10px;margin-bottom:20px;}
.sidebar ul#categories li a:hover{color:#262626;}
#content{width:620px;float:left;z-index:9;min-height:500px;}
#content p{margin-bottom:5px;margin-top:3px;}
#category_products{display:block;width:630px;float:left;margin-top:1em;}
#category_products.related_products{display:block;width:634px;}
#category_products .emptycat{margin:10px;}
#category_products div.item{background:#fff;cursor:pointer;padding:15px 20px 15px 20px;min-height:45px;position:relative;border-bottom:1px solid #d5d5d5;width:580px;overflow:hidden;}
#category_products.related_products.tile .item{width:128px!important;margin-right:8px;}
#category_products.related_products.tile .item .thumb2{width:128px;}
#category_products .item .price span{display:none;}
#category_products .item .categorie{display:none;}
#category_products .item .productid{display:none;}
#category_products .item h2{display:block;position:relative;white-space:nowrap;overflow:hidden;margin-right:5px;}
#category_products.related_products .item h2{display:block;position:relative;white-space:nowrap;max-height:4.3em;overflow:hidden;margin-right:5px;}
#category_products .item span.artcode{font-size:11px;font-weight:normal;color:#999;font-style:italic;display:block;width:300px;float:left;}
#category_products.related_products .item span.artcode{width:auto;display:block;float:none;margin-top:0;}
#category_products.tile .item span.artcode {margin-top:5px;}
#category_products .item .description{width:360px;float:left;text-align:left;}
#category_products .description a{display:block;float:right;font-style:italic;}
#category_products.subcats .description{width:480px;}
#category_products .item .thumb{float:left;width:80px;margin-right:20px;margin-top:4px;}
#category_products.subcats .item .thumb{min-height:80px;}
#category_products .item .thumb img{margin:0px auto;display:block;position:relative;}
#category_products .item .thumb2{display:none;}
#category_products .item .relevance{display:none;}
#category_products .item .specs{float:right;margin-left:20px;}
#category_products.tile .item .specs{width:130px;}
#category_products.subcats .item .specs{height:80px;}
#category_products .item .specs div{margin-bottom:10px;}
#category_products .item .specs div.add{width:190px;}
#category_products .item .specs .price{font-size:18px;color:#494949;font-weight:bold;}
#category_products .item .specs .eta{color:#999999;font-size:11px;}
#category_products .andersom{background:#efefef;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
#category_info{padding:5px 0;}
.tile .item{width:177px!important;height:185px;float:left;overflow:hidden;margin:0px;margin:11px;margin-left:0;margin-bottom:0px;border:1px solid #d5d5d5;padding:10px!important;}
#category_products.subcats.tile .item{height:135px;}
#category_products.related_products div.item {height: 205px!important;}
.tile .item .specs div.add{width:175px!important;}
.tile .item .thumb{float:none;width:157px;text-align:center;height:100px;overflow:hidden;display:none;}
.tile .item .thumb2{float:none;width:177px;text-align:center;height:100px;margin-bottom:5px;overflow:hidden;display:block!important;}
.tile .item .thumb img.product-img{margin:0 auto;display:none;}
.tile .item .specs{position:absolute;margin-left:0!important;bottom:0;left:10px;}
.tile .item h2{padding-top:10px;clear:both;max-width:175px!important;white-space:normal!important;margin-right:0!important;}
#category_products.subcats.tile .item h2{margin-top:0px;float:none;text-align:center;padding-top:4px;}
.tile .item .specs .price{margin-bottom:7px!important;}
.tile .item .description, .tile .item .specs .eta{display:none;}
.tile .andersom{border-top:0px!important;border-bottom:0px!important;}
.tile .add{width:172px;}
#category_products_controls{padding:10px;height:auto;float:left;width:600px;margin-top:10px;position:relative;font-size:11px;border-bottom:1px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#category_products_controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#category_products_controls div p.controltag{padding:1px 0 2px 0;margin:0;}
#category_products_controls > div{vertical-align:middle;float:right;margin:0;width:160px;clear:right;position:relative;}
#category_products_controls div.sorteren{margin-bottom:-10px;}
#category_products_controls:not(.category_list):not(.nosubfilters) {padding-top:52px}
#category_products_controls:not(.category_list):not(.nosubfilters) div.sorteren{margin-top:-48px}
#category_products_controls:not(.category_list):not(.nosubfilters) div.weergave{margin-top:-66px}
#category_products_controls > div.subfilter{width:100%;position:absolute;left:0;bottom:-1px;padding-top:2px;}
#category_products_controls .uldropdown{position:absolute;top:0;right:0;float:right;padding:1px 2px 2px 5px;width:90px;}
#category_products_controls > div.subfilter .uldropdown{left:-5px;right:inherit!important;top:19px;margin:0;}
#category_products_controls li{white-space:nowrap;}
#category_products_controls .uldropdown li{background-repeat:no-repeat;background-position:0 5px;padding-left:12px;cursor:pointer;display:none;}
#category_products_controls > div.subfilter .uldropdown li{padding-left:0px;}
#category_products_controls .uldropdown li.active{color:#494949;font-weight:bold;display:block;}
#category_products_controls .uldropdown.active{background-color:#efefef;border:1px solid #ccc;box-shadow:1px 1px 2px #ccc;z-index:99;margin-top:-1px;right:-1px;}
#category_products_controls .uldropdown.active li{display:block;}
#category_products_controls ul.subfilters{margin-left:10px;}
#category_products_controls ul.subfilters li{float:left;margin-right:8px;cursor:pointer;font-size:14px;background:white;padding:8px;border:1px solid #ccc;border-bottom:0;}
#category_products_controls ul.subfilters li.active{color:#494949;border-bottom:1px solid white;}
#category_products_controls ul.subfilters li:hover{color:#494949;}
#category_products_controls .weergave li.tile{background-image:url(images/view_tile.png?r);}
#category_products_controls .weergave li.list{background-image:url(images/view_list.png?r);}
#category_products_controls .weergave li.list.active{background-image:url(images/view_list_active.png?r);}
#category_products_controls .weergave li.tile.active{background-image:url(images/view_tile_active.png?r);}
#category_products_controls .weergave .controltag, #category_products_controls .sorteren .controltag{}
#category_products_controls .sorteren li.desc{background-image:url(images/sort_desc.png?r);}
#category_products_controls .sorteren li.asc{background-image:url(images/sort_asc.png?r);}
#product_page h2{color:#ddd;float:left;clear:left;font-size:20px;position:relative;font-weight:normal;margin-bottom:6px;}
#product_page h1{margin-bottom:14px;}
#product_page .title{height:54px;}
#product_page div{}
#product_page .product_content{width:620px;float:left;}
#product_page .product_content .images{display:block;width:342px;float:right;margin-left:10px;clear:right;}
#product_page .product_content .imagelarge{margin-bottom:5px;width:312px;padding:10px;height:240px;border:1px solid #EFEFEF;float:right;margin-right:8px;position:relative;overflow:hidden;}
#product_page .product_content .imagelarge img{display:block;max-width:300px;max-height:240px;margin:0px auto;}
#product_page .product_content .imagelarge div{display:none;position:relative;}
#product_page .product_content .imagelarge .shown{display:block;}
#product_page .product_content .imagelarge .fotoid{display:none;}
#product_page .imagethumbs{float:left;clear:left;}
#product_page .imagethumbs div{float:left;width:50px;height:50px;border:1px solid #EFEFEF;padding:5px;margin:0px 6px 15px 0px;cursor:pointer;}
#product_page .imagethumbs div span.fotoid{display:none;}
#product_page .imagethumbs div img{display:block;margin:0px auto;}
#product_page .imagethumbs div img.video{display:block;max-width:50px;margin-top:5px;}
.bestellen .add{width:180px;min-height:125px;padding:5px 5px 10px 5px;float:right;background:#EFEFEF;min-height:50px;}
.bestellen .add .total{font-size:14px;font-weight:bold;}
.bestellen .add .setprice, .bestellen .add .aantal, .bestellen .add .total{width:100%;margin-bottom:14px;}
.bestellen .add .setprice span, .bestellen .add .total span, .bestellen .add .aantal select{float:right;margin-right:20px;}
.bestellen .add .saveproductoptions{display:block;width:150px;background-color:#494949;cursor:pointer;color:white;text-align:center;padding-top:5px;margin:0px auto;border:0;}
.bestellen .add .saveproductoptions:hover{}
.bestellen .add .addproductwithoptions{display:block;width:150px;cursor:pointer;color:white;text-align:center;padding-top:5px;margin:0px auto;border:none;}
.bestellen .add .addproductwithoptions:hover{}
.bestellen .add .addproductwithoptions.disabled{background:#ccc!important;opacity:0.7;cursor:default;}
div.orderproduct span.unavailable {font-weight:bold; text-decoration:underline;color:red;}
#product_page .related_products ul{margin:0;padding:0;}
#product_page .related_products ul li{border:1px solid #ddd;float:left;padding:10px;margin:5px;}
#product_page .description{width:260px;float:left;text-align:left;}
#product_page .bestellen{float:left;width:600px;border:1px solid #ccc;margin-top:10px;padding:10px;}
.bestellen .orderproduct div{margin-bottom:5px;}
.bestellen .orderproduct{width:577px;padding:5px;background:#efefef;}
.bestellen .orderproduct select{width:50px;}
.bestellen .orderproduct .titel{font-size:14px;font-weight:bold;margin-bottom:5px;}
.bestellen .orderproduct .titel .artcode{font-weight:normal;font-size:12px;color:#bbb;}
.bestellen .opties{margin-top:10px;}
#shoppingcart .bestellen .opties{margin-top:30px;}
.bestellen .opties .optie{background:#efefef;margin:10px;padding:5px;margin-bottom:-1px;margin-left:-1px;float:left;}
.optie.enum{width:578px;}
.optie.integer, .optie.boolean{width:180px;float:left;background:#efefef;margin:10px;}
.optie.property{display:none;}
.optie.enum .optie-images{display:none!important;}
.calcprijs{display:none;}
.optie_id{display:none;}
.keuze_id{display:none;}
.name_hidden{display:none;}
.bestellen .opties .optie .keuze{position:relative;display:block;margin-right:10px;float:left;min-height:92px;}
.bestellen .opties .optie .keuze span.name{overflow:hidden;}
.bestellen .opties .optie .optie-images{position:relative;display:block;width:70px;height:90px;float:left;clear:left;}
.bestellen .opties .optie .popup{z-index:9;position:absolute;display:none;min-width:200px;height:auto;bottom:90px;left:5px;padding:5px;border:1px solid grey;background:#EFEFEF;}
.optie .popup .image{position:relative;width:100%;text-align:center;}
.optie .select{float:right;position:absolute;top:5px;left:70px;width:100px;}
.optie .select span{display:block;float:left;position:relative;padding-top:2px;}
.optie .select select{display:block;float:right;position:relative;width:50px;border:1px solid #ccc;}
select{display:block;position:relative;background:#fff;border:1px solid #ccc;min-width:50px;}
.optie .select .stuksprijs{margin-top:5px;float:right;clear:right;padding-bottom:5px;border-bottom:1px solid grey;}
.optie .select .prijs{position:absolute;top:60px;right:0;width:auto!important;}
.optie .popup img{}
.optie .popup .description{text-align:left;}
.optie .popup .price{font-size:14px;font-weight:bold;}
.bestellen .opties .optie div.optie-image{margin:4px;width:60px;height:70px;float:left;clear:left;cursor:pointer;}
.bestellen .opties .optie div.optie-image .image{display:block;height:50px;width:50px;padding:3px;margin-bottom:2px;position:relative;border:1px solid #EFEFEF;text-align:center;background:white;}
.bestellen .opties .optie.selected .optie-image .image{border:2px solid;border-color:#494949;margin-top:-1px;margin-left:-1px;}
.bestellen .opties .optie.selected .name{font-weight:bold;color:#494949;}
.bestellen .opties .optie div.name{white-space:nowrap;width:180px;font-weight:bold;clear:both;float:left;position:relative;margin-left:3px;height:34px;}
.bestellen .opties .optie div.keuzes{width:580px;float:left;}
.bestellen .opties .optie .keuze-image{margin:4px;width:60px;float:left;cursor:pointer;}
.bestellen .opties .optie .keuze-image .image{display:block;height:50px;width:50px;padding:3px;margin-bottom:2px;position:relative;border:1px solid #EFEFEF;text-align:center;background:white;}
.bestellen .opties .optie .keuze-image span.name{display:block;margin-top:2px;font-size:12px;line-height:1;}
.keuze-image span.name span.viewprijs{display:block;margin-top:3px;}
.bestellen .opties .optie .keuze.selected .keuze-image .image{border:2px solid;margin-top:-1px;margin-left:-1px;}
.bestellen .opties .optie .keuze.selected .keuze-image span{color:#494949;margin-top:-1px;}
.bestellen .opties .optie .keuze.selected .keuze-image span.viewprijs{margin-top:3px;}
.bestellen #productid, .bestellen #url{display:none;}
div.bestellen div.add div.total.inc{font-size:12px}
#product_page h3{font-size:15px;margin-bottom:10px;}
.bestellen .add{margin-top:10px;margin-right:13px;}
#product_page .bestellen .change p{margin-top:10px;margin-bottom:5px;font-size:11px;}
#product_page .bestellen .change span{float:left;margin-right:10px;}
#product_page .specificaties{width:600px;margin-top:20px;clear:both;float:left;border:1px solid #efefef;padding:10px;}
#product_page .specificaties div.specificatie{float:left;clear:both;}
#product_page .specificaties h3{margin-bottom:4px;}
#product_page .specificaties div.specificatie span.titel{display:block;cursor:pointer;margin-bottom:4px;}
#product_page .specificaties div.specificatie span.titel:hover{color:#494949;}
#product_page .specificaties div.specificatie div.omschrijving{display:none;margin-bottom:10px;background:#efefef;padding:10px;margin-top:-4px;}
#product_page .extramedia{clear:both;}
.breadcrumbs{padding:5px 0px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;font-size:11px;white-space:nowrap;}
.breadcrumbs.empty{display:none;}
.nextandprev{padding:2px 5px;font-size:11px;height:24px;}
.nextandprev span.next{float:right;}
.nextandprev span.prev{float:left;}
.breadcrumbs span{margin-right:5px;margin-left:5px;white-space:nowrap;}
.breadcrumbs .active{font-weight:bold;}
.breadcrumbs .disabled{color:gray;}
.breadcrumbs .done{color:gray;}
span.print{float:right;margin-right:5px;cursor:pointer;color:#555;}
span.print:hover{color:#494949;}
@-moz-document url-prefix(){span.print{margin-top:-17px;}
}
a.button, input.button{color:#262626;background:#212121;font-weight:bold;display:block;padding:6px;text-align:center;font-size:12px;font-weight:normal;border:1px solid #ccc;}
input.button{font-family:Arial, sans-serif;font-size:12px;}
a.button:hover, input.button:hover{box-shadow:1px 1px 2px #ccc;color:#000;cursor:pointer;}
a.button.paymentbtn{float:left;margin-right:10px;}
div.sideblock .button{color:white;padding:4px 6px;margin-top:4px;border:none;}
div.sideblock input[type=text],div.sideblock input[type=email],div.sideblock input.text{width:139px;}
div.add a.button{background-repeat:no-repeat;}
div.add a.button.activated{background-position:10px 6px;background-repeat:no-repeat;background-color:#B6E1AE;}
a.button.addtowishlist{color:white;padding:4px 6px;font-size:11px;margin-top:-15px;margin-bottom:5px;float:right;clear:right;margin-right:8px;border:0;}
div.bestellen a.button.addtowishlist{display:none}
input[type=text],input.text, input[type=password]{font-family:Arial, sans-serif;font-size:12px;border:0;background:white;border:1px solid #ccc;padding:4px;}
input[type=text]:focus,input.text:focus{box-shadow:1px 1px 2px #ccc;}
div.sideblock.callme input[type=text],div.sideblock.callme input.text{margin-bottom:4px;}
div.sideblock.callme span.small{margin-top:4px;}
div.sideblock.callme span.msg{display:none;height:83px;}
div.sideblock.newsletter span.msg{display:none;height:54px;}
#loginform input.button.login{border:none;}
#homepage{margin-bottom:10px;}
#homepage h1{color:#494949;}
ul#newslist{margin-left:0;margin-top:10px;}
ul#newslist li{padding-bottom:7px;float:left;clear:both;}
ul#newslist li span{display:block;float:left;}
ul#newslist li span.date{width:80px;}
#content .page_content{width:450px;float:left;}
#content .page_content.large{width:620px;}
#content .page_largefoto{max-height:345px;overflow:hidden;margin-bottom:20px;}
#content .page_media{width:150px;float:right;margin-right:4px;}
#content .page_media img{margin-bottom:5px;}
#content .page_media .fancbxvideo img{width:150px;}
#content .page_media a.firstfoto {display:none;}
div#content h1{margin:8px 0;}
ul.files.werkbladkleuren{width:600px;margin-left:0!important;float:left;clear:both;}
ul.files.werkbladkleuren li{background:none;padding-left:0;display:block;width:180px;height:180px;float:left;line-height:12px;}
#basket{background:#494949;color:#fff;width:149px;height:45px;padding:7px 10px;position:relative;}
#basket a{color:#fff;position:absolute;left:0px;top:0;width:100%;height:100%;display:block;z-index:2;}
#basket img{float:left;margin-right:5px;}
#basket .product_id{display:none;}
#basket .title{font-size:13px;margin-bottom:4px;font-weight:bold;}
#basket div.summary p.link{bottom:1px;font-size:10px;position:absolute;text-align:right;width:153px;}
#basket div.summary p.link a:hover{color:white!important;}
#basketlinks{height:34px;float:right;background:#efefef;border-left:1px solid #d4d4d4;padding:3px 3px 3px 0px;font-size:11px;}
#basket .summary{position:relative;}
#basket .summary ul{margin-left:0;}
#basket .summary ul span.prijs{display:block;float:right;}
#shoppingcart{}
#shoppingcart .item{background:#fff;padding:10px 10px 20px 20px;position:relative;border-bottom:1px solid #cecece;min-height:60px;}
#shoppingcart.faded .item{opacity:0.2;}
#shoppingcart .item.editing{border:1px solid #494949;margin-left:-1px;margin-top:-1px;opacity:1;}
#shoppingcart .header{min-height:10px;padding:10px 20px 10px 20px;}
#shoppingcart .header .thumb{display:block;width:50px;height:20px!important;}
#shoppingcart .item .bestellen{display:none;width:600px;}
#shoppingcart .header span{margin-bottom:10px;}
#shoppingcart .item .productid{display:none;}
#shoppingcart .item h2{display:inline;}
#shoppingcart .item .description{width:275px;position:relative;left:70px;}
.hidden{display:none;}
#shoppingcart .popup .description{left:0;width:100%;}
#shoppingcart .item .prices{position:absolute;left:375px;top:12px;}
.item.editing .prices .subtotaal, .item.editing .prices .prijs, .item.editing .prices .aantal,.item.editing div.description span.optie{opacity:0.2;}
#shoppingcart .item .thumb{width:55px;height:55px;position:absolute;text-align:center;}
#shoppingcart .item .description span{display:block;float:left;clear:left;position:relative;color:#666666;font-size:11px;}
#shoppingcart .item .prijs,#shoppingcart .item .aantal,#shoppingcart .item .subtotaal{float:right;width:75px;}
#shoppingcart .item span.button{font-size:10px;color:#666;display:block;position:absolute;top:25px;width:55px;font-weight:bold;cursor:pointer;color:white;text-align:center;padding-bottom:2px;background:#494949;}
#shoppingcart .item span.button:hover{background:#262626;}
#shoppingcart .item span.changeset,#shoppingcart .item span.cancelchange{top:48px;}
#shoppingcart .item span.cancelchange{display:none;left:0;}
#shoppingcart .add .aantal{width:100%;position:relative;float:left;display:block;margin-bottom:10px;}
#shoppingcart .add
select.aantalselect{display:block;width:55px;float:left;height:24px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;font-family:arial,serif;font-size:12px;padding:3px;margin-top:-4px;}
select.aantalselect.active{background:#DBFFDC url(images/icons/accept.png) 48px 4px no-repeat;padding-right:22px;width:69px;}
#shoppingcart .totals{width:235px;float:right;border:1px solid #efefef;background:#EFEFEF;margin-top:-1px;}
#shoppingcart.faded .totals{opacity:0.2;}
#shoppingcart .totals div{padding:5px;padding-left:10px;}
#shoppingcart .totals div span{display:block;float:right;width:100px;}
#shoppingcart .totals .totaal{font-size:14px;font-weight:bold;border-top:1px solid black;border-bottom:1px solid black;}
#shoppingcart .totals .small{font-size:11px;}
#shoppingcart .order{float:right;position:relative;margin:15px 0 15px 15px;width:238px;clear:right;}
#shoppingcart.faded .order{opacity:0.2;}
.order.left{float:left!important;margin-left:0!important;}
#shoppingcart .setid{display:none;}
.klantgegevens{float:left;width:400px;position:absolute relative;line-height:1.6;margin-top:-80px;}
.klantgegevens .sub{float:left;margin:10px 20px 10px 10px;min-width:150px;}
.klantgegevens .sub .title{font-weight:bold;font-size:14px;}
.klantgegevens .opmerking{width:400px;}
.step{display:none;}
div.loginorregister{width:240px;height:140px;padding:20px;margin-right:20px;margin-top:30px;float:left;background:#EFEFEF;}
div.loginorregister h1{text-align:center;padding:15px;width:170px;line-height:50px;display:block;margin:30px auto!important;color:white;}
a.button.register.large{color:white;border:none;font-size:22px;}
label.error{color:red;position:absolute;margin:10px 0 0 -80px;clear:both;white-space:nowrap;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px#ccc;box-shadow:0 0 5px #ccc;background:#fff;border:1px solid #ccc;padding:3px 5px;font-size:11px;height:17px;z-index:9;}
.akkoord label.error{margin:-40px 0 0 -60px;height:22px;padding-top:8px;}
p.error{color:red;}
form{}
.row{width:100%;clear:both;}
.column{width:50%;float:left;margin-bottom:15px;}
.column#verzendadres{display:none;}
.column.submit{margin-bottom:0;clear:both;}
#bestelform div.column.submit{float:right;padding-right:13px;}
#registreerform div.column.submit{width:337px;margin-top:10px;}
.forgotpassword{font-size:10px;float:right;margin-top:-30px!important;}
.step #loginform .button{color:white;}
.element{width:100%;float:left;padding:5px;}
.element p{display:block;float:left;width:160px;margin-top:2px;}
.element input:not([type=radio]), .element select{display:block;width:160px;float:left;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;font-family:arial,serif;font-size:12px;padding:5px;margin-top:4px;}
.element.submit input[type=submit]{clear:inherit!important;float:left!important;}
input.hasplaceholder{color:#777;}
input.hasplaceholder.active[type=text]{color:#000;}
.element select{height:30px;width:170px;}
.column div{}
.column textarea{display:block;width:280px;float:left;height:58px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;font-family:arial,serif;font-size:12px;padding:5px;margin-top:4px;}
.column.opmerking{}
.column input[type=submit]{float:right;clear:both;}
.akkoord{float:right;width:240px;text-align:left;}
.akkoord input[type=submit]{float:right;margin-top:10px;}
div.bottomrow{width:100%;position:relative;float:left;clear:both;}
div.bottomrow div.order.left{position:absolute;bottom:0;left:0;}
#loginform{margin-bottom:15px;}
#loginform div{padding:5px;position:relative;width:300px;height:25px;}
#loginform div span{float:left;width:120px;padding-top:4px;}
#loginform div input{float:right;width:170px;}
div#homeblocks{width:630px;float:left;margin-left:-5px;}
div#homeblocks div.homeblock{float:left;height:200px;overflow:hidden;margin:5px;border:1px solid #d5d5d5;position:relative;cursor:pointer;background:white;}
div.homeblock:hover{border-color:#494949;}
.homeblock > div.foto{float:left;}
.homeblock > div.title, .homeblock div.acontent{float:right;}
.homeblock > div.title{overflow:visible;}
div.homeblock a h1{color:black;}
.homeblock .foto{text-align:center;float:left;width:170px;height:inherit;}
.homeblock:not(.custom) .foto img{margin-top:15px;}
div.homeblock .title{margin-top:11px;}
div.homeblock .acontent{bottom:15px;left:15px;}
div.homeblock.mega{width:617px;}
div.homeblock.mega .acontent,div.homeblock.mega .title{width:440px;}
div.homeblock.mega .descr{height:100px;overflow:hidden;}
div.homeblock.mega h1{font-size:14px;}
div.homeblock.mega .aprijs{margin-top:10px;font-size:14px;}
div.homeblock.mega .voorprijs{font-size:22px;}
div.homeblock.large{width:408px;}
div.homeblock.large h1{font-size:15px;}
div.homeblock.large .acontent,div.homeblock.large .title{width:232px;}
div.homeblock.large .descr{overflow:hidden;}
div.homeblock.large .aprijs{margin-top:10px;font-size:14px;}
div.homeblock.large .voorprijs{font-size:20px;}
div.homeblock.medium{width:303px;}
div.homeblock.medium .title{width:260px;}
div.homeblock.medium h1{font-size:15px;}
div.homeblock.medium div.foto{width:306px;height:110px;}
div.homeblock.medium:not(.custom) div.foto img{margin-top:10px;}
div.homeblock.medium .acontent,div.homeblock.medium .title{width:292px;margin-right:5px}
div.homeblock.medium .aprijs{margin-top:10px;font-size:14px;}
div.homeblock.medium .voorprijs{font-size:16px;}
div.homeblock.product.medium .descr,div.homeblock.product.small .descr{display:none;}
div.homeblock.small{width:198px;}
div.homeblock.small h1{font-size:14px;font-weight:bold;}
div.homeblock.small div.foto{width:200px;height:110px;}
div.homeblock.small div.foto img{margin-top:10px;}
div.homeblock.small .descr{display:none;}
div.homeblock.small .acontent,div.homeblock.small .title{width:190px;}
div.homeblock.small .voorprijs{font-size:14px;}
#homeblocks div.homeblock.newspage ul#newslist{margin:0;}
#homeblocks div.homeblock.newspage ul#newslist li a{line-height:1.5!important;}
#homeblocks div.homeblock.newspage > *, #homeblocks div.homeblock.textpage > *{position:relative;display:block;float:left;clear:both;width:auto;left:auto;right:auto;top:auto;bottom:auto;}
#homeblocks div.homeblock.textpage.small div.foto{padding-bottom:0;}
#homeblocks div.homeblock.textpage.small div.title{padding:10px 0 0 10px;}
#homeblocks div.homeblock.textpage.small div.title h1{margin:0;white-space:nowrap;}
#homeblocks div.homeblock.textpage.small div.acontent{padding-top:3px;}
#homeblocks div.homeblock.textpage > *{padding:3px 10px;width:88%;}
#homeblocks div.homeblock.newspage > *{padding:10px;width:88%;}
#homeblocks a.readmore{bottom:-5px;position:absolute;right:10px;}
#homeblocks div.homeblock.textpage h1{margin:2px 0;}
#homeblocks div.homeblock:not(.small) a.readmore{bottom:-10px!important;}
#homeblocks div.homeblock.small a.readmore{bottom:-18px;}
#homeblocks div.homeblock.newspage h1{margin-top:-4px;margin-bottom:4px;}
#homeblocks div.homeblock.newspage div.foto{height:90px;width:90%;padding:3px;margin-bottom:-15px;}
div.homeblock.newspage .acontent .descr,div.homeblock.textpage .acontent .descr{display:block;height:32px;overflow:hidden;}
div.homeblock.newspage .acontent .descr.list,div.homeblock.textpage .acontent .descr.list{height:160px;}
div.homeblock.newspage div.title, div.homeblock.textpage div.title{margin-top:0;}
#homeblocks div.homeblock.newspage div.acontent{padding-top:0;margin-top:-10px;}
#homeblocks div.homeblock.newspage ul#newslist span.titel{}
#homeblocks div.homeblock.newspage ul#newslist li {position:relative;}
#homeblocks div.homeblock.newspage ul#newslist li div.right {position:absolute; top:4px; left: 65px;}
#homeblocks div.homeblock.newspage div.acontent ul li{display:block;float:left;clear:both;border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;padding:5px 0px;width:100%;margin-top:-1px;height:50px;}
#homeblocks div.homeblock.newspage ul#newslist li span.image{width:50px;height:50px;float:left;clear:left;margin-left:2px;margin-right:5px;}
#homeblocks div.homeblock.newspage div.acontent ul li span{display:block;line-height:1;margin-bottom:4px;}
#homeblocks div.homeblock.newspage.mega div.acontent{width:95%;height:100%;}
#homeblocks div.homeblock.newspage.mega div.acontent div.descr{height:100%;}
#homeblocks div.homeblock.newspage.small div.acontent ul li span{}
#homeblocks div.homeblock.newspage {}
#homeblocks div.homeblock.newspage div.acontent ul li span.titel{color:#494949;}
#homeblocks div.homeblock.custom{}
#homeblocks div.homeblock.custom .foto{opacity:1;}
#homeblocks div.homeblock.custom .foto img{display:block;margin-top:0;}
#homeblocks div.homeblock.custom.nolink{cursor:default;border-color:#fff;}
#homeblocks div.homeblock.custom.nolink:hover{border-color:#fff!Important;}
div.klanthome p{margin-bottom:1em;}
ul.klanthome{margin-left:0;margin-top:10px;}
ul.klanthome li{margin:5px 4px 5px 0;}
p.user_gegevens{line-height:1.7;}
#footer-clear{clear:both;height:30px;}
#footer{width:100%;border-top:1px solid #efefef;position:absolute;bottom:0}
#footer .footer-content{background-image:url('images/logo_mini.png');background-position:50px 20px;background-repeat:no-repeat;width:810px;margin:0 auto;font-size:11px;color:#666;padding:20px 0px;padding-left:170px;}
span.soldout{display:block;position:absolute;background-color:#494949;color:white;font-size:15px;padding:10px 30px;top:20px;left:-39px;z-index:9;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
div.sideblock.custom.fb > iframe {border: medium none;float: left;height: 21px;margin-left: 10px;margin-top: 11px;overflow: hidden;width: 150px;}
.onoffswitch{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;float:right;clear:left;border:1px solid #ccc;background:#fff;width:72px;padding:5px;}
.onoffswitch-checkbox{display:none;}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;}
.onoffswitch-inner{width:200%;margin-left:-100%;}
.onoffswitch-inner:before,.onoffswitch-inner:after{float:left;width:50%;height:16px;line-height:16px;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
.onoffswitch-inner:before{padding-left:27px;color:#212121;}
.onoffswitch-inner:after{padding-left:27px;color:#666;}
.onoffswitch-switch{width:16px;height:16px;background:#fff;border:1px solid #ccc;position:absolute;top:4px;left:4px;border-radius:3px;box-shadow:1px 1px 2px #ddd;}
.onoffswitch-label:hover .onoffswitch-switch{box-shadow:0 0 3px #aaa;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left:0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{background-color:#2FFF40;box-shadow:none;border-color:transparent;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:after{color:#212121;content:"✓";display:block;font-size:33px;margin-left:-2px;margin-top:-14px;line-height:33px;}
label.onoffswitch-label{clear:inherit;float:none;font-size:12px;line-height:1;margin:0;}
.optie .select span.switchtitle{padding-top:2px;margin-bottom:0;width:82px;float:right;}
.optie .select.switch{top:-14px;}
.optie .select.switch .prijs{top:79px;}
#footermenu {padding-bottom:30px}
#footermenu li {float: left; font-size: 11px; margin-right:5px;}
#footermenu li:after { content: "|"; display: inline-block; margin-left: 5px}
/* ------------------------------
@website: Timmer kantoormeubelen
@version: 1.0
@author: Cybox
@date: Dec 2013
------------------------------ */
/* kleuren:
grijs: #cecece
groen: #1ccd37
zwart/grijs: #2d2d2d
donkergrijs: #4d4d4d
*/
body {
background: #4d4d4d;
background: #5b5b5b;
font-family: Arial, sans-serif;
font-size: 14px;
line-height:1.2;
}
body span, body div {
font-weight: normal!important;
}
h1, a:hover, a.active {
color: #1ccd37;
}
#topbg {
background: #1ccd37;
display: none;
}
#wrapper {
background: #efefef;
background: #fff;
box-shadow: 0 0 20px #000;
padding: 0 10px 70px 10px;
}
#header {
height: 150px;
background: url(images/headern.jpg) top left no-repeat;
}
div#logo {
display: none;
}
#footer {
left:0;
}
#headerlogo {
opacity:1;
width: 258px;
height: 108px;
background: url(images/logo.png) top left no-repeat;
display:block;
position:absolute;
top: 6px; left: 15px;
}
#headerlogo > span {
display: none;
}
#menu {
top:auto;
bottom:0;
width: 100%;
background: #2d2d2d;
background: #8a8a8a;
left: -10px;
width: 1018px;
}
#menu ul.pagesmenu {
margin-left: 21px;
}
#sidebar_left {
margin-top: 0;
}
#sidebar_right {
margin-top: 20px;
}
#footer .footer-content {
padding-left: 190px;
}
#sidebar_left {
padding-top: 25px;
}
#content {
background: #fff;
}
ul#categories > li {
margin-bottom: 10px;
padding: 0px;
font-size: 17px;
/*border-radius: 9px 9px 0 0;*/
background: #efefef;
}
ul#categories > li > a {
display:block;
padding: 8px;
padding-left: 12px;
}
ul#categories > li > a:hover {
color: inherit!important;
}
ul#categories > li:hover {
background: #1ccd37;
}
ul#categories > li.active {
background: #1ccd37;
}
ul#categories li ul.active {
background: #FFFFFF;
border: 1px solid #1ccd37;
display: block;
margin-left: 0;
padding-left: 10px;
}
ul#categories li ul li {
font-size: 15px;
}
.bestellen .opties .optie .keuze.selected .keuze-image span,.bestellen .opties .optie.selected .name {
color: #1ccd37;
}
.bestellen .opties .optie.selected .optie-image .image {
border-color: #1ccd37;
}
a.button, input.button {
color: white;
border: none!important;
box-shadow:none!important;
background: #1ccd37!important;
border-radius: 5px!important;
}
a.button:hover, input.button:hover {
color: white!important;
box-shadow: 1px 1px 5px #ccc!important;
}
#shoppingcart .item span.button {
color: white;
border: none!important;
box-shadow:none!important;
background: #1ccd37!important;
font-size: 10px;
}
#header #basket {
background: #1ccd37;
top:40px;
border-radius: 10px;
}
.sidebar > div,ul#categories > li {
background: #cecece;
}
#sidebar_left > div.sideblock:last-child:after {
display:block;
position: relative;
width: 146px;
height: 50px;
background: #1ccd37;
border-radius: 10px;
content: 'bla';
margin-top: 20px;
text-align:center;
content: 'Bel voor meer informatie:\A\A 024-3237999';
white-space:pre;
font-size: 12px;
padding: 10px;
}
#category_products_controls .uldropdown {
width: 75px;
}
#category_products_controls > div {
width: 140px;
}
#category_products_controls {
width: 609px;
margin-right:0;
}
#category_products_controls ul.subfilters {
margin-left:3px;
}
#category_products_controls > div.subfilter {
width: 475px;
}
#category_products_controls ul.subfilters li {
padding: 8px 6px;
margin-right: 6px;
font-size: 12px;
}
#product_page .description {
font-size:13px;
}
#content .page_media a.firstfoto {
display: inline;
}
#content .page_largefoto {
display:none;
}
.sidebar ul#categories {
padding-left:0!important;
}
/* Overzicht elementen
// ALGEMEEN \\
Body = body
Pagina-titel = h1
Link = a
// BUTTONS \\
Button "zoeken" = .button.search
Button "nieuwsbrief aanmelden" = .button.newsletter
Button "bel mij versturen" = .button.belmij
Button "volgende stap" = .button.next
Button "vorige stap" = .button.back
Button "inloggen" = .button.login
Button "voeg toe favorieten" = .button.addtowishlist
Button "nieuw klant" (groot) = .button.register.large
Button "verwijder" (winkelmand) = #shoppingcart div.item span.remove
Button "wijzigen" (winkelmand) = #shoppingcart div.item span.changeset
Button "annuleren" (winkelmand) = #shoppingcart div.item span.cancelchange
Button "opslaan" (winkelmand) = #shoppingcart div.item span.saveproductoptions
Button "toevoegen aan winkelmand" = .button.addproductwithoptions
// HEADER \\
Gekleurde headerbalk = #topbg
Winkelwagen = #basket
Header-menu's = #menu
Header pagina's menu = #menu ul.pagesmenu
Header usermenu = #menu ul.usermenu
Header languagemenu = #menu ul.langmenu
Breadcrumbs = div.breadcrumbs
Breadcrumbs breadcrumb = div.breadcrumbs span
Breadcrumb actief = div.breadcrumbs span.active
// SIDEBARS \\
Sidebars = div.sidebar
Sidebar links = div#sidebar_left
Sidebar rechts = div#sidebar_right
Sidebar blok "zoeken" = div.sideblock.search
Sidebar blok "nieuwsbrief" = div.sideblock.newsletter
Sidebar blok "favoriete producten" = div.sideblock.wishlist
Sidebar blok "populaire producten" = div.sideblock.popularproducts
Sidebar blok "bel mij" = div.sideblock.callme
Sidebar blok "custom" (banner/reclame) = div.sideblock.custom
Sidebar pagina-menu = ul#sidemenu
Sidebar categorie-listing = ul#categories
// HOME \\
Homeblock = div.homeblock
// PRODUCT \\
Product-pagina = #product_page
Product titel = #product_page h1
Product artikelcode = #product_page h2
Product foto's = #product_page div.images
Product bestel-blok = #product_page div.bestellen
Product bestel-blok artikel-summary = #product_page div.bestellen > div.orderproduct
Product bestel-blok artikel-opties = #product_page div.bestellen > div.opties
Optie type "keuze" = div.optie.enum
Optie type "aantal" = div.optie.integer
Optie type "aan/uit" = div.optie.boolean
Optie titel = div.optie div.name
Optie aantal&aan/uit plaatjes = div.optie-image span.image
Optie hover-popup = div.optie div.popup
Optie actief (gekozen) = div.optie.selected
Optie keuze = div.optie div.keuze
Optie keuze actief (gekozen) = div.keuze.selected
// PRODUCT-OVERZICHT \\
Categorie-introtext = #category_info
Controls-balk = #category_products_controls
Controls "subfilter" = #category_products_controls div.subfilter
Controls "weergave" = #category_products_controls div.weergave
Controls "sorteren" = #category_products_controls div.sorteren
Controls dropdown-menu = ul.uldropdown
Controls dropdown-menu item = ul.uldropdown li
Controls dropdown-menu item actief = ul.uldropdown li.active
Producten-listing = #category_products
Product in "list-view" = #category_products .item
Product in "tile-view" = #category_products.tile .item
Product thumbnail (list-view) = #category_products .item .thumb
Product thumbnail (tile-view) = #category_products .item .thumb2
Product titel = #category_products .item h2
Product artikelcode = #category_products .item span.artcode
Product omschrijving= #category_products .item div.description
Product prijs = #category_products .item div.price
Product levertijd = #category_products .item div.eta
// CATEGORIE-OVERZICHT (subcategorieën) \\
Subcategorie in "list-view" = #category_products.subcats .item
Subcategorie in "tile-view" = #category_products.subcats.tile .item
Subcategorie in "list-view" thumbnail = #category_products.subcats .item .thumb
Subcategorie in "tile-view" thumbnail = #category_products.subcats .item .thumb2
Subcategorie titel = category_products.subcats .item h2
Subcategorie omschrijving = category_products.subcats .item .description
// WINKELMAND & BESTELTRAJECT \\
Artikel-overzicht header = #shoppingcart div.item.header
Artikel-overzicht artikel = #shoppingcart div.item
Artikel thumbnail = #shoppingcart div.item div.thumb
Artikel omschrijving = #shoppingcart div.item div.description
Input velden = div.element > input, div.element > select, div.element textarea
Label boven input veld = div.element > p
Artikel-opties wijzigen (border) = #shoppingcart div.item.editing
Order-overzicht totalen = #shoppingcart div.totals
Order-overzicht gegevens = div.klantgegevens
Order-overzicht AV-check = div.akkoord
// NIEUWS \\
Nieuwsoverzicht listing = ul#newslist
// TEKST & NIEUWS PAGINA'S \\
Pagina tekst = div.page_content
Grote foto bovenaan = div.page_largefoto
Media-balk (foto/yt) = div.page_media
Foto-thumbnail = a.fancbx
Video-thumbnail = a.fancbxvideo
// FOOTER \\
Footer = #footer
*/