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;
outline: 0;
}
:focus { outline: 0; }

.hidden{
	display:none;
}

html { overflow-y: scroll; }
html, body { height:100%;  }
body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background:white url(/decoration/bg_left.gif) repeat-y left top;
}
/* voor ems: delen door 13.35 */
	#home {
	background:#c30000 url(/decoration/bg_left.gif) repeat-y 1px top;
	}

ul li {
list-style:none;
padding:0.1em 0 0.1em 1.7em;
background:url(/decoration/bullet_original.gif) no-repeat 0.5em 0.5em;
}

ol li {
margin:0 0 0.1em 1.5em;
font-weight:normal;
}
	ol li span {
	font-weight:normal;
	}

a { color:#2b0000; text-decoration:underline; }
a:hover { color:#2b0000; text-decoration:none; }

hr {
color: #cccccc;
background-color: #cccccc;
height: 1px;
border:0;
}

p {
margin-bottom:1em;
line-height:1.6em;
}

h1 {
font-size:170%;
margin-bottom:0.8em;
float:left;
width:21em;
margin-top:0;

}
h2 {
font-size:100%;
margin-bottom:1.3em;
color:#475180;
}
.contentArea h2
{
	font-size:110%;
	margin:1.5em 0 0.8em 0;
	color: #000000;
}

h3 {
font-size:110%;
margin:1.5em 0 0.8em 0;
}


/* a  buttons */
a.btn {
background:  url('/decoration/a_btn_right.gif') no-repeat scroll top right;
color: #fff;
display: block;
float: left;
height: 25px;
padding-right: 9px; 
text-decoration: none;
white-space:nowrap;
font-size:85%;
}
	a.btn span {
	background:  url('/decoration/a_btn_left.gif') no-repeat left top;
	display: block;
	line-height: 18px;
	padding: 2px 0px 4px 10px;
	}
	a.btn:active, a.btn:hover {
	color: #333333;
	outline: none; 
	text-decoration:none;
	background-position:bottom right;
	}
		a.btn:active span, a.btn:hover span {
		padding: 2px 0px 4px 10px; 
		color:#333333;
		text-decoration:none;
		background-position:bottom left;
		}
a.leesmeer {
background:url(/decoration/a_leesmeer.gif) no-repeat right 0.35em;
padding-right:1.5em;
text-decoration:none;
}
	a.leesmeer:hover { text-decoration:underline; }

a.forwarder {
display:block;
width:145px;
background: url(/decoration/contentPanel_forward_bg2.gif) no-repeat left top;
text-align:center;
float:left;
margin-bottom:19px;
text-decoration:none;
padding:4px 10px 4px 0;
font-weight:bold;
font-size:115%;
}
	a.forwarder:hover {
	background-position:left bottom;
	}
	.fontsizeLarge a.forwarder:hover {
	background: url(/decoration/contentPanel_forward_bg2.gif) no-repeat left -28px;
	}
.bigarrow {
display:block;
width:28px;
background: url(/decoration/icon_bigarrow.png) no-repeat left top;
overflow:hidden;
text-decoration:none;
height:19px;
margin:0.1em 0 0 1em !important;
} 
	.bigarrow span { visibility:hidden }
	.bigarrow:hover {
	background-position:left bottom;
	}

.advlink {
background: url(/decoration/icon_redarrow.gif) no-repeat right 5px;
padding-right:19px;
float:left;
color:white;
text-decoration:none;
margin:1.5em 0 1.5em 30px;
font-size:95%;
}
	.advlink:hover {
	color:white;
	text-decoration:underline;
	}

#canvas {
width:960px;
position:relative;
}
#wrapper {
background: url(/decoration/bg_top.gif) repeat-x left top;
min-height: 100%;
position:relative;
}

