body {
	background-color: #ffffff;
	font-family: arial, verdana, sans-serif;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
div.wrapper {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 958px;
}
	div#container {}
	
div.header {
	margin: 0 0 0 -11px;
	position: relative;
}
	div.borderheader {
		background: #4d4d4f; 
		height: 3px; 
		left: -1000px;		 
		position: absolute; 
		top: 44px;
		width: 1000px;
	}

/* Hoofdnavigatie */
/* Wanneer je 'div#nav' weghaalt uit een selector, gelden deze attributen ook voor de subnavigatie,
 * tenzij ze daar zelf gedefinieerd worden */
  
div.menu {
	background: #005996;
	border-right: 3px solid #4c4d4f;
	height: 2.25em;
	padding: 0 0 0 69px;
	position: relative;
}
	div.menu ul.menu {
		color: #ffffff;
		padding: 0 0 0 5px;
	}
		div.menu ul.menu li {
			float: left;
			font-family: verdana, arial, sans-serif;
		}
			div.menu ul.menu li a {
				background: url("../img/menubullet.gif") 0 0.75em no-repeat;
				color: #ffffff;
				display: block;
				font-size: 0.75em;
				font-weight: bold;
				padding: 0.3125em 27px 0.3125em 6px;
				text-decoration: none; 
			}
				div.menu ul.menu li a:hover,
				div.menu ul.menu li.hier a {
					text-decoration: underline;
				}
		div.menu ul.menu li.hier {
		}
			div.menu ul.menu li.hier a {
			}
		div.menu ul.menu li.open {
		}
			divmenu ul.menu li.open a {
			}
				divmenu ul.menu li.open li {
				}
					divmenu ul.menu li.open li a {
					}
					
				
/*	Subnavigatie */
div#subnav {
}
	div#subnav ul.menu {
	}
		div#subnav ul.menu li {
		}
			div#subnav ul.menu li a {
			}
				div#subnav ul.menu li.hier,
				div#subnav ul.menu li:hover {
				}
					div#subnav ul.menu li a:hover,
					div#subnav ul.menu li:hover a,
					div#subnav ul.menu li.hier a {
					}

/* Submenu bij (sub)nav */
ul.submenu {
}
	ul.submenu li {
	}
		li.open ul.submenu li a {
		}
			li.open ul.submenu li.hier,
			li.open ul.submenu li:hover {
			}
				li.open ul.submenu li a:hover {
				}

/* kruimelpad */
ul#kruimelpad {
}
	ul#kruimelpad li {
	}
		ul#kruimelpad li a {
		}
			ul#kruimelpad li a:hover {
			}
			ul#kruimelpad li.last a {
			}


/* Headings */
h1 {
	border-bottom: 3px solid #000000;
	font-size: 1.1875em;
	font-weight: bold;
	letter-spacing: 0.045em;
	line-height: 1.64em;
	padding: 0 0 0 70px;
}
h2 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
h3 {
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
}
h4 {
}
h5 {
}
h6 {
}

strong { font-weight: bold; }
em { font-style: italic; }

div.pagenav {
	padding: 10px 0 0 70px;
}
	div.pagenav p {
		font-size: 0.6875em;
	}
	
