/*	TRES INTERNET 
	-------------
	CSS bestand vrijgegeven onder C.C. licentie:
	http://creativecommons.org/licenses/by-sa/3.0/nl/
*/
@import url("reset.css");

/*TYPOGRAFIE
------------------------------*/
body{
	font: 11px/17px Verdana, arial, sans-serif;
	color: #525252;
	}

h1, h2{
	font: normal 24px/32px Verdana, Arial, sans-serif;
	color: #5A4279;
	margin: 0 0 20px;
	}

h1 strong, h2 strong{
	font: normal 24px/32px Verdana, Arial, sans-serif;
	color: #62BB46;
	}

h3, .bulletsubtitlestyle{
	font-weight: bold;
	font-size: 12px;
	color: #5A4279;
	}

p{
	margin: 0 0 17px;
	}

p.rood{
	color: #5A4279;
	}

strong, bold{font-weight: bold;}
em, i{font-style: italic;}
span.groen{color: #007e3a;}

a, a:link, a:visited{color: #5A4279;}
a:hover, a:active{color: #007e3a;}


/*OPSOMMINGEN*/
.box ul,
#content ul{
	/*color: #007e3a;*/
	color: #525252;
	margin: 0 0 17px;}

.box ul li,
#content ul li{
	padding: 0 0 3px 20px;
	background: transparent url("../img/opsomming.gif") left 4px no-repeat;
	}

.box ol,
#content ol{
	list-style-type: decimal;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	}

.box ol li,
#content ol li{
	padding: 0 0 0 10px;
	margin: 0;
	}

.bullettextstyle{/*color: #007e3a;*/ color: #525252}

/*TABLE*/
#content table{
	border-collapse: collapse;
	margin-bottom: 20px;
	}

table.vacature{margin-bottom: 20px;}
table.vacature strong{color: #5A4279;}
table.vacature td{padding-bottom: 8px;}
#content table.vacature ul{margin: 0 0 0;}

/*AFBEELDINGEN*/
	table.afb{
		border-collapse: collapse;
		margin: 0 0 10px;
		padding: 0;
		}

	table.afbL{float: left; display: inline; margin: 0 15px 10px 0;}
	table.afbR{float: right; display: inline; margin: 0 0 10px 15px;}

	div#sidebar table.afbL, div#col2 table.afbL, div#col3 table.afbL{margin: 0 5px 10px 0;}
	div#sidebar table.afbR, div#col2 table.afbR, div#col3 table.afbR{margin: 0 0 10px 5px;}

		table td.afbR{     background: transparent url("../img/afbR.png") left 20px no-repeat; width: 10px; vertical-align: top;}
		table td.afbR div{ background: transparent url("../img/afbRdiv.png") left top no-repeat; float: left; display: inline; height: 20px; overflow: hidden;}
		table td.afbO1{    background: transparent url("../img/afbO1.png") left top no-repeat; width: 10px;}
		table td.afbO2{    background: transparent url("../img/afbO2.png") left top no-repeat;}
		table.afb td span{ line-height: 20px; height: 20px; white-space: nowrap; margin: 0; padding: 0; font-style: italic; font-size: 10px; color: #7b7b7b;}
		table td.afbO3{    background: transparent url("../img/afbO3.png") left top no-repeat; width: 10px;}

			td img{display: block;}
			td.afbeelding img{border: 5px solid #fff;}

/*FORMULIER*/
form{
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 20px;
	}

form table td{
	position: relative;
	}

form table label{
	position: absolute;
	float: left;
	width: 170px;
	text-align: right;
	margin: 0 30px 0 0;
	}

form table span.verplicht{
	color: #5A4279;
	}

form table input,
form table textarea,
form table select{
	font: normal 11px/16px Verdana, Arial, sans-serif;
	border: 1px solid #fff;
	width: 391px;
	height: 16px;
	padding: 2px;
	margin: 0 0 2px 202px;
	color: #4b4b4b;
	}

div#col3 form table label{width: 40px;}
div#col3 form table input, div#col3 form table textarea, div#col3 form table select{width: 181px; margin-left: 50px;}
div#col3 form table select{ width: 186px;}
div#col3 form table input.submitbutton{width: auto;}

div.col form table label{width: 40px;}
div.col form table input, div#col3 form table textarea, div#col3 form table select{width: 181px; margin-left: 50px;}
div.col form table select{ width: 186px;}
div.col form table input.submitbutton{width: auto;}

div#sidebar form table label{width: 40px;}
div#sidebar form table input, div#col3 form table textarea, div#col3 form table select{width: 161px; margin-left: 50px;}
div#sidebar form table select{ width: 166px;}
div#sidebar form table input.submitbutton{width: auto;}

form table input[type="file"]{
	background: #fff;
	width: auto;
	height: auto;
	}

form table textarea{
	height: 80px;
	resize: none;
	overflow: auto;
	}

form table select{
	width: 397px;
	height: 24px;
	cursor: pointer;
	}

form table input.radio,
form table input.checkbox{
	margin: 0 5px 0 202px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	}

form table input.submitbutton{
	outline: none;
	border: none;
	background: #5A4279;
	width: auto;
	height: 24px;
	padding: 0 10px 3px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	}

form table input.submitbutton:hover{
	background: #a30249;
	color: #eee;
	}

form#googlemaps{
	margin: 0;
	padding: 0;
	width: 180px;
	}

form#googlemaps input{
	font: normal 11px/16px Verdana, Arial, sans-serif;
	border: 1px solid #fff;
	height: 16px;
	padding: 2px;
	width: 180px;
	margin: 0 0 4px;
	}

form#googlemaps input.TextField{color: #ccc;}
form#googlemaps input.enabled{color: #646464;}

form#googlemaps input.button{
	outline: none;
	border: none;
	background: #5A4279;
	width: 110px;
	height: 24px;
	padding: 0 10px 3px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	}

