/* Alle styles voor de content */

/* Home */
#homeInleiding {
	margin: 20px 0 0 0;
}

	#homeInleidingTxt h1 {
		margin: 75px 0 20px 0;
	}
	
	#homeInleidingTxt p {
		color: #5c2e91;
	}

/* Tekstpagina */
#kop {
	margin: 75px 0 0 0;
}

	#kop p {
		color: #5c2e91;
	}
	
	#kop span {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.4em;
		font-weight: bold;
	}
	
	#kop img {
		margin: 0 10px 10px 0;
	}
	
#inleiding {
	width: 438px;
	margin: 0 0 15px 0;
	overflow: visible;
}

	#inleiding p {
		color: #5c2e91;
	}
	
	#inleiding span {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.4em;
		font-weight: bold;
	}

	#inleiding h2 {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.4em;
		font-weight: bold;
	}
	
	#inleiding img {
		margin: 0 10px 10px 0;
	}

.txtBlock {
	width: 438px;
	overflow: hidden;
	clear: left;
	
}

	.txtBlock span {
		color: #5c2e91 ;
		font-weight: bold;
	}
	
	.txtBlock img.logo {
		margin: 0 0 10px 10px;
	}
	
	#merkTxt {
		width: 278px;
		float: left;
	}

	#merkLogo {
		width: 150px;
		margin: 0 0 0 10px;
		text-align: right;
		float: left;
	}
	
	#containerBtn {
		width: 438px;
		margin: 20px 0;
		border-top: #bbaad2 1px solid;
		overflow: hidden;
	}
	
	#containerBtnNews {
		width: 438px;
		margin: -20px 0 0 0;
		overflow: hidden;
	}
	
		#searchBtn {
			width: 75px;
			height: 19px;
			margin: 0 0 0 10px;
			background: url(../img/content/navigatie/bgBtn.gif) repeat-x left top;
			overflow: hidden;
		}
		
			#btnBack {
				width: 75px;
				height: 19px;
				background: url(../img/content/navigatie/btn.gif) no-repeat left top;
				float: left;
			}
			
				#btnBack a {
					display: block;
					padding: 3px 15px 4px 29px;
					background: url(../img/content/navigatie/arrowBack.gif) no-repeat 15px 5px;
					color: #fff;
					font-weight: bold;
					text-decoration: none;
				}
				
				#btnBack a:hover {
					color: #5c2e91;
				}
				
/* News */
#latestNews {
	width: 438px;
	margin: 20px 0;
	overflow: hidden;
}

	#latestNews p {
		display: block;
		padding: 0 0 2px 0;
		/*color: #5c2e91;
		font-size: 1.4em;
		font-weight: bold;
		border-bottom: #bbaad2 1px solid;*/
	}
	
	.latestNews {
		width: 214px;
		margin: 10px 0 0 0;
		overflow: hidden;
		float: left;
	}
	
	.lt {
		margin: 10px 10px 0 0;
	}
	
		.latestNewsImg {
			width: 214px;
			height: 150px;
			margin: 0 0 10px 0;
			overflow: hidden;
		}
		
		.latestNewsHead h2 {
			display: block;
			margin: 0 0 10px 0;
			color: #5c2e91;
			font-size: 1.4em;
			font-weight: bold;
		}
		
		.latestNewsHead a, .latestNewsHead a:hover {
			text-decoration: none;
		}
		
		.latestNewsTxt {
			width: 214px;
			overflow: hidden;
		}

	/* News block */
	.newsBlock {
		width: 438px;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: #bbaad2 1px solid;
		overflow: hidden;
	}
	
		.newsBlock h2 {
			display: block;
			color: #5c2e91;
			font-size: 1.4em;
			font-weight: bold;
		}
		
		.newsBlock a, .newsBlock a:hover {
			text-decoration: none;
		}
		
		#btnArchive {
			width: 75px;
			height: 19px;
			background: url(../img/content/navigatie/btn.gif) no-repeat left top;
			float: left;
		}
		
			#btnArchive a {
				display: block;
				padding: 3px 15px 4px 17px;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			
			#btnArchive a:hover {
				color: #5c2e91;
			}
	
	/* News message */
	#newsBtns {
		width: 160px;
		height: 19px;
		margin: 0 0 0 10px;
		background: url(../img/content/navigatie/bgBtn.gif) repeat-x left top;
		overflow: hidden;
	}
	
		#newsBtnsLt {
			width: 75px;
			height: 19px;
			background: url(../img/content/navigatie/btnLt.gif) no-repeat left top;
			float: left;
		}
		
			#newsBtnsLt a {
				display: block;
				padding: 3px 15px 4px 29px;
				background: url(../img/content/navigatie/arrowBack.gif) no-repeat 15px 5px;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			
			#newsBtnsLt a:hover {
				color: #5c2e91;
			}
		
		#newsBtnsDivider {
			width: 10px;
			height: 19px;
			text-align: center;
			float: left;
		}
		
			#newsBtnsDivider p {
				padding: 3px 0 0 0;
				color: #5c2e91;
			}
		
		#newsBtnsRt {
			width: 75px;
			height: 19px;
			background: url(../img/content/navigatie/btnRt.gif) no-repeat right top;
			float: left;
		}
		
			#newsBtnsRt a {
				display: block;
				padding: 3px 15px 4px 15px;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			
			#newsBtnsRt a:hover {
				color: #5c2e91;
			}

