

	html {
		width:				100%;
		height:				100%;
	}
	
	body {
		width:				100%;
		height:				100%;
		margin:				0;
		padding:			0;
		background-color: #fff;
		
		font-family: 		Verdana, sans-serif;
		font-size:			11px;
		line-height:		1.5em;
		color:				#3e4245;
		text-align:			center;
	}	
	
	img {
		border:				none;
		padding:			0;
		margin:				0;
		vertical-align:		bottom; /* removes whitespace preserverd for baseline-chars (g, j, p) */
	}
		
	h1 {
		margin:				0 0 5px 0px;
		font-size:			22px;
		line-height:		1.5em;
		
		color:				#0066b1; 
		text-align: 		left; 
		font-weight: 		normal;
	}
		h1.featured {
			font-size:				19px;
			line-height:			1.3em;
			color:					#0066b10; 
			text-align: 			left; 
			font-weight: 			normal;
		}
	
	h2 {
		margin:				0px 0 15px 0;
		font-size:			19px;
		font-weight:		normal;
		line-height:		1.5em;
		
		color:				#0066b1; 
		text-align: 		left; 
		font-weight: 		normal;

		padding: 0;
		height: 14px;
	}
		h2 span.sIFR-replaced {
			display:			block;
			font-size:			19px;
			font-weight:		normal;
			line-height:		1em;		
		}
		
	h3 {
		margin:				0;
		font-size:			1em;
		line-height:		1.5em;
		font-weight:		bold;
	}
	
	h4 {
		margin:				0 0 15px 0;
		font-size:			13px;
		color:				#000;
	}
	
	h5 {
		margin:				5px 0 5px 0;
		font-size:			1em;
		line-height:		1.3em;
	}
		
	p {
		margin: 			0 0 15px 0;
	}
	
	td, th {
		text-align:			left;
		vertical-align:		top;
	}

div.__home * {
	zoom: 1;
}


	/*.todo {
		padding:5px;
		text-transform:uppercase;
		color:#fff;
		font-family:Arial;
		border:1px solid red;
		background-color:#f9abab;
	}*/		

/*--- start container ----*/

	
	div#outerCon {
		width:				100%;
		text-align:			center;
	}
	
	div#innerCon {
		width:				941px;
		text-align:			left;
		margin-left:		auto;
		margin-right:		auto;
		padding-bottom:		20px;
	}
	
	div#coverCon,
	div#closingCon {
		font-size:			0;
		line-height:		0;
	}	
	
	div#centerCon {
		padding:			12px 22px 0 22px;
	}
	
	
	
/*---- START HEADER STYLES ----*/	
	div#topbarCon {
		position:			relative;
		height:				98px;
		padding-top:		18px;
		margin-top: 11px;

		background: url('../gfx/bg_header.gif') no-repeat;
	}
		
	div#logoCon {
		position: absolute;
		left: 281px;
		top: 30px;
	}
	
	div#topNavCon {
		float:				right;
		margin-top: 10px;
	}
	
	div#topNavConLeft {
		float:				left;
		display: inline;
		margin: 10px 0 0 20px;
	}
	
	div#topNavConLeft a {
		padding: 			0 5px 0 5px;
		font-size:			0.9em;
		color:				#000;
		text-decoration:	none;
	}
	div#topNavConLeft a:hover {
		text-decoration:	underline;
	}

	
/*---- END HEADER STYLES ----*/	



/*---- START CONTENTCON STYLES ----*/

div#contentCon {
	position:				relative;
	zoom:					1;
	overflow:				hidden;
    margin-top:             35px;
	padding:				25px 0 0 0;
}

div#leftCol {
	float:					left;
	display:				inline;
	width:					441px;
	margin-right:			15px;
}

div#rightCol {
	float:					left;
	display:				inline;
	width:					441px;
}

div.textBlock {
	/*margin:					0 7px 0 7px; 
	padding:				0 0 0 7px;*/
}

div.singleColumn {
	float:					left;
	display:				inline;
	width:					210px;
	margin:					0 7px 0 7px;
	padding:				0 0 0 0;
	font-size:				0.9em;
	/*background:#e0ffff;*/
}

div.doubleColumn {

}

div.wideColumn {
	margin:					0;
	font-size:				0.9em;
}