#hoofdElementen {
position:absolute;
left:0; top:0;
width:240px;
height:500px;
color:white;
background:url(/decoration/bg_hoofdElement.gif) no-repeat left top;
}
	#identity {
	display:block;
	width:132px;
	height:80px;
	float:left;
	margin:13px 0 0 30px;
	background: url(/decoration/identity_new.jpg) no-repeat left top;
	overflow:hidden;
	text-decoration:none;
	}
		#identity span { visibility:hidden; }

	#hoofdnavigatie {
	float:left;
	margin-top:37px;
	width:100%;
	}
		#hoofdnavigatie h2 {
		border-bottom:1px solid #f50000;
		padding:0 0 5px 30px;
		margin:0;
		display:none;
		}
			#hoofdnavigatie h2 span { visibility:hidden }
		
		#hoofdnavigatie ul {
		border-top:1px solid #e00000;
		z-index:16;
		float:left;
		}
				#hoofdnavigatie ul li ul {
				border:0;
				float:left;
				margin-bottom:10px;
				}

			#hoofdnavigatie ul li {
			background:0;
			padding:0;
			float:left;
			}
				
			#hoofdnavigatie ul li a {
			background:url(/decoration/nav_item_bg.gif) no-repeat right 50%;
			display:block;
			width:210px;
			padding:0.5em 0 0.5em 30px;
			border-bottom:1px solid #e00000;
			color:white;
			text-decoration:none;
			font-size:95%;
			}
				#hoofdnavigatie ul li a:hover, #hoofdnavigatie ul li .active {
				background:#da0000 url(/decoration/nav_item_bg_active.gif) no-repeat 222px 50%;
				}
			
			
		#hoofdnavigatie .foldout {
		display:none;
		z-index:15;
		position:absolute;
		left:240px;
		top:-1px;
		background:#d60000 url(/decoration/nav_foldout_bg_repeat.jpg) repeat-y left top;
		width:359px !important;
		height:400px;
		border:1px solid red;
		border-width:0 1px 0 0;

		}
		.foldoutBack {
		display:none;
		z-index:13;
		position:absolute;
		left:239px;
		top:-1px;
		background:#d60000 url(/decoration/nav_foldout_bg_repeat.jpg) repeat-y right top;
		width:357px !important;
		height:400px;
		}
		
			.foldoutItems {
			float:left;
			width:359px !important;
			background: url(/decoration/nav_foldout_bg.jpg) no-repeat right top;
			min-height:375px;
			height:auto !important;
			height:375px;
			padding-top:80px;
			}
			#hoofdnavigatie .foldoutItems li, #hoofdnavigatie .foldoutItems li a {
			width:357px !important;
			}
				#hoofdnavigatie .foldout h4 {
				margin:20px 0 10px 30px;
				font-size:110%;
				}

				#hoofdnavigatie .foldout li, #hoofdnavigatie .foldout li a , #hoofdnavigatie .foldout a, #hoofdnavigatie .foldout a:hover {
				background:none;
				border:0;
				width:320px !important;
				}
				
				#hoofdnavigatie .foldout a {
				padding:0.1em 0 0.1em 30px;
				}
					
					#hoofdnavigatie .foldout a:hover {
					text-decoration:underline;
					}

					


	

	#zoek {
	float:left;
	width:209px;
	padding:10px 0 10px 30px;
	background:#dc0000;
	border-top:1px solid #ee0000;
	border-bottom:1px solid #ee0000;
	position:relative;
	height:81px;
	}
		#zoek .zoekterm {
		background:#dd0000 url(/decoration/zoek_bg.gif) no-repeat left 8px;
		padding:9px 0 5px 8px;
		}
			#zoek label {
			font-weight:bold;
			font-size:85%;
			}
			#zoek input {
			background:transparent;
			border:0;
			font-size:85%;
			color:#333333;
			}
				#zoek #zoekterm {
				width:135px;
				
				}
				#zoek .submitbtn { 
				font-size:1px;
				height:20px;
				padding-top:10px;
				color:#e80000;
				cursor:pointer;
				width:40px;
				}
					#zoek .submitbtn:hover,
					#zoek .hover{
					background: url(/decoration/zoek_bg_btnhover.gif) no-repeat 3px -1px;
					color:#f1f1f1;
					}
			#zoek .meeropties {
			background:url(/decoration/zoek_doublearrow.gif) no-repeat right 2px;
			padding-right:22px;
			font-size:85%;
			color:#2b0000;
			float:right;
			margin:12px 37px 8px 0;
			text-decoration:none;
			}	
				#zoek .meeropties:hover {
				text-decoration:underline;
				}
				#zoek .meeropties.active {
				background:url(/decoration/zoek_doublearrow_left.gif) no-repeat right 2px;
				}

			#zoek #meeropties {
			display:none;
			position:absolute;
			left:218px;
			top:-1px;
			height:101px;
			background:#db0000;
			border-top:1px solid #ee0000;
			border-bottom:1px solid #ee0000;
			}
				#meeropties fieldset {
				height:95px;
				float:left;
				}
					#meeropties .holder {
					float:left;
					width:115px;
					}
						#meeropties .type {
						width:6.2em;
						}
						#meeropties .duur {
						width:6.6em;
						}
						#meeropties .duur2 {
						width:8.1em;
						}
						#meeropties .investering {
						width:7.8em;
						}
						#meeropties .investering2 {
						width:8.2em;
						}



						#meeropties .holder div {
						clear:both;
						}
						#meeropties h5 {
						color:black;
						margin:15px 0 5px 4px;
						width:100%;
						font-size:100%;
						}
						#meeropties .holder label {
						padding-right:10px;
						font-weight:normal;
						}
						
					#meeropties .holderSelectboxen {
					float:left;
					margin:10px 0 0 5px;
					width:19.8em;
					position:relative;
					}
						#meeropties .holderSelectboxen div {
						float:left;
						margin-top:5px;
						}
						#meeropties .holderSelectboxen label {
						color:black;
						padding-top:2px;
						float:left;
						font-size:100%;
						width:6em;
						}
						#meeropties .holderSelectboxen select {
						width:170px;
						float:right;
						border:1px solid #fe0000;
						}
						#meeropties #uitgebreidsubmit {
						float:left;
						font-size:1px;
						padding-top:10px;
						height:25px; width:35px;
						cursor:pointer;
						margin:63px 0 0 5px;
						background:url(/decoration/zoek_uitgebreid_submit.gif) no-repeat left top;
						text-decoration:none;
						color:#b40001;
						}
						