form#googlemaps input.button:hover{
	background: #a30249;
	color: #eee;
	}

/*CUSTOM SELECTBOX*/
div.selectbox{
	float: left;
	display: inline;
	width: 100%;
	height: 26px;
	margin: 0 0 8px;
	}

	span.select {
		position: absolute;
		width: 200px;
		height: 26px;
		padding: 0 20px 0 8px;
		color: #000;
		font: 14px/25px Verdana, Arial, sans-serif;
		background: url("../img/select.gif") no-repeat;
		color: #797979;
		overflow: hidden;
		cursor: pointer;
		}

		option{
			font: 12px/25px Verdana, Arial, sans-serif;
			color: #797979;
			padding: 2px 0 2px 6px;
			background: #efefef;
			border-bottom: 1px solid #fff;
			cursor: pointer;
			}

input.zoekBtn{
	font: bold 14px/50px Verdana, Arial, sans-serif;
	color: #fff;
	float: left;
	display: inline;
	margin: 0 0 0 129px;
	padding: 0;
	height: 25px;
	width: 99px;
	text-align: center;
	background: transparent url("../img/zoeken.gif") left top no-repeat;
	border: 0;
	outline: 0;
	cursor: pointer;
	}

input.zoekBtn:hover{
	background-position: left -25px;
	}


select.styled{cursor: pointer;}

/*TAGCLOUD
--------------------------*/
div#tagcloud{
	float: left;
	display: inline;
	clear: both;
	width: 220px;
	margin: 0;
	padding: 0;
	color: #333;
	font: normal 11px/22px verdana, arial, geneva, sans-serif;
	text-align: center;
	}

	div#tagcloud a.tag1{font-size: 11px;}
	div#tagcloud a.tag2{font-size: 12px;}
	div#tagcloud a.tag3{font-size: 14px;}
	div#tagcloud a.tag4{font-size: 16px;}
	div#tagcloud a.tag5{font-size: 18px;}

	div#tagcloud a,
	div#tagcloud a:link,
	div#tagcloud a:visited,
	div#tagcloud a.rood,
	div#tagcloud a.rood:link,
	div#tagcloud a.rood:visited{
		color: #525252;
		font-weight: normal;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer;
		}

	div#tagcloud a.rood,
	div#tagcloud a.rood:link,
	div#tagcloud a.rood:visited{
		color: #5A4279;
		}

	div#tagcloud a:hover,
	div#tagcloud a:active,
	div#tagcloud a.rood:hover,
	div#tagcloud a.rood:active{
		color: #007e3a;
		text-decoration: none;
		}

