/* alle standaard instellingen van de browser opheffen */
* {
	padding:0;
	margin:0;
}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
fieldset {border: none;}
a img { border:none }
address { font-style:normal }
img { vertical-align: bottom;}

body {
	font-family: georgia, arial, serif;
	text-align: center;
	margin-bottom: 20px;
	background: url(../img/back_header.gif) repeat-x left top;
}
	body.intro {
		background-image: none;
	}

div.container {
	position: relative;
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
	body.intro div.container {
		width: 600px;
	}
div.header {
	height: 160px;
	position: relative;
}
		body.intro div.header {
			display: none;
		}
	img.logo {
		position: absolute;
		bottom: 18px;
		right: 0px;
	}
		body.intro img.logo {
			display: none;
		}
	img.slogan {
		position: absolute;
		bottom: 18px;
	}

ul#kruimelpad {
	list-style: none;
	margin: 0px;
	padding: 0.3em 0px 0px 0px;
}	
	ul#kruimelpad li {
		float: left;
		font-size: 0.6em;
		font-family: verdana, arial, sans-serif;
		margin: 0px 4px 0px 0px;
	}	

div.contentcontainer {
	padding: 0px 0px 1em 0px;
}

	div.content {
		float: left;
		width: 630px;
		color: #653d33;
		margin-right: 75px;
	}
			body.intro div.content {
				width: 600px;
				margin-right: 0px;
			}
		h1 {
			font-family: verdana, arial, sans-serif;
			font-size: 1.6em;
			font-weight: normal;
			line-height: 130%;
			padding: 25px 0px 0px 0px;
			margin-bottom: 10px;
			color: #955845;
		}
			body.intro h1 {
				font-size: 1em;
				height: auto;
				min-height: 10px;
			}
		h2 {
			font-size: 1.2em;
			font-weight: normal;
			padding: 1.2em 0px 0.3em 0px;
			margin: 0px 0px 0.3em 0px;
			color: #955845;
			font-family: verdana, arial, sans-serif;
			border-bottom: 1px solid #955845;
		}
		h3 {
			font-size: 1em;
			font-weight: normal;
			padding: 1em 0px 0.1em 0px;
			color: #955845;
			font-family: verdana, arial, sans-serif;
		}
			h3 a {
				text-decoration: none;
			}
				h3 a:hover {
					text-decoration: underline;
				}
		p, ul, ol {
			margin-bottom: 1em;
		}
		p {
			font-size: 0.75em;
			line-height: 180%;
			padding: 0px 0px 0px 0px;
		}
			p.tools {
				position: absolute;
				right: 0px;
				margin-top: 10px;
			}
				p.tools a {
					text-decoration: none;
				}
				body.intro p.tools {
					display: none;
				}
			p.terug {
				margin-top: -2.2em;
				font-size: 0.67em;
			}

		a {
			color: #955845;
		}
			a:hover {
				text-decoration: none;
			}
		div.content ul {
			padding: 0px 0px 0px 28px;
			list-style: disc;
		}
		div.content ol {
			padding: 0px 40px 0px 28px;
			list-style-type: decimal;
		}
			ul li, ol li {
				font-size: 0.75em;
				line-height: 150%;
				margin-bottom: 0.3em;
			}
				li li {
					font-size: 1em;
				}
		div#map {
			margin: 0px 0px 0px 40px;
			color: #000000;
		}
			h3.map {
				clear: both;
			}
		div.content ul.bedrijvenmenu {
			clear: left;
			list-style: none;
		}
			div.content ul.bedrijvenmenu li {
				float: left;
				margin-right: 10px;
				font-size: 0.7em;
			}
		div.vraagcta {
			background-color: #fdda86;
			padding: 0px 10px 10px 10px;
		}
		div.content ul.socialbookmarks {
			list-style: none;
			margin: 0px auto;
			padding: 8px 0px 10px 0px;
			height: 20px;
			float: left;
		}
			div.content ul.socialbookmarks li {
				float: left;
				height: 20px;
				list-style: none;
				margin: 0px 10px 10px 0px;
			} 
					div.content ul.socialbookmarks li.first { clear: left; }
				div.content ul.socialbookmarks li a {
					display:block;
					height: 20px;
					width: 16px;
					text-decoration: none;
					overflow: hidden;
				}
					div.content ul.socialbookmarks li.facebook a { width: 115px; }
					div.content ul.socialbookmarks li.google a { width: 60px; }
					div.content ul.socialbookmarks li.twitter a { width: 100px; }
							

		div.sticky {
			position: relative;
			width: 200px;
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
			min-height: 100px;
			height: auto;
			border: 1px solid #e18f53;
		}
			div.sticky h3 {
				font-family: arial, verdana, sans-serif;
				font-size: 12px;
				font-weight: bold;
				text-decoration: underline;
			 	padding: 1px 1px 2px 2px;
				margin: 0px 0px 0px 0px;
				color: #ffffff;
				background-color: #955845;
			}
			div.sticky p {
				padding: 0px;
				margin: 5px 5px 5px 5px;
				font-size: 70%;
			}

		div.sticky2 {
			position: relative;
			float: left;
			width: 200px;
			margin-bottom: 20px;
			min-height: 100px;
			height: auto;
			border: 1px solid #e18f53;
		}
			div.sticky2 h3 {
				font-family: arial, verdana, sans-serif;
				font-size: 12px;
				font-weight: bold;
				text-decoration: underline;
			 	padding: 1px 1px 2px 2px;
				margin: 0px 0px 0px 0px;
				color: #ffffff;
				background-color: #955845;
			}
			div.sticky2 p {
				padding: 0px;
				margin: 5px 5px 5px 5px;
				font-size: 70%;
			}

		div.nieuwsbericht {
			margin-bottom: 1.5em;
		}
			div.nieuwsbericht p {
				margin-bottom: 0px;
			}
		div.intro {}
			div.intro p {
				font-weight: bold;
			}
		
	div.google {
		width: 160px;
		margin: 71px 20px 0px 00px;
		float: left;
	}	
		
		
	div.menu {
		margin-top: 66px;
		float: left;
		width: 255px;
	}
			body.intro div.menu {
				display: none;
			}
		div.menu ul {
			margin-top: 3px;
			margin-left: 20px;
		}
			div.menu ul li {
				min-height: 22px;
			}
				div.menu ul li.hier {
				}
				div.menu ul li a {	
					padding: 0px 0px 0px 20px;
					min-height: 22px;
					line-height: 22px;
					display: block;
					color: #955845;
					text-decoration: none;
					background-color: #fdda86;
				}
				div.menu ul li.hier a, div.menu ul li a:hover {	
					background-color: #e18f53;
				}
			div.menu ul li ul li {
				background: none;
				font-size: 1em;
				min-height: 18px;
			}
					div.menu ul li.hier ul li a, div.menu ul li ul li.hier a {
						background-image: none;
					}
				div.menu ul li ul li a {	
					padding: 0px 0px 0px 20px;
					min-height: 22px;
					line-height: 22px;
					color: #955845;
				}
					div.menu ul li ul li.hier a, div.menu ul li ul li a:hover {	
						color: #000000;
					}
				div.menu ul li.open a {
					background-color: #e18f53;
					color: #ffffff;
				}

