body {
  font-family: Trebuchet MS, sans-serif;
  font-size: 100,01%;
  color: #636563;
  margin: 0px;
  text-align: center;
  background-color: #FFFFFF;
}

img.special {
  border: 0px;
}

.container {
 margin-left: auto;
 margin-right: auto;
 width: 970px;
 text-align: left;
 background-color: #FFFFFF;
}

.logo {
 margin-top: 20px;
 height: 60px;
 background-image: url(images/koopjekleding-back.gif);
 background-repeat: no-repeat;
}

.header {
 height: 50px;
}

.header0 {
 width: 350px;
 float: left;
}

.header1 {
 width: 600px;
 float: right;
 text-align: right;
 margin-top: 20px;
 margin-right: 20px;
}

.head {
 height: 110px;
 background-color: #983795; 
}

.head1 {
	height: 3px;
	background-color: #983795;
}


.head3 {
 width: 960px;
 float: left;
 color: #ffffff;
 font-size: 14px;
}


.head3 a {
 color: #ffffff;
 text-decoration: none;
}

.head3 a:hover {
 color: #ffffff;
 text-decoration: underline;
}

.head4 {
 width: 960px;
 float: left;
 text-align: center;
 color: #ffffff;
 font-size: 12px;
 padding: 5px;
 }

.head4 a {
 color: #ffffff;
 text-decoration: none;
 }

.head4 a:hover {
 color: #ffffff;
 text-decoration: none;
 }

.foot {
 height: 3px;
 border: 0px solid #983795;
 background-color: #983795;
}

.toprating {
 margin-top: 35px;
 width: 234px;
 float: left;
}

.toprating a {
  font-size: 12px;
  color: #983795;
  text-decoration: none;
}

.toprating a:hover {
  color: #0096ff;
  text-decoration: underline;
}

.topratingb {
 margin-top: 20px;
 width: 234px;
 float: left;
}

.topratingb a {
  font-size: 12px;
  color: #983795;
  text-decoration: none;
}

.topratingb a:hover {
  color: #0096ff;
  text-decoration: underline;
}


.toprating1 {
  height: 30px;  
  background-image: url(images/tab_red.png);
  color: #ffffff;
  font-size: 12px;
  font-weight:bold;
  line-height: 30px;
  text-align: center;
}

.toprating2 {
 border: 1px solid #ee3a68;
 padding: 8px;
 background-color: #ffffff;
 color: #000000;
 font-size: 12px;
 max-height: 500px;
 overflow: auto;
}

.toprating2b {
 border: 1px solid #ee3a68;
 padding: 8px;
 background-color: #ffffff;
 color: #000000;
 font-size: 12px;
 max-height: 105px;
 overflow: auto;
}


.toprating3 {
 margin-top: 15px;
 width: 218px;
 float: left;
 padding: 8px;
 background-color: #ee3a68;
 color: #FFFFFF;
 font-size: 12px;
}

.toprating3 a {
  color: #FFFFFF;
  text-decoration: none;
}

.toprating3 a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}


.topheader {
 border-top: 1px solid #ee3a68;
 border-left: 1px solid #ee3a68;
 border-right: 1px solid #ee3a68;
 padding: 8px;
 background-color: #ffffff;
 color: #000000;
 font-size: 12px;
}

.content {
 width: 970px;
 float: left;
 padding: 0px;
}


.content1 {
 width: 736px;
 float: left;
 padding: 0px;
}

.content2 {
 width: 234px;
 float: left;
 padding: 0px;
}


.clear {
  width: 0px;
  height: 0px;
  clear: both;
  line-height: 0;
  font-height: 0;
}

.footer {
  margin-left: auto;
  margin-right: auto;
  width: 970px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  border-top: 3px solid #983795;
  border-left: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  background-color: #e9e9e9;
}

.footer a {
  font-size: 12px;
  color: #656565;
  text-decoration: none;
}

.footer a:hover {
  color: #0096ff;
  text-decoration: underline;
}