#subElementen {
position:absolute;
left:240px; top:0;
height:100px; 
width:56.5em;
background:url(/decoration/bg_subElementen.jpg) no-repeat left top;
}
	
	#buttons {
	float:right;
	margin-right:2.2em;
	display:inline;
	}
		#buttons a {
		margin-left:19px;
		}

	#metanav {
	float:right;
	width:700px;
	margin:21px 2.3em 24px 0;
	display:inline;
	}
		#metanav ul {
		float:right;
		}
		#metanav li {
		float:left;
		padding:0;
		background:none;
		}
			#metanav li a {
			color:white;
			font-size:85%;
			margin:0 0 0 1.7em !important;
			text-decoration:none;
			}
				#metanav li a:hover {
				text-decoration:underline;
				}
				#metanav li.textnormal a {
				margin:0 0 0 1.3em !important;
				font-weight:bold;
				font-size:100%;
				}
				#metanav li.textlarge a {
				margin:0 0 0 0.2em !important;
				font-size:110%;
				font-weight:bold;
				}

	#jsddm {	
	position:absolute;
	top:65px;
	left:29px;
	z-index:5;
	}
		
		#jsddm li {	
		float: left;
		list-style: none;
		padding-left:0 !important;
		font-size: 95%;
		background: url(/decoration/subnav_seperator.gif) no-repeat right 3px;
		}
		
		#jsddm li a {	
		display: inline;
		padding:0 20px 20px 19px;
		text-decoration: none;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap;
		}
			#jsddm li.overicm a {
			padding-left:0;
			}

		#jsddm li a:hover, #jsddm li a.current {	
		color:#f50000;
		}
			
			#jsddm li ul {
			position: absolute;
			display:none;
			left:-29px;
			top:35px;
			width:600px;
			background:#b10000 url(/decoration/bg_subElementenSub.jpg) no-repeat left top;
			border-bottom:1px solid #df0000;
			font-size:95%;
			}
				#jsddm li.overicm ul li a {
				margin-left:2.4em;
				}
				#jsddm li.ot ul li a {
				margin-left:9.8em;
				}
				#jsddm li.referenties ul li a {
				margin-left:17.6em;
				}
			
			#jsddm li ul li {	
			float: none;
			display: inline;
			background:none;
			}
		
			#jsddm li ul li a { 
			background:none; 
			display:block;
			padding:0;
			margin:2px 0 8px 0;
			font-size: 110%;
			}

				#jsddm li ul li a:hover {	
				text-decoration:underline;
				color:white;
				background:none;

				}