div#waardescan_formulier {
	background-color: #FDDA86;
	padding: 10px;
	margin: 0px 0px 1em 0px;
	width: 200px;
}
	div#waardescan_formulier form {}
		div#waardescan_formulier form input {
			margin: 0px 0px 0.7em 0px;
			width: 194px;
			color: #666666
		}
		div#waardescan_formulier form input[type="submit"] {
			height: 26px;
		} 

div.affiliate {
	width: 235px;
	text-align: left;
	margin: 0px 0px 40px 20px;
	border: 1px solid #E18F53;
}
	div.affiliate h2 {
		background-color: #E18F53;
		color: #ffffff;
		font-size: 0.8em;
		font-weight: bold;
		font-family: georgia, arial, serif;
		padding: 0.5em 20px 0.5em 20px;
		margin-bottom: 0.5em;
	}
	div.affiliate h3 {
		font-weight: bold;
		font-family: georgia, arial, serif;
		font-size: 0.7em;
		padding: 0px 20px 0px 20px;
	}
	div.affiliate p {
		font-size: 0.7em;
		padding: 0px 20px 0px 20px;
	}
	div.affiliate small {
		font-size: 0.6em;
		float: right;
		color: #666666;
	}
div.banner {
	width: 235px;
	text-align: center;
	margin: 0px 0px 40px 20px;
}

