/* commented backslash hides from ie5mac \*/ 
html{height:100%; margin:0; padding:0} 
/* end hack */ 

p {margin-top:0px; padding-top:0px;}

body{
	margin:0;
	background-color: #59595b;
	background-image: url(../images/bg-repeat.gif);
	background-repeat: repeat-y;
	background-position: center;
}
body,td{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; color: #59595b;}

#holder{height:100%; margin:0 auto; width:734px;}
#logo{background-color:#fff; height:58px; text-align:center; background-image:url(../images/bg-logo.gif); background-repeat:repeat-x;}
#banner{background-color:#fff; height:137px; text-align:center;}
#slogan{background-color:#59595b; height:21px; text-align:center; color:#fff;}
#contentholder{position:relative; margin-top:10px; margin-bottom:20px;}
#menuholder{float:left; width:134px;}
#content{float:left; margin-left:18px; width:395px;}
#rechts{float:right; width:170px;}
#afb-rechts{width:170px;}
#rechts-txt{padding:10px;}

#menuholder ul{list-style:none; margin:0; padding:0; text-transform:uppercase; font-weight:normal; font-size:11px;}
#menuholder li{margin:0; padding:0;}
#menuholder ul a{padding-top:2px; color:#fff; margin-bottom:4px; height:18px; width:134px; display:block; text-indent:10px; background-color:#59595b;  }
#menuholder ul a:hover{background-color:#c52930; text-decoration:none;}

#menuholder .active{background-color:#c52930;}
#menuholder li .active {background-image: none; background-color:#c52930;}
#menuholder .active a{background-color:#c52930;}

#footer-txt {width:714px; text-align:left; margin:0 auto; padding-top:1px;}
#footer-txt a{color:#fff; text-decoration:none;}
#footer-txt a:hover{color:#fff; text-decoration:underline;}

a img {border:0px;}

#footer {
	color:#d0d1d3;
	font-size: 10px;
	font-weight: bold;
	position: fixed;
	width: 100%;
	height: 34px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	background-image:url(../images/footer-bg.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

a:link{color:#383838; text-decoration:none;}
a:active{color:#383838; text-decoration:none;}
a:visited{color:#383838; text-decoration:none;}
a:hover{color:#383838; text-decoration:underline;}

.rood {color: #c52930;} /* Rood */
.groen {color: #97d034;} /* Groen keukens */
.blauw {color: #00a0e3;} /* Blauw waspoeder */

/* PRODUCTEN */
.product{width:181px; float:left; margin:5px 13px 0 0;}
.border{border:solid 1px #ccc;}

#meerinfo{float:right; padding-right:10px;}
div.product .image{width:70px; height:70px; margin:10px 5px 0 0; float:left; display:inline; overflow:hidden;}
div.product .title {font-weight:bold; font-size:12px; text-transform:uppercase; margin:10px 0 0 0; float:left; width:100px; height:14px; overflow:hidden; line-height: 13px;}
.product .text{float:left; height:48px; margin:0px; width:100px; overflow:hidden; }

.product a{display:block; float:left; width:106px; margin:0 2px 0 0; text-align:right; color:#c52930; text-decoration:none; }
.product a:link{color:#c52930; text-decoration:none; }
.product a:active{color:#c52930; text-decoration:none; }
.product a:visited{color:#c52930; text-decoration:none; }
.product a:hover{color:#c52930; text-decoration:underline; }

div.productdetail .price{font-size:14px; font-weight:bold; text-transform:uppercase; color:#c52930; margin:5px 0 5px 0;}
div.productdetail .price-waspoeder{font-size:14px; font-weight:bold; text-transform:uppercase; color:#00a0e3; margin:5px 0 5px 0;}
.productdetail {margin:0; width:159px; }
div.productdetail .text{margin:0 10px 0 0;}
div.productdetail .title{font-size:12px; font-weight:bold; margin:0 5px 5px 0;}

form{padding:0px; margin:0px;}
input, select, textarea {
   font-family: Arial, sans-serif, Helvetica;
   font-size: 11px;
   font-weight: normal;
   color: #59595b;
   text-indent: 4px;
   border-top: 1px solid #59595b;
   border-left: 1px solid #59595b;
   border-right: 1px solid #59595b;
   border-bottom: 1px solid #59595b;
   background-color: #f1f1f1;
}
.formblank{ border: none; background-color: transparent;}
.form240{width:239px;}
.form220{width:220px;}
.button{border:none; background-color:#d0d1d3; color:#FFFFFF; }

.h1,h1{font-size:18px; padding-top:0px; margin-top:0px;}
.h2,h2{font-size:16px; padding-top:0px; margin-top:0px;}
.h3,h3{font-size:14px; padding-top:0px; margin-top:0px;}
.h4,h4{font-size:13px; padding-top:0px; margin-top:0px;}
.h5,h5{font-size:12px; padding-top:0px; margin-top:0px;}
.h6,h6{font-size:11px; padding-top:0px; margin-top:0px;}

.roze{color:#e2007a;}
.blauwgroen{color:#01b89d;}
.blauw{color:#336699;}
.rood{color:#c52930;}
.oranje{color:#f08a00;}
.geel{color:#FFFF00;}
.geelgroen{color:#99FF00;}
.groen{color:#97d034;}
.cyaan{color:#00FFFF;}
.lichtblauw{color:#00a0e3;}
.violet{color:#9900FF;}
.magenta{color:#e2007a;}
.paars{color:#502194;}
.zwart{color:#000;}

.ditto_paging { border-top: 1px solid #ccc;  padding: 10px;   font-size: 86%; color: #59595b;}
#ditto_pages .ditto_currentpage { border: 1px solid #59595b;  padding: 1px 5px 2px;  margin-right: 1px;  background-color: #c52930;  color: #fff;}
#ditto_pages .ditto_off {border: 1px solid #ccc;  padding: 1px 5px 2px; margin-right: 1px; color: #ccc;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #008CBA; padding: 1px 5px 2px;   margin-right: 1px;  text-decoration: none !important;  color: black;}
#ditto_pages a:hover { background-color: #fff; color: #000;}

#ditto_pages-waspoeder .ditto_currentpage { border: 1px solid #59595b;  padding: 1px 5px 2px;  margin-right: 1px; background-color: #00a0e3; color: #fff;}
#ditto_pages-waspoeder .ditto_off {border: 1px solid #ccc;  padding: 1px 5px 2px; margin-right: 1px; color: #ccc;}
#ditto_pages-waspoeder a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #008CBA; padding: 1px 5px 2px;   margin-right: 1px;  text-decoration: none !important;  color: black;}
#ditto_pages-waspoeder a:hover { background-color: #fff; color: #000;}