#contentVlak {
width:64.7em;
min-height:520px;
height:auto !important;
height:520px;
padding:110px 0 0 240px;
position:relative;
background: url(/decoration/bg_contentVlak2.jpg) no-repeat 240px 102px;
font-size:85%;
}
	#contentTekst {
	background: url(/decoration/bg_mainContent.jpg) no-repeat left top;
	min-height:520px;
	height:auto !important;
	height:520px;
	margin:2px 0 0 10px;
	padding:46px 0 0 20px;
	position:relative;
	}
		.headerholder {
		float:left;
		width:100%;
		}
		.inspiratie {
		background: url(/decoration/inspiratie_bg.gif) no-repeat left top;
		width:688px;
		height:389px;
		float:left;	
		}
			.inspiratie p {
			font-size:180%;
			color:white;
			margin:30px;
			font-weight:bold;
			width:400px;
			}

	#home #contentTekst {
	background:none;
	padding:320px 0 0 20px;
	min-height:120px;
	height:auto !important;
	height:120px;
	}
	
	#home #carousel {
		float:left;
		height:100px;
		width:100%;
		position:relative;
	}
	
	#home #carousel li {
		/*background:url(/decoration/icon_vink.gif) no-repeat 0.1em 0.2em;*/
		background:none;
		padding-left:2.5em;
	}
	
	#home #carousel .items {
		position:absolute;
		left:330px;
		color:white;
		font-size:115%;
	}
	
	#home #carousel .items ul {
		margin-top:0.2em;
	}
	
	#home #carousel .items li {
		background:none;
		padding:0;
	}
		/* kruimelpad */
		#kruimelpad {
		position:absolute;
		left:20px; top:8px;
		width:100%;
		margin-bottom:3em;
		}
			#kruimelpad li{ 
			float: left; 
			list-style:none; 
			padding-left:0 !important;
			background: url(/decoration/kruimelpad_arrow.gif) 97% 5px no-repeat;
			padding:0 0.5em 0 0.5em !important; 
			}
			#kruimelpad a {
			color: #333333; 
			font-weight: normal;
			margin-right:0.7em;
			text-decoration: none;
			}
				#kruimelpad a:hover { text-decoration:underline }

				#kruimelpad .first { 
				padding-left:0 !important;
				}
				#kruimelpad .last { 
				background:none;
				color: #333333;
				}
		/* content meta */
		#contentmeta {
		float:left;
		margin:0em 0 1em 1.2em;
		width:23em;
		padding-top:0.4em;
		}
		#contentmeta ul {
		float:right;
		}
			#contentmeta li {
			padding:0;
			background:0;
			float:left;
			}
				#contentmeta li a {
				background:url(/decoration/content_meta_bullet.png) no-repeat left top;
				padding-left:22px;
				float:left;
				text-decoration:none;
				font-size:100%;
				}
					#contentmeta li a:hover { text-decoration:underline; background-position:left -17px; }
					#contentmeta li a .pdf { 
					background:url(/decoration/icon_pdf.gif) no-repeat right top;
					padding:3px 18px 3px 0;
					text-decoration:underline;
					}
					#contentmeta li a:hover .pdf { 
					background:url(/decoration/icon_pdf.gif) no-repeat right top;
					padding:3px 18px 3px 0;
					text-decoration:none;
					}

		.landkaart {
		width:100%;
		height:530px;
		background:url(/decoration/landkaart.gif) no-repeat left top;
		position:relative;
		float:left;
		}
			.landkaart .legenda {
			float:right;
			width:200px;
			}
			.landkaart .moreinformation {
			display:none;
			background:white;
			position:absolute;
			left:-11em;
			top:-15.5em;
			height:11.5em;
			width:15em;
			border:1px solid #ce0000;
			z-index:10;
			padding:10px;
			}
				.landkaart .moreinformation img {
				margin-right:20px;
				}
				.landkaart .moreinformation h3 {
				margin-top:0;
				}
				
				.landkaart .moreinformation p 
				{
					min-height:60px;
					height:auto !important;
					height:60px;
				}
				.landkaart .moreinformation ul
				{
					clear:both;
				}
				
				.landkaart .moreinformation .leesmeer {
				position:absolute;
				left:20px; bottom:1.5em;
				}
				.landkaart .moreinformation .tooltip-close {
				position:absolute;
				right:5px; top:5px;
				height:11px;
				width:11px;
				background:url(/decoration/icon_close.gif) no-repeat left top;
				}
			.landkaart .stad {
			position:absolute;
			height:12px;
			width:12px;
			}
				.landkaart .denhaag {
				left:100px;
				top:277px;
				}
				.landkaart .leiden {
				left:121px;
				top:265px;
				}
				.landkaart .hilversum {
				left:201px;
				top:252px;
				}
				.landkaart .rotterdam {
				left:115px;
				top:313px;
				}
				.landkaart .delft {
				left:107px;
				top:293px;
				}
				.landkaart .zoetermeer {
				left:125px;
				top:284px;
				}
				.landkaart .breda {
				left:156px;
				top:369px;
				}
				.landkaart .alkmaar {
				left:157px;
				top:179px;
				}
				.landkaart .zwolle{
				left:303px;
				top:201px;
				}
				.landkaart .arnhem{
				left:283px;
				top:297px;
				}
				.landkaart .lelystad {
				left:236px;
				top:200px;
				}
				.landkaart .nijmegen{
				left:282px;
				top:329px;
				}
				.landkaart .utrecht {
				left:195px;
				top:282px;
				}
				.landkaart .almere {
				left:206px;
				top:227px;
				}
				.landkaart .amsterdam {
				left:162px;
				top:218px;
				}
				.landkaart .haarlem {
				left:135px;
				top:222px;
				}
				.landkaart .groningen {
				left:352px;
				top:68px;
				}
				.landkaart .enschede {
				left:391px;
				top:253px;
				}
				.landkaart .dordrecht {
				left:143px;
				top:330px;
				}
				.landkaart .deventer {
				left:310px;
				top:247px;
				}
				.landkaart .amersfoort {
				left:224px;
				top:266px;
				}
				.landkaart .venlo {
				left:314px;
				top:411px;
				}
				.landkaart .tilburg {
				left:193px;
				top:373px;
				}
				.landkaart .maastricht {
				left:259px;
				top:507px;
				}
				.landkaart .eindhoven {
				left:235px;
				top:399px;
				}
				.landkaart .denbosch {
				left:215px;
				top:352px;
				}
				.landkaart .bergenopzoom {
				left:100px;
				top:384px;
				}
				.landkaart .alphenadrijn {
				left:144px;
				top:274px;
				}
				
					.landkaart a.les-tooltip-show { 
					text-decoration:none;
					width:22px;
					height:24px;
					overflow:hidden;
					float:left;
					}
					.landkaart span { visibility: hidden; }
					.landkaart a.les-tooltip-show span { display:none; }
					.landkaart a.les-tooltip-show:hover {
					/*background:url(/decoration/landkaart_item_hover.gif) no-repeat left top;
					height:27px;*/
					}
			
		
		.contentArea {
		float:left;
		/*width:35.65em;*/
		width:45em;
		padding-right:1.55em;
		}
		
		.wideContent {
			width: 50em !important;
		}
		
			/* Ervaringen / Quotes */
			
			.quoteblock {
			margin-right: 30px;
			width: 250px;
			float:left;
			}
			
			.refquote {
			width: 90%;
			margin-bottom: 10px;
			}
			
			.quoteafzender {				
				font-size: 1.5em;
				font-family: Georgia;
				font-style: italic;
			}
			
			/* nieuws rubriek */
			.rubriek {
			float:left;
			margin-bottom:2.1em;
			}
			.rubriek .bericht {
			float:right;
			width:34.2em;
			}
				.rubriek .bericht h2 {
				margin-top:0 !important;
				}
				.rubriek .bericht p {
				margin:0 0 1.5em 0;
				}
			/* archief lijst */
			.archieflijst {
			float:left;
			margin:1em 0 1em 0;
			}
				.archieflijst li {
				float:left;
				width:95%;
				margin:0 0 0.2em 0;
				}
					.archieflijst a {
					float:left;
					}
				.archieflijst span {
					float:right;
					font-size:90%;
					}
			/* nieuwsbericht */
			h1.newstitle {
			width:100% !important;
			}
			.nieuwsbericht {
			margin:2.5em 0 0 0;
			float:left;
			width:100%;
			position:relative;
			}
				.nieuwsbericht span.date {
				position:absolute;
				top:-25px;
				left:0;
				}
				.nieuwsbericht .floatleft, .contentArea .floatleft {
				margin:0 1.5em 0 0 !important;
				}
				.contentArea .bigarrow.floatleft {
				margin-left:1.5em !important;
				}
				.oplInschrijven .bigarrow {
				margin-left:2em !important;
				}

				
		.contentPanel {
		float:left;
		/*width:18em;*/
		width:13em;
		}
			.contentPanel li {
			background:url(/decoration/bullet.gif) no-repeat 0.8em 0.6em;
			}
		
			/* blokken */
			.roundedBlock {
			background: url(/decoration/content_block_top2.png) no-repeat left top;
			/*width:230px;*/
			width:155px;
			float:left;
			padding-top:7px;
			margin-bottom:15px;
			}
					.roundedBlockContent {
					background: url(/decoration/content_block_bottom2.png) no-repeat left bottom;
					float:left;
					/*width:205px;*/
					width:135px;
					padding:2px 10px 10px 10px;
					}
						.roundedBlockContent h3 {
						margin:0 0 0.5em 0;
						}
						.roundedBlockContent p {
						margin:0 0.5em 0.1em 0;
						}
						.roundedBlockContent li {
						padding:0.1em 0 0.1em 1em;
						background-position:0.1em 0.6em;
						}
						
						/* nieuwsbrief */
						.roundedBlockContent.nieuwsbrief p {
						margin:1em 0 1em 0;
						}

						.roundedBlockContent.nieuwsbrief .zoekterm {
						background: url(/decoration/footer_inputs.gif) no-repeat left 4px;
						padding:5px 0 5px 8px;
						}
							.roundedBlockContent.nieuwsbrief label {
							font-weight:bold;
							font-size:85%;
							}
							.roundedBlockContent.nieuwsbrief input {
							background:transparent;
							border:0;
							font-size:85%;
							color:#333333;
							width:125px;
							}
							

								.roundedBlockContent.nieuwsbrief .submitbtn { 
								font-size:1px;
								height:20px;
								color:white;
								width:39px;
								cursor:pointer;
								}
		