div.footer {
	margin-top: 30px;
	text-align: center;
}
	div.footer a {
		color: #955845;
	}

div.uitgelicht {
	float: right;
	clear: right;
	width: 250px;
	margin: 1.5em -50px 0px 10px;
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #fdda86;
}
	div.uitgelicht h3 {
		padding: 5px 0px 0px 0px;
		font-weight: bold;
	}
	div.uitgelicht ul {
		padding-left: 0px;
		margin-left: 0px;
`	} 
		div.uitgelicht ul li {
			list-style: none;
		} 	
form {}
		form#cse-search-box {
			margin-bottom: 1em;
			padding: 0.5em;
			background-color: #fdda86;
		}
		body.home form#cse-search-box {
			float: right;
			clear: right;
			width: 250px;
			margin: 1.5em -50px 0px 0px;
		}
		form.reageer {
			border-top: 1px solid #545454; 
			background-color: #fdda86;
		}
			form.reageer p {
				padding: 0px 0px 20px 40px;
			}
		form.vraag {
			clear:both;
			border-top: 1px solid #545454; 
			background-color: #fdda86;
		}
			form.vraag p {
				padding: 0px 0px 20px 40px;
			}
			form.vraag fieldset p {
				padding: 0px;
			}
			form.vraag div.twitter div div {
				float: left;
				font-size: 100%;
				width: 540px;
			}
				form.vraag div.twitter div div p {
					margin-bottom: 0px;
				}
			div.expertantwoord {
				background-color: #FDDA86;
				padding: 10px;
			}
			
	fieldset {
		text-align: left;
		margin: 0px 20px 1em 0px;
	}
			form.vraag fieldset {
				margin-left: 40px;
			}
		legend {
			font-size: 120%;
			font-weight: bold;
			padding: 1em 0px 1em 0px;
		}
		label {
			font-size: 0.7em;
			margin-top: 0.3em;
			display: block; 
			font-weight: bold;
			padding: 0.3em 0px 0px 0px;	
		}
		input {
			border: 1px solid #545454;
			width: 400px;
			line-height: 1.4em;
			height: 1.4em;
		}
			.radiolist input,
			.checkboxfield input {
				width: 15px;
				margin-right: 6px;
			}
			input.date_day,
			input.date_month {
				width: 30px;
			}
			input.date_year {
				width: 60px;
			}
		body.home #cse-search-box input[type=text] {
			width: 200px;
			height: auto;
			margin-bottom: 0px;
		}
		
		#cse-search-box input[type=submit] {
			width: 80px;
			height: 26px;
			margin-bottom: -2px;
		}
		
		textarea {
			border: 1px solid #545454;
			width: 400px;
			line-height: 1.4em;
		}
		.error input,
		.error textarea {
			border: 1px solid #cc0000;
		}
		.error span, .error p, span.error {
			display: block;
			color: #cc0000;
			font-size: 0.7em;
			margin-bottom: 0.4em;
		}				
		span.uitleg {
			display: block;
			color: #333333;
			font-size: 0.63em;
			font-style: italic;
			margin: 0px 0px 0.3em 0px;
		}

div.moneybox {
	margin: -6px -40px 10px 40px;
	border: 1px solid #E18F53;
	position: relative;
}
	div.moneybox h3 {
		font-size: 0.8em;
		padding: 0.5em 10px;	
		color: #ffffff;
		background-color: #E18F53;
	}
div.moneybox_bedrijven {
	padding: 10px 0px 10px 40px;
}
	
div.moneybox_koppelingen {
	position: absolute;
	bottom: 0px;
}
div.moneybox_inline {
	margin: 0px 10px 0px 0px;
}

.footer-wrapper {
	clear: both;
	border-top: 1px solid #955845;
	margin-top: 20px;
	padding-top: 8px;
}

	.footer-wrapper ul.bedrijvenmenu li {
		float: left;
		display: inline;
		margin-right: 4em;
	}

/* overige classes */
.floatright {
	float: right;	
}

.screenreader {
	display: none;
}

div.clearer {
	clear: both;
	padding-bottom: 0.5em;
}

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