/* sticky footer */
html, body {
	height: 100%;
}

body {
	font-family: verdana, arial, sans-serif;
	text-align: center;
}
	body.bureau {
		background: url(../img/back_bureau.gif) repeat-y center top;
	}
	body.actueel {
		background: url(../img/back_bureau.gif) repeat-y center top;
	}
	body.tags {
		background: none;
	}

div.wrapper {
	position: relative;
	width: 940px;
	text-align: left;
	/* sticky footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -22px; /* the bottom margin is the negative value of the footer's height */
}

a {
	outline: none;
}

div.container {
}

div.header {
	height: 180px;
	margin: 0px 8px 0px 0px;
}
		div.logo {
			width: 320px;
			float: left;
			margin: 25px 0px 0px 26px;
		}


	ul.menu {
		position: relative;
		float: right;
		margin: 0px -4px 0px 0px;
	}
		ul.menu li {
			float: left;
			width: 112px;
			padding: 36px 0px 0px 0px;
			margin: 0px 5px 0px 0px;
			height: 13px;
			line-height: 13px;
			overflow: hidden;
		}
			ul.menu li a {
				display: block;
				margin-left: 5px;
				height: 13px;
				line-height: 13px;
				position: relative;
				z-index: 1000;
			}
				ul.menu li:hover,
				ul.menu li.open {
					height: 144px;
					background-color: #313030;
				}
				ul.submenu {
					margin-top: 11px;
					margin-left: 400px;
				}
				li:hover ul.submenu,
				li.open ul.submenu {
					margin-left: 0px;
				}
					ul.submenu li,
					ul.menu li.open ul.submenu li,
					ul.menu li:hover ul.submenu li {
						padding: 0px 0px 0px 0px;
						margin: 3px 0px 3px 0px;
						height: 9px;
						line-height: 9px;
					}

div.contentcontainer {}

	div.column {
		width: 229px;
		float: left;
		padding-right: 5px;
	}
		div.column1 {}
			body.bureau .content div.column1 {
				width: 463px;
				padding-right: 5px;
			}
			body.actueel .content div.column1 {
				width: 463px;
				padding-right: 5px;
			}

		div.column2 {}
			body.projectdetails .content div.column2 {
				width: 463px;
				padding-right: 5px;
			}

		div.column3 {}
			body.projectgrid div.column3 {
				width: 229px;
				padding-right: 6px;
			}


		div.column4 {}
			body.projectgrid div.column4 {
				width: 229px;
				padding-right: 6px;
			}

		div.project {
			background-color: #ffffff;
		}
			a.projectlink {
				color: #000000;
				border-top: 5px solid #ffffff;
				display: block;
			}
			a.projectlink:hover {
				background-color: #eeeeee;
				border-top: 5px solid #ff0000;
			}
		/*.projecten4 {
			background: url(../img/back_projecten_4.gif) repeat-y left bottom;
		}
		.projecten3 {
			background: url(../img/back_projecten_3.gif) repeat-y left bottom;
		}
		.projecten2 {
			background: url(../img/back_projecten_2.gif) repeat-y left bottom;
		}*/
		div.bladeren {
			text-align: center;
			margin: 10px 0px 0px 0px; 
			padding: 0px 10px 0px 0px;
			height: 22px;
			display: block;
		}
			div.paginas {
				height: 22px;
				display: block;
			}
			div.bladeren a {
				padding: 2px 7px 3px 8px;
				text-align: center;
				border: 1px solid #e0e0e0;
				font-family: Arial, Helvetica, sans-serif;
				color: #707070;
				font-size: 0.7em;
			}
				div.bladeren a:hover,
				div.bladeren a.hier {
					border-color: #ffffff;
					color: #000000;
				}

	div.berichten {
		min-height: 162px;
		height: auto;
		background: url(../img/back_home_bericht.gif) no-repeat 231px 26px;
	}
		div.berichten p {
			padding: 0px 20px 0px 5px;
		}
		div.last {
			background: none;
		}
	div.margintop_boven {
		margin-top: 50px;
		clear: left;
	}
	div.margintop_bureau {
		padding-top: 23px;
		clear: left;
	}
	div.margintop_onder {
		padding-top: 34px;
	}

	body.projectdetails {}
		body.projectdetails div.content {
		}

	div.contactsnippet {
		padding: 0px 0px 20px 10px;
		margin: 0px 0px 30px -4px;
		background: url(../img/back_contactsnippet.gif) no-repeat left bottom;
	}
		div.contactsnippet table {
			clear: left;
		}
		div.contactsnippet td a {
			color: #5e5e5e;
		}
		div#contactswitch {
			height: 25px;
			margin: 0px 0px 0px -10px;
			padding: 0px 0px 0px 0px;
		}
				div.arnhem { background: url(../img/back_contactsnippet_arnhem.gif) no-repeat left top; }
				div.denhaag { background: url(../img/back_contactsnippet_denhaag.gif) no-repeat left top; }
				div.amsterdam { background: url(../img/back_contactsnippet_amsterdam.gif) no-repeat left top; }
			div#contactswitch a {
				text-indent: -999em;
				display: block;
				float: left;
				height: 10px;
				padding: 15px 0px 0px 0px;
				margin: 9px 0px 0px 10px;
			}
				div#contactswitch a.denhaag {
					width: 62px;
				}
					a.denhaag {
						background: url(../img/button_denhaag_nl.gif) no-repeat left top;
					}
						div.denhaag a.denhaag {
							background: url(../img/button_denhaag_open_nl.gif) no-repeat left top;
						}
				div#contactswitch a.arnhem {
					width: 50px;
				}
					a.arnhem {
						background: url(../img/button_arnhem.gif) no-repeat left top;
					}
						div.arnhem a.arnhem {
							background: url(../img/button_arnhem_open.gif) no-repeat left top;
						}
				div#contactswitch a.amsterdam {
					width: 70px;
				}
					a.amsterdam {
						background: url(../img/button_amsterdam.gif) no-repeat left top;
					}
						div.amsterdam a.amsterdam {
							background: url(../img/button_amsterdam_open.gif) no-repeat left top;
						}
		.contactsnippet table.show {
			display: block;
		}
		.contactsnippet table.hide {
			display: none;
		}

	div.intro{}
		div.intro p {}
		