/*LAYOUT
------------------------------*/
*, body{
	margin: 0;
	padding: 0;
	position: static;
	}

body{
	background: #f4f4f4 url("../img/bg.jpg") left top repeat-x;
	}

	#wrapper{
		display: block;
		position: absolute;
		min-height: 100%;
		width: 100%;
		z-index: 1;
		}

		#site{
			display: block;
			margin: 0 auto 210px;
			width: 100%;
			}

				div.row{
					width: 920px;
					margin: 0 auto;
					}

						div#content{
							float: right;
							display: inline;
							width: 635px;
							margin: 0 10px 20px 0;
							}

						body#home div#content{
							background: transparent url("../img/ruler.jpg") 325px 55px no-repeat;
							}

							div#content div#col2{
								float: left;
								display: inline;
								width: 235px;
								margin: 0 0 0 40px;
								}

							div#content div#col3{
								float: right;
								display: inline;
								width: 270px;
								margin: 0 10px 0 0;
								}

							div#content div.col{
								float: left;
								display: inline;
								width: 312px;
								margin: 0 0 0 0;
								}

						div#sidebar{
							float: left;
							display: inline;
							width: 235px;
							margin: 0 0 20px 10px;
							padding-right: 15px;
							background: transparent url("../img/ruler.jpg") 249px 55px no-repeat;
							}

						div#sidebar, div#content, div#content div#col2, div#content div#col3{
							min-height: 300px;
							height:auto !important; /* voor moderne Browser */
							height: 300px; /*voor IE6 */
							}

							div.box{
								margin: 0;
								}
/*HEADER*/
div#header{
	height: 235px;
	width: 100%;
	background: transparent url("../img/bgHeader.jpg") 50% top no-repeat;
	margin: 0 0 45px;
	}

	div#header div.row{
		position: relative;
		z-index: 2;
		cursor: default;
		}

		div#logo{
			position: absolute;
			z-index: 8;
			left: 45px;
			top: 20px;
			width: 170px;
			height: 90px;
			}

			div#logo a,
			div#logo a:link,
			div#logo a:visited{
				float: left;
				display: inline;
				width: 170px;
				height: 90px;
				text-decoration: none;
				}

/*FOOTER*/
div#footer{
	position: absolute;
	z-index: 0;
	display: block;
	bottom: 0;
	display: block;
	background: transparent url("../img/bgFooter.jpg") left bottom repeat-x;
	height: 210px;
	width: 100%;
	}

	div#footer div.row{
		background: transparent url("../img/bgFooterRow.jpg") left bottom no-repeat;
		height: 210px;
		position: relative;
		z-index: 0;
		}

		ul#footermenu{
			position: absolute;
			z-index: 9;
			bottom: 8px;
			right: 10px;
			}

			ul#footermenu li{
				float: left;
				display: inline;
				background: transparent url("../img/bgFooterMenu.jpg") right 50% no-repeat;
				}

				ul#footermenu li a,
				ul#footermenu li a:link,
				ul#footermenu li a:visited{
					margin: 0 10px 0 9px;
					line-height: 17px;
					color: #454545;
					text-decoration: none;
					}

				ul#footermenu li a:hover,
				ul#footermenu li a:active{
					color: #787878;
					text-decoration: underline;
					}

		div#quote{
			background: transparent url("../img/bgFooterQuote.jpg") left top no-repeat;
			float: right;
			display: inline;
			width: 510px;
			height: 110px;
			overflow: hidden;
			margin: 31px 10px 0 0;
			padding: 43px 0 0 50px;
			font: italic 24px/32px Verdana, Arial, sans-serif;
			}
		
			div#auteur{
				width: 100%;
				text-align: right;
				color: #5A4279;
				font: italic 20px/24px Verdana, Arial, sans-serif;
				}
			
				div#auteur span{
					position: relative;
					top: -1px;
					font: italic 14px/24px Verdana, Arial, sans-serif;
					color: #62BB46;
					padding: 0 5px 0 0;
					}

		div#rotate{
			position: absolute;
			z-index: 0;
			left: 80px;
			top: 10px;
			float: left;
			display: inline;
			width: 260px;
			height: 190px;
			overflow: hidden;
			background: transparent url("../img/bgRotate.png") left top no-repeat;
			}

			div#rotate div{
				position: relative;
				height: 190px; width: 260px;
				}

				div#rotate div img{
					margin: 25px 0 0 25px;
					}
				
				html.ie7 div#rotate div,
				html.ie8 div#rotate div{
					left: 24px; top: 24px;
				}