div.lastcolumn {
	margin-right:			0;
}


div.clip {
	position:				relative;
	margin:					0 0 5px 0;
	padding:				8px 8px 12px 8px;
	background:				#fff;
	border-bottom: 1px dotted #a0b0b9;
}

div.__home div.clip {
	min-height: 190px;
}


div.singleColumn ul {
	list-style:				none outside;
	margin:					0 0 1em 0;
	padding:				0;
}

hr {
	display:				none;
}

.with-ruler div.ruler {
	height:					10px;
	width:					100%;
	background-image: 		url('../gfx/backgrounds/hr-bg-blauw.gif');
	background-repeat: 		repeat-x;
	border:					none;
	border-collapse:		collapse;
}


/* ITEMLISTS */
/*
div#itemListCon h2,
div#itemListCon p {
	margin-left:			10px;
}
div#itemListCon div.ruler {
	margin:					0 0px 0 10px;
	width:					90%;
}
*/


/*---- NIEUWS ----*/
/* [homepage] */
.nieuws-clip {
	/*height: 168px;*/
}
.nieuws-clip p {
	font-weight: bold;
	font-size: 12px;
}

.nieuws-clip p img {
	background:				#fff;
	padding:				1px;
	border:					1px solid #c4dbea;
}
.nieuws-clip h2 {
	margin-bottom: 15px;
}


/* [nieuwsarchief-list] */
.archief ul { 	zoom: 1; }
.archief ul li {
	margin:					0 0 1px 0;
}
.archief ul li a {
	display:				block;	
	padding:				5px 5px 5px 10px;
	background:				#fdf0cb;
	color: #000 !important;
	font-size: 11px;
}
.archief ul li a:visited {
	color:					#5b91b9;
}
.archief ul li a:hover {
	color:					#fff;
}

div#newsvisualcaption {
	padding:				5px;
	font-size:				0.9em;
	/*background:				url('../gfx/backgrounds/visualcaption_bg.jpg') left bottom no-repeat;*/
	color: #0066b1;
}

div.homenews {
	margin-bottom: 20px;
}

div.newsitem {
	margin-bottom: 5px;
}

div.newsitem div.datum {
	font-size: 10px;
	color: #6fa6d6;
}

span.datum {
	font-size: 10px;
	color: #6fa6d6;
}

/*---- BROCHURES ----*/
	/* [homepage] */
	.brochures-clip .readmore {
		/*background:				url('../gfx/backgrounds/brochure_bg.jpg') right top no-repeat;*/
	}
	.brochures-clip li {
		/*background:				url('../gfx/backgrounds/brochure_bg.jpg') right top no-repeat;*/
	}
	.brochures-clip li a {
		display:				block;
		padding:				5px 5px 5px 32px;
		background:				#eef6fb url('../gfx/icon_pdf.gif') 8px 8px no-repeat;
		color: #000 !important;
		font-size: 11px;
	}

	.brochures-clip h2 {
		margin-bottom: 15px;
	}

	/* [brochurepage] */
	.brochure-list {
		list-style:				none outside;
		padding:				0;
		margin:					0 15px 0 15px;
	}
	
	.brochure-list li {
		margin-top:				15px;
		zoom:					1;
		overflow:				hidden;
		border-bottom:			1px dotted #a0b0b9;
	}
	.brochure-list li.over {
		/*background:				url('../gfx/backgrounds/brochure_bg.jpg') left bottom no-repeat;*/
	}
	
	.brochure-list li div.brochure-thumb {
		float:					left;
		display:				inline;
		width:					112px;
		/*background-image:		url('../gfx/backgrounds/brochure_picholder.png');*/
		background-repeat:		no-repeat;
		background-position:	left bottom;
	}
	.brochure-list li div.brochure-thumb img {
		margin:					9px 0 17px 19px;
		border-right:			1px solid #fff;
		border-bottom:			1px solid #fff;
	}
	
	.brochure-list li div.brochure-description {
		padding:				5px 0 0 0;
	}


/*---- VERDIEPING ----*/
	.verdieping li {
		margin:					1px 0 0 0;
		/*padding:				5px 10px 5px 10px;*/
		/*background:				url('../gfx/backgrounds/featuredblock_bg_rad.jpg') left bottom no-repeat;*/
	}
	.verdieping li a {
		color:					#5b91b9;
	}


