body {
	font-family: arial, verdana, tahoma;
}
div.wrapper {
	position: relative;
	width: 912px;
	text-align: left;
	margin: 0px auto;
}
	div.container {
	}
div.header {
	margin: 10px 0px 0px 0px;
	background: url(../img/header.gif) no-repeat left top;
}
	img.logo {
		margin: 7px 0px 15px 8px;
	}
a {
	color: #01698d;
}
	a:hover {
		font-weight: bold;
		text-decoration: none;
	}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* Menu */
div.menu {
	padding: 0px 7px 0px 7px;
}
	div.rails {
		height: 19px;
		margin: 0px -35px 0px -35px;
		background: url(../img/rails.gif) no-repeat left bottom;
	}
		.treincontainer {
			position: relative;
			height: 1px;
			line-height: 1px;
			color: #ffffff;
		}
		img.trein {
			position: absolute;
			margin: 5px 0px 0px -85px;
		}
	ul.menu {
	}
		ul.menu li {
			position: relative;
			background-image: url(../img/menu_button_left.gif);
			background-position: left top;
			background-repeat: no-repeat;
			float: left;
			min-height: 34px;
			height: auto;
			font-size: 1em;
			font-family: arial, verdana, sans-serif;
			font-weight: bold;
			margin: 0px 2px 0px 0px;
			text-align: center;
		}
			ul.menu li a {
				text-decoration: none;
				color: #000000;
				font-weight: bold;
				min-height: 20px;
				height: auto;
				background-image: url(../img/menu_button_right.gif);
				background-repeat: no-repeat;
				background-position: right top;
				display: block;
				padding: 8px 10px 6px 10px;
			}
				ul.menu li.hier a:hover {
					color: #000000;
				}
				ul.menu li a:hover {
					color: #00557e;
				}
					ul.menu li.hier li a:hover,
					.submenu ul.menu li.open li a:hover {
						color: #00557e;
					}
		ul.menu li.open,
		ul.menu li.hier {
			background-position: left -34px;
		}
			ul.menu li.open a,
			ul.menu li.hier a {
				background-position: right bottom;
			}

			div.submenu {
				float: right;
				width: 183px;
				padding-right: 7px;
			}
				div.submenu ul.menu {
					margin-right: 7px;
				}
					div.submenu ul.menu li {
						width: 183px;
						float: none;
						border-bottom: 3px solid #ffffff;
						background-image: url(../img/submenu_top.gif);
						background-repeat: no-repeat;
						background-position: right top;
						min-height: 34px;
						height: auto;
						text-align: left;
					}
						div.submenu ul.menu li.open,
						div.submenu ul.menu li.hier {
							background-position: left top;
						}
						div.submenu ul.menu li a {
							min-height: 20px;
							height: auto;
							padding: 8px 10px 6px 10px;
							background-image: url(../img/submenu_bottom.gif);
							background-repeat: no-repeat;
							background-position: right bottom;
						}
							div.submenu ul.menu li.open ul li.open a,
							div.submenu ul.menu li.open ul li.hier a {
								color: #ffffff;
							}
								div.submenu ul.menu li.open ul li a {
									color: #000000;
								}
							div.submenu ul.menu li.open a,
							div.submenu ul.menu li.hier a,
							div.submenu ul.menu li.open ul li.hier a {
								background-position: left bottom;
								color: #ffffff;
							}
						div.submenu ul.menu li.open a {
							background-position: bottom left;
						}
							div.submenu ul.menu ul.submenu li a {
								background-position: right bottom;
							}
								div.submenu ul.menu ul.submenu li.open a {
									background-position: left bottom;
								}
					
					div.submenu ul.menu li ul {
						padding: 3px 0px 0px 10px;
						background-color: #ffffff;
					}
						div.submenu ul.menu li ul li {
							width: 173px;
							background-image: url(../img/subsubmenu_top.gif);
						}
						div.submenu ul.menu li ul li a {
							background-image: url(../img/subsubmenu_bottom.gif);
						}
							div.submenu ul.menu li.hier ul li a {
								background-position: right bottom;
							}

/* kruimelpad */
ul#kruimelpad {
	padding: 0px 7px 0px 8px;
}
	ul#kruimelpad li {
		margin: 10px 0px 0px 0px;
		float: left;
		margin-right: 4px;
		font-size: 0.7em;
	}
		ul#kruimelpad li a {}
		ul#kruimelpad li.last a {
			text-decoration: none;
		}