/*MENU
------------------------------*/
ul#menu{
	z-index: 2;
	float: left;
	display: inline;
	width: 855px;
	height: 44px;
	overflow: hidden;
	margin: 180px 0 0 45px;
	}

	ul#menu li{
		float: left;
		display: inline;
		position: relative;
		z-index: 3;
		height: 40px;
		line-height: 19px;
		margin: 0;
		padding: 1px 1px 1px 0;
		text-align: left;
		border-top: 1px solid #869e83;
		border-bottom: 1px solid #869e83;
		}

		ul#menu a{
			display: block;
			height: 40px;
			padding: 0 10px 0 10px;
			text-align: left;
			overflow: hidden;
			font-size: 10px;
			font-weight: normal;
			text-decoration: none;
			color: #dfdfdf;
			font-family: Arial, Verdana, sans-serif;
			}

		ul#menu a:hover,
		ul#menu li:hover a,
		ul#menu li.iehover a {
			height: 40px;
			color: #fff;
			background: transparent url("../img/bgMenu.png") left top repeat-x;
			}

			ul#menu li a span,
			ul#menu li a:link span,
			ul#menu li a:visited span{
				position: relative;
				top: 5px;
				float: left;
				display: inline;
				white-space: nowrap;
				text-decoration: none;
				font-weight: bold;
				font-style: italic;
				font-size: 17px;
				line-height: 14px;
				color: #fff;
				cursor: pointer;
				width: auto;
				padding-right: 15px;
				}

	ul#menu li.current a{
		background: transparent url("../img/bgMenu.png") left top repeat-x;
		}


/*SUBMENU
------------------------------*/
ul#submenu{
	z-index: 2;
	float: left;
	display: inline;
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	border-bottom: 1px solid #cfcfcf;
	}

	ul#submenu li{
		float: left;
		display: inline;
		clear: left;
		width: 100%;
		line-height: 19px;
		margin: 0;
		padding: 0;
		text-align: left;
		border-top: 1px solid #cfcfcf;
		}

	ul#submenu li.home{
		display: none;
		}

	ul#submenu li.current{
		float: left;
		display: inline;
		clear: left;
		width: 100%;
		line-height: 19px;
		margin: 0;
		padding: 0;
		text-align: left;
		border-top: 1px solid #cfcfcf;
		/*background: #aed4c0 url("../img/submenu.jpg") 210px 7px no-repeat;*/
		background: #60865b; /*url("../img/submenu.gif") 210px 7px no-repeat;*/
		}

		ul#submenu li a,
		ul#submenu li a:link,
		ul#submenu li a:visited{
			display: block;
			padding: 4px 9px 4px 18px;
			text-decoration: none;
			font-weight: bold;
			color: #7b7b7b;
			}

		ul#submenu li a:hover,
		ul#submenu li a:active{
			color: #333;
			}

		ul#submenu li.current a,
		ul#submenu li.current a:link,
		ul#submenu li.current a:visited{
			/*color: #5A4279;*/
			color: #fff;
			}

		ul#submenu li ul.subsub{
			float: left;
			display: inline;
			width: 100%;
			border: 0;
			padding: 0 0 8px;
			}

			ul#submenu li ul.subsub li{
				border: 0;
				}

			ul#submenu li ul.subsub li.current{
				border: 0;
				background-image: none;
				}

				ul#submenu li.current ul.subsub li a,
				ul#submenu li.current ul.subsub li a:link,
				ul#submenu li.current ul.subsub li a:visited{
					display: block;
					padding: 0 9px 0 28px;
					text-decoration: none;
					font-weight: normal;
					/*color: #7b7b7b;
					background: transparent url("../img/dot.gif") 18px 6px no-repeat;*/
					background: transparent url("../img/dot2.gif") 18px 6px no-repeat;
					color: #fff;
					}

				ul#submenu li.current ul.subsub li.current a,
				ul#submenu li.current ul.subsub li.current a:link,
				ul#submenu li.current ul.subsub li.current a:visited{
					/*color: #5A4279;*/
					color: #fff;
					font-weight: bold;
					background-position: 18px -34px;
					}

				ul#submenu li.current ul.subsub li a:hover,
				ul#submenu li.current ul.subsub li a:active,
				ul#submenu li.current ul.subsub li.current a:hover,
				ul#submenu li.current ul.subsub li.current a:active{
					/*color: #333;*/
					color: #ccc;
					background-position: 18px -14px;
					}

				ul#submenu li ul.subsub li ul.subsubsub{
					float: left;
					display: inline;
					width: 100%;
					border: 0;
					padding: 0 0 8px;
					}

					ul#submenu li ul.subsub li ul.subsubsub li{
						border: 0;
						}

					ul#submenu li ul.subsub li ul.subsubsub li.current{
						border: 0;
						background-image: none;
						}

						ul#submenu li ul.subsub li ul.subsubsub li.normal a,
						ul#submenu li ul.subsub li ul.subsubsub li.normal a:link,
						ul#submenu li ul.subsub li ul.subsubsub li.normal a:visited{
							display: block;
							padding: 0 9px 0 38px;
							text-decoration: none;
							font-weight: normal;
							color: #7b7b7b;
							background: transparent url("../img/dot.gif") 28px 6px no-repeat;
							}

						ul#submenu li ul.subsub li ul.subsubsub li.current a,
						ul#submenu li ul.subsub li ul.subsubsub li.current a:link,
						ul#submenu li ul.subsub li ul.subsubsub li.current a:visited{
							display: block;
							padding: 0 9px 0 38px;
							text-decoration: none;
							font-weight: normal;
							color: #5A4279;
							background-position: 28px -34px;
							}

						ul#submenu li ul.subsub li ul.subsubsub li.normal a:hover,
						ul#submenu li ul.subsub li ul.subsubsub li.normal a:active,
						ul#submenu li ul.subsub li ul.subsubsub li.current a:hover,
						ul#submenu li ul.subsub li ul.subsubsub li.current a:active{
							color: #333;
							background-position: 28px -14px;
							}