/* Content */
div.contentcontainer {
	float: left;
	margin: 0;
	position: relative;
	width: 747px;
}
	body#details div.contentcontainer {
		margin: 10px 0 0 0;
		width: 958px;
	}
	div.intro {
		margin: 15px 55px 0 71px;
	}
	div.intro h1 {
		border: none;
		font-family: arial, sans-serif; 
		font-size: 0.75em;
		font-weight: bold;
		letter-spacing: 0.045em;
		line-height: 1.5em;
		margin: 0 0 1.81em 0;
		padding: 0;
	}
	div.intro p {
		font-family: arial, sans-serif; 
		font-size: 0.7em;
		letter-spacing: 0.045em;
		line-height: 1.64em;
		margin: 0 0 1.81em 0;
	}
	div.content {
		float: left;
		margin: 0 100px 0 0;
		padding: 30px 253px 0 0;
		position: relative;
		width: 705px;
	}
		body#home div.content {
			padding-top: 0;
		}
		div.content h1,
		div.content h2,
		div.content h3,
		div.content h4,
		div.content h5,
		div.content h6 {
			padding: 0 0 0 70px;
		}
		div.content p {
			font-family: arial, sans-serif; 
			font-size: 0.7em;
			letter-spacing: 0.045em;
			line-height: 1.64em;
			margin: 0 0 1.81em 0;
			padding: 0 0 0 70px;
		}
			div.content div.ratingitem {
				margin-bottom: 2em;	
			}
			div.content div.ratingitem p {
				margin-bottom: 0.3em;
			}
				div.content div.rating p span {
					width: 140px;
				}
					div.content div.rating p span.generalrating {
						background-color: #eeeeee;	
						padding: 4px 4px 4px 4px;
						margin-right: 10px;
					}
					div.content div.ratings {
						background-color: #eeeeee;
						margin: 1em 0px 0px 70px;
					}
						div.content div.ratings p {
							margin-left: 0px;
							padding-left: 0px;
						}
				div.content div.rating p span {
					margin-right: 4px;	
				}
				div.content div.rating p img {
					padding: 2px 2px 0 0;
					vertical-align: top;
				}
		div.content a {
		}
			div.content a:hover {
			}
		div.content ul {
			list-style: disc;
			list-style-position: inside;
			padding: 0 0 0 70px;
		}
			div.intro ul li,
			div.content ul li {
				margin-left: 15px;
		 		font-size: 0.7em;
				margin-bottom: 0.3em;
			}
				div.content ul li ul {
				}
					div.intro ul li ul li,
					div.content ul li ul li {
						font-size: 100%;
					}
		div.content ol {
			list-style: decimal;
			list-style-position: inside;
			padding: 0 0 0 70px;
		}
			div.content ol li {
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
					}
		div.content dl {
			padding: 0 0 0 70px;
		}
			div.content dl dt {
			}
			div.content dl dd {
			}
			
		table {
		}
			tr {
			}
				th {
				}
				td {
				}
		div.moreinfo {
			background: #f5822a;
			color: #4d4d4f;
			padding: 25px;
			position: absolute;
			right: 0;
			top: 0;
			width: 203px;
		}
			div.moreinfo p {
				padding-left: 0;
			}
			div.moreinfo a {
				color: #4d4d4f;
			}
		div.content div.addthis_toolbox {
			position: absolute;
			height: 30px;
			bottom: -40px;
		}		
		div.content div.ratingscore {
			background: url(../img/bg_rating.png) no-repeat left top;
			bottom: -116px;
			height: 66px;
			position: absolute;
			text-align: center;
			width: 66px;
		}
			div.content div.ratingscore a {
				display: block;
				color: #ffffff;
				margin: 20px 0px 0px 0px;
				text-decoration: none;
			}
				div.content div.ratingscore a strong {
					font-size: 120%;	
				}
				
div.bladeren {
	margin-bottom: 0.7em;
}
	div.bladeren div {
		float: left;
		/* width: 110px; */
	}
		div.bladeren div.paginas {
			text-align: center;
		}
		div.bladeren div.volgende {
			text-align: right;
		}
		div.bladeren div a {
			/* font-size: 0.75em; */
		}
			div.bladeren div.vorige a,
			div.bladeren div.volgende a {
				margin: 0 0.5em;
			}
			div.bladeren div.paginas a {
				margin: 0 0.2em;
			}
			div.bladeren div a.link_eerste,
			div.bladeren div a.link_laatste {
				margin: 0;
			}
div.borderform {
	background: #4d4d4f; 
	height: 3px; 
	left: -1000px;		 
	position: absolute; 
	top: 106px;
	width: 1000px;
}
	
table.filters {
	background: #f5822a;
	width: 100%;
	padding: 0 6px 0 0; 
}
	table.filters tr {}
		table.filters tr th {
			font-size: 0.5625em;
			font-weight: bold;
			padding: 18px 0 0 6px; 
		}
	table.filters tr {}
		table.filters tr.filters {}
			table.filters tr.filters td {
				padding: 6px 0 5px 6px;
			}
				table.filters tr.filters td select {
					font-size: 0.5625em;
					width: 100%;
				}
		
