/* Proloog ------------------------------------- 

	Project: Vilans AllesToegankelijk.nl
	Auteur: Jeroen Hulscher 
	Datum start: 26 oktober 2009
	Datum einde: 3 december
	
	Inhoud:
	- Resets
	- Definition styles
	- Standard styles
	- jQuery styles
	
*/

/* Resets ------------------------------------- */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}

body {
background: #ffffff url(../images/bg.png) repeat-x left top;
font-family: "Helvetica Neue", "Arial", sans-serif;
font-size: 0.625em;
color: #364249;
}  

/* Sticky Footer fix */
html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -12em; /* the bottom margin is the negative value of the footer's height */
width: 96em;
z-index: 2;
}

#footer, #push {
height: 12em; /* .push must be the same height as .footer */
}

#footer {
width: 96em;
margin: auto;
}

#footerContent {
border-top: 0.2em solid #364249;
padding-top: 1em;
}


/* Definitions ------------------------------ */

a {
color: #0180a9;
}


a.skipLink {
position: absolute;
left: -999em;
top: 13em;
z-index: 100;
display: block;
padding: 0.1em 0.2em;
background: #FFF;
color: #006;
line-height: 1em;
text-decoration: none;
}
	
a.skipLink:focus {
left: 0em;
color: #0180a9;
text-decoration: underline;
}

p {
}

h1 {
font-size: 4em;
margin-top: 0.375em;
margin-bottom: 1em;
}

h1 span {
background: #e0f3b7;
}

#homeIntroductie p {
font-size: 3em;
font-weight: bold;
line-height: 1.66em;
margin-top: 0em;
font-family: "Helvetica Neue Bold", "Helvetica", "Arial", sans-serif;
width: 23em;
}

h2 {
font-size: 2.5em;
line-height: 1.25em;
}

.contentKolom h2 {
font-size: 2em;
margin-bottom: 0.25em;
}

.kolom h2 {
margin-bottom: 0.47em;
}

.relatedContent h2 {
font-size: 2em;
}

#contentMenu h2 {
font-size: 1.5em;
margin-top: 2em;
}

.voorbeeld h2 {
font-size: 1.4em;
line-height: 1.3em;
margin: 0.2em 0em;
}

	.voorbeeld h2 a {
	color: #364249;
	text-decoration: none;
	}
	
		.voorbeeld h2 a img {
		position: relative;
		top: 0.15em;
		}
		
		.voorbeeld h2 a:hover {
		color: #0180a9;
		text-decoration: underline;
		}
		
.vraagTitel h2 {
font-size: 1.8em;
line-height: 1.4em;
font-family: "Georgia", serif;
font-style: italic;
font-weight: bold;
background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
padding-bottom: 1.3em;
margin-bottom: 0.4em;
}

h2 span {
background: #e0f3b7;
}

.errorPages h1 {
margin-bottom: 0em !important;
}

.errorPages h2 {
font-size: 15em;
margin-top: 0em !important;
padding: 0em !important;
line-height: 1.2em;
}

h3.laatstToegevoegd {
font-size: 1em;
background: url(../images/h3LastAdded.png) repeat-x left 0.1em;
margin: 2.5em 0em 2em 0em;
}

h3.laatstToegevoegd span {
text-transform: uppercase;
background: #ffffff;
padding: 0em 0.5em;
margin-left: 1.5em;
}

.relatedContent h3 {
font-size: 1.5em;
line-height: 1.3em;
margin-top: 1em;
padding-bottom: 0.5em;
background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
}

.vraagToelichting h3 {
font-size: 1.6em;
margin-bottom: 0.9em;
}

	.vraagToelichting h3 span {
	background: #e0f3b7;
	}

.contentKolom h3 {
font-size: 1.4em;
margin-bottom: 1.3em;
}
	
.reactieBlock h4 {
font-size: 1.4em;
margin-bottom: 1.2em;
}

	.reactieBlock h4 span {
	background: #e0f3b7;
	}