/* OPSOMMING VACATURES
------------------------------*/
#content ul.VacOps{
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
	}

	#content ul.VacOps li{
		float: left;
		display: inline;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		background: transparent url("../img/bgVacOps.png") left top repeat-x;
		}

			#content ul.VacOps li div{
				background: transparent url("../img/logoSmall.png") 8px 8px no-repeat;
				padding: 0 0 0 50px;
				color: #5A4279;
				font: normal 10px/17px Verdana, Arial, sans-serif;
				min-height: 75px;
				height:auto !important; /* voor moderne Browser */
				height: 75px; /*voor IE6 */
				}

				#content ul.VacOps li div h4{
					margin: 2px 0 0;
					position: relative;
					top: 3px;
					color: #5A4279;
					font: bold 11px/17px Verdana, Arial, sans-serif;
					}
				
					#content ul.VacOps li div h4 span{
						margin: 5px 0 0;
						color: #62BB46;
						font: normal 11px/17px Verdana, Arial, sans-serif;
						}
				
					#content ul.VacOps li div h4 a,
					#content ul.VacOps li div h4 a:link,
					#content ul.VacOps li div h4 a:visited{
						color: #5A4279;
						text-decoration: none;
						}

					#content ul.VacOps li div h4 a:hover,
					#content ul.VacOps li div h4 a:active{
						color: #62BB46;
						text-decoration: none;
						}

				#content ul.VacOps li div a.details,
				#content ul.VacOps li div a.details:link,
				#content ul.VacOps li div a.details:visited{
					float: right;
					display: inline;
					margin: 5px 10px 5px 0;
					width: 51px;
					height: 15px;
					overflow: hidden;
					text-align: center;
					font: normal 10px/14px Verdana, Arial, sans-serif;
					text-decoration: none;
					color: #fff;
					background: transparent url("../img/bgDetails.gif") left top no-repeat;
					}

				#content ul.VacOps li div a.details:hover,
				#content ul.VacOps li div a.details:active{
					text-decoration: none;
					color: #eee;
					background-position: left -15px;
					}

/* LOCATIES
------------------------------*/
div#mapNL{
	position: relative;
	left: -20px;
	z-index: 1;
	background: transparent url("../img/map.png") 50% bottom no-repeat;
	width: 240px;
	height: 300px;}

