html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#wrapper {padding-bottom: 150px;}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
} 
	
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#wrapper {
	width: 920px;
	clear: both;
	margin: 0 auto;
	overflow: auto;
}

.clear {
	clear: both;
}

.center {
	clear: both;
	margin: 0 auto;
	text-align: center;
}

.man_button {
	background: url('/images/bestel_button.png') no-repeat left top;
	width: 140px;
	line-height: 30px;
	height: 30px;
	color: #fff;
	border: 0;
}

h1 {
	color: #660066;
	font-weight: normal;
	font-size: 20px;
}

h2 {
	color: #A07E9E;
	font-weight: normal;
	font-size: 15px;
}

label.error {
	clear: both;
	float: left;
}

.attention {
	background-color: #A07E9E;
	min-width: 300px;
	overflow: auto;
	clear: both;
	padding: 5px;
	text-align: center;
	margin: 10px;
	color: #fff;
	border: 1px solid #652366;
}

.gratis_thuisbezorgd { border: 1px solid red; }

/*		Header
------------------------------------------------*/

#header {
	position: relative;
}
	
	#header #logo {
		width: 150px;
		height: 100px;
		padding-bottom: 40px;
	}
	
	#header #quicksearch {
		height: 40px;
		position: absolute;
		right: 0px;
		top: 100px;
		background-color: #7a4577;
		bottom: 0;
		width: 920px;
		text-align: right;
	}
	
		#header #quicksearch #quickright {
			right: 0;
			padding-top: 7px;
			position: absolute;
			width: 340px;
		}
	
		#header #quicksearch input {
		}
		
		#header #quicksearch input.q {
			float: left;
			width: 280px;
			z-index:30000;
		}
		
	#header #search-button {
		width: 22px;
		background: url('/images/search_button.png');
		border: 0;
		margin: 0;
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		height: 22px;
	}
	
	#header #quicklinks {
		height: 20px;
		position: absolute;
		right: 0;
		top: 0;
	}
	
		#header #quicklinks ul {
			list-style: none;
		}
		
			#header #quicklinks ul li {
				float: left;
				padding-left: 20px;
				padding-right: 10px;
				margin-left: 10px;
				border-right: 1px solid #652366;
				height: 30px;
				background: url('/images/cd.png') no-repeat left 8px;
				line-height: 30px;
			}
			
				#header #quicklinks ul li a {
					color: #652366;
					text-decoration: none;
				}
				
				#header #quicklinks ul li a:hover {
					text-decoration: underline;
				}
			
				#header #quicklinks ul li.last {
					border: 0;
				}
				
/*		Home
------------------------------------------------*/
				
.home_aanbieding_box {
	width: 285px;
	margin: 5px;
	float: left;
}

	.home_aanbieding_box h3 {
		color:#660066;
		text-align: center;
		font-size:14px;
		font-weight: bold;
	}
	
#widgets-bottom ul {
	list-style: none;
}

	#widgets-bottom ul li {
		float: left;
		width: 150px;
		margin: 10px;
	}
				
/*		Genre menu
------------------------------------------------*/

#genremenu {
	border-left: 1px solid #d0c1d0;
	border-bottom: 1px solid #d0c1d0;
	border-right: 1px solid #d0c1d0;
	background-color: #fff;
	margin-bottom: 10px;
}

	#genremenu li a {
		font-size: 13px
	}

