/* ---- general ---- */
* {margin:0; padding:0;}
body { color:#2b2b2b; background-color:#fff; font-family: Arial, Verdana, Georgia; font-size:11px; }
a:link, a:visited, a:hover, a:active { color:#dc1c46; }
a:hover { color:#ff4c73; }
img{ border:0;}
tr {vertical-align:top }
ul{ margin-left:20px; }

h1 { font-size:17px; font-weight:normal; background: transparent url(../images/style/h1_pattern.gif) repeat top left; overflow:hidden; color:#fff; padding:2px 0 2px 40px; margin-bottom:32px; }


/* ---- page layout ---- */
.container { width:912px; margin:10px auto 0 auto; }
.header { height:154px; width:100%; margin:auto 6px  auto 6px; overflow:hidden; background: transparent url(../images/style/header.jpg) no-repeat top left; }
.header-kleurentest { height:154px; width:100%; margin:auto 6px  auto 6px; overflow:hidden; background: transparent url(../images/style/header_kleurentest.jpg) no-repeat top left; }
.header-kleurentest .linkhomepage, .header .linkhomepage{ display:block; width:230px; height:90px; margin:25px 0 0 335px; background-color:transparent; text-indent:-2000px; font-size:1px;}
.wrapper { width:100%; clear:both; overflow:hidden; background: transparent url(../images/style/background_pattern.gif) repeat-y top center; }	
.wrapper-kleurentest { width:100%; clear:both; overflow:hidden; background: transparent url(../images/style/background_pattern.gif) repeat-y top center; }	
.wrapper2 { width:100%; clear:both;  overflow:hidden; background: transparent url(../images/style/sidebar_pattern.gif) no-repeat 6px 320px ; }	
.wrapper-footer { width:100%; background: transparent url(../images/style/background_pattern_bottom.gif) no-repeat top right ;}	

.sidebar-main { width:149px; float:left; background-color:red; background-color:transparent; }
.content { width:508px; float:left; background-color:green; background-color:transparent; }
.sidebar-secondary { width:249px; float:right; background-color:purple; background-color:transparent; }

.bottomcap { background-color:#ececec; }

.footer { height:34px; width:900px; margin:17px 6px 0 6px; clear:both; overflow:hidden; background: #7a7a7a url(../images/style/footer_pattern.gif) repeat-x top right; margin-bottom:32px; }	

/* ---- linkerkolom ---- */
.sidebar-main ul { list-style-type:none; margin:0; margin-bottom:45px; }
.sidebar-main li { list-style-type:none; margin:0; }
.sidebar-main li a:link,
.sidebar-main li a:visited,
.sidebar-main li a:hover,
.sidebar-main li a:active { display:block; background-color:#fff; text-decoration:none; color:#7499cf; text-align:right; padding-right:44px; }
.sidebar-main li a:hover { color:#9f9f9f; }

.sidebar-main ul.primary li a { margin-bottom:11px; height:20px; padding-top:4px; font-size:12px; }
.sidebar-main ul.secondary li a{ margin-bottom:10px; height:14px; padding-top:2px; font-size:10px; }
.sidebar-main ul.primary li.active a:link,
.sidebar-main ul.primary li.active a:visited,
.sidebar-main ul.primary li.active a:hover,
.sidebar-main ul.primary li.active a:active { color:#fff; font-weight:bold; background: transparent url(../images/style/nav_selected.gif) no-repeat top left; }

.sidebar-main ul.secondary li.active a:link,
.sidebar-main ul.secondary li.active a:visited,
.sidebar-main ul.secondary li.active a:hover,
.sidebar-main ul.secondary li.active a:active { color:#fff; font-weight:bold; background: transparent url(../images/style/nav2_selected.gif) no-repeat top left; }

/* ---- middenkolom ---- */
.content .content-inner { margin-left:40px; width:430px; overflow:hidden; margin-bottom:10px; }
.content .content-inner img {  border:2px #aeaeae solid; float:right; margin-left:10px; margin-bottom:10px; }
.content span.date { display:block; color:#666; font-style:italic; }

/* ---- middenkolom/collection/product ---- */
.content div.content-inner { }
.content .content-inner img.product { margin:0; border:2px #aeaeae solid; float:left;}
.content .content-inner ul.choosecolor { margin-left:8px; display:block; float:left; overflow:hidden; width:31px;  }
.content .content-inner ul.choosecolor li{}
.content .content-inner ul.choosecolor li a.choosecolor:link,
.content .content-inner ul.choosecolor li a.choosecolor:visited,
.content .content-inner ul.choosecolor li a.choosecolor:hover,
.content .content-inner ul.choosecolor li a.choosecolor:active { display:block; border:2px #aeaeae solid;  width:25px; height:25px; margin-bottom:12px; font-size:0px; text-indent:-1000px; }
.content .content-inner ul.choosecolor li a.current:link,
.content .content-inner ul.choosecolor li a.current:visited,
.content .content-inner ul.choosecolor li a.current:hover,
.content .content-inner ul.choosecolor li a.current:active { border-color:#3f71bc; }
.content .content-inner ul.choosecolor li a.choosecolor:hover { border-color:#7a7a7a; } 


/* colors */
.content .content-inner ul.choosecolor li a.red {background-color:#ff3a40; }
.content .content-inner ul.choosecolor li a.green {background-color:#21c7a9; }
.content .content-inner ul.choosecolor li a.oceanblue {background-color:#726cc4; }
.content .content-inner ul.choosecolor li a.purple {background-color:#a85fad; }
.content .content-inner ul.choosecolor li a.azuur {background-color:#19a7bc; }
/* colors (schatting) */
.content .content-inner ul.choosecolor li a.pacific {background-color:#196e97; }
.content .content-inner ul.choosecolor li a.kobalt {background-color:#1d56af; }
.content .content-inner ul.choosecolor li a.mos {background-color:#737931; }
.content .content-inner ul.choosecolor li a.framboos {background-color:#ce2b4a; }
.content .content-inner .productdetail .button { margin-top:15px; margin-right:205px; }


/* ---- middenkolom/collection ---- */
.content .collection { }
.content .collection div.product { width:92px; margin-right:19px; margin-bottom:20px; float:left; overflow:hidden; }
.content .collection div.endrow { margin-right:0; }
.content .collection .product a.imagelink{ width:88px; height:99px; overflow:hidden;}
.content .collection img.product { border:0; display:block; }
.content .collection .button { margin-top:12px; }


/* ---- middenkolom/featured-products ---- */
.content .featured-products { clear:both; width:432px; overflow:hidden; margin-bottom:22px; margin-top:10px; } 
.content .featured-products .featured a.imagelink{ width:135px; height:151px; margin-bottom:6px; overflow:hidden; }
.content .featured-products .featured img { display:block; border:0; margin:0;}
.content .featured-products .featured { width:139px; }
.content .featured-products .featured .info { float:right; margin-left:29px;  }
.content .featured-products .featured .order { float:right; clear:left; margin-left:29px; margin-top:6px; }
.content .featured-products .first { float:left; }
.content .featured-products .second { float:left; margin-left:5px; }
.content .featured-products .third { float:left; margin-left:5px; }

/* ---- middenkolom/kleurentest ---- */
.content .content-kleurentest {width:488px; margin-left:10px; background-color:red;}

/* ---- middenkolom/contact ---- */
.content table.contact {  }
.content table.contact td.label{ width:80px; }
.content input.contact { width: 150px; border-color:#b9b9b9; background-color: #f8f8f8; border-width: 1px; border-style: solid; margin-bottom: 10px; }
.content textarea.contact { width: 250px; border-color:#b9b9b9; height: 75px; background-color: #f8f8f8; border-width: 1px; border-style: solid; margin-bottom: 10px; }
.content input.contact:focus, .content textarea.contact:focus { background-color: #f8f8f8; border: 1px solid #3f71bc; }
.content .alert  { clear:both; padding:10px; width:370px; background-color: #f8f8f8; border: 1px solid #ea426f; }

/*  ---- rechterkolom ---- */
.sidebar-secondary .module {}
.sidebar-secondary .module-inner { width:216px; margin: 0 0 0 17px; padding:24px 0 24px 0; overflow:hidden; background-color:white; }
.sidebar-secondary .newproduct  { position:relative;  }
.sidebar-secondary .newproduct  a.imagelink{ margin:0 0 12px 26px; width:157px; display:block; overflow:hidden; }
.sidebar-secondary .newproduct  img { }
.sidebar-secondary .newproduct-overlay { position:absolute; top:37px; left:160px;  background: transparent url(../images/style/shopsticker.png) no-repeat top right; width:57px; height:57px; }

.sidebar-secondary .kleurentest { padding:0; background: white url(../images/style/kleurentest_bg.gif) no-repeat top right; height:242px; overflow:hidden;}
.sidebar-secondary a.kleurentest-link { display:block;  text-indent:-2000px; overflow:hidden; font-size:1px; height:200px; width:216px; background-color:transparent; }
.sidebar-secondary .kleurentest a.button { }