#logo {
position: absolute;
margin: 2em 0em 0em -48em;
width: 96em;
z-index: 1;
top: 0em;
left: 50%;
}

	#mainMenu {
	position: absolute;
	top: 17em;
	left: 50%;
	margin-left: -48em;
	width: 96em;
	height: 7.5em;
	border-bottom: 0.5em solid #364249;
	padding-bottom: 1.5em;
	z-index: 200;
	}
	
	#mainMenu ul {
	background: url(../images/verticalDotsLarge.png) repeat-y left top;
	height: 7.5em;
	width: 96em;
	overflow: hidden;
	}
	
		#mainMenu li {
		height: 7.5em;
		list-style: none;
		float: left;
		display: block;
		background: url(../images/verticalDotsLarge.png) repeat-y right top;
		}
		
			#mainMenu li a {
			color: #364249;
			font-weight: bold;
			text-decoration: none;
			display: block;
			padding: 0em 3em 0em 2.1em;
			background: url(../images/mainMenuLink.png) no-repeat 98% top;
			height: 7.5em;
			}
			
				#mainMenu li a:hover { 
				color: #0180a9;
				}
		
		.fiveItems li {
		width: 19.2em;
		}
		
			.fiveItems li a span {
			font-size: 2em;
			line-height: 1em;
			}
			
		.sixItems li {
		width: 16em;
		}
		
		.sixItems li a {
		padding-left: 1.1em !important;
		background-position: 98% 0.2em !important;
		}
		
			.sixItems li a span {
			font-size: 1.7em;
			line-height: 1.2em;
			}
		
	
	
	#header {
	position: absolute;
	left: 50%;
	top: 0em;
	width: 96em;
	margin-left: -48em;
	}
	
		#search {
		position: absolute;
		z-index: 4;
		right: 0em;
		top: 3em;
		height: 2.5em;
		width: 37.3em;
		padding: 1.2em 1.2em 1.3em 1.5em;
		border-top: 1em solid #c1e76f;
		background: #e0f3b7;
		}
		
		#search label {
		font-size: 1.4em;
		font-weight: bold;
		margin-right: 0.3em;
		}
		
			input#mainSearch {
			width: 12.36em;
			font-size: 1.1em;
			padding: 0.45em 1em 0.4em 2.72em;
			border: 0.1em solid #9aa0a4;
			border-right: none;
			background: #ffffff url(../images/mainSearchBg.png) no-repeat left top;
			color: #364249;
			font-family: "Arial", "Verdana", sans-serif;
			font-weight: bold;
			}
			
			#standardSubmit {
			width: 5.54em;
			height: 2.27em;
			padding: 0em !important;
			background: url(../images/mainSearchButton.png) no-repeat left top;
			border: none;
			color: #ffffff;
			text-align: center;
			font-family: "Helvetica Neue", "Arial", sans-serif;
			font-size: 1.1em;
			position: absolute;
			right: 1.5em;
			top: 1.1em;
			cursor: pointer;
			}
			
				#standardSubmit:hover {
				background: url(../images/mainSearchButtonHover.png) no-repeat left top;
				}
	
		#metaMenu {
		position: absolute;
		right: 0em;
		top: 0em;
		height: 3em;
		width: 55em;
		}
		
		#metaMenu ul {
		float: right;
		}
		
			#metaMenu li {
			float: left;
			text-transform: uppercase;
			list-style: none;
			line-height: 3em;
			margin-right: 1.2em;
			}
			
				#metaMenu li a {
				color: #364249;
				font-weight: bold;
				}
				
					#metaMenu li a:hover {
					color: #0180a9;
					}
					
					#metaMenu li span {
					display: none;
					}
				
				.tekstKlein {
				font-size: 80%;
				}
				
				.tekstGroot {
				font-size: 120%;
				}
				
				#leesVoor {
				background: url(../images/leesVoor.png) no-repeat left 0.75em;
				padding-left: 1.8em;
				margin-left: 0.2em;
				}
				
				#tekstGroottes {
				line-height: 2.8em !important;
				margin-right: 0em !important;
				}
				
					#tekstGroottes a {
					text-decoration: none;
					}
				
				
		
	#content {
	margin-top: 26.5em;
	width: 96em;
	margin-bottom: 2em;
	}
	
		#homeIntroductie {
		height: 28.4em;
		padding-top: 1.5em;
		border-bottom: 0.1em solid #364249;
		background: url(../images/homeIntroductieBg.png) repeat left top;
		position: relative;
		margin-bottom: 1em;
		}
		
		#homeIntroductie p {
		position: relative;
		z-index: 11;
		}
			
			#homeIntroductie p a {
			padding-left: 1em; 
			background: url(../images/dartLarge.png) no-repeat left 0.2em;
			color: #0180a9;
			}
			
				#homeIntroductie p a:hover {
				color: #364249;
				}
		
		#homeIllustratie {
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 100%;
		text-align: right;
		left: 0em;
		top: 0em;
		background: url(../images/tempHome.png) no-repeat right top;
		}
		
		.kolomContainer {
		height: auto;
		width: 96em;
		}
		
		.kolomHoogteFix {
		overflow: hidden;
		}
		
		.kolom {
		width: 30em;
		float: left;
		margin-bottom: -100em; 
		padding-bottom: 100em;
		display: block;
		}
		
			.kolomRuimte {
			width: 3em;
			background: url(../images/verticalDots.png) repeat-y left top;
			margin-bottom: -100em; 
			padding-bottom: 100em;
			float: left;
			display: block;
			min-height: 5em;
			height: auto !important;
			height: 5em;
			}
			
			.introTekst {
			font-weight: bold;
			font-size: 1.6em;
			line-height: 1.56em;
			}
			
			.kolom li {
			list-style: none;
			}
			
			
	/* HoverItems -------------------- */
	
	.hoverItem {
	display: block;
	position: relative;
	padding-bottom: 1em;
	padding-top: 1em;
	background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
	/*cursor: pointer;*/
	width: 100%;
	}
	
		.itemImage {
		float: left;
		display: block;
		width: 9em;
		}
	
		.itemContent {
		float: left;
		display: block;
		width: 20em;
		line-height: 1.5em;
		}
			
			.itemContent h4 {
			font-size: 1.2em;
			font-weight: bold;
			}
			
			.itemContent h4 a {
			color: #364249;
			}
			
			p.auteur {
			font-size: 1.2em;
			
			margin-top: 0.41em;
			}
		
		.itemReacties {
		position: absolute;
		right: 0em;
		top: 1em;
		width: 2.4em;
		height: 2em;
		padding: 0.1em 0em 0em 0.1em;
		background: url(../images/itemReactiesBg.png) no-repeat left top;
		text-align: center;
		font-weight: bold;
		}
			
			.itemReacties a {
			color: #fff;
			text-decoration: none;
			}
			
				.itemReacties a:hover {
				text-decoration: underline;
				}
	#broodkruimel {
	position:absolute;
	left:0;
	top:10em;
	}
		#broodkruimel li a {
		background:url("../images/kruimelpadSmall.png") no-repeat scroll left 0.2em transparent !important;
		}
		
	.itemVraag {
	display: block;
	padding: 1em;
	padding-bottom: 2em;
	text-align: center;
	background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
	}
				
	h4.vraag {
	font-family: "Georgia", serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin-top: 0.66em;
	}
	
	.vraag a {
	color: #364249;
	text-decoration: none;
	}
	
		.vraag a:hover {
		text-decoration: underline;
		}
	
	.vraagContent {
	margin: auto;
	}
	
	.vraagAuteur {
	display: inline;
	}
	
	.vraagAuteur p {
	font-size: 1.2em;
	display: inline;
	}
	
	.vraagAuteur span {
	background: #e0f3b7;
	padding: 0.3em;
	font-weight: bold;
	}
	
		.vraagReacties {
		display: inline;
		position: relative;
		top: -0.5em;
		}
			
			.vraagReacties a {
			line-height: 2em;
			padding: 0.2em 1em 0.7em 1em;
			background: url(../images/itemReactiesBg.png) no-repeat center top;
			text-align: center;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			
			}
			
				.vraagReacties a:hover {
				text-decoration: underline;
				}
	
	.itemOneven,
	.hoverItemHovered {
	background-color: #ebeced;
	}
	
	/* Contentpages ------------------- */
	
	#contentMenu {
	width: 27em;
	float: left;
	margin-top: 1em;
	}
	
	#contentMenu li {
	list-style: none;
	}
	
		#kruimelpad {
		margin-bottom: 1.4em;
		}
		
		#kruimelpad li a {
		color: #364249;
		background: #e0f3b7 url(../images/dartGreen.png) no-repeat 9.28em 0.4em;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding-right: 1.5em;
		}
		
		#kruimelpad li {
		font-size: 2.5em;
		}
		
			li#kruimelpadHome {
			padding-left: 1em !important;
			font-size: 1.2em !important;
			background: url(../images/kruimelpadSmall.png) no-repeat left 0.2em !important;
			margin-bottom: 0.6em;
			}
			
			li#kruimelpadHome a {
			background: none;
			}
			
		#categorieen {
		width: 24em;
		}
		
			#categorieen li {
			line-height: 2.6em;
			padding-bottom: 0.1em;
			background: #fff url(../images/horizontalDotsAverage.png) repeat-x left bottom;
			display: block;
			}
			
				#categorieen li a {
				font-size: 1.6em;
				color: #364249;
				padding-left: 1.25em;
				font-weight: bold;
				text-decoration: none;
				display: block;
				background: #ffffff url(../images/categorieen.png) no-repeat 0.2em top;
				}
				
					#categorieen li a:hover {
					background: #f3f4f4 url(../images/categorieenHover.png) no-repeat 0.35em top;
					color: #0180a9;
					}
					
					#categorieen li a.active {
					color: #fff;
					background: #0180a9 url(../images/categorieenActive.png) no-repeat 14.06em top;
					}
		
		.tagList {
		margin-top: 1.5em;
		width: 20em;
		}
		
			.tagList li {
			text-transform: uppercase;
			line-height: 1.7em;
			padding: 0.4em 0em 0.4em;
			}
			
				.tagList li a {
				display: block;
				padding-left: 1.8em;
				font-size: 1.2em;
				background: url(../images/tagLarge.png) no-repeat left 0.1em;
				color: #364249;
				font-weight: bold;
				}
				
					.tagList li a:hover {
					color: #0180a9;
					}
	
	#contentContainer {
	width: 69em;
	float: right;
	position: relative;
	}
	
	#contentContainer.searchResults {
	width: 96em !important;
	float: none !important;
	padding-top: 0.1em;  
	}
	
	#contentContainer.errorPages {
	width: 96em !important;
	float: none !important;
	padding-top: 0.1em;  
	}
	
	.errorPages p {
	font-size: 1.4em;
	}
	
	.vragenLijst li {
	list-style: none;
	}
	
		.blockVraag {
		width: 56.9em;
		background: url(../images/vraagBlockDots.png) repeat left top;
		padding: 0.1em 0.1em 0em 0.1em;
		margin-bottom: 2em;
		position: relative;
		}
		
		.vraagReactiesGroot {
		background: url(../images/vraagReacties.png) no-repeat left top;
		width: 9.3em;
		height: 3.1em;
		position: absolute;
		top: -1em;
		right: -1.3em;
		}
		
			.vraagReactiesGroot a {
			text-align: center;
			font-size: 1.8em;
			font-weight: bold;
			color: #ffffff;
			display: block;
			line-height: 1.4em;
			padding-left: 0.1em;
			text-decoration: none;
			}
			
			.vraagReactiesGroot a span {
			font-size: 0.6em;
			position: relative;
			top: -0.2em;
			}
			
				.vraagReactiesGroot  a:hover {
				text-decoration: underline;
				}
				
		.vraagReageer {
		width: 6.9em;
		height: 2em;
		position: absolute;
		right: -1.3em;
		top: 2.4em;
		}
		
		.vraagReageer a {
		display: block;
		background: url(../images/vraagReageer.png) no-repeat left top;
		color: #ffffff;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		height: 100%;
		width: 100%;
		line-height: 2em;
		}
		
			.vraagReageer a:hover {
			background: url(../images/vraagReageerHover.png) no-repeat left top;
			}
	
		.vraagTitel {
		background: #f3f4f4 url(../images/horizontalDotsAverage.png) repeat-x -0.1em bottom;
		padding: 2.5em 8em 1em 3em;
		width: 45.8em;
		}
		
			.vraagBlockAuteur {
			float: left;
			display: block;
			color: #364249;
			padding-left: 3.3em;
			background: url(../images/vraagAuteurBg.png) no-repeat left top;
			margin: 0.5em 5em 0em 0em;
			font-weight: bold;
			min-height: 3em;
			}
			
				.vraagBlockAuteur p {
				font-size: 1.2em;
				line-height: 1.2em;
				}
			
				.vraagBlockAuteur span {
				background: none;
				padding: 0em !important;
				font-weight: normal !important;
				}
				
				cite {
				font-style: normal;
				}
			
			.vraagDatum {
			float: left;
			display: block;
			color: #364249;
			margin: 0.5em 0em 0em 0em;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 1.5em;
			min-height: 3em;
			}
			
				.vraagDatum p span {
				font-weight: normal !important;
				}
			
		.vraagToelichting {
		background: #ffffff url(../images/horizontalDotsAverage.png) repeat-x -0.1em bottom;
		padding: 2em 3em 2.5em 3em;
		margin-right: 0.2em;
		}
		
			.vraagToelichting p {
			font-size: 1.2em;
			line-height: 1.6em;
			}
		
			.vraagTags {
			margin-top: 2em;
			}
			
				.vraagTags li {
				list-style: none;
				float: left;
				margin-right: 1em;
				margin-bottom: 0.3em;
				}
				
					.vraagTags li a {
					display: block;
					padding-left: 2em;
					line-height: 2em;
					color: #364249;
					text-transform: uppercase;
					font-weight: bold;
					background: url(../images/tagLarge.png) no-repeat left 0.2em;
					}
					
					.vraagTags li a:hover {
					color: #0180a9;
					}
					
			.reactieBlock {
			padding-top: 1.5em;
			margin-top: 1.5em;
			background: #ffffff url(../images/horizontalDotsAverage.png) repeat-x left top;
			}
			
				.reactie {
				background: #ffffff url(../images/horizontalDotsAverage.png) repeat-x left bottom;
				padding-bottom: 1em;
				margin-bottom: 1em;
				}
			
				.reactie blockquote {
				padding: 0.8em;
				font-size: 1em;
				background: #f3f4f4;
				margin-bottom: 0.4em;
				}
				
					.reactie blockquote p {
					font-size: 1.2em;
					}
				
				.reactieAuteur {
				float: left;
				display: block;
				color: #364249;
				padding-left: 3.3em;
				background: url(../images/vraagAuteurWhiteBg.png) no-repeat left 0.2em;
				margin: 0.5em 5em 0em 0em;
				font-weight: bold;
				min-height: 3em;
				}
			
				.reactieAuteur p {
				font-size: 1.2em;
				line-height: 1.2em;
				}
			
				.reactieAuteur p span {
				background: none;
				padding: 0em !important;
				font-weight: normal !important;
				color: #364249;
				}
				
				.reactieDatum {
				float: left;
				display: block;
				color: #364249;
				margin: 0.6em 0em 0em 0em;
				text-transform: uppercase;
				font-weight: bold;
				}
				
				.reactieDatum p {
				line-height: 1.4em;
				font-size: 1em;
				}
				
				.reactieDatum span {
				font-weight: normal !important;
				color: #364249 !important;
				}
				
					
		.contentKolom {
		width: 57em;
		}
		
			.contentKolom p.introductieParagraaf {
			font-weight: bold;
			font-size: 1.6em;
			line-height: 1.6em;
			}
			
			.contentKolom p {
			font-size: 1.2em;
			line-height: 1.6em;
			padding-right: 5em;
			}
			
			.contentKolom ul,
			.contentKolom ol {
			margin: 1em 0em 1em;
			}
			
			.contentKolom ol {
			margin-left: 2em;
			}
			
				.contentKolom ul li {
				font-size: 1.2em;
				line-height: 1.4em;
				list-style: none;
				background: url(../images/dartAverage.png) no-repeat left 0.2em;
				padding: 0.2em 0em 0.2em 1.2em;
				}
				
				.contentKolom ol li {
				font-size: 1.2em;
				line-height: 1.4em;
				list-style-type: upper-roman;
				list-style-position: outside;
				padding: 0.2em 0em 0.2em 0em;
				}
				
				.contentKolom ul li a.pdf,
				.contentKolom ol li a.pdf {
				background: url(../images/pdfIcon.png) no-repeat right top;
				padding-right: 1.6em;
				}
				
			.contentKolom a:hover {
			color: #364249;
			}
			
			.contentKolom table {
			width: 50em;
			border-collapse: collapse;
			margin: 1em 0em;
			}
			
				.contentKolom th {
				line-height: 1.4em;
				font-size: 1.2em;
				background: #364249;
				color: #fff;
				font-weight: bold;
				padding: 0.2em 0.4em;
				text-align: left;
				}
				
				.contentKolom td {
				font-size: 1.2em;
				padding: 0.3em 0.4em;
				line-height: 1.4em;
				background: url(../images/horizontalDotsAverage.png) repeat-x right bottom;
				}
				
			.contentBlock {
			margin-top: 2em;
			background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
			padding-bottom: 3em;
			}
			
				.contentBlockLinks {
				width: 27em;
				float: left;
				}
				
				.contentBlockRechts {
				width: 27em;
				float: left;
				}
			
			.legendaVoorbeelden {
			width: 100%;
			display: block;
			height: 3em;
			margin-top: -3em;
			}
			
			.legendaVoorbeelden ul {
			float: right;
			margin-right: 1.8em;
			}
				
				.legendaVoorbeelden ul li {
				list-style: none;
				font-size: 1.2em;
				font-weight: bold;
				display: block;
				line-height: 1.3em;
				}
				
					.legendaVoorbeelden ul li.officieel {
					padding-left: 2.8em;
					background: url(../images/officieelIconSmall.png) no-repeat left top;
					line-height: 1.5em;
					}
					
		#voorbeelden li {
		list-style: none;
		display: block;
		position: relative;
		float: left;
		}
			
			.voorbeeld {
			display: block;
			width: 21em;
			background: url(../images/voorbeeldBg.png) no-repeat left top;
			padding: 0.1em 0em 0em 0.1em;
			position: relative;
			margin-right: 2em;
			margin-bottom: 3em;
			}
			
				.voorbeeld p {
				font-size: 1.2em;
				line-height: 1.25em;
				}
				
				.voorbeeld .officieelIcon {
				display: block;
				width: 5em;
				height: 3.2em;
				background: url(../images/officieelIcon.png) no-repeat left top;
				text-indent: -999em;
				position: absolute;
				right: -1.2em;
				top: -1em;
				}
				
				.lastVoorbeeld {
				margin-right: 0em;
				}
				
		#voorbeeldContent {
		width: 57em;
		}
		
				#largeImgVoorbeeld {
				float: left;
				width: 57.2em;
				height: 19.2em;
				background: url(../images/voorbeeldLargeImgBg.png) no-repeat left top;
				padding: 0.1em;
				margin-bottom: 1.6em;
				}
				
				#smallImgVoorbeelden {
				float: right;
				text-align: right;
				vertical-align: bottom;
				padding-top: 0.6em;
				}
				
					#smallImgVoorbeelden a {
					text-decoration: underline;
					color: #364249;
					font-weight: bold;
					margin-bottom: 0.3em;
					display: block;
					}
					
						#smallImgVoorbeelden a:hover {
						color: #0180a9;
						}
				
					.smallImgVoorbeeld {
					background: url(../images/voorbeeldSmallBg.png) no-repeat left top;
					padding: 0.1em 0.5em 0.5em 0.1em;
					}	
						
						.smallImgVoorbeeld img {
						width: 10.8em;
						height: 6.9em;
						}
				
			
		
			#voorbeeldContent h2 {
			font-size: 2em;
			margin-bottom: 0.5em;
			}
			
			#voorbeeldContent h3 {
			font-size: 1.2em;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 0.7em;
			}
		
			#voorbeeldContent p {
			padding-right: 6em;
			font-size: 1.2em;
			line-height: 1.6em;
			margin-bottom: 0.9em;
			}
			
				.voorbeeldInformatie {
				width: 100%;
				background: url(../images/horizontalDotsAverage.png) repeat left top;
				padding: 0.1em 0em 0.1em 0em;
				margin-bottom: 1em;
				}
					
					.voorbeeldInformatieContent {
					background: #fff;
					}
					
				.voorbeeldAuteur {
				float: left;
				display: block;
				color: #364249;
				padding-left: 3.3em;
				background: url(../images/vraagAuteurWhiteBg.png) no-repeat left 0.2em;
				margin: 0.5em 2em 0em 0em;
				font-weight: bold;
				min-height: 2.3em;
				}
			
				.voorbeeldAuteur p {
				line-height: 1.2em;
				font-size: 1.1em !important;
				}
			
				.voorbeeldAuteur span {
				background: none;
				font-weight: normal;
				padding: 0em !important;
				}
				
				.voorbeeldDatum {
				float: left;
				display: block;
				color: #364249;
				margin: 0.6em 0em 0em 0em;
				text-transform: uppercase;
				font-weight: bold;
				}
				
				.voorbeeldDatum p {
				line-height: 1em;
				font-size: 1em !important;
				}
				
					.voorbeeldDatum p span {
					font-weight: normal;
					}
				
		.paginering {
		text-align: right;
		padding-right: 2em;
		}
		
		.topLine {
		padding-top: 1.5em;
		background: url(../images/horizontalDotsAverage.png) repeat-x left top;
		}
			
			.paginering p {
			font-size: 1.5em !important;
			font-weight: bold;
			padding-right: 0em !important;
			}
			
			.vorigeKnop {
			float: left;
			width: 40%;
			text-align: left;
			}
			
			.volgendeKnop {
			float: right;
			width: 40%;
			text-align: right;
			}
	
	.relatedContent {
	border-top: 0.1em solid #364249;
	padding-top: 1em;
	margin-top: 2em;
	padding-bottom: 1em;
	}
	
		.relatedList {
		width: 23em;
		float: left;
		margin-right: 1em;
		}
		
			.relatedList ul {
			margin-top: 0.5em;
			}
			
			.relatedList li {
			background: url(../images/dartAverage.png) no-repeat left 0.2em;
			list-style: none;
			padding: 0.1em 0em 0.1em 1.5em;
			line-height: 1.8em;
			}
			
				.relatedList li a {
				font-size: 1.2em;
				color: #364249;
				font-weight: bold;
				display: block;
				}
	
					.relatedList li a:hover {
					color: #0180a9;
					}
	
	
	/* Formulieren -------------------- */
	
	.reactieFormulier {
	width: 45em;
	}
	
		.formulierFeedback {
		background: #f3f4f4;
		border: 0.1em solid #9b2e33;
		color: #9b2e33;
		padding: 1em;
		}
		
			.formulierFeedback p {
			font-weight: bold;
			font-size: 1.2em;
			}
			
			.formulierFeedback li {
			margin-left: 1.8em;
			font-weight: bold;
			font-size: 1.1em;
			}
			
			.verplicht {
			text-align: right;
			font-weight: bold;
			font-size: 0.95em;
			margin-bottom: 0.5em;
			}
			
			.verplichtNormal {
			font-size: 1.1em;
			}
			
				.verplicht span {
				color: #9b2e33;
				}
				
		.formDiv {
		padding: 1em 0em;
		background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
		position: relative;
		width: 100%;
		height: auto;
		}
		
			.formDiv label {
			font-size: 1.2em;
			font-weight: bold;
			width: 15.16em;
			display: block;
			float: left;
			padding-top: 0.25em;
			}
			
				.formDiv label span {
				color: #9b2e33;
				}
				
				.formDiv input {
				float: left;
				border: 0.1em solid #9aa0a4;
				font-family: "Helvetica neue", "Arial", sans-serif;
				padding: 0.3em 0.5em;
				color: #364249;
				font-weight: bold;
				width: 23.1em;
				font-size: 1.1em;
				}
				
				.formDiv textarea {
				float: left;
				border: 0.1em solid #9aa0a4;
				font-family: "Helvetica neue", "Arial", sans-serif;
				padding: 0.3em 0.5em;
				color: #364249;
				font-weight: bold;
				width: 23.1em;
				font-size: 1.1em;
				}
				
					.formDiv .formVoetnoot {
					display: block;
					font-size: 1.1em;
					margin-left: 16.75em;
					margin-top: 0.5em;
					line-height: 1.3em;
					}
					
					.formDiv .formVoetnootLinks {
					display: block;
					font-size: 1.1em;
					margin-left: 0.5em;
					margin-top: 0.5em;
					line-height: 1.3em;
					}
					
				.formError input,
				.formError textarea {
				border: 0.1em solid #9b2e33;
				}
				
				.checkboxError label {
				color: #a01010;
				}
				
				.checkboxList {
				margin: 0.5em 0em;
				}
				
				.checkboxList li {
				float: left;
				list-style: none;
				width: 15em;
				}
				
					.checkboxList li label,
					.checkboxList li input {
					width: auto !important;
					}
					
					.checkboxList li input {
					position: relative;
					left: 0em;
					top: -0.2em;
					width: 1.5em;
					margin-right: 0.4em;
					border: none;
					}
					
			.formLabel {
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 0.4em;
			}
			
			.formLabel span {
			color: #9b2e33;
			}
					
			.formulierUitleg {
			position: absolute;
			left: 50em;
			width: 19em;
			top: -0.1em;
			background: url(../images/horizontalDotsAverage.png) repeat-x left top;
			padding-top: 0.7em;
			}
			
				.formulierUitleg p {
				line-height: 1.4em;
				font-size: 1em;
				}
				
				.suggestieTekst {
				font-weight: bold;
				font-size: 1.1em;
				margin-top: 0.5em;
				}
				
					.suggestieTekst a:hover {
					color: #364249;
					}
					
	/* Zoekresultaten ----------------- */
	
	.zoekLegenda {
	display: block;
	position: absolute;
	right: 0px;
	top: 2em;
	width: 42em;
	height: 5em;
	}
	
		.zoekLegenda li {
		float: left;
		list-style: none;
		width: 13em;
		margin-bottom: 0.3em;
		}
		
			.zoekLegenda li a {
			font-size: 1.3em;
			display: block;
			padding-left: 2.3em;
			font-weight: bold;
			text-decoration: none;
			color: #364249;
			line-height: 1.5em;
			}
		
			.zoekLegenda li a.wetRegelIconSmall {
			background: url(../images/wetRegelIcon.png) no-repeat left 0.1em;
			}
			
			.zoekLegenda li a.voorbeeldIconSmall {
			background: url(../images/voorbeeldIcon.png) no-repeat left 0.1em;
			}
			
			.zoekLegenda li a.productDienstIconSmall {
			background: url(../images/productDienstIcon.png) no-repeat left 0.1em;
			}
			
			.zoekLegenda li a.tipChecklistIconSmall {
			background: url(../images/tipChecklistIcon.png) no-repeat left 0.1em;
			}
			
			.zoekLegenda li a.vraagIconSmall {
			background: url(../images/vraagIcon.png) no-repeat left 0.1em;
			}
			
				.zoekLegenda li a:hover {
				color: #0180a9;
				}
				
	#uitgebreidZoekFormulier {
	width: 93em;
	height: 2.7em;
	padding: 1.3em 1.5em;
	background: #f0f9db url(../images/horizontalDotsAverage.png) repeat-x left bottom;
	margin-bottom: 2em;
	position: relative;
	}
		
		#uitgebreidZoekFormulier label {
		font-size: 1.4em;
		font-weight: bold;
		margin-right: 0.5em;
		}
		
			input#uitgebreideZoek {
			width: 26em;
			font-size: 1.1em;
			padding: 0.45em 1em 0.4em 2.72em;
			border: 0.1em solid #9aa0a4;
			border-right: none;
			background: #ffffff url(../images/mainSearchBg.png) no-repeat left top;
			color: #364249;
			font-family: "Arial", "Verdana", sans-serif;
			font-weight: bold;
			}
			
			#uitgebreideZoekSubmit {
			width: 5.54em;
			height: 2.27em;
			padding: 0em !important;
			background: url(../images/mainSearchButton.png) no-repeat left top;
			border: none;
			color: #ffffff;
			text-align: center;
			font-family: "Helvetica Neue", "Arial", sans-serif;
			font-size: 1.1em;
			position: relative;
			left: -0.3em;
			cursor: pointer;
			}
			
				#uitgebreideZoekSubmit:hover {
				background: url(../images/mainSearchButtonHover.png) no-repeat left top;
				}
		
		#resultatenLijst li {
		background: url(../images/horizontalDotsAverage.png) repeat-x left bottom;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
		padding-left: 5em;
		list-style: none;
		position: relative;
		}
		
		.resultaatType {
		display: block;
		width: 3.6em;
		height: 3.2em;
		text-indent: -999em;
		position: absolute;
		left: 0em;
		top: 0em;
		}
		
			li.tipChecklistType .resultaatType {
			background: url(../images/tipCheckListIconLarge.png) no-repeat left top;
			}
			
			li.voorbeeldType .resultaatType {
			background: url(../images/voorbeeldIconLarge.png) no-repeat left top;
			}
			
			li.vraagType .resultaatType {
			background: url(../images/vraagIconLarge.png) no-repeat left top;
			}
			
			li.wetregelType .resultaatType {
			background: url(../images/wetregelIconLarge.png) no-repeat left top;
			}
			
			li.productdienstType .resultaatType {
			background: url(../images/productDienstIconLarge.png) no-repeat left top;
			}
			
		#resultatenLijst li h2 {
		font-size: 1.6em;
		margin-bottom: 1em;
		}
		
			#resultatenLijst li h2 a {
			color: #364249;
			}
		
		#resultatenLijst li p {
		font-size: 1.2em;
		line-height: 1.6em;
		width: 54.16em;
		}
		
			.resultaatTags {
			margin-top: 2em;
			}
			
				.resultaatTags li {
				list-style: none;
				float: left;
				margin-right: 1em;
				margin-bottom: 0.3em !important;
				background: none !important;
				padding-left: 0em !important;
				}
								
					.resultaatTags li a {
					display: block;
					padding-left: 2em;
					line-height: 2em;
					color: #364249;
					text-transform: uppercase;
					font-weight: bold;
					background: url(../images/tagLarge.png) no-repeat left 0.2em;
					}
					
					.resultaatTags li a:hover {
					color: #0180a9;
					}
					
		
					
	/* Footer ------------------------- */
	
	#metaInformation {
	float: left;
	width: 50em;
	}
	
			#metaInformation li {
			float: left;
			text-transform: uppercase;
			list-style: none;
			line-height: 2em;
			margin-right: 1.2em;
			}
			
				#metaInformation li a {
				color: #364249;
				font-weight: bold;
				}
				
					#metaInformation li a:hover {
					color: #0180a9;
					}
	
	#contact {
	width: 26.67em;
	float: right;
	padding-left: 1.33em;
	background: url(../images/verticalDotsLarge.png) repeat-y left top;
	font-size: 1.5em;
	font-weight: bold;
	}
	
	#contact p {
	line-height: 1.3em;
	}
	
	#contact ul {
	margin-top: 0.2em;
	}
	
	#contact li {
	list-style: none;
	padding-left: 1em; 
	background: url(../images/dartAverage.png) no-repeat left 0.2em;
	line-height: 1.5em;
	}
			