.footerleft {
  float: left;
  text-align: left;
  width: 469px;
  padding: 8px;
}

.footerleft a {
  color: #983795;
  text-decoration: none;
}

.footerleft a:hover {
  color: #0096ff;
  text-decoration: underline;
}

.footerright {
  float: left;
  text-align: right;
  width: 469px;
  padding: 8px;
}

.footerright a {
  color: #983795;
  text-decoration: none;
}

.footerright a:hover {
  color: #0096ff;
  text-decoration: underline;
}

.footerbottom {
  margin-top: 10px;
  color: #656565;
  text-align: center;
  font-size: 11px;
}

.footerbottom a {
  color: #983795;
  text-decoration: none;
}

.footerbottom a:hover {
  color: #0096ff;
  text-decoration: underline;
}

.catfilter {
 margin-left: 0px;
 margin-right: 20px;
 margin-top: 10px;
 float: left;
 padding: 0px;
}

.catfilter1 {
 padding: 8px;
 background-color: #ee3a68;
 color: #FFFFFF;
 font-size: 12px;
}

.catfilter1 a {
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: none;
 border-bottom:1px dotted #FFFFFF; 
}

.catfilter1 a:hover {
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: underline;
}

.catfilter1 h1 {
 font-size: 130%;
}

.catfilter1 h2 {
 font-size: 110%;
}

.catfilter3 a {
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: none;
}

.catfilter3 a:hover {
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: underline;
}

/* tab menu */
table#tabmenu {
	height: 30px;
	margin-top: 20px;
	margin-left: 0px;	
}
table#tabmenu td.tab {
	width: 110px;
	text-align: center;
}

table#tabmenu td.tab a {
	background-image: url(/images/tab_purplewhite.png);
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 12px;
	color: #983795;
	display: block;
	line-height: 30px;
}

table#tabmenu td.tab a:hover, table#tabmenu td#selectedtab a {
	background-image: url(/images/tab_purple.png);
	background-repeat: no-repeat;
	color: #ffffff;
}


table#tabmenu td.tab2 {
	width: 110px;
	text-align: center;
}

table#tabmenu td.tab2 a {
	background-image: url(/images/tab_pinkwhite.png);
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 12px;
	color: #ee3a68;
	display: block;
	line-height: 30px;
}

table#tabmenu td.tab2 a:hover, table#tabmenu td#selectedtab2 a {
	background-image: url(/images/tab_pink.png);
	background-repeat: no-repeat;
	color: #ffffff;
}



table#tabmenu td.separator {
	width: 1px;
}

table#tabmenu td.tabtext {
	width: 80px;
	text-align: right;
        font-size: 12px;
}

table#tabmenu td.tabtext a {
	color: #983795;
	text-align: right;
        font-size: 12px;
        text-decoration: none;
}

table#tabmenu td.tabtext a:hover {
	color: #0096ff;
        text-decoration: underline;
}



//einde tabmenu//

.line hr {
	height: 3px;
	background-color: #983795;
}

.atoz {
 margin-left: 0px;
 margin-top: 20px;
 text-decoration: none;
}
.atoz h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  color: #ee3a68;
}

.atoz a {
 color: #000000;
 font-size: 14px;
 text-decoration: none;
}

.atoz a:hover {
  text-decoration: underline;
}

.banner {
 margin-left: 0px;
 margin-right: 20px;
}


.banner h1 {
  margin-top: 10px;
  font-size: 120%;
  color: #000;
}

.banner h1 a {
  font-size: 100%;
  color: #000;
  text-decoration: none;
}

.banner h1 a:hover {
  font-size: 100%;
  color: #ee3a68;
  text-decoration: underline;
}

.banner h2 {
  margin-top: 20px;
  font-size: 90%;
  font-weight: 500;
  color: #000000;
}

.banner h2 a {
  color: #000000;
  text-decoration: none;
}

.banner h2 a:hover {
  color: #000000;
  text-decoration: underline;
}

.banner h3 {
  text-align: left;
  font-size: 12px;
}

.banner h3 a {
   color: #983795;
   font-size: 12px;
   text-decoration: none;
}