table.results {	
	width: 100%;
	margin: 0 0 2px 0;
}
	table.results tr {}
		table.results tr th {
			background: #f5822a;
			border-left: 0 none;
			font-size: 0.5625em;
			font-weight: bold;
			padding: 6px 2px 0 4px;
		}
		table.results tr td {
			border-left: 1px dotted #a7a7a7;
			font-size: 0.625em;
			padding: 4px 2px 4px 4px;
		}
		table.results tr td.title {
			border-left: 0 none;
			font-size: 0.75em;
			width: 398px;
		}
			table.results tr td.title a {
				display: block;
				overflow: hidden;
				padding: 0 0 2px 0;
				white-space: nowrap;
				width: 398px;
			}
	table.results tr.filters {}
		table.results tr.filters td {
			background: #f5822a url("../img/border_resultstable.gif") left bottom repeat-x;
			border-left: 0 none;
			font-size: 0.5625em;
			font-weight: bold;
			padding: 7px 6px 19px 4px;
		}
			table.results tr.filters td select {
				font-size: 1em;
				width: 100%;
			}
	table.results tr.oneven {}
		table.results tr.oneven td {
			background: #ebebeb;
		}
	table.results tr.first {}
		table.results tr.first td {
			background: #ffffff;
		}

div.partners {
	float: left;
	font-size: 0px;
	width: 211px;
	text-align: right;
}