/* Standaard Links --------------------------- */

a.leesMeer {
padding-left: 0.8em; 
background: url(../images/dartAverage.png) no-repeat left 0.2em;
color: #0180a9;
}

a.leesMeerNormal {
padding-left: 1em; 
background: url(../images/dartAverage.png) no-repeat left top;
color: #0180a9;
font-weight: bold;
margin-left: 0.4em;
}

a.volgendePagina {
padding-left: 1em; 
background: url(../images/dartAverage.png) no-repeat left 0.15em;
color: #0180a9;
font-weight: bold;
margin-left: 0.4em;
}

a.vorigePagina {
padding-left: 1em; 
background: url(../images/dartBackwardsAverage.png) no-repeat left 0.15em;
color: #0180a9;
font-weight: bold;
margin-left: 0.4em;
margin-right: 0.4em;
}

.leesMeerMiddel {
display: block;
text-align: right;
margin-top: 0.5em;
}

.leesMeerMiddel a { 
padding-left: 0.8em; 
background: url(../images/dartAverage.png) no-repeat left 0.2em;
color: #0180a9;
font-size: 1.6em;
font-weight: bold;
}
			
a.leesMeer:hover,
.leesMeerMiddel a:hover,
a.leesMeerNormal:hover,
a.volgendePagina:hover {
color: #364249;
}