#footer { 
float:left;
width:100%;
margin:20px 0 20px 0;
}
	#footer span { visibility:hidden }
		
		#footer .telefoon {
		float:left;
		width:9.5em;
		height:30px;
		background: url(/decoration/footer_content_tel.gif) no-repeat left top;
		margin:14px 1.8em 0 0;
		color:black;
		font-size:110%;
		padding-left:30px;
		font-weight:bold;
		letter-spacing:1px;
		}
			#home #footer .telefoon {
			background: url(/decoration/footer_home_content_tel.gif) no-repeat left 2px;
			color:white;
			}
			
		#footer .inspiratie {
		float:left;
		width:110px;
		height:22px;
		background: url(/decoration/footer_inspiratie.png) no-repeat left top;
		margin:10px 0 0 1em;
		text-align:center;
		padding-top:4px;
		font-weight:bold;
		color:#585b7c;
		text-decoration:none;
		font-size:115%;
		}
			#home #footer .inspiratie {
			background: url(/decoration/footer_home_inspiratie.gif) no-repeat left top;
			color:white;
			}
				#footer .inspiratie:hover {
				background-position: left bottom !important;
				color:#333 !important;
				}
		#footer .gecertificeerd {
		float:left;
		width:auto;
		height:30px;
		margin-right:2.5em;
		padding-top:14px;
		}
			#home #footer .gecertificeerd {
			float:left;
			width:auto;
			margin-right:2.5em;
			padding-top:14px;
			background:none;
			}
				#home #footer .gecertificeerd a { color:white; }
		
		#footer .nieuwsbrief {
		float:left;
		width:auto;
		height:30px;
		margin-right:2.5em;
		padding-top:14px;
		}
			#home #footer .nieuwsbrief {
			float:left;
			width:auto;
			margin-right:2.5em;
			padding-top:14px;
			background:none;
			}
				#home #footer .nieuwsbrief a { color:white; }