#preordermenu {
	list-style: none;
	margin:0;
	padding: 0;
	border-left: 1px solid #d0c1d0;
	border-bottom: 1px solid #d0c1d0;
	border-right: 1px solid #d0c1d0;
	margin-bottom: 10px;
}

	#preordermenu li {
		height: 20px;
		border-top: 1px solid #d0c1d0;
		line-height: 20px;
		padding-left: 15px;
		background: #fff url('/images/cd_small.png') no-repeat 5px 6px;
	}
	
	#preordermenu li a {
		text-decoration: none;
	}
	
	#preordermenu li:hover {
		background: #fff url('/images/cd_small_active.png') no-repeat 5px 6px;
	}
	
	#preordermenu li a:hover {
		text-decoration: none;
		color: #ff6633;
	}

	#genremenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#genremenu ul li {
		height: 20px;
		border-top: 1px solid #d0c1d0;
		line-height: 20px;
		padding-left: 15px;
		background: url('/images/cd_small.png') no-repeat 5px 6px;
	}
	
	#genremenu ul li.active {
		background: url('/images/cd_small_active.png') no-repeat 5px 6px;
		font-weight: bold;
		color: #ff6633;
	}
	
	#genremenu ul li:hover {
		background: url('/images/cd_small_active.png') no-repeat 5px 6px;
	}
	
		#genremenu ul li a {
			text-decoration: none;
			padding-left: 5px;
		}
		
		#genremenu ul li.active a {
			color: #ff6633;
		}
		
			#genremenu ul li a:hover {
				color: #ff6633;
			}
			
#left .menu-item,
#left .faq-item {
	min-height: 20px;
	color: #fff;
	border-top: 1px solid #d0c1d0;
	line-height: 20px;
	padding-left: 15px;
	overflow: auto;
	background: #844184;
	margin-bottom: 5px;
}

	#left .menu-item.active,
	#left .faq-item.active {
		background: #651367;
	}

	#left .menu-item a,
	#left .faq-item a {
		color: #fff;
		text-decoration: none;
	}
			
	
/*		Top menu
------------------------------------------------*/

#topmenu {
	overflow: hidden;
	position: relative;
	height: 70px;
	border-top: 1px solid #fff;
	z-index: 0;
}

	#topmenu ul {
		list-style: none;
		overflow: auto;
		z-index: 0;
		overflow: none;
	}
	
		#topmenu ul li {
			float: left;
			border-right: 1px solid #fff;
			padding-left: 10px;
			padding-right: 10px;
			z-index: 0;
			overflow: none;
		}
		
			#topmenu ul li a {
				z-index: 100;
				font-size: 13px;
			}
		
			#topmenu ul li:last {
			}
		
.platform_sub {
	border-top: 1px solid #fff;
	overflow: auto;
	position: absolute;
	left: 0;
	width: 920px;
	top: 30px;
	display: block;
	overflow: auto;
	height: 30px;
	background-color: #a07e9e;
	display: none;
}

	.platform_sub ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 12px !important;
	}
	
		.platform_sub ul li a:hover {
			text-decoration: underline;
		}

#platforms {
	margin: 0;
	background-color: #652366;
	color: #fff;
	height: 31px;
	line-height: 30px;
	padding: 0;
	overflow: hidden;
	
}

	#platforms li a {
		color: #fff;
		overflow: hidden;
		height: 20px;
		text-decoration: none;
	}
	
	#platforms li.active {
		background-color: #A07E9E;
	}

.platform_sub.active {
	display: block;
	z-index: 100;
}
				
/*		Container
------------------------------------------------*/

#container {
	min-height: 500px;
	overflow: auto;
}

	#left {
		width: 150px;
		float: left;
		margin-right: 15px;
		min-height: 500px;
	}
	
	#right {
		overflow: hidden;
		width: 150px;
		float: right;
		margin-left: 5px;
		min-height: 500px;
	}
	
	#content {
		float: left;
		width: 590px;
		margin-bottom: 10px;
	}
	
	#content-big {
		float: left;
		width: 740px;
		margin-bottom: 10px;
	}
	
	#main {
		border: 1px solid #d0c1d0;
		width: 580px; /* moet eigenlijk 600px zijn! */
		float: left;
		padding: 5px;
		background-color: #fff;
		min-height: 500px;
	}
	
		.main-box {
			margin-bottom: 5px;
			width: 580px; /* moet eigenlijk 600px zijn! */
			float: left;
			border: 1px solid #d0c1d0;
			padding: 5px;
			background-color: #fff;
		}
	
	#main-big {
		border: 1px solid #d0c1d0;
		width: 740px;
		float: left;
		padding: 5px;
		background-color: #fff;
		min-height: 500px;
	}
	
	#container .banner {
		width: 590px;
		float: left;
		overflow: hidden;
		border: 1px solid #d0c1d0;
		background-color: #fff;
		height: 120px;
		margin-bottom: 10px;
	}
	