#contentContainer .actionButton {
position: absolute;
right: 0em;
top: 1.8em;
height: 3em;
line-height: 3em;
}

	.actionButton a {
	background: url(../images/contentContainerButton.jpg) no-repeat left top;
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
	padding: 0em 0em 0em 1.6em;
	display: block;
	font-weight: bold;
	}
	
		.actionButton a span {
		background: url(../images/contentContainerButtonRight.jpg) no-repeat right top;
		display: block;
		padding-right: 1.6em;
		}
		
		.actionButton a:hover {
		background: url(../images/contentContainerButtonHover.jpg) no-repeat left top;
		}
		
			.actionButton a:hover span {
			background: url(../images/contentContainerButtonHoverRight.jpg) no-repeat right top;
			}
	
	.reactieSubmit {
	background: url(../images/reactieButton.jpg) no-repeat left top;
	border: none;
	width: 9.7em;
	height: 2em;
	color: #ffffff;
	text-align: center;
	font-size: 1.5em;
	cursor: pointer;
	}
	
		.reactieSubmit:hover {
		background: url(../images/reactieButtonHover.jpg) no-repeat left top;
		}



/* Standaard styles -------------------------- */

a img,fieldset { border: none;}

legend { display:none }

q { font-style: italic; }

td { vertical-align: top; }

input, label { vertical-align: middle; }

.floatleft { float: left  !important; }
.floatright { float: right  !important; }
.textright { text-align: right; padding-right: 1em !important; }
.block { display: block; }

.bold { font-weight: bold !important; }

.clearboth { clear: both; display: block; height: 0; }

.onzichtbaar { position:absolute; left:-999em; }

.nopadding { padding: 0em  !important; }
.nomargin  { margin: 0em  !important; }
.noborder { border: none  !important; }
.nobg, .nobackground { background: none  !important; }
.nobullet { list-style:none !important; }

.tekstLinks { text-align: left; }
.tekstRechts { text-align: right; }

.submitBlock {
margin-top: 2em;
}

.p50 { width: 50%;}