/* Table Styles ------------------------------------------- */
.tablecolumns { 
padding-top:0em;
}

.tablecolumn { 
width:49%; 
float:left;

margin:0 0.8em 0 0;
}

.indelingen {
width:100%;
border-collapse:collapse;
}
	.indelingen th, .indelingen td {
	padding:0.2em 0.5em;
	border-bottom:1px solid #c5d5f0;
	}
		.indelingen.opleidingen td {
		padding:0.2em 0.5em !important;
		border:0 !important;
		}
		.indelingen tbody td {
		vertical-align:middle !important;
		}
			.indelingen.opleidingen td.bullet {
			background:url(/decoration/bullet.gif) no-repeat 0.5em 0.7em;
			padding-left:1.5em !important;
			}
	.indelingen th {
	text-align:left;
	color:#506791;
	}
		.inschrijven {
		width:3em;
		}
		.oplInschrijven {
		width:3em;
		}

	.indelingen .type {
	padding-left:2em;
	padding-right:2em;
	}
	.indelingen .uneven {
	background:#f5f7fc;
	}
		.indelingen td dl {
		margin-bottom:0.5em;
		float:left;
		}
		.indelingen td dt {
		float:left;
		width:5em;
		}
		.indelingen td dd {
		float:left;
		width:23em;
		}

