@charset "utf-8";
/* CSS Document */

/* categorieen */
#holder #middle #content { padding-top: 40px; }
#holder #middle #content .categorie_intro { position: relative; float: right; padding: 6px 0px 0px 7px; display: inline; width: 435px; font-weight: normal; }

#holder #middle .categorie .placeholder { position: relative; float: left; margin-top: 40px; width: 133px; height: 100px; line-height: 75px; overflow: hidden; }
#holder #middle .producten .placeholder { position: relative; float: left; margin-top: 40px; width: 133px; height: 100px; line-height: 75px; overflow: hidden; }

#holder #middle #content .subContent ul.productCategorie { position: relative; float: left; display: inline; margin-left: 13px; list-style: none; width: 447px; }
#holder #middle #content .subContent ul.productCategorie li { float: left; margin: 0px 15px 9px 0px; padding: 4px 0px 0px 0px; width: 133px; height: 133px; text-align: center; }
#holder #middle #content .subContent ul.productCategorie li span { position: relative; float: left; display: block; display: inline; width: 133px; height: 100px; overflow: hidden; }
#holder #middle #content .subContent ul.productCategorie li span a img { border: 0px; }
#holder #middle #content .subContent ul.productCategorie li p { float: left; margin: 0; width: 133px; font-size: 9px; line-height: normal; }
#holder #middle #content .subContent ul.productCategorie li p a,
#holder #middle #content .subContent ul.productCategorie li p a:visited { font-size: 9px; font-weight: bold; color: #363c58; line-height: normal; text-decoration: none; }
#holder #middle #content .subContent ul.productCategorie li p a:hover { font-size: 9px; font-weight: bold; color: #363c58; line-height: normal; text-decoration: underline; }

/* producten */
#holder #middle #content .subContent ul.product { position: relative; float: left; display: inline; margin-left: 3px; list-style: none; width: 455px; }
#holder #middle #content .subContent ul.product li { float: left; margin-bottom: 9px; padding: 0; width: 455px; height: auto; background: #686e8f; }
#holder #middle #content .subContent ul.product li span.placeholder { position: relative; float: left; margin-top: 0; display: block; width: 100px; height: 82px; overflow: hidden; text-align: center; }
#holder #middle #content .subContent ul.product li span.placeholder a img { width:100; border: 0px; }
#holder #middle #content .subContent ul.product li div.productInfo { position: relative; float: right; margin-top: 10px; padding: 8px 60px 0px 14px; width: 274px; height: 48px; text-align: left; }
#holder #middle #content .subContent ul.product li div h1,
#holder #middle #content .subContent ul.product li div h1 a,
#holder #middle #content .subContent ul.product li div h1 a:visited { font-size: 10px; font-weight: bold; color: #162645; text-decoration: none; }
#holder #middle #content .subContent ul.product li div h1 a:hover { font-size: 10px; font-weight: bold; color: #162645; text-decoration: underline; }
#holder #middle #content .subContent ul.product li div p { position: relative; display: block; width: 220px; overflow: hiddenl; font-size: 10px; font-weight: normal; color: #ffffff; }
#holder #middle #content .subContent ul.product li div a.cartlink,
#holder #middle #content .subContent ul.product li div a.cartlink:visited { position: absolute; right: 65px; bottom: 5px; padding-top: 6px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: none; text-align: center; }
#holder #middle #content .subContent ul.product li div a.cartlink:hover { position: absolute; right: 65px; bottom: 5px; padding-top: 6px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: underline; text-align: center; }


#holder #middle #content .subContent ul.product li div a.sublink,
#holder #middle #content .subContent ul.product li div a.sublink:visited { position: absolute; right: 2px; bottom: 5px; padding-top: 6px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: none; text-align: center; }
#holder #middle #content .subContent ul.product li div a.sublink:hover { position: absolute; right: 2px; bottom: 5px; padding-top: 6px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: underline; text-align: center; }
#holder #middle #content .subContent ul.product li div a.cart,
#holder #middle #content .subContent ul.product li div a.cart:visited { position: absolute; right: 55px; top: 0; z-index: 1; padding-top: 6px; display: block; width: 56px; height: 45px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: none; text-align: center; }
#holder #middle #content .subContent ul.product li div a.cart:hover { position: absolute; right: 55px; top: 0; z-index: 1; padding-top: 6px; display: block; width: 56px; height: 45px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: underline; text-align: center; }


#holder #middle #content .subContent ul.product li div a.ico,
#holder #middle #content .subContent ul.product li div a.ico:visited { position: absolute; right: 2px; top: 0; z-index: 1; padding-top: 6px; display: block; width: 56px; height: 45px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: none; text-align: center; }
#holder #middle #content .subContent ul.product li div a.ico:hover { position: absolute; right: 2px; top: 0; z-index: 1; padding-top: 6px; display: block; width: 56px; height: 45px; font-size: 10px; font-weight: bold; color: #162645; text-decoration: underline; text-align: center; }
#holder #middle #content .subContent ul.product li div a img { border: none; }