/* Headings */
h1 {
	font-size: 1.6em;
	clear: left;
	padding: 1em 0px 23px 7px;
}
	body.lijst h1 {
		padding: 1em 0px 23px 23px;
	}
	body#home h1 {
		font-size: 1.2em;
		padding: 0px 0px 1em 20px;
	}
h2 {
	font-size: 0.9em;
	margin-bottom: 0.2em;
}
h3 {
	font-size: 0.8em;
}
h4 {
}
h5 {
}
h6 {
}

/* Content */
div.contentcontainer {
	position: relative;
	background: url(../img/bg_content.gif) repeat-y top left;
	width: 708px;
}
		body.lijst div.contentcontainer {
			background-image: none;
		}
		body.mediagallerij div.contentcontainer {
			background-image: none;
		}
		body#home div.contentcontainer {
			margin-top: 47px;
			width: 912px;
			background: url(../img/bg_content_home.gif) repeat-y top left;
		}
	img#contenttop {
		position: relative;
		margin: 0px 0px 7px 0px;
		z-index: 1000;
	}
	img#contentbottom {
		position: relative;
		margin: 0px 0px 0px 0px;
	}
	div.contentcontainer a {
		color: #01698d;
		text-decoration: underline;
	}
		div.contentcontainer a:hover {
			text-decoration: none;
		}

	div.foto {
		line-height: 1.1em;
		padding-left: 8px;
		margin: -9px 0px 7px 0px;
		min-height: 285px;
		height: auto;
	}
			body.lijst div.foto {
				margin-top: 0px;
			}
		div.foto ul {
			margin: -4px 0px 0.4em 0px;
		}
			div.foto ul li {
				font-size: 0.8em;
			}
		div.foto p {
			width: 170px;
			margin-bottom: 0px;
			font-size: 0.8em;
		}
		div.fotocontent {
			width: 693px;
			background: url(../img/overlay_middle.gif) repeat-y top left;
			position: relative;
		}
			img#grotefoto {
				position: relative;
				float: left;
				margin: -23px 0px -23px 4px;
				z-index: 0;
			}
			img#fototop {
				position: relative;
				z-index: 99;
			}
			img#fotobottom {
				position: relative;
				z-index: 99;
			}
			div.foto_rechts {
				float: right;
				left: 489px;
				width: 182px;
			}


	div.contentbottom {
		padding-right: 7px;
		margin-bottom: 28px;
	}
	div.content {
		line-height: 1.2em;
		padding: 0px 23px 23px 23px;
		float: left;
		width: 450px;
	}
			#nocontext div.content {
				width: auto;
			}
			body.mediagallerij div.content {
				width: 708px;
				padding: 0px;
			}
			body#home div.content {
				position: relative;
				padding: 0px;
				width: 898px;
				margin: 0px 0px 0px 6px;
				background: url(../img/overlay_middle_home.gif) repeat-y left top;
				z-index: 100;
				min-height: 239px;
				height: auto;
			}
		div.content p {
			font-size: 0.8em;
			margin-bottom: 1.1em;
		}
			body#home div.content p {
				width: 550px;
				padding: 0px 0px 0px 20px;
				font-size: 0.9em;
				line-height: 150%;
			}

		div.content a {
		}
			div.content a:hover {
			}
		div.content ul {
			margin-left: 10px;
		}
			div.content ul li {
				font-size: 0.8em;			
				list-style-type: disc;
				padding-left: 10px;
			}
				div.content ul li ul {
				}
					div.content ul li ul li {
						font-size: 100%;
					}
		div.content ol {
			margin-left: 10px;
		}
			div.content ol li {
				font-size: 0.8em;			
				list-style-type: decimal;
				padding-left: 10px;
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
						font-size: 100%;
					}
		table {
		}
			tr {
			}
				td {
					font-size: 0.8em;			
				}
		div.intro {
			font-weight: bold;
		}

		div.lijstitem {
			position: relative;
			min-height: 119px;
			height: auto;
			margin: 0px -16px 0.5em -15px;
			background: url(../img/lijst_overlay_middle.gif) repeat-y left top;
		}
			div.lijstitem h3 {
				margin: 0px 155px 0px 15px;
				padding: 12px 0px 6px 0px;
			}
				div.lijstitem h3 a {
					font-weight: normal;
					float: right;
				}
			div.lijstitem p {
				margin: 0px 160px 0px 15px;
			}
				div.lijstitem p.leesmeer {
					position: relative;
					padding: 0px 0px 12px 0px;
					z-index: 1000;
				}
			div.lijstitem img.lijsttop {
				position: absolute;
				z-index: 100;
			}
			div.lijstitem img.lijstbottom {
				position: absolute;
				bottom: 0px;
				z-index: 100;
			}
			div.lijstitem img.fotonieuws {
				position: absolute;
				left: 327px;
				z-index: 10;
			}
		div.spotlight {
			background: #00bef4 url(../img/lijst_overlay_middle_blauw.gif) repeat-y left top;
			min-height: 120px;
		}


		a.ctatop {
			position: absolute;
			right: 9px;
			top: 9px;
			display: block;
			text-indent: -999em;
			width: 178px;
			height: 174px;
			background-image: url(../img/cta_top.gif);
			background-repeat: no-repeat;
			background-position: left top;
		}
			a.ctatop:hover {
				background-position: left bottom;
			}

		a.ctagroot {
			margin: 0px 0px 0px 7px;
			background-position: top left;
			background-repeat: no-repeat;;
			width: 697px;
			height: 106px;
			display: block;
			text-indent: -999em;
			cursor: pointer;
		}
			a.ctagroot:hover {
				background-position: bottom left;
			}
		a.ctaklein {
			margin: 0px 0px 0px 0px;
			background-position: top left;
			background-repeat: no-repeat;
			width: 348px;
			height: 106px;
			display: block;
			text-indent: -999em;
			cursor: pointer;
			float: left;
		}
			a#ctaklein_left {
				margin: 0px 0px 0px 7px;
			}
			a.ctaklein:hover {
				background-position: bottom left;
			}

	div.context {
		width: 205px;
		background: url(../img/bg_context.gif) repeat-y top left;
		float: right;
		margin-top: 25px;
	}
		div.contextcontent {
			margin: -14px 0px -14px 0px;
			padding: 0px 20px;
			line-height: 1.2em;
		}
			div.context h3 {
				font-size: 0.9em;
				margin-bottom: 0.3em;
			}
			div.context p {
				font-size: 0.8em;
			}
		img#contexttop {
			position: relative;
			margin-top: -25px;
		}
		img#contextbottom {
			position: relative;
			margin-bottom: -25px;
		}
	div.agendaindeling {
		width: 205px;
		background: url(../img/bg_context.gif) repeat-y top left;
		float: right;
		margin-top: 25px;
	}
		div.agendaindeling div.contextcontent {
			margin: -14px 0px -14px 0px;
			padding: 0px 20px;
			line-height: 1.2em;
		}
			div.agendaindeling h3 {
				font-size: 0.9em;
				margin-bottom: 0.3em;
			}
			div.agendaindeling li,
			div.agendaindeling p {
				font-size: 0.8em;
			}
				div.agendaindeling li.hier a {
					text-decoration: none;
					color: #000000;
				}
				
		img#contexttop {
			position: relative;
			margin-top: -25px;
		}
		img#contextbottom {
			position: relative;
			margin-bottom: -25px;
		}