.main {
	width: 580px; /* moet eigenlijk 600px zijn! */
	float: left;
	border: 1px solid #d0c1d0;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 5px;
}
	
/*		Footer
------------------------------------------------*/

#footer {
	background-color: #4a494a;
	overflow: hidden;
	text-align: center;
	padding-left: 150px;
	color: #c0bdbd;
	border-top: 1px solid #928d8e;
}

	#footer h5 {
		color: #928d8e;
		font-size: 14px;
		margin-bottom: 10px;
	}

	#footer a {
		color: #c0bdbd;
		text-decoration: none;
	}
	
		#footer a:hover {
			text-decoration: underline;
		}

	.footer-item {
		float: left;
		width: 230px;
		text-align: left;
	}
	
		.footer-item img.ssl {
			margin-top: 12px;
		}
		
.footer-logo {
	clear: both;
	margin: 0 auto;
	width: 200px;
}
	
#footer-wrap {
	width: 920px;
	clear: both;
	margin: 0 auto;
}
	
/*		live search
----------------------------*/	

#resultaten {	
	background-color:white;
	border-left:1px solid #d0c1d0;
	border-right:1px solid #d0c1d0;
	border-top:1px solid #d0c1d0;
	position:absolute;
	top:30px;
	right: 54px;
	width:285px !important;
	z-index: 10000;
}

	#resultaten ul {
		margin: 0;
		list-style: none;
		z-index: 9999;
	}
	
		#resultaten ul li {
			height: 95px;
			border-bottom:1px solid #ccc;
			padding: 10px;
			overflow: hidden;
		}
		
			#resultaten ul li.smallil {
				height: 20px;
				margin: 0;
			}
			
				#resultaten ul li.small a {
					height: 20px;
				}
		
			#resultaten ul li a table,
			#resultaten ul li a img {
				float: left;
			}
			
			#resultaten ul li a table {
				width: 200px;
			}
			
			#resultaten ul li a p {
				float: left;
			}

/*		Producten Pagina
------------------------------------------------*/

#breadcrumb {
	margin-bottom: 5px;
	width: 580px; /* moet eigenlijk 600px zijn! */
	_width: 585px; /* moet eigenlijk 600px zijn! */
	float: left;
	border: 1px solid #d0c1d0;
	padding: 5px;
	background-color: #fff;
}

#product-crossselling {
	overflow: auto;
	padding: 0;
}

.product_overzicht_blok {
	border: 1px solid #895982;
	width: 260px;
	margin: 7px;
	float: left;
	height: 110px;
	background-color: #fff;
	padding: 5px;
	position: relative;
	overflow: auto;
}

	.product_overzicht_blok img {
		margin-right: 10px;
	}
	
	.product_overzicht_blok a {
		text-decoration: none;
	}
	
		.product_overzicht_blok a h2 {
			color: #895982;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
		}
		
		.product_overzicht_blok span.prijs {
			font-size: 30px;
			color: #660066;
			position: absolute;
			bottom: 0px;
			right: 10px;
		}
		
		.product_overzicht_blok span.prijs-oud {
			font-size: 14px;
			color: #660066;
			position: absolute;
			font-weight: bold;
			bottom: 12px;
			left: 90px;
			text-decoration: line-through;
		}
		
		.product_overzicht_blok span.prijs-korting span.centen {
			font-size: 20px;
			position: absolute;
			top: 5px;
		}
		
		.product_overzicht_blok span.prijs-korting {
			font-size: 30px;
			color: #660066;
			position: absolute;
			bottom: 0px;
			right: 40px;
		}
		
		.product_overzicht_blok span.prijs span.centen {
			font-size: 20px;
			position: absolute;
			top: 5px;
		}
		
		.product_overzicht_blok div.synopsis {
			height: 80px;
			overflow: hidden;
			position: relative;
		}
		
