body {
	font-family: arial, verdana, tahoma;
	font-size: 14px;
}
div.wrapper {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0px auto;
}
div.header {
	margin-bottom: 15px;
	background-color: #ffe44e;
	width: 980px;
}
	div.header img {
		vertical-align: bottom;
	}

/* Menu */
div.menubalk {
	background-color: #000000;
	height: 31px;
	width: 980px;
}
	ul.menu {
		padding: 8px 0px 0px 78px;
		line-height: 1.0em;
		background-color: #000000;
	}
		ul.menu li {
			float: left;
			margin-right: 65px;
			text-transform: lowercase;
		}
			ul.menu li a {
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
				font-size: 1.2em;
			}
				ul.menu li a:hover,
				ul.menu li.hier a {
					color: #ffe44e;
				}
		ul.menu li.hier {
		}
			ul.menu li.hier a {
			}
		ul.menu li.open {
		}
			ul.menu li.open a {
				color: #ffe44e;
			}
				ul.menu li.open li {
				}
					ul.menu li.open li a {
					}

	ul.taalswitch {
		position: absolute;
		right: 50px;
	}
		ul.taalswitch li {
			margin: 5px 0px 0px 5px;
			float: left;
		}
			ul.taalswitch li a:hover img,
			ul.taalswitch li.hier img {
				border: 1px solid #ffffff;
				margin: -1px;
			}

/* submenu */
	div.menulinks {
		float: left;
	}
		ul.submenu {

		}
		ul.submenu li {
			margin-bottom: 10px;
		}
			ul.submenu li a {
				display: block;
				height: 30px;
				width: 174px;
				font-weight: bold;
				text-decoration: none;
				color: #ffffff;
				background-color: #000000;
				padding-left: 20px;
			}
			li.open ul.submenu li a {
			}
				li.open ul.submenu li.hier,
				li.open ul.submenu li:hover {
				}
					li.open ul.submenu li a:hover {
					}

/* kruimelpad */
ul#kruimelpad {
	margin-top: 3px;
}
	ul#kruimelpad li {
		float: left;
		margin-left: 4px;
	}
		ul#kruimelpad li a {
			color: #000000;
		}
			ul#kruimelpad li a:hover {
				text-decoration: none;
			}
		ul#kruimelpad li.last a {
			text-decoration: none;
		}
			ul#kruimelpad li.last a:hover {
				text-decoration: underline;
			}


/* Headings */
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