/* Tekstelementen */
		h1 {
		}
			body#home h1 {
				width: 320px;
				float: left;
				margin: 25px 0px 0px 26px;
			}
			body.bureau h1,
			body.projectdetails h1 {
				margin-top: 13px;
			}
			div.kruimelpad {
				position: relative;
				z-index: 100;
			}

		h2 {
			font-weight: normal;
		}
			body.projectdetails div.project h2,
			div.project h2,
			#snippets div.project h2,
			body.bureau div.content h2 {
				padding: 1px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				height: 1.5em;
				background: none;
				float: none;
			}
				body.bureau div.content h2 {
					margin-bottom: 12px;
				}
				body.bureau div#gerelateerd h2 {
					padding: 13px 0px 0px 7px;
					margin: 0px;
				}
				body.bureau div.content h2.nieuwsmaandhead {
					margin-top: -10px;
					display: block;
				}

		h3 {
		}
			div.project h3 {
				height: 1em;
				padding: 15px 0px 0px 0px;
			}
			#snippets h3 {
				margin: 14px 0px 5px 0px;
			}
			div#snippets div.project h3 {
				padding: 0px 0px 0px 0px;
				margin: 0px;
			}
			div#gerelateerd h3 {
				padding: 0px 0px 0px 7px;
			}
		h4 {
			background: url(../img/bullet_heading.gif) no-repeat left 0.1em;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 22px;
			clear: both;
		}
			h4.nobg
			{
				background: none;
				padding: 0px 0px 0px 0px;
			}
			body#home h4 {
				padding: 0px 0px 1px 5px;
				background-image: none;
			}
			div#snippets h4 {
				padding: 0px 0px 0px 0px;
				background-image: none;
			}
			div#gerelateerd h4 {
				margin-left: 7px;
			}
			h4.kalenderjaar {
				background: url(../img/bg_kalenderjaar.gif) no-repeat left 12px;
				color: #ffffff;
				padding-left: 9px;
				padding-top: 12px;
			}

		h5 {
		}
			div.nieuws h5 {
				color: #ff2500;
			}
		h6 {
		}
		p {
			font-size: 0.7em;
			line-height: 154%;
			color: #7f7f7f;
			padding: 0px 20px 20px 0px;
		}
				p a {
					color: #7f7f7f;
					text-decoration: underline;
				}
					p a:hover {
						text-decoration: none;
						color: #000000;
					}
				body.bureau p {
					color: #4c4c4c;
				}
					body.bureau p a {
						color: #4c4c4c;
						text-decoration: underline;
					}
						body.bureau p a:hover {
							text-decoration: none;
							color: #000000;
						}
				body.tags p {
				}
					body.tags p a {
						font-size: 140%;
						line-height: 150%;
						color: #aca9a9;
						text-decoration: none;
						padding: 2px 4px 2px 4px;
					}
						body.tags p a:hover {
							background-color: #aca9a9;
							color: #ffffff;
						}

				div#gerelateerd p {
					color: #777777;
					padding: 0px 7px 23px 7px;
				}
					div#gerelateerd p a {
						color: #777777;
						text-decoration: underline;
					}
						div#gerelateerd p a:hover {
							color: #000000;
							text-decoration: none;
						}
					div#gerelateerd div.project_small p a {
						text-decoration: none;
					}
				div.nieuwssnippet {
					margin-bottom: 1.5em;
				}
				div.nieuwssnippet p {
					padding-bottom: 0px;
				}
				div.nieuwssnippet p.leesverder {
					padding-bottom: 1em;
				}
			p.tags {
			}
					#snippets div.project p.tags,
					body.projectgrid p.tags {
						min-height: 25px;
						height: auto;
						background-color: #313030;
						padding: 6px 0px 0px 9px;
						font-size: 0.6em;
						color: #707070;
						line-height: 110%;
					}
				p.tags a {
					color:  #7f7f7f;
				}
						p.tags a:hover {
							color: #000000;
						}
						body.projectgrid p.tags a,
						div.project p.tags a {
							color: #959595;
							text-decoration: none;
							font-family: arial;
						}
					p.tags a:hover {}
						#snippets p.tags a:hover,
						body.projectgrid p.tags a:hover,
						div.project p.tags a:hover {
							color: #ffffff;
						}

			p.leesverder {
				margin-top: 11px;
			}
				p.leesverder a {
					background: url(../img/button_leesverder_nl.gif) no-repeat left top;
					width: 70px;
					height: 11px;
					text-indent: -999em;
					display: block;
				}

		ul {
			margin: 0px 12px 0px 12px;
		}
				div.content ul {
					padding-bottom: 20px;
				}
					div.content ul li {
						color: #7F7F7F
					}
				div.content ul.nieuws {
					margin-bottom: 7px; 
				}
			li {
				color: #4C4C4C;
				font-size: 0.7em;
				line-height: 154%;
				padding: 0px 20px 0px 0px;
			}
					body.opdrachtgevers div.project ul {
						margin: 0px;
					}
					body.opdrachtgevers li {
						color: #ff0000;
					}
					div.content li {
						padding-left: 12px;
						background: url(../img/bullet_contentlist.gif) no-repeat left 0.4em;
					}
					div.content ul.nieuws li {
						background: none;
						float: left;
						width: 34px;
						overflow: hidden;
						padding: 0px 0px 0px 0px;
					}
				li a {
					text-decoration: underline;
				}
					body.opdrachtgevers li a {
						color: #ff0000;
					}
						body.opdrachtgevers li a:hover {
							color: #000000;
							text-decoration: none;
						}
					div.content ul.nieuws li a.berichten {
						color: #000000;
						text-decoration: none;	
					}
					div.content ul.nieuws li span.geenberichten {
						color: #8a8a8a;
					}
						div.content ul.nieuws li a.berichten:hover {
							text-decoration: underline;
						}
		ol {
		}
			div.content ol {
				padding-bottom: 20px;
			}
				div.content ol li {
					color: #7F7F7F;
				}
		table {
		}
			tr {
			}
				td {
					font-size: 0.7em;
					line-height: 154%;
					color: #5e5e5e;
					vertical-align: top;
				}
						td.label {
							width: 56px;
						}
					td img {
						vertical-align: baseline;
					}
		address {
			color: #4C4C4C;
			font-size: 0.7em;
			line-height: 154%;
			padding-bottom: 20px;
		}
			address span {
				color: #ff2500;
			}
			address a {
				color: #4C4C4C;
			}
	div.discipline {
		position: relative;
		background-color: #efefef;
		padding: 10px 10px 10px 10px;
		margin-bottom: 20px;
	}
			#discipline_ruimtelijk { display: none; }
			#discipline_interactief { display: none; }
		div.discipline img {
			float: right;
		}
			div.discipline img.leesverder_projecten {
				float: none;
				position: absolute;
				bottom: -15px;
				right: 0px;
			}
		div.discipline ul {
		}
			div.discipline li {
				color: #777777;
				border-bottom: 1px solid #c9c9c9;
				margin-right: 10px;
			}
		body#discipline a#switch_grafisch,
		body#discipline a#switch_ruimtelijk,
		body#discipline a#switch_interactief {
			display: block;
			padding: 0px 0px 8px 28px;
		}
			body#discipline a.open {
				background: url(../img/bullet_heading_wit_open.gif) no-repeat left 0.1em;
			}
			body#discipline a.gesloten {
				background: url(../img/bullet_heading_wit_gesloten.gif) no-repeat left 0.1em;
			}
	div.listitem {
		margin-bottom: 23px;
	}
		div.listitem p.nieuwsintroductie {
			padding-bottom: 0px;
		}