.product_overzicht_blok:hover {
	background-color: #d0c1d0;
}	

/*		Subgenres box
------------------------------------------------*/

#subgenres-box {
	overflow: auto;
	width: 580px;
	clear: both;
}

	#subgenres-box ul {
		list-style: none
	}
	
		#subgenres-box ul li {
			float: left;
			width: 115px;
			padding-left: 10px;
			color: #fff;
			height: 30px;
			line-height: 30px;
			margin: 5px;
			background-color: #865b86;
		}
		
			#subgenres-box ul li.last {
				border:0;
			}
			
			#subgenres-box ul li.active {
				font-weight: bold;
				background-color: #652366;
			}
			
			#subgenres-box ul li a {
				color: #fff;
				text-decoration: none;
			}
			

/*		Filter box
------------------------------------------------*/

#filter-box {
	border: 1px solid #865b86;
	overflow: auto;
	margin-left: 7px;
	margin-right: 15px;
	padding: 5px;
	clear: both;
	margin-top: 5px;
	_margin-left: 13px;
	height: 20px;
	width: 545px;
	overflow: hidden;
}

	#filter-box p {
		float: left;
	}
	
	#filter-box ul {
		list-style: none;
		float: left;
	}
	
		#filter-box ul li {
			float: left;
			margin-right: 15px;
		}
			
/*		Product pagina
------------------------------------------------*/

#product {
	overflow: auto;
	padding: 5px;
	position: relative;
}

	.volgendproduct {
		float: right;
	}

	#product-top {
		clear: both;
		overflow: hidden;
		position: relative;
	}
	
	#product-top .picon {
			position: absolute;
			left:93px;
			z-index: 800000;
			bottom: 60px;
		}

	#product-image {
		float: left;
		width: 200px;
	}
	
	#product-gegevens {
		float: left;
		width: 350px;
	}
	
	#product-prijs {
		font-size: 53px;
		font-weight: bold;
		color: #660066;
		width: 150px;
		padding: 0;
		height: 75px;
		float: left;
		position: relative;
	}
	
		#product-prijs span {
			font-size: 25px;
			position: absolute;
			top: 10px;
		}
		
	#product-prijs-old {
		font-size: 20px;
		font-weight: bold;
		color: #660066;
		width: 150px;
		padding: 0;
		height: 75px;
		float: left;
		text-decoration: line-through;
		position: relative;
	}
	
		#product-prijs-old span {
			font-size: 12px;
			position: absolute;
			text-decoration: line-through;
			top: 0px;
		}
		
		
		
	.synopsis .product-in-winkelwagen {
		position: absolute;
		right: 0;
		top: 43px;
	}
	
	.synopsis {
		width: 180px;
		display: block;
		position: relative;
	}
	
	.kassakoopje_blok:hover > .kassakoopje-bestel {
		background: #fff url('/images/winkelwagen_over.png') no-repeat right top;
	}
	
	.kassakoopje-bestel {
		line-height: 30px;
		height: 30px;
		color: #fff;
		width: 140px;
		display: block;
		background: #fff url('/images/winkelwagen.png') no-repeat right top;
		position: absolute;
		right: 0;
		top: 54px;
	}
	
		.kassakoopje-bestel a {
			color: #fff;
			text-decoration: none;
			padding-left: 15px;
		}
	
	.product-in-winkelwagen,
	#product-in-winkelwagen {
		line-height: 30px;
		height: 30px;
		float: right;
		color: #fff;
		width: 140px;
		vertical-align: middle;
		background: #fff url('/images/winkelwagen.png') no-repeat right top;
	}
	
		#product-in-winkelwagen img {
		}	
		
		.product-in-winkelwagen a,
		#product-in-winkelwagen a {
			color: #fff;
			text-decoration: none;
			padding-left: 15px;
			width: 140px;
			height: 30px;
		}
		
	.winkelwagen-table tr td {
		border-bottom: 1px solid #d1d1d1;
	}
	
	.winkelwagen-last td {
		border: 0 !important;
	}
	
	.winkelwagenstap {
		height: 55px;
		width: 106px;
		text-align: center;
		color: #fff;
		line-height: 55px;
		background-color: #844184;
		float: left;
		margin-right: 10px;
	}
	
		.winkelwagenstap.active {
			background-color: #651365;
		}
	