/* Standard 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; }
.block { display: block; }

.bold { font-weight: bold !important; }
.date { font-size:95%; }

.imgleft { margin-right: 1em; margin-bottom: 1em; }
.imgright { margin-left: 1em; margin-bottom: 1em; }


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

.onzichtbaar { display: none ; }

.bgswitch {	background-position:left bottom !important; }

.nopadding { padding: 0em  !important; }
.nomargin  { margin: 0em  !important; }
.noborder { border: none  !important; }
.nobg { background: none  !important; }
.nobullet li { 
list-style:none !important; 
background:none !important; 
padding-left:0 !important; 
font-size:0.78em; 
}
.notbold
{
font-weight: normal !important;
}


.topmargin10    { margin-top: 0.5em !important; }
.topmargin5   { margin-top: 0.25em !important; }
.topmargin20    { margin-top: 1em !important; }
.rightmargin10  { margin-right: 0.5em !important; }

/*.topmargin5    { margin-top: 0.5em !important; }
.topmargin3    { margin-top: 0.3em !important; }
.bottommargin3    { margin-top: 0.3em !important; }
.bottommargin20 { margin-bottom: 2em !important; }
.bottommargin15 { margin-bottom: 1.5em !important; }
.bottommargin10 { margin-bottom: 1em !important; }

.topmargin10    { margin-top: 0.5em !important; }
.bottommargin5 { margin-bottom: 0.5em !important; }

.rightmargin10  { margin-right: 1em !important; }
.rightmargin20  { margin-right: 1em !important; }
.leftmargin5   { margin-left: 0.5em !important; }
.leftmargin7   { margin-left: 0.7em !important; }
.leftmargin10   { margin-left: 1em !important; }
*/
.leftmargin15   { margin-left: 15px !important; }
.toppadding34   { padding-top: 34px !important; }
/*
.leftmargin20   { margin-left: 2em !important; }
.leftpadding15   { margin-left: 1.4% !important; }
.rightpadding15   { margin-right: 1.4% !important; }
.bottompadding5 { padding-bottom: 0.5em !important; }
*/

.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }

.w100 { width:100%; }

.bgswitch {	background-position:left bottom !important; }

/* Sifr styles --------------------------------- */

.sIFR-flash {
	visibility: visible;
	margin: 0 !important;
	padding: 0 !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



/* jQuery Styles ------------------------------------------- */

/* Jquery.Galleria */
/*
.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
*/
/* Jquery.Galleria */


/* BEGIN DEMO STYLE */
	
	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;width:700px;text-align:center;}
	.gallery_demo{width:500px;margin:0 auto;list-style-type:none;}
	.gallery_demo li{width:70px;/*height:50px;border:3px double #111;margin: 0 2px;background:#000;*/list-style-type:none;background-image:none;display:inline;}
	.gallery_demo li div{left:240px}
	.gallery_demo li img{border: 1px solid #aaaaaa;}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:auto;width:700px;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto; padding-top:30px;}
	.info p{margin-top:1.6em;}
	
#tabcontent {
background: url(/decoration/tabs_content_bg.jpg) no-repeat left 29px;
margin-left:-20px;
min-height:300px;
height:auto !important;
height:300px;
width:63.7em !important;
float:left;
display:inline;
position:relative;
padding-top:30px;
}
#tabcontent .contentArea {
/*padding:17px 20px 20px 20px;*/
margin:17px 0 0 20px;
display:inline;

}
#tabcontent .contentPanel {
margin-top:20px;
}
.tabstitle {
display:none;
position:absolute;
left:0;
top:0;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}
/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 17px;
	width:100%;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    background:none;
	padding:0;
	
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
	padding-right:6px;
    color: #7d93ba;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */ 
	background: url(/decoration/tabs_content_btn_right_off.gif) no-repeat right top;
	display: block;
	
	
}
	* html .tabs-nav a { 
	width:50px;
	}