div.col div#mapNL{
	left: 20px;
	}

	a.mapDot,
	a.mapDot:link,
	a.mapDot:visited{
		position: absolute;
		z-index: 2;
		float: left;
		display:inline;
		background: transparent url("../img/mapDot.gif") left top no-repeat;
		height:15px;
		width: 15px;
		overflow: hidden;
		cursor:pointer;
		text-decoration: none;
		}

	a.mapDot:hover,
	a.mapDot:focus{
		text-decoration: none;
		background: transparent url("../img/mapDot.gif") left -15px no-repeat;
		}

	.tooltip {
		z-index: 3;
		display:none;
		background: transparent url("../img/bgTooltip.png") left top no-repeat;
		float: left;
		height: 80px;
		width:120px;
		color:#333;
		padding: 20px 0 0 70px;
		font: bold 10px/14px verdana, arial, sans-serif;
		}

		.tooltip a{
			text-decoration: none;
			}

		.tooltip a strong,
		.tooltip a:link strong,
		.tooltip a:visited strong{
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #62BB46;
			}

		.tooltip a:hover strong,
		.tooltip a:active strong{
			text-decoration: none;
			color: #5A4279;
			}

				.tooltip a.bekijk,
				.tooltip a.bekijk:link,
				.tooltip a.bekijk:visited{
					float: right;
					display: inline;
					margin: 6px 25px 5px 0;
					width: 51px;
					height: 15px;
					overflow: hidden;
					text-align: center;
					font: normal 10px/14px Verdana, Arial, sans-serif;
					text-decoration: none;
					color: #fff;
					background: transparent url("../img/bgBekijk.gif") left top no-repeat;
					}

				.tooltip a.bekijk:hover,
				.tooltip a.bekijk:active{
					text-decoration: none;
					color: #eee;
					background-position: left -15px;
					}

/*BROWSER
--------------------------*/
#content ul.browser{
	list-style: none;
	margin: 0;
	padding: 0;}

	#content ul.browser li{
		list-style: none;
		margin: 0 0 5px;
		padding: 2px 0;
		line-height: 16px;
		background-image: none;
		}

		#content ul.browser li a,
		#content ul.browser li a:link,
		#content ul.browser li a:visited{
			padding: 2px 0 2px 20px;
			color: #333;
			font-weight: normal;
			text-decoration: none;
			}

		#content ul.browser li a:hover,
		#content ul.browser li a:active{
			color: #5A4279;
			font-weight: bold;
			text-decoration: none;
			}

		#content ul.browser li.iexplorer a{ background: transparent url("../../stylesheet/img/ie.gif") left 1px no-repeat;}
		#content ul.browser li.firefox a{   background: transparent url("../../stylesheet/img/firefox.gif") left 1px no-repeat;}
		#content ul.browser li.safari a{    background: transparent url("../../stylesheet/img/safari.gif") left 0 no-repeat;}
		#content ul.browser li.chrome a{    background: transparent url("../../stylesheet/img/chrome.gif") left 0 no-repeat;}

/*SITEMAP
--------------------------*/
#content ul.sitemap{
	margin: 0;
	padding: 0;
	}

	#content ul.sitemap li{
		padding: 0 0 3px 15px;
		margin: 0;
		list-style: none;
		background: transparent url("../../stylesheet/img/sitemap.gif") left 1px no-repeat;
		}

		#content ul.sitemap li a,
		#content ul.sitemap li a:link,
		#content ul.sitemap li a:visited{
			text-decoration: none;
			font-weight: bold;
			color: #333
			}

		#content ul.sitemap li a:hover,
		#content ul.sitemap li a:active{
			color: #5A4279;
			font-weight: bold;
			}

		#content ul.sitemap li.sub{
			margin-left: 20px;
			}

			#content ul.sitemap li.sub a,
			#content ul.sitemap li.sub a:link,
			#content ul.sitemap li.sub a:visited{
				text-decoration: none;
				font-weight: normal;
				color: #333
				}

			#content ul.sitemap li.sub a:hover,
			#content ul.sitemap li.sub a:active{
				color: #5A4279;
				}

			#content ul.sitemap li.subsub{
				margin-left: 40px;
				}

				#content ul.sitemap li.subsub a,
				#content ul.sitemap li.subsub a:link,
				#content ul.sitemap li.subsub a:visited{
					text-decoration: none;
					font-weight: normal;
					color: #333
					}

				#content ul.sitemap li.subsub a:hover,
				#content ul.sitemap li.subsub a:active{
					color: #5A4279;
					}