#trailer {
	clear: both;
	margin: 0 auto;
	text-align: center;
}

#showtrailer {
	cursor: pointer;
}

#product-extra-gegevens {
	clear: both;
	float: left;
	margin-top:5px;
	margin-bottom:5px;
	overflow: hidden;
}
	
	.product-extra-gegevens-box {
		width: 170px;
		border-right: 1px solid #D0C1D0;
		padding: 5px;
		float: left;
		height: 70px;
	}
	
	.product-extra-gegevens-box.last {
		border: 0;
	}
	
		.product-extra-gegevens-box table tr td {
			vertical-align: top;
		}

#product-last {
	overflow: auto;
	clear: both;
	height: 80px;
}
			
/*		Product reviews
------------------------------------------------*/

.product-review {
	overflow: auto;
	margin-bottom: 10px;
}

	.product-review .product-review-gegevens {
		font-weight: bold;
		float: left;
		min-height: 100px;
		margin-right: 10px;
		text-align: center;
		width: 130px;
	}
	
	.product-review .product-review-tekst {
		float: left;
		min-height: 100px;
		width:350px;
		padding-left: 10px;
	}
	
.ster {
	background:transparent url('/images/star.gif') no-repeat scroll 0 0;
	height: 16px;
	width: 16px;
	float: left;
}

	
.ster-vol {
	background:transparent url('/images/star.gif') no-repeat scroll 0 -32px;
	height: 16px;
	width: 16px;
	float: left;
}

.ster-red {
	background:transparent url('/images/star.gif') no-repeat scroll 0 -16px;
	height: 16px;
	width: 16px;
	float: left;
}

			
/*		Product review rating
------------------------------------------------*/

	div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
	div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px}
	div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
	div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
	div.star-rating-on a{background-position:0 -16px!important}
	div.star-rating-hover a{background-position:0 -32px}
	div.star-rating-readonly a{cursor:default !important}
	div.star-rating{background:transparent!important;overflow:hidden!important}
	
			
/*		Bestellen
------------------------------------------------*/

#bestellen-inloggen,
#bestellen-factuuradres {
	float: left;
	width: 275px;
	padding-right: 10px;
	border-right: 1px solid #cecece;
}

#bestellen-bezorgadres,
#bestellen-nieuweklant {
	float: left;
	width: 275px;
	padding-left: 10px;
}

/*		Pagination
------------------------------------------------*/

.pagination {
	overflow: auto;
	text-align: center;
	margin: 0 auto;
	width: 410px;
}

	.pagination ul {
		list-style: none;
		margin: 0 auto;
		clear: both;
	}
	
		.pagination ul li {
			float: left;
			width: 20px;
			overflow: auto;
			line-height: 20px;
			background-color: #ae91ac;
			height: 20px;
			margin-right: 1px;
		}
		
		.pagination ul li.next,
		.pagination ul li.prev,
		.pagination ul li.prev-fake {
			width: 70px;
		}
		
		.pagination ul li.prev-fake {
			background-color: #fff;
		}

.pagination a {
	min-width: 30px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	margin:0;
}

.pagination ul li.active {
	background-color: #660067;
	color: #fff;
}

	.pagination ul li.active a {
		color: #fff;
	}
	
/*		Contact form
------------------------------------------------*/

#contact-form {
	border-right: 1px solid #efefef;
	float: left;
	width: 480px;
}

#contact-gegevens {
	width: 200px;
	float: left;
	padding-left: 40px;
}

	#contact-gegevens address {
		font-style: normal;
	}