div.open {}
	div.open p {
		display: block;
	}
div.gesloten {}
	div.gesloten p {
		display: none;
	}
div.project_small {
	margin-bottom: 4px;
}
div.project_small a {
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 7px;
	text-decoration: none;
}
	div.open a {
		background: url(../img/bullet_heading_open.gif) no-repeat left top;
	}
	div.gesloten a {
		background: url(../img/bullet_heading_gesloten.gif) no-repeat left top;
	}
	div.project_small a img {
		padding: 0px 0px 4px 0px;
		margin: 0px;
	}

div.project_small p {
	color: #a6a6a6;
}
	div.project_small p a {
		padding: 0px;
		margin: 0px;
		color: #a6a6a6;
		background-image: none;
	}
	div.project_small p img {
		margin-bottom: 15px;
		border: 3px solid #ffffff;
	}

form {}
		form#nieuwsbriefform {
			margin-left: 5px;
			padding: 8px 0px 19px 5px;
			background-color: #e5e5e5;
		}
		div#gerelateerd form {
			margin: 0px 0px 0px 7px;
		}
	form label {
		font-size: 0.7em;
	}
	form input {
		font-size: 0.7em;
		border: 0px;
		background-color: #f5f5f5;
		padding: 3px 0px 2px 3px;
	}
		form#nieuwsbriefform input {
			width: 170px;
		}
	form select {}
		div#gerelateerd form select {
			width: 200px;
		}

	form.contact {}
		form.contact fieldset {
			background-color: #efefef;
			margin-bottom: 7px;
			padding: 10px;
		}
			form.contact fieldset.fieldset_button {
				background-color: #ffffff;
				color: #000000;
			}
			form.contact div.radiolist {
				font-size: 0.7em;
				display: block;
				margin-left: 106px;
				margin-bottom: 7px;
				line-height: 150%;
			}
		form.contact fieldset label {
			display: block;
			width: 106px;
			float: left;
		}
		form.contact fieldset input[type=text] {
			width: 300px;
			border: 1px solid #b3b3b3;
			background-color: #ffffff;
			margin-bottom: 7px;
		}
			form.contact fieldset div.humanityfield input {
				margin-left: 106px;
			}
		form.contact fieldset input[type=radio] {
			background-color: transparent;
		}
		form.contact fieldset input[type=checkbox] {
			background-color: transparent;
		}
		form.contact fieldset textarea {
			width: 300px;
			border: 1px solid #b3b3b3;
			background-color: #ffffff;
			margin-bottom: 7px;
		}
		form.contact fieldset select {
			width: 300px;
			border: 1px solid #b3b3b3;
			background-color: #ffffff;
			margin-bottom: 7px;
		}
		.error span {
			color: #ff0000;
			font-size: 0.7em;
			display: block;
			margin-left: 106px;
			margin-top: -7px;
			margin-bottom: 7px;
		}
		.error label {
			color: #ff0000;
		}