/* Verkooplocaties */
#searchPostcode {
	width: 438px;
	height: 25px;
	margin: 0 0 15px 0;
	border-bottom: #bbaad2 1px solid;
}

	#searchPostcode div {
		float: left;
	}
	
	#searchPostcode p {
		padding: 2px 0 0 0;
	}
	
#searchResults {
	width: 438px;
	margin: 20px 0 0 0;
}

	#searchResults p {
		color: #5c2e91;
		font-weight: bold;
	}
	
	.searchResult {
		width: 438px;
		margin: 15px 0 0 0;
	}
	
		.searchResult span {
			color: #5c2e91;
		}

/* Productoverzicht */
#prodOverz {
	width: 438px;
	margin: 20px 0;
	padding: 10px 0 0 0;
	border-top: #bbaad2 1px solid;
	overflow: hidden;
}

	#prodOverz p {
		display: block;
		margin: 0 0 15px 0;
		color: #5c2e91;
		font-size: 1.4em;
		font-weight: bold;
	}
	
	.prod, .prodArtsen {
		width: 205px;
		margin: 10px 0 0 0;
		padding: 0 0 5px 0;
		border-bottom: #bbaad2 1px solid;
		overflow: hidden;
		float: left;
	}
	.prod {
		height: 47px;
	}
	.prodArtsen {
		height: 85px;
	}
	
	.even {
		margin: 10px 0 0 28px;
	}
	
		.prod a, .prodArtsen a {
			/*padding: 0 13px 0 0;
			background: url(../img/content/navigatie/arrowFwd.gif) no-repeat 100% 80%;*/
			color: #5c2e91;
			font-size: 1.1em;
			font-weight: bold;
			text-decoration: none;
		}
		
		.prod a:hover, .prodArtsen a:hover {
			color: #bbaad2;
		}

/* Product info */
.prodInfo {
	margin: 0 0 10px 0;
}

#infoBtns {
	width: 206px;
	height: 19px;
	margin: 0 0 0 10px;
	background: url(../img/content/navigatie/bgBtn.gif) repeat-x left top;
	overflow: hidden;
	display: inline;
}

	#infoBtnsLt {
		width: 75px;
		height: 19px;
		background: url(../img/content/navigatie/btnLt.gif) no-repeat left top;
		float: left;
	}
	
		#infoBtnsLt a {
			display: block;
			padding: 3px 15px 4px 29px;
			background: url(../img/content/navigatie/arrowBack.gif) no-repeat 15px 5px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#infoBtnsLt a:hover {
			color: #5c2e91;
		}
	
	#infoBtnsDivider {
		width: 10px;
		height: 19px;
		text-align: center;
		float: left;
	}
	
		#infoBtnsDivider p {
			padding: 3px 0 0 0;
			color: #5c2e91;
		}
	
	#infoBtnsRt {
		width: 121px;
		height: 19px;
		background: url(../img/content/navigatie/btnRt.gif) no-repeat right top;
		float: left;
	}
	
		#infoBtnsRt a {
			display: block;
			padding: 3px 15px 4px 15px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#infoBtnsRt a:hover {
			color: #5c2e91;
		}