/*---- FABELS-FEITEN ----*/
	/* [homepage] */
	.fabels-feiten-clip li {
		height:					18px;
	/*	background:				url('../gfx/backgrounds/fabels&feiten_bg_rad.jpg') left bottom; */
		display:				block;
		padding:				5px 5px 5px 30px;
		background-image:		url('../gfx/vinkje.gif');
		background-repeat: 		no-repeat;
		background-position:	0 4px;
	}

/*---- OMEGA-3 ----*/
	/* [homepage] */
	div.omega3-clip {
		background-repeat: no-repeat;
		background-position: 0 40px;
	}
	
	div.omega3-clip p {
		padding-left:			90px;
	}


/*---- LINKS ----*/
	
	.links-clip li {
		margin:					1px -4px 0 -4px;
		padding:				10px;
		background:				url('../gfx/backgrounds/featuredblock_bg_rad.jpg') left bottom no-repeat;
	}
	.links-clip li a {
		display:				block;
		color:					#5b91b9;
	}


/*---- FEATURED-BLOCKS ----*/
/* [homepage] */
div.homeFeaturedBlock {
	width:					441px;
	margin:					0 0 5px 0;
	padding:				8px 0 12px 0;
	border-bottom: 1px dotted #a0b0b9;
}

div.__home div.homeFeaturedBlock {
	min-height: 190px;
}

div.homeFeaturedBlock div.featuredVisual {
	float:					left;
	width:					180px;
	text-align:				center;
}
div.homeFeaturedBlock div.featuredBlockText {
	position:				relative;
	float:					right;
	width:					235px;
	padding:				0 12px 0 12px;
}
div.homeFeaturedBlock p.readmore a {
	color:					#5ea6d3 !important;
	float: left;
	margin-top: -10px;
}

/*---- END CONTENTCON STYLES ----*/		
	
	
	
/*---- START FOOTERCON STYLES ----*/	
	div#footerCon {
		width:				100%;
		height:				33px;
		margin:				17px 0 0 0;
		color:				#4e3902;
		font-size:			0.9em;
		clear:				both;
		background: url('../gfx/bg_footer.gif') no-repeat;
		padding-top: 30px;
	}
	div#footerCon div {
		padding:			7px 25px 0 25px;
	}
	div#footerCon div span {
		margin-left:		120px;
	}
	div#footerCon div span a {
		padding:			0 5px 0 5px;
	}

	div#footerCon a {
		color:				#4e3902;
		text-decoration:	none;
	}
	div#footerCon a:hover {
		text-decoration:	underline;
	}
	