div.push {
	margin-top: 22px;
	height: 22px;
}

div.footer-wrapper {
	text-align: center;
	height: 22px;
}
	div.footer {
		width: 940px;
		margin: 0px auto;
	}
		div.footer div.column {
			width: 229px;
			background-color: #e0e0e0;
			padding: 0px;
			margin: 0px 5px 0px 0px;
			height: 22px;
			line-height: 22px;
		}
			body.bureau div.footer div.column3 {
				background-color: #efefef;
			}
	#nieuwsbriefbutton {
		width: 26px;
		height: 19px;
		background: url(../img/button_submit.gif) no-repeat left top;
	}
	#button_contact {
		width: 81px;
		height: 19px;
		float: right;
		background: url(../img/button_verstuurformulier_nl.gif) no-repeat left top;
	}
	#button_aanmelden {
		width: 90px;
		height: 19px;
		float: right;
		background: url(../img/button_aanmelden_nl.gif) no-repeat left top;
	}
	.button {
		border: 0px;
		cursor: pointer;
		padding: 0px;
		text-indent: -999em;
	}

/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

.screenreader {
	display: none;
}

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}
div.mask {
	position: absolute;
	z-index: 0;
	top: 180px;
	left: 467px;
	height: 68px;
	width: 231px;
	background-color: #ffffff;
}