.banner h3 a:hover, .banner h3 a:active {
  color: #0096ff;
  font-size: 12px;
  text-decoration: underline;
}


.featured {
 float: left;
 margin-top: 15px;
 color: #000000;
 font-size: 12px;
}

.featured table {
  padding: 0px;
}

.featured h1 {
  margin-top: 0px;
  font-size: 120%;
  font-weight: 500;
  color: #000000;
}

.featured h1 a {
  font-size: 100%;
  color: #000000;
  text-decoration: none;
}

.featured h1 a:hover {
  font-size: 100%;
  color: #000000;
  text-decoration: underline;
}


.featured h4 {
  font-size: 90%;
  margin-top: 0px;
  color: #000000;
}


.featured a {
	color: #0096ff;
	text-align: right;
        font-size: 12px;
}




.featured .stars {
  font-size: x-small;
}

.hr {
 background-color: #b22222; 
 height: 1px;
}


.menu {
}


.navigation {
  text-align: center;
  margin: 20px 0 20px 0;
  color: #636563;
}


.navigation a {
  color: #983795;
  text-decoration: none;
}

.navigation a:hover {
  color: #0096ff;
  text-decoration: underline;
}




.prices {
  margin-left: 0px;
  margin-right: 20px;
  color: #000000;
}

.prices a {
  color: #983795;
  text-decoration: none;
}


.prices a:hover {
  color: #0096ff;
  text-decoration: underline;
}


.offers {
  margin-left: 0px;
  margin-right: 0px;
  color: #000000;
}

.offers h2 {
  font-size: 110%;
  margin-top: 0px;
  color: #000000;
}

.offerbox {
 border: 1px dashed #ee3a68;
 padding: 8px;
 background-color: #e9e9e9;
 color: #000000;
}

.offerbox a {
 color:  #983795;
 text-decoration: none;
}

.offerbox a:hover {
 color:  #0096ff;
 text-decoration: underline;
}

.grey {
  color: #636563;
}

.black {
  color: #000;
}

.black a {
  color: #000;
  text-decoration: none;
}

.black a:hover {
  color: #000;
  text-decoration: underline;
}

.product {
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 20px;
  font-size: 16px;
  color: #000000;
}

.product h3 {
  font-size: 130%;
  margin: 10px 0px 10px 0px;
  color: #000000;
}

.product h4 {

}

.product p {

}


.ratings {
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 20px;
  color: #000000;
}

.ratings1 {
 border: 1px solid #636563;
 font-size: 14px;
}

.ratings2 {
 background-color: #dde6f5;
}




.ratings form {
  display: inline;
}
.ratings form select {
  color:  #636563;
}
.commentor {
 color: #636563;
  width: 33%;
  text-align: left;
}

.ratingscom {
 color: #636563;
  width: 99%;
  text-align: left;
}


.searchform {
}


.searchresults {
 margin-left: 0px;
 margin-top: 30px;
 color: #000000;
 font-size: 12px;
}


.searchresults1 {
  color: #000000;
  font-size: 150%;
  font-weight: bold;
}


.searchresults a {
  color: #983795;
  text-decoration: none;
}


.searchresults a:hover {
  color: #0096ff;
  text-decoration: underline;
}




.related {
  font-weight: bold;
  padding: 4px;
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 20px;
  color: #000000;
}


.starsOn {
  color: #AF7817;
  font-weight: bold;
}
.starsOff {
  color: #AAAAAA;
  font-weight: bold;
}
.nobr {
  white-space: nowrap;
}
.disabled {
  color: #AAAAAA;
}


.about {
  margin-left: 20px;
  margin-top: 20px;
  color: #000000;
}


/* -------------- BREADCRUMB -------------- */

.contentbreadcrumb {
 margin-top: 10px;
 margin-right: 20px;
 font-size: 12px;
 color: #000000;
}

.contentbreadcrumb a {
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

.contentbreadcrumb a:hover {
 text-decoration: underline;
 color: #0096ff;
}