#infoBtnsArtsen {
	width: 302px;
	height: 19px;
	margin: 0 0 0 10px;
	background: url(../img/content/navigatie/bgBtn.gif) repeat-x left top;
	overflow: hidden;
	float: left;
	display: inline;
}

	#infoBtnsArtsenLt {
		width: 75px;
		height: 19px;
		background: url(../img/content/navigatie/btnLt.gif) no-repeat left top;
		float: left;
	}
	
		#infoBtnsArtsenLt a {
			display: block;
			padding: 3px 15px 4px 29px;
			background: url(../img/content/navigatie/arrowBack.gif) no-repeat 15px 5px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#infoBtnsArtsenLt a:hover {
			color: #5c2e91;
		}
	
	.infoBtnsDividerArtsen {
		width: 10px;
		height: 19px;
		text-align: center;
		float: left;
	}
	
		.infoBtnsDividerArtsen p {
			padding: 3px 0 0 0;
			color: #5c2e91;
		}
	
	#infoBtnsArtsenCt {
		width: 121px;
		height: 19px;
		float: left;
	}
	
		#infoBtnsArtsenCt a {
			display: block;
			padding: 3px 15px 4px 15px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#infoBtnsArtsenCt a:hover {
			color: #5c2e91;
		}
	
	#infoBtnsArtsenRt {
		width: 86px;
		height: 19px;
		background: url(../img/content/navigatie/btnRt.gif) no-repeat right top;
		float: left;
	}
	
		#infoBtnsArtsenRt a {
			display: block;
			padding: 3px 15px 4px 15px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#infoBtnsArtsenRt a:hover {
			color: #5c2e91;
		}

#bestellenBtn {
	width: 101px;
	height: 19px;
	margin: 0 0 0 25px;
	background: url(../img/content/navigatie/btnBestellen.gif) no-repeat left top;
	overflow: hidden;
	float: left;
	display: inline;
}

	#bestellenBtn a {
		display: block;
		padding: 3px 0 4px 15px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	#bestellenBtn a:hover {
		color: #000;
	}

#kkoOverz {
	width: 438px;
	margin: 45px 0 15px 0;
	overflow: hidden;
}

	#kkoOverz p {
		display: block;
		margin: 0 0 10px 0;
		color: #5c2e91;
		font-size: 1.4em;
		font-weight: bold;
	}
		
/* Form */
#containerForm {
	width: 438px;
	margin: 20px 0 10px 0;
	overflow: hidden;
}

	.formRadio {
		width: 238px;
		margin: 0 0 0 130px;
	}
	
	.formFactuur {
		width: 438px;
	}
	
	.formTxt {
		width: 438px;
	}
	
		.formVerplicht {
			width: 15px;
			height: 16px;
			text-align: left;
			float: left;
		}
		
			.formVerplicht p {
				padding: 2px 0 0 0;
			}
	
	.form_betaalmethode, .form_akkoord {
		width: 200px;
		background: #ff0000;
		padding: 4px 0;
		float: left;
	}

/* Zoekresultaten */
.searchHead {
	width: 438px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

	.searchHead p {
		display: block;
		padding: 0 0 2px 0;
		color: #5c2e91;
		font-size: 2em;
		font-weight: bold;
		border-bottom: #bbaad2 1px solid;
	}
		
.searchBlock {
	width: 438px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: #bbaad2 1px solid;
	overflow: hidden;
}

	.searchBlock h2 {
		display: block;
		color: #5c2e91;
		font-size: 1.4em;
		font-weight: bold;
	}
	
	.searchBlock a, .searchBlock a:hover {
		text-decoration: none;
	}

/* Sitemap & 404 */
#sitemap404 {
	width: 438px;
	overflow: hidden;
}

	#sitemap404 p {
		display: block;
		padding: 0 0 5px 0;
		border-bottom: #bbaad2 1px solid;
		color: #5c2e91;
		font-size: 1.4em;
		font-weight: bold;
	}
	
	.sitemap404Column {
		width: 205px;
		line-height: 1.6em;
		overflow: hidden;
		float: left;
	}
	
		.sitemap404Column span {
			margin: 0 0 0 10px;
		}
	
	.rechts {
		margin: 0 0 0 28px;
	}