/* Content */
div.contentcontainer {
	position: relative;
	padding: 0px 50px 0px 50px;
	line-height: 2em;
}
	div.contentcontainer#groen ul.submenu li.hier a,
	div.contentcontainer#groen ul.submenu li a:hover,
	div.contentcontainer#groen ul.categorielijst li a,
	div.contentcontainer#groen div.titelbalk {
		background-color: #48A942;
	}
	div.contentcontainer#groen div.content a {
		color: #48A942;
	}

	div.contentcontainer#oranje ul.submenu li.hier a,
	div.contentcontainer#oranje ul.submenu li a:hover,
	div.contentcontainer#oranje ul.categorielijst li a,
	div.contentcontainer#oranje div.titelbalk {
		background-color: #fbb03f;
	}
	div.contentcontainer#oranje div.content a {
		color: #fbb03f;
	}
		div.contentcontainer#oranje div.content h2.verkooppunten a {
			text-decoration: none;
			color: #000000;
		}

	div.contentcontainer#rood ul.submenu li.hier a,
	div.contentcontainer#rood ul.submenu li a:hover,
	div.contentcontainer#rood ul.categorielijst li a,
	div.contentcontainer#rood div.titelbalk {
		background-color: #ed1c24;
	}
	div.contentcontainer#rood div.content a {
		color: #ed1c24;
	}

	div.contentcontainer#bruin ul.submenu li.hier a,
	div.contentcontainer#bruin ul.submenu li a:hover,
	div.contentcontainer#bruin ul.categorielijst li a,
	div.contentcontainer#bruin div.titelbalk {
		background-color: #ab710a;
	}
	div.contentcontainer#bruin div.content a {
		color: #ab710a;
	}

	div.contentcontainer#blauw ul.submenu li.hier a,
	div.contentcontainer#blauw ul.submenu li a:hover,
	div.contentcontainer#blauw ul.categorielijst li a,
	div.contentcontainer#blauw div.titelbalk {
		background-color: #5261ac;
	}
	div.contentcontainer#blauw div.content a {
		color: #5261ac;
	}


	div.spacer {
		height: 116px;
		width: 880px;
		float: left;
	}
		div.spacer#cpage {
			height: 64px;
		}
		div.spacer img {
			margin-top: 64px;
		}
	div.intro {
		font-weight: bold;
		font-size: 1.4em;
	}
		div.link div.intro p {
			line-height: 1.62em;
		}

	div.links {
		float: left;
		width: 500px;
	}
		div.links p {
			margin-bottom: 0.6em;
		}
	div.rechts {
		float: right;
	}
		div.rechts img {
			border: 2px solid #000000;
			margin-bottom: 67px;
		}
	div.titelbalk {
		clear: both;
		min-height: 30px;
		height: auto;
		width: 880px;
		margin-bottom: 5px;
	}
		div.titelbalk h2 {
			color: #ffffff;
			padding: 2px 0px 0px 20px;
			font-size: 1.2em;
			float: left;
		}
		div.titelbalk a.backlink {
			float: right;
			padding-right: 20px;
			color: #ffffff;
		}
			a.backlink:hover {
				text-decoration: none;
			}
		div.contenttitel {
			clear: none;
			float: right;
			height: 30px;
			width: 666px;
			margin-bottom: 10px;
		}
	div.content {
		float: right;
		padding: 0px 20px 20px 40px;
		width: 626px;
	}
		div.content p {
			margin-bottom: 1em;
		}
		div.content img.product {
			max-height: 250px;
		}
		div.contentcontainer a {
			text-decoration: underline;
			color: #48A942;
		}
			div.contentcontainer a:hover {
				text-decoration: none;
			}
			div.content a.pdflink {
				text-decoration: none;
			}
				div.content a.pdflink img {
					margin-bottom: -6px;
				}
		div.content ul {
			list-style-type: disc;
		}
			div.content ul li {
				margin-left: 40px;
				padding-left: 30px;
			}
					body.sitemap div.content ul li {
						margin-left: 14px;
						padding-left: 10px;
						line-height: 140%;
					}
				div.content ul li a {
				}
				div.content ul li ul {
				}
					div.content ul li ul li {
					}

		div.content ol {
		}
			div.content ol li {
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
					}
		table {
		}
			tr {
			}
				td {
				}

		ul.assortilijst li {
			margin-left: 40px;
			padding-left: 30px;
			position: relative;
			width: 556px;
		}
			ul.assortilijst li a {
				position: absolute;
				right: 0px;
			}

		div.content ul.verkooppuntlijst li {
			list-style-type: none;
			margin-left: 0px;
			padding: 0px;
		}
		div.content ul.adreslijst {
			margin: 1em 0px 1em 0px;
		}
			div.content ul.adreslijst li {
				list-style-type: none;
				margin: 0px;
				padding: 0px;
			}

	div.productcontainer {
		position: relative;
		clear: left;
		margin: 0px 0px 24px 0px;
		padding-bottom: 0px;
	}
		div.productklein {
			width: 435px;
			float: left;
			margin: 0px 5px 0px 0px;
		}	
			div.productklein div.productintro {
				background: url(../img/back_producthome.gif) repeat-y left top;
			}
				div.productklein div.imagecontainer {
					background-color: #ffffff;
				}
					div.productklein div.imagecontainer img {
						max-height: 217px;
					}
			div.tweede {
				margin-right: 0px;
				float: right;
			}
			div.productnaam {
				height: 20px;
				border-bottom: 5px solid #ffffff;
			}
				div.productnaam h3 {
					color: #ffffff;
					font-size: 0.9em;
					line-height: 1.6em;
					padding-left: 20px;
				}
					div.productnaam h3 a {
						color: #ffffff;
						text-decoration: none;
					}
						div.productnaam h3 a:hover {
							color: #ffffff;
							text-decoration: underline;
						}
			div.productintro {
				background-color: #cccccc;
			}
				div.productintro p {
					line-height: 1.6em;
					padding: 6px 50px 6px 20px;
					font-size: 0.9em;
				}

	a.pijltje {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-indent: -999em;
		background: url(../img/pijltjewit.gif) no-repeat top left;
	}
		a#omhoog {
			background: url(../img/pijltje_omhoog_wit.gif) no-repeat top left;
			float: right;
			clear: right;
		}
		a.pijltje:hover, a#omhoog:hover {
			background-position: bottom left;
		}
		.categorielijst a.pijltje {
			position: absolute;
			right: 0px;
			bottom: 0px;
			width: auto;
			margin-bottom: 0px;
			background-color: none;
		}
		div.productklein a.pijltje {
			background-image: url(../img/pijltjegrijs.gif);
			position: absolute;
			bottom: 10px;
			right: 450px;
		}
			div.tweede a.pijltje {
				right: 4px;
			}

	div.verticalassortiment {
		width: 171px;
		float: left;
		margin-right: 6px;
		position: relative;
	}
		div#laatste {
			margin-right: 0px;
		}
		div.verticalassortiment p {
			font-size: 0.9em;
			line-height: 1.5em;
			padding: 5px 0px 0px 18px;
		}
		div.verticalassortiment img {
			float: left;
		}
		div.verticalassortiment a {
			float: right;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
			div.verticalassortiment a.introlink {
				position: relative;
				float: none;
				color: #000000;	
				text-decoration: none;
			}
				div.verticalassortiment a.introlink:hover {
					text-decoration: underline;
				}
		div.categorienaam {
			height: 20px;
			margin-bottom: 6px;
			text-transform: lowercase;
		}
			div.categorienaam h4 {
				float: right;
				line-height: 1.2em;
				padding-right: 5px;
				font-size: 1.1em;
			}
			img.logoklein2 {
				horizontal-align: left;
			}

	ul.categorielijst {
		float: right;
		width: 666px;
		margin-bottom: 10px;
	}
		ul.categorielijst li {
			position: relative;
		}
		ul.categorielijst li a {
			padding: 0px 0px 0px 20px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			font-size: 1.1em;
			display: block;
			width: 646px;
			height: 21px;
			line-height: 1.4em;
			margin-bottom: 5px;
		}
			ul.categorielijst li a:hover {
				text-decoration: underline;
			}
		ul.categorielijst p {
			background-color: #cccccc;
			padding: 2px 20px 2px 20px;
			line-height: 1.3em;
			font-size: 0.9em;
			margin-bottom: 5px;
		}

/* Kleuren */
.blauw { background-color: #5261ac; }
.rood { background-color: #ed1c24; }
.bruin {	background-color: #ab710a; }
.groen { background-color: #48a942; }
.oranje { background-color: #fbb03f; }
.zwart { background-color: #000000; }

/* Formulier*/
form {
	float: right;
	padding: 0px 20px 20px 10px;
	margin: 0px 0px 10px 30px;
	width: 606px;
	background-color: #ffebcd;
}
	form legend {
		font-weight: bold;
		font-size: 120%;
		margin-left: 160px;
	}
	form div {
		margin-bottom: 6px;
	}
		form div.error span,
		form div.error label {
			color: #ff0000;
		}
			form div.error input,
			form div.error textarea {
				border-color: #ff0000;
			}

		form div span {
			display: block;
			padding-left: 190px;
		}
			form div.humanityfield span {
				clear: left;
			}
	form fieldset {
		padding: 20px 20px 0px 20px;
	}
		form fieldset label {
			display: block;
			float: left;
			width: 170px;
			text-align: right;
			font-weight: bold;
		}
			label em {
				font-style: italic;
				font-weight: normal;
				font-size: 80%;
			}
		form fieldset input,
		form fieldset textarea {
			margin-left: 20px;
			border: 2px solid #fbb03f;
			padding: 2px 2px 2px 2px;
			background-color: #ffffff;
			width: 300px;
		}
		form fieldset img {
			margin-left: 20px;
			padding: 2px 2px 2px 2px;
			background-color: #ffffff;
			border: 2px solid #fbb03f;
			vertical-align: bottom;
		}
			div.humanityfield input {
				position: relative;
				width: 140px;
				margin: 5px 0px 0px 190px;
				float: left;
			}
		form fieldset textarea {
			height: 150px;
		}
		form p button {
			padding: 6px;
		}
	form p {
		margin-top: 10px;
		padding-left: 210px;
	}
	div.systemfeedback_error {
		border: 1px solid #ff0000;
		color: #ff0000;
		margin: 0px 0px 1em -9px;
	}
		div.systemfeedback_error p {
			padding: 10px 10px 10px 10px;
			margin: 0px;
		}


form.postcodezoekveld {
	width: auto;
	background-color: #cccccc;
	height: 30px;
	margin: 0px;
	padding: 7px 15px 7px 15px;
	float: right;
}
	form.postcodezoekveld fieldset {
		padding: 0px;
		float: left;
	}
		form.postcodezoekveld label {
			text-align: left;
			width: auto;
			font-weight: normal;
		}
		form.postcodezoekveld input {
			width: 70px;
			border: 2px solid #48A942;
		}
		
	form.postcodezoekveld p {
		padding: 0;
		margin: 5px;
		float: left;
		
	}
		form.postcodezoekveld p button {
			padding: 0px;
			margin: 0px;
			color: #48A942;
			border:0 none;
			background-color: transparent;
			text-decoration: underline;
			float: right;	
			cursor:pointer;
		}


/* Footer */

div.footer-wrapper {
	width: 980px;
	height: 30px;
	clear: both;
	font-size: 0.9em;
	padding: 30px 0px 30px 0px;
}
	div.footer {
		text-align: center;
	}
		div.footer a {
			color: #000000;
			text-decoration: none;
		}
			div.footer a:hover,
			div.footer a.hier {
				text-decoration: underline;
			}

/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.titelbalk:after,
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}