body#home {}
	body#home #introtop_home {
		position: relative;
		z-index: 10;
		margin: -8px 0px -2px 6px;
	}
	body#home #introbottom_home {
		position: relative;
		z-index: 10;
		margin: 0px 0px 0px 6px;
	}

	body#home .contenthome {
		background: url(../img/bg_content_home.gif) repeat-y left top;
	}

	.actueelcontainer {
		width: 912px;
		margin: 10px 0px 0px 7px;
		background: #ffffff url(../img/bg_home_actueel.gif) repeat-y left top;
	}
		.actueel {
			width: 290px;
			float: left;
			margin-right: 14px;
		}
				.projecten {
					margin-right: 0px;
				}
			.actueel h2, .actueel h3, .actueel p {
				padding: 0px 20px 0px 20px;
				clear: both;
			}
				.actueel h2 {
					font-size: 1.2em;
					margin: -10px 0px 0.8em 0px;
				}
				.actueel h3 {
					font-size: 1em;
					margin-bottom: 0.15em;
				}
					.actueel h3 small {
						font-weight: normal;
						font-size: 80%;
						color: #000000;
					}
				.actueel p {
					font-size: 0.8em;
					line-height: 1.2em;
				}
				.actueel p.leesmeer {
					padding-bottom: 0.7em;
					min-height: 1.2em;
				}
			.nieuws {
			}
				.nieuws h2:first-letter {
					color: #00b3f1;
				}
				.nieuws h3 {
					color: #00b3f1;
				}

			.agenda {
			}
				.agenda h2:first-letter {
					color: #ee3e96;
				}
				.agenda h3 {
					color: #ee3e96;
				}
			.projecten {
			}
				.projecten h2:first-letter {
					color: #8cc751;
				}
				.projecten h3 {
					color: #8cc751;
				}


	body#home #fotohome {
		margin-top:-4px;
		position:absolute;
		right: 11px;
		z-index:0;
	}

	body#home .homefooter {
		position: relative;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: url(../upload/home/foto_home_2.jpg) no-repeat left center;
	}
		body#home .homefooter_foto {
			padding: 0px 0px 0px 10px;
			margin: 10px 0px 20px 0px;
			background: url(../img/overlay_middle_foto.gif) repeat-y left top;
		}
		body#home .homefooter_foto .overlaytop {
			position: absolute;
			left: 0px;
			top: 3px;
		}
		body#home .homefooter_foto .overlaybottom {
			position: absolute;
			left: 0px;
			bottom: 11px;
		}
			body#home .homefooter_foto .partners {
				position: relative;
				padding: 0px 0px 0px 0px;
				margin: 0px 12px 0px 0px;
				width: 290px;
				float: left;
			}
				body#home .homefooter_foto .partners h2,
				body#home .homefooter_foto .partners h3,
				body#home .homefooter_foto .partners p {
					padding: 0px 14px 0px 14px;
				}
					body#home .homefooter_foto .partners h3 {
						padding-bottom: 1em;
						line-height: 120%;
					}
					body#home .homefooter_foto .partners p {
						font-size: 0.8em;
						line-height: 1.1em;
						clear: both;
						padding-bottom: 1em;
					}
			body#home .homefooter_foto .fotohome {
				position: relative;
				width: 288px;
				float: left;
				margin: 0px 12px 0px 0px;
			}
			body#home .homefooter_foto .spoorzonevoor {
				position: relative;
				width: 290px;
				float: left;
			}
				body#home .homefooter_foto .spoorzonevoor h2,
				body#home .homefooter_foto .spoorzonevoor h3,
				body#home .homefooter_foto .spoorzonevoor p {
					padding: 0px 14px 0px 14px;
				}
				body#home .homefooter_foto .spoorzonevoor p {
						font-size: 0.8em;
						line-height: 1.2em;
						clear: both;
						padding-bottom: 1em;
						position: relative;
						z-index: 100;
				}