/*---- style for clearing elements ----*/
	
	div.clearer {
		clear:				both;
		font-size:			0;
		line-height:		0;
	}
	


		
	/*---- link styles ----*/
	
	
	a {
		color:				#3e4245;
		text-decoration:	none;
	}
	a:visited {
		/*color:				#3d89b9;*/
	}
	a:hover {
		text-decoration:	underline;
	}
	
	.textBlock a {
		color:				#0066b1;
		text-decoration:	none;
	}
	.textBlock a:visited {
		/*color:				#3d89b9;*/
	}
	.textBlock a:hover {
		text-decoration:	underline;
	}
	
	a.crosslink {
		color:				#0066b1;
		font-weight:		bold;
		text-decoration:	none;
	}
	a.crosslink:hover {
		text-decoration:	underline;
	}
	
	
	p.readmore,
	div.readmore {
		margin-bottom:		0px;
	}
	
	p.readmore a {
		color:				#ff8400;
		font-weight:		normal;
	}
	
	a.introReadmore {
		color:				#5ea6d3 !important;
		font-weight:		normal;
	}
	
	
	/*---- FORM STYLES ----*/
	
	form {
		display:			inline;
	}

	div#topNavCon input {
		height:				14px;
		width:				130px;
		padding:			0px 5px 1px 5px;
		font-size:			0.9em;
		color:				#000;
		border:				1px solid #c59312;
	}
	
	div#topNavCon button {
		margin-right:		30px;
		padding:			3px 5px 0px 5px;
		#padding:			1px 5px 0px 5px;
		font-size:			1em;
		line-height:		1.0em;
		color:				#000;
		border:				none;
		background-color:	transparent;
	}
	
	
	div.brochure-description fieldset.checkbx {
		border:				0;
		padding:			0;
	}
	
	div.brochure-description fieldset.checkbx label {
		float:				right;
		width:				130px;
		height:				33px;
		cursor:				pointer;		
		/*background-image:	url('../gfx/buttons/bttn-bg.png');*/
		background-image:	url('../gfx/check_bg.gif');
		background-repeat:	no-repeat;
		
	}
	div.brochure-description fieldset.checkbx input {
		float:				left;
		height:				9px;
		width:				9px;
		#height:			14px; /*ie only*/
		#width:				14px; /*ie only*/
		padding:			0;
		margin:				7px 8px 0 13px;
	}
	
	div.brochure-description fieldset.amount {
		border:				0;
		padding:			0;
	}
	
	div.brochure-description fieldset.amount label {
		float:				right;
		width:				130px;
		height:				33px;
		/*background-image:	url('../gfx/buttons/bttn-bg.png');
		background-repeat:	no-repeat;*/
	}
	div.brochure-description fieldset.amount input {
		height:				12px;
		width:				20px;
	}
	
	input.error {
		background-color:   #fae5e5;
	}

	select.error {
		background-color:   #fae5e5;
	}
	
	div.brochure-description fieldset.checkbx label span {
		display:			block-inline;
		float:				left;
		padding:			5px 0 2px 0;
		font-size:			0.9em;
		color:				#0066b1;
	}
	
	div.brochure-description fieldset.amount label span {
		display:			block-inline;
		float:				left;
		padding:			5px 0 2px 0;
		font-size:			0.9em;
		color:				#0066b1;
	}
	

		
	/*---- INFORMATIEAANVRAAG ----*/

	form#infoaanvraagForm {
		/*font-family:	arial;*/
	}
	
	fieldset.nawgegevens {
		border:			none;
	}
	
	fieldset.nawgegevens div {
		width:			100%;
		padding:		5px 0 5px 0;
		clear:			both;
	}
	
	fieldset.nawgegevens label {
		float:			left;
		display:		inline;
		width:			150px;
		padding:		0 0px 0 0;
	}	
	
	fieldset.nawgegevens label span {
		display:		block;
		padding-top:	10px;
		color:			#e2001a;
		font-size:		0.9em;
	}
		
	fieldset.nawgegevens input,
	fieldset.nawgegevens textarea,
    fieldset.nawgegevens select{
		width:			230px;
		padding:		2px 5px 2px 5px;
		font-size:		1em;
		border:			1px solid #707479;
	}
	
    fieldset.nawgegevens select {
        width: 242px;
        padding-left: 2px;
    }
    
	fieldset.nawgegevens textarea {
		overflow:		auto;
	}
	
	fieldset.nawgegevens input:hover,
	fieldset.nawgegevens textarea:hover,
    fieldset.nawgegevens select:hover    {
		background:		#f4f4f4;
		border:			1px solid #515151;
	}
	
	
	fieldset.nawgegevens  .radio {
		position:		relative;
		padding:		0;
	}
	
	fieldset.nawgegevens  .radio div {
		float:			left;
		width:			auto;	
		white-space:	nowrap;
		clear:			none;
	}
	
	fieldset.nawgegevens  .radio fieldset {
		width:			auto;
		margin:			0;
		padding:		0;
	}
	
	fieldset.nawgegevens  .radio legend, 
	fieldset.nawgegevens  .date legend {
		left:			0;
		top:			0;
		width:			auto;
		display:		block;
	}
	
	fieldset.nawgegevens .radio label, 
	fieldset.nawgegevens .radio input {
		vertical-align:	middle;
		padding:		0;
		margin:			0 5px 0 0;
		display:		inline;
		float:			none;
		width:			auto;
		border:			none;
	}
	
	button#sendinfoform {
		float:			right;
		margin-right:	80px;
		margin-left: 140px;
		width:			121px;
		height:			16px;
		text-indent:	-9999px;
		overflow:		hidden;
		border:			0;
		background:		url(../gfx/button_bestelling-verzenden.gif) no-repeat 0 0;
		display:		block;
		cursor:			pointer !important; cursor:hand;
	}

	