.tabs-nav .tabs-selected a {
    color: #333333;
	font-weight:bold;
}
.tabs-nav .tabs-selected a, .tabs-nav a:focus, .tabs-nav a:active {
    background: url(/decoration/tabs_content_btn_right_on.gif) no-repeat right top;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background: url(/decoration/tabs_content_btn_left_on.gif) no-repeat left top !important;
}
.tabs-nav a:hover span {
color:black;
background: url(/decoration/tabs_content_btn_left_off.gif) no-repeat left top !important;
}
.tabs-nav a:hover {
background: url(/decoration/tabs_content_btn_right_off.gif) no-repeat right top;
}
	.tabs-nav .tabs-selected a:hover span {
	color:black;
	background: url(/decoration/tabs_content_btn_left_on.gif) no-repeat left top !important;
	}
	.tabs-nav .tabs-selected a:hover {
	background: url(/decoration/tabs_content_btn_right_on.gif) no-repeat right top;
	}


.tabs-nav a span {
    background: url(/decoration/tabs_content_btn_left_off.gif) no-repeat right top;
	display:block;
	width:100%;
	padding:8px 5px 8px 10px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
	padding:8px 3px 8px 12px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/***** Referenties *******/
.referencelist{
margin-top: 20px;
float:left;
width:100%;
}
	.referencecolumn{
	margin-right: 20px;
	float:left;
	width:18.5em;
	}


/****** Forms **********/
label.error{
	margin-left: 5px;
	color: red;
}

div.errorholder
{
	padding-top: 3px;
	padding-left: 10px;
	color: red;
	float:right;
}

label.formlabel{
	float:left;
	clear: left;
	width: 165px;
}
label.formlabelwide{
	float:left;
	clear: left;
	width: 365px;
}

	.inputholder label {
	width:20em;
	}
	.inputholder div.floatleft{
	width:19.5em;
	clear:both;
	}
		
	

	.nolabel {
	padding-left:185px !important;
	width: 435px !important;
	}
		.formrow.nolabel label {
		width:auto;
		}

div .formrow{
	border-top: 1px solid #c5d5f0;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 600px;
}

.bottomformrow
{
border-bottom: 1px solid #c5d5f0;
}
.formcolumn
{
clear:both;
margin-left:185px;
margin-top: 15px;
margin-bottom: 15px;
}

.colleft{
	margin-left: 0px;
	width: 165px;
	float:left;	
}

.colright{
	margin-left: 0px;
	float:left;
	clear:none;
}


.widerow {
min-height:2.1em;
height:auto !important;
height:2.1em;
}

.plaats {
min-height:4.8em;
height:auto !important;
height:4.8em;
}
.submitbutton{
	float:right;
	margin-right:75px;
	background:transparent url(../decoration/btn_submit_bg.gif) no-repeat left 4px;
	border:0;
	height:28px;
	width:111px;
	font-weight:bold;
	color:#575a79;
	font-size:12px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */

}
.fields{
	border: 1px solid #c5d5f0;
	float:left;
	font-size:110%;
	padding:3px;
	width:21em;
}
	.andersfield {
	width:15em;
	}
	.radioandersfield {
	width:13em;
	}
	
	.widefield{
	width: 25em !important;
	}
	
	.checkboxfield {
	width:2em;
	}
	


.errorholder{
	width: 150px;
	float:left;
	
}
.inputholder {
float:left;
}
	.inputholder select {
	float:left;
	width:16em;
	}
	.inputholder p {
	clear:both;
	}
	.inputholder .day {
	width:4em;
	}
	.inputholder .month {
	width:7em;
	}
	.inputholder .year {
	width:5em;
	}
	
	.straat,
	.woonplaats {
	width:15.5em;
	}
	.postcode,
	.huisnummer {
	width:4em;
	}
	 

	
/* Tooltip engine */
.tooltip {
z-index:2;
display: none;
}
	.tooltip{
	padding:20px 7px 7px 7px;
	border:2px solid gray;
	background:white;
	width:300px;
	position:relative;
	min-height: 10px;
	}
		.tooltip .tooltip-close {
		position:absolute;
		right:3px;
		top:3px;
		display:none;
		}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; 
    padding:0.5em 1em 0.5em 1em;
    width:20em;
    border:1px solid;
    text-align: left;
    color:#000;
    background-color:#FFFAF0;
    text-decoration:none;
    font-weight:normal;
    font-size:11px;

}