.mediagallerij {}
	.mediaitem {
		position: relative;
		height: 100px;
		float: left;
		margin: 0px 10px 10px 0px;
		overflow: hidden;
		min-width: 10px;
	}
			#videopagina .mediaitem {
				float: right;
			}
		.mediaitem img {
			height: 100px;
		}
	.mediagallerij .overlay_left {
		position: absolute;
		z-index: 10;
	}
	.mediagallerij .overlay_middle {
		position: absolute;
		left: 0px;
		width: 100%;
		height: 100px;
		z-index: 0;
	}
	.mediagallerij .overlay_right {
		position: absolute;
		right: 0px;
		z-index: 10;
	}
		div.mediacontainer {
			float: left;
			margin: 0px 10px 10px 0px;
			width: 150px;
		}
			div.mediacontainer p {
				height: 80px;
				width: 150px;
				overflow: hidden;
				float: left;
			}
			div.mediacontainer strong {
				display: block;
				float: left;
				font-size: 0.8em;
				width: 150px;
			}
	a.video {
		margin: 0px 0px 15px 15px;
		float: right;
		clear: right;
		display: block;
		height: 56px;
		width: 206px;
		background: url(../img/button_afspelen.gif) no-repeat top left;
		text-indent: -999em;
	}
		a.video:hover {
			background-position: bottom left;
		}
	a.video_open {
		margin: 0px 0px 15px 15px;
		float: right;
		clear: right;
		display: block;
		height: 56px;
		width: 206px;
		background: url(../img/button_afspelen_nieuwvenster.gif) no-repeat top left;
		text-indent: -999em;
	}
		a.video_open:hover {
			background-position: bottom left;
		}
	a.downloadpublicatie {
		margin: 0px 0px 0px 15px;
		float: right;
		clear: right;
		display: block;
		height: 56px;
		width: 206px;
		background: url(../img/button_downloadpublicatie.gif) no-repeat top left;
		text-indent: -999em;
	}
		a.downloadpublicatie:hover {
			background-position: bottom left;
		}
	p.downloadpublicatie_size {
		float: right;
		clear: right;
		width: 206px;
		text-align: center;
		font-style: italic;
		margin: 0px 0px 15px 15px;
	}