/* Winkelwagen */
.containerProdWw {
	width: 438px;
	margin: 0 0 15px 0;
	display: block;
}

	.aantal {
		width: 438px;
		height: 26px;
		margin: 0 0 10px 0;
		background: #5b2d8f;
	}
	
		.aantal div {
			height: 26px;
			float: left;
		}
		
			.aantal div p {
				margin: 7px 0 0 0;
				color: #fff;
			}
	
	.prodWw {
		width: 438px;
		margin: 0 0 10px 0;
		display: block;
		overflow: hidden;
	}
	
		.prodWwImg {
			width: 100px;
			text-align: center;
			float: left;
		}
		
		.prodWwDescrip {
			width: 258px;
			float: left;
		}
		
			.prodWwDescrip p {
				display: block;
				color: #5b2d8f;
				font-weight: bold;
			}
		
		.prodWwPrice {
			width: 175px;
			margin: 0 5px 0 0;
			color: #5c2e91;
			font-size: 1.4em;
			font-weight: bold;
			text-align: right;			
			float: left;							 		
		}
	
	.containerVerwijderBtn {
		width: 438px;
		border-top: #bbaad2 1px solid;
		clear: left;
	}
	
		.verwijderBtn {
			width: 100px;
			height: 19px;
			margin: 0 0 0 338px;
			background: url(../img/content/navigatie/bgBtn.gif) repeat-x left top;
			overflow: hidden;
		}
			
			.verwijderBtn a {
				display: block;
				padding: 3px 15px 4px 15px;
				background: url(../img/content/navigatie/btnVerwijderen.gif) no-repeat left top;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			
			.verwijderBtn a:hover {
				color: #5c2e91;
			}

#containerTotaalbedrag {
	width: 438px;
	margin: 0 0 15px 0;
	display: block;
}

	#totaalbedragHead {
		width: 438px;
		height: 26px;
		background: #5b2d8f;
	}
	
		#totaalbedragHead p {
			padding: 7px 0 0 5px;
			color: #fff;
		}
	
	#totaalbedrag {
		width: 438px;
		height: 55px;
		background: #ece7f2;
	}
	
		#totaalbedragTxt {
			width: 358px;
			height: 55px;
			float: left;
		}
		
			#totaalbedragTxt p {
				padding: 20px 0 0 5px;
			}
		
		#totaalbedragPrice {
			width: 80px;
			height: 55px;
			text-align: right;
			float: left;
		}
		
			#totaalbedragPrice p {
				padding: 15px 5px 0 0;
				color: #5c2e91;
				font-size: 1.7em;
				font-weight: bold;
			}
	
	#plaatsenBtn {
		width: 131px;
		height: 19px;
		margin: 0 0 0 307px;
		background: url(../img/content/navigatie/btnPlaatsen.gif) no-repeat left top;
		overflow: hidden;
		float: left;
		display: inline;
	}
	
		#plaatsenBtn a {
			display: block;
			padding: 3px 0 4px 12px;
			color: #fff; 
			font-weight: bold;
			text-decoration: none;
		}
		
		#plaatsenBtn a:hover {
			color: #000;
		}

#containerBetaalmethodeBtn {
	width: 438px;
	margin: 10px 0 0 0;
	border-top: #bbaad2 1px solid;
}

	#betaalmethodeBtn {
		width: 110px;
		height: 19px;
		margin: 0 0 0 328px;
		background: url(../img/content/navigatie/btnBetaalmethode.gif) no-repeat left top;
		overflow: hidden;
		float: left;
		display: inline;
	}
	
		#betaalmethodeBtn a {
			display: block;
			padding: 3px 0 4px 12px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#betaalmethodeBtn a:hover {
			color: #000;
		}

#containerVerzendenBtn {
	width: 438px;
	margin: 10px 0 0 0;
	border-top: #bbaad2 1px solid;
}

	#verzendenBtn {
		width: 141px;
		height: 19px;
		margin: 0 0 0 297px;
		background: url(../img/content/navigatie/btnVerzenden.gif) no-repeat left top;
		overflow: hidden;
		float: left;
		display: inline;
	}
	
		#verzendenBtn a {
			display: block;
			padding: 3px 0 4px 12px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#verzendenBtn a:hover {
			color: #000;
		}

	#formHead {
		width: 438px;
		height: 26px;
		background: #5b2d8f;
	}
	
		#formHead p {
			padding: 7px 0 0 5px;
			color: #fff;
		}