/* VACATURES
------------------------------*/
ul#vacatures{
	border-top: 1px solid #ccc;
	}

	ul#vacatures li{
		border-bottom: 1px solid #ccc;
		background-image: none;
		margin: 0;
		padding: 0;
		}
	
		ul#vacatures li a,
		ul#vacatures li a:link,
		ul#vacatures li a:visited{
			padding: 5px;
			display: block;
			text-decoration: none;
			}
		
		ul#vacatures li a:hover,
		ul#vacatures li a:active{
			background: #f8f8f8;
			}
		
			ul#vacatures li a span.datum{
				float: right;
				display: inline;
				font: 14px/24px Verdana, Arial;
				color: #525252;
				}

			ul#vacatures li a span.functie{
				font: italic bold 16px/24px Verdana, Arial;
				}
			
			ul#vacatures li a span.plaats{
				font: italic bold 12px/24px Verdana, Arial;
				color: #525252;
				}

div.vacNav{
	float: right;
	display: inline;
	height: 32px;
	margin: 0 2px;
	}

	div.vacNav a,
	div.vacNav a:link,
	div.vacNav a:visited{
		text-decoration: none;
		font-weight: bold;
		border: 1px solid #ccc;
		background: #fff;
		padding: 3px;
		}

	div.vacNav a:hover,
	div.vacNav a:visited{
		background: #5A4279;
		color: #fff;
		border: 1px solid #fff;
		}





a.stuurjeCV,
a.stuurjeCV:link,
a.stuurjeCV:visited{
	font: bold 14px/50px Verdana, Arial, sans-serif;
	color: #fff;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 125px;
	text-align: center;
	background: transparent url("../img/stuurjecv.gif") left top no-repeat;
	border: 0;
	outline: 0;
	cursor: pointer;
	}

a.stuurjeCV:hover,
a.stuurjeCV:active{
	background-position: left -25px;
	}

a.solliciteren,
a.solliciteren:link,
a.solliciteren:visited{
	font: bold 14px/50px Verdana, Arial, sans-serif;
	color: #fff;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 125px;
	text-align: center;
	background: transparent url("../img/solliciteren.gif") left top no-repeat;
	border: 0;
	outline: 0;
	cursor: pointer;
	}

a.solliciteren:hover,
a.solliciteren:active{
	background-position: left -25px;
	}

a.Tleesverder,
a.Tleesverder:link,
a.Tleesverder:visited{
	float: right;
	display: inline;
	margin: 0 20px 5px 0;
	width: 80px;
	height: 15px;
	overflow: hidden;
	text-align: center;
	font: normal 10px/14px Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: transparent url("../img/Tleesverder.gif") left top no-repeat;
	}

a.Tleesverder:hover,
a.Tleesverder:active{
	text-decoration: none;
	color: #eee;
	background-position: left -15px;
	}


/*MEERWETEN*/

/*AFBEELDINGEN*/
	table.meerweten{
		border-collapse: collapse;
		padding: 0;
		float: right;
		display: inline;
		margin: 0 25px 10px 15px;
		}

	body#home table.meerweten{
		margin: 0 0 10px 15px;
		}

div#col3 table.meerweten{
	float: left;
	margin: 0 15px 10px 0;
	}

		table.meerweten td.content{background: #fff; vertical-align: top;}

div.mwtekst{
	background: #fff;
	margin: 10px 10px 0;
	width: 250px;
	}

body#home div.mwtekst{width: 250px;}

div#content h2.meerweten{display: none;}
div#content div#col3 h2.meerweten{ display: block;}

div.mwtekst p{margin: 0; padding: 0; font-size: 10px;}
div.mwtekst h3{margin:6px 0 10px; padding: 0; font-size: 11px;}

div.mwtekst img{
	float: left;
	display: inline;
	margin: 3px 10px 0 0;
	padding: 0;
	width: 100px;
	}