/* Formulier*/
form {
}
	form fieldset {}
		form fieldset label {
			display: block;
		}
		form fieldset input {
			width: 443px;
			margin: 2px 0px 9px 0px;
			padding: 2px;
			display: block;
		}
		form fieldset textarea {
			width: 443px;
			height: 80px;
			margin: 2px 0px 9px 0px;
			padding: 2px;
			display: block;
		}
		form div.checkboxlist {
			font-size: 100%;
			margin-bottom: 1em;
		}
			div.checkboxlist input {
				width: 14px;
				height: 14px;
				margin: 3px 8px 2px 0px;
				display: inline;
			}
			div.content div.checkboxlist ul,
			div.content div.checkboxlist ul li {
				list-style: none;
				font-size: 100%;
				padding-left: 0px;
				margin-left: 0px;
			}
			div.checkboxlist ul li label {
				font-weight: normal;
			}
		form em {
			font-style: italic;
		}
		form fieldset input.error {
			border: 1px solid #cc0000;
		}

		.error {}
			.error span {
				color: #cc0000;
				margin: -9px 0px 9px 0px;
				display: block;
			}
			.error label {}
			.error input[type=text] {}
			.error textarea {}
		div.error_border {
			padding: 5px;
			border: 1px solid #cc0000;
			margin: 0px 0px 0.7em 0px;
		}
			div.error_border input[type=text] {
				width: 433px;
			}
	div.systemfeedback_error,
	p#geenproducten_warning {
		border: 1px solid #cc0000;
		padding: 10px 10px 0px 10px;
		margin: 0px 0px 1em 0px;
	}
		div.systemfeedback_error p {
			color: #cc0000;
		}
		p#geenproducten_warning {
			border: 1px solid #cc0000;
			padding: 10px 10px 10px 10px;
			margin: 0px 0px 1em 0px;
			color: #cc0000;
		}
		form div {
			font-size: 0.8em;
		}
		form button {
			margin: 15px 0px 0px 0px;
			display: block;
			border: 0px;
			cursor: pointer;
			padding: 0px;
			text-indent: -999em;
			height: 56px;
			width: 206px;
			background: url(../img/button_versturen.gif) no-repeat top left;
			text-indent: -999em;
		}
			form.webshop button {
				background: url(../img/button_bestellen.gif) no-repeat top left;
			}
			form.webshop button:hover,
			form button:hover {
				background-position: bottom left;
			}
		form h2, form h3 {
			margin: 1em 0em 1em 0em;
		}

		form.webshop {

		}
			form.webshop p a {
				background-image: url(../img/button_bestellen.gif);
			}
			form.webshop table td {
				vertical-align: top;
			}
			form.webshop table td.afbeelding {
				background: url(../img/webshop_kader.gif) no-repeat top left;
				width: 123px;
				height: 126px;
				position: relative;
				text-align: center;
			}
				td.afbeelding img {
					margin: 11px 0px 0px 0px;
				}
			td.aantal {
				padding: 10px 10px 0px 0px;
			}
			td.prijs {
				font-size: 1.3em;
				font-weight: bold;
				padding: 10px 0px 0px 0px;
				text-align: right;
				width: 110px;
			}
			td.beschrijving {
				padding: 10px 10px 0px 10px;
				width: 320px;
			}
				td.beschrijving h3 {
					margin: 0px 0px 0.5em 0px;
				}
			td.totaal {
				text-align: right;
				font-size: 1.3em;
				padding: 2em 0px 0px 0px;
			}
		form.tellafriend p a {
			background-image: url(../img/button_tellafriend.gif);
		}

/* SearchForm*/
form#searchform {
}
	form#searchform fieldset {
	}
		form#searchform input {
		}
		form#searchform button#search {
		}


/* Footer */

div.footer-wrapper {
	padding-top: 30px;
	clear: both;
}
	div.footer {
		border-top: 1px solid #000000;
		padding-top: 20px;
		margin-bottom: 20px;
	}
		div.footer p {
			font-size: 0.8em;
		}
			div.footer a {
				color: #000000;
				text-decoration: none;
			}
					div.footer a.insyde {
						position: absolute;
						right: 0px;
					}
				div.footer a:hover,
				div.footer li a.hier {
					text-decoration: underline;
				}
	div.utility {
		right: 10px;
		margin: 9px 0px 0px 0px;
		position: absolute;
		width: auto;
		min-height: 22px;
		height: auto;
	}
		ul.utilitymenu {
		}
			ul.utilitymenu li {
				float: left;
				color: #01698d;
				font-size: 0.8em;
			}
				ul.utilitymenu li a {
					color: #01698d;
				}
					ul.utilitymenu li a:hover {
						text-decoration: none;
					}


/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}
.meerlink {
	vertical-align: bottom;
}
.contactmeer {
	margin-top: -1.1em;
}
.screenreader {
	display: none;
}

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}