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,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody,sub,sup 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;
	background: #6ba3bd url(../img/bg.jpg) repeat-x top left; /* horizontale pagina achtergrond (gradient) */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	Main css
*/
#wrapper {
	margin: 15px auto;
	position: relative;
	width: 982px;
}
	h1#logo a,
	h2#logo a {
		background: url(../img/sprite.png) no-repeat 0 0;
		_background: url(../img/sprite.gif) no-repeat 0 0;
		display: block;
		height: 43px;
		text-indent: -9999px;
		width: 342px;
	}
	h3#sub {
		color: #fff;
		font: normal 12px/15px Arial;   /* De tekst onder het logo */
		margin: 0 0 10px;
		word-spacing: 1px;
	}
	#banner {
		position: absolute;
		right: 0;
		top: -10px;
    border: 1px solid #ccc;
	}

	ul#menu {
		background: url(../img/sprite.png) repeat-x 0 -117px;   /* De menu achtergrond */
		border-top: 1px solid #fff;
		border-bottom: 1px solid #c5c5c5;
		display: block;
		height: 35px;
		margin: 0 0 5px;
		width: 100%;
	}
		ul#menu li {
			float: left;
		}
        ul#menu li.search {
            float: right;
        }
            ul#menu li.search form {
                margin: 8px 8px 0 0;
            }
			ul#menu li a {
				border-right: 1px solid #93999c;
				color: #333333;
				display: block;
				font: bold 13px/35px Arial;
				padding: 0 15px;
				text-decoration: none;
			}
			ul#menu li a:hover {
				background: url(../img/sprite.png) no-repeat 0 -75px;   /* Menu hover achtergrond */
				color: #164b64;
			}

		ul#menu li.active a {
			text-decoration: underline;
		}

	#left {
		background: #fff;
		border: 1px solid #d5d5d5;
		width: 204px;
		float: left;
		padding: 5px 0 5px 0;
	}
		#left h2 {                         /* De koppen in de linkerkant */
			color: #575757;
			font: bold 16px/20px Arial;
			text-align: left;
			margin: 0 0 0 7px;
			text-decoration: none;
		}
		#left ul {
			margin: 0 0 10px;
		}
		#left ul li a {                     /* Sub menu in de linkerkant */
			color: #575757;
			font: normal 13px/20px Arial;
			text-align: left;
			margin: 0 0 0 12px;
			text-decoration: none;
		}

  #product,
	#center  {
		background: #f7f7f5;
		margin: 0 0 0 6px;
		float: left;
		padding: 0 0 5px;
		width: 558px;
	}
        #product {
            width: 765px;
            padding: 0 0 15px 5px;
            position: relative;
        }
        #product img.first {
            float: right;
            margin: 15px 15px 15px 0;
        }
        #content,
        #product h2,
        #product h1,
        #products h1 {
          margin: 15px 0 0 10px;
          font: normal 20px/20px Arial; /* De titel van de product pagina + meer van dit kop */
        }
        #product h2 {
            margin: 50px 0 0 10px;
            clear: both;
        }
        #product span.van {                         /* De van prijs */
            color: #666;
            margin: 0 0 0 10px;
            text-decoration:line-through;
			font: normal 13px/20px Arial;
        }
        #product span.voor {                        /* De voor prijs */
            margin: 0 0 0 10px;
			font: normal 15px/20px Arial;
        }
        #product .description {                     /* De product omschrijving */
            margin: 4px 0 15px 10px;
          font: normal 13px/20px Arial;
        }
        #center #content p {                     /* De product omschrijving */
          margin: 4px 0 15px 0;
          font: normal 12px/20px Arial;
        }
        #center #content p a {                     /* De van prijs */
            color: #666;
        }


         #product a.info,
         #product a.best {                          /* De bestel knoppen */
            background: url(../img/sprite.png) no-repeat 0 -45px;
            color: #fff;
            display: block;
            float: left;
            font: bold 11px/20px Arial;
            width: 62px;
            margin: 4px 0 0 9px;
            height: 25px;
            text-decoration: none;
            text-align: center;
        }
        #product a.best {
            background: url(../img/sprite.png) no-repeat -79px -45px;
        }
        
        #product a.more {                           /* Meer van deze categorie links  */
            display: block;
            float: left;
            margin: 10px 10px 0 5px;
            font: bold 11px/20px Arial;
            color: #666;
        }

		#center #products {
		}
			#products .product {                    /* Product overzicht  */
				background: #fff;
				border: 1px solid #d5d5d5;
				margin: 5px 0 0 4px;
				float: left;
				width: 132px;
			}

			#products .product h2 {
				color: #343f45;
				display: block;
				text-align: center;
				font: bold 12px/15px Arial;
				margin: 4px 0 0 0;
                height: 33px;
			}
			 #products .product p {
				color: #343f45;
				display: block;
				text-align: center;
				font: normal 12px/15px Arial;
			}
             #products .product .van {
				color: #b3b3b3;
				display: block;
				text-align: center;
				font: bold 11px/15px Arial;
			}
			 #products .product .voor {
				color: #cb3e3e;
				display: block;
				text-align: center;
				font: bold 14px/15px Arial;
			}
			 #products .product a.best,
			 #products .product a.info {
				background: url(../img/sprite.png) no-repeat 0 -45px;
				color: #fff;
				display: block;
				float: left;
				font: bold 11px/20px Arial;
				width: 62px;
				margin: 4px 0 0 2px;
				height: 25px;
				text-decoration: none;
				text-align: center;
			}
			 #products .product a.best {
				background: url(../img/sprite.png) no-repeat -79px -45px;
			}
			 #products .product .img {
				display: block;
				margin: 0 auto 0;
                height: 105px;
                width: 120px;
                text-align: center;
			}
            #center .paging {
                display:block;
                clear: left;
                text-align: center;
                margin: 5px 0 0 0;
            }
                #center .paging a {
                    border: 1px solid #fff;
                    color: #666;
                    font: normal 12px/20px Arial;
                    text-decoration: none;
                    padding: 2px 4px;
                }
                #center .paging a:hover {
                    border: 1px solid #ccc;
                }
                #center .paging a.current {
                    border: 1px solid #ccc;
                    color: #333;
                    font: bold 12px/20px Arial;
                    text-decoration: none;
                }

	#right {
		/*background: #fff;
		border: 1px solid #d5d5d5;*/
		float: right;
		width: 204px;
		text-align: center;
		padding: 0 0 4px;
	}
		#right h3 {
			display: block;
			font: bold 14px/20px Arial;
			text-align: left;
			margin: 0 0 0 4px;
		}

	.clear {
		clear: both;
	}
	
	
	
	
	#favorieten {                       /* DE favorieten slider */
		border: 1px solid #b3b3b3;
		width: 556px;
		overflow: hidden;
		height: 273px;
		position: relative;
		background:#000;
	}
		#favorieten #slider {
			position: absolute;
			left: 0;
			top: 0;
			height: 235px;
			width: 1700px;
		}
			#favorieten #slider .favoriet {
				float: left;
				width: 560px;
			}
			#favorieten #slider .favoriet h2 {
				color:#53687c;
				display: block;
				font: normal 20px/20px Arial;
				text-align: left;
				margin: 45px 0 0 4px;
			}
			#favorieten #slider .favoriet img {
				float: left;
			}
			#favorieten #slider .favoriet p {
				color:#c4d1da;
				display: block;
				font: normal 16px/20px Arial;
				text-align: left;
				margin: 0 0 0 4px;
			}
			#favorieten #slider .favoriet .prijs {
				display: block;
				font: normal 24px/20px Arial;
				text-align: left;
				margin: 10px 0 0 4px;
				color: #c00;
			}
			#favorieten #slider .favoriet .info {
				background: url(../img/sprite.png) no-repeat -152px -45px;
				font: bold 11px/25px Arial;
				color: #fff;				
				display: block;	
				float: left;	
				width: 125px;
				height: 24px;	
				text-decoration: none;
				text-align: center;
				margin: 15px 0 0 4px;
			}
	
		#favorieten ul {
			background: url(../img/sprite.png) repeat-x 0 -117px;
			height: 34px;
			display: block;
			/*margin-top: 241px;*/
      position: absolute;
      top: 238px;
			padding: 1px 0 0;
			clear: left;
		}
			#favorieten ul li {
        display: inline;
			}
				#favorieten ul li a {
					border-top: 1px solid #fff;
					border-right: 1px solid #f0f0f0;
					color: #53687c;
					display: block;
					text-align: center;
					width: 185px;
					float: left;
					height: 32px;
					font: bold 12px/32px Arial;
					text-decoration: none;
				}
				
				#favorieten ul li a:hover {
					color: #333333;
					
				}
				
				#favorieten ul li a.last {
					width: 184px;
          border-right: 0;
				}
ul#breadcrumb {
    border: 1px solid #f0f0f0;
    background: #fff;
    float: right;
    text-align: left;
    margin: 0 0 5px;
    height: 15px;
    padding: 7px;
    height: 18px;
}
.big {
    width: 754px;
}
.small {
    width: 542px;
}
    ul#breadcrumb li {
        font: normal 11px/15px Arial;
        color: #333;
        display: inline;
    }
        ul#breadcrumb li a {
            color: #333;
        }    
#footer {
  font: normal 11px/15px Arial;
  clear: both;
  text-align: center;
  color: #FFF;
  width:982px;
  margin: 10px auto;
}
#footer a {
  color: #FFF;
}