/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagiër */
form {
}
	form fieldset {
		background: #f5822a;
		border-top: 3px solid #000000;
		margin: 0 0 36px 0;
		padding: 25px 0 10px 70px;
	}
		#submitacourseform fieldset {
			padding-right: 90px;			
		}
		form.ratecourse fieldset {
			background: none;
			border: none;
		}
		form fieldset label,
		form fieldset strong {
			clear: both;
			float: left;
			font-size: 0.75em;
			font-weight: normal;
			margin: 0 10px 1em 0;
			width: 175px;
		}
			form.ratecourse fieldset label {
				font-weight: bold;
				width: 185px;
			}
			#submitacourseform fieldset strong,
			#submitacourseform fieldset label {
				width: 195px;
				position: relative;
			}
		form fieldset input {
			border: 1px solid #4c4d4f;
			float: left;
			font-size: 0.75em;
			height: 19px;
			margin: 0 0 0.75em 0;
			width: 330px;
		}
			form.ratecourse fieldset input {
				width: 438px;
			}
			form fieldset input#datenextcourse_date,
			form fieldset input#datenextcourse_month,
			form fieldset input.date_day,
			form fieldset input.date_month {
				margin-right: 5px;
				width: 20px;
			}
			form fieldset input#datenextcourse_year,
			form fieldset input.date_year {
				margin-right: 5px;
				width: 40px;
			}
		form fieldset div.radiolist {
			float: left;
			font-size: 0.75em;
			margin-bottom: 1em;
		}
			form.ratecourse fieldset div.radiolist {
				margin-bottom: 0;
			}
			form.ratecourse fieldset div.radiolist br {
				display: none;
			}
		form fieldset div.radiolist input {
			border: 0px;
			float: none;
			margin: 0 21px 0 0;
			width: auto;
		}
		form fieldset div.checkboxfield input {
			width: auto;
			border: 0px;
			margin-left: 185px;
		}
		form fieldset div.checkboxfield label {
			float: right;
			line-height: 1.5em;
			width: 410px;
		}
			form.ratecourse fieldset div.checkboxfield input {
				margin-left: 195px;
			}
				form.ratecourse fieldset div.checkboxfield a {
					float: none;
				}
		form fieldset div.ratinglabels {
			float: left;
			font-size: 0.75em;
			font-weight: bold;
			margin: 10px 0 10px 195px;
			position: relative;
			width: 440px;
		}
			form fieldset div.ratinglabels span.zeerslecht {
			}
			form fieldset div.ratinglabels span.uitmuntend {
				position: absolute;
				right: 67px;
				top: 0;
			}
			form fieldset div.ratinglabels ul {
				list-style: none;
				margin: 10px 0 10px -15px;
				padding: 0;
			}
			form fieldset div.ratinglabels ul li {
				float: left;
				margin: 0;
				text-align: center;
				width: 40px;
			}
		form fieldset div.humanityfield input,
		input#humanity {
			margin: 0 0 0 204px;
			width: 118px;
		}
		form fieldset div.upload {
			position: relative;
		}
			form fieldset div.upload input.fakeupload {
				background: url(../img/input_fileupload.gif) no-repeat top left;
				border: none;
				position: absolute;
				z-index: 1;
			}
			form fieldset div.upload input.file {
				position: relative;
				z-index: 2;
			}
		form fieldset div.jaar label {
			display: none;
		}
		form fieldset select {
			border: 1px solid #4c4d4f;
			float: left;
			font-size: 0.75em;
			height: 19px;
			margin: 0 0 0.75em 0;
			width: 330px;
		}
			form.ratecourse fieldset select {
				margin-right: 5px;
				width: auto;
			}
		form fieldset textarea {
			border: 1px solid #4c4d4f;
			float: left;
			font-family: inherit;
			font-size: 0.75em;
			margin: 0 0 0.75em 0;
			width: 330px;
		}
			form.ratecourse fieldset textarea {
				width: 430px;
			}
		form fieldset a {
			float: left;
		}
		form fieldset em {
			font-size: 0.75em;
			float: left;
			margin-bottom: 1em;
		}
			form.ratecourse fieldset em {
				clear: both;
				display: block;
				float: none;
				margin-left: 195px;
			}
			form#submitacourseform fieldset em {
				clear: left;
				width: 400px;
			}
			form fieldset label em {
				font-size: 1em;
				float: none;
			}

		form fieldset input.error {}

		.error {
		}
			span.error,
			.error span {
				color: #cc0000;
				display: block;
				font-size: 0.8em;
				margin: -0.5em 0 0.5em 194px;
				clear: left;
			}
			
			.error label {}
			div.error input {
				background-color: #fff2f2;
				border: 1px solid #cc0000;
			}
			.error textarea {
				border: 1px solid #cc0000;
			}
		div.error_border {
			margin: 0;
			padding: 0;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}

form.courses {
	background: url("../img/bg_form.gif") left top no-repeat;
	padding: 0 0 0 70px;
	position: relative;
}

form#searchform {
	position: absolute;
	right: 20px;
	top: 1px;
}
	form#searchform fieldset {
		background: none;
		border: none;
		padding: 0;
	}
	form#searchform input {
		border: 1px solid #000000;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 0px;
		width: 145px;
	}
	form#searchform button {
		background: url("../img/button_search.gif") left top no-repeat;
		display: block;
		float: left;
		height: 19px;
		margin: 1px 0 0 0;
		width: 73px;
	}
form#submitacourseform button {
	background: url(../img/submitacourse.gif) no-repeat top left;
	height: 19px;
	margin: 0 0 40px 400px;
	width: 114px;
}
form.ratecourse a.button {
	background: url(../img/button_ervaring_opsturen.gif) no-repeat top left;
	display: block;
	height: 19px;
	margin: 0 0 40px 505px;
	width: 130px;
	text-indent: -999em;
}

/* Footer */

div.footer {
	background: url("../img/footer.gif") left top no-repeat;
	clear: left;
	height: 58px;
	padding: 7px 0 0 0;
}
	div.footer p {
		color: #ffffff;
		font-family: arial, sans-serif;
		font-size: 0.6875em;
		letter-spacing: 0.045em;
		text-align: center;
	}
	div.footer a {
		color: #ffffff;
		text-decoration: none;
	}
	div.footer a:hover {
		text-decoration: underline;
	}

/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
button {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.clearfloat:after,
div.bladeren:after,
div.container:after,
ul.menu:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
}