body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
div#wrapper {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 960px;
}
	div#container {}
	
div#header {
	height: 66px;
	margin: 15px 0 12px;
}
	div#header div.logocontainer {
		background: url(../img/gradient_4cols.gif) no-repeat 0px 65px;
		float: left;
		height: 66px;
		margin: 0 20px 0 0;
		position: relative;
		width: 220px;
	}
	div#header a.logo {
		left: -44px;
		position: absolute;
		top: -4px;
	}

/* Hoofdnavigatie */
/* Wanneer je 'div#nav' weghaalt uit een selector, gelden deze attributen ook voor de subnavigatie,
 * tenzij ze daar zelf gedefinieerd worden */
  
div#nav {
	background: url(../img/gradient_4cols.gif) repeat-y top right;
	float: left;
	height: 66px;
	width: 700px;
}
	div#nav ul.menu {
		padding: 5px 0 1px;
	}
		div#nav ul.menu li {
			background: #ffffff; 
			float: left;
			height: 60px;
		}
		div#nav ul.menu li a {
			background-position: top left;
			background-repeat: no-repeat;
			color: #ffffff;
			display: block;
			margin: 5px 0 20px;
			text-indent: -999em;
		}
			div#nav ul.menu	li#menu_festival_evenementen a {
				background-image: url(../img/menu_festival_evenementen.png);
				height: 36px;
				width: 223px;
			}
			div#nav ul.menu li#menu_goudenreigers a {
				background-image: url(../img/menu_goudenreigers.png);
				height: 36px;
				width: 182px;
			}
			div#nav ul.menu li#menu_vraag_antwoord a {
				background-image: url(../img/menu_vraag_antwoord.png);
				height: 36px;
				width: 176px;
			}
			/*div#nav ul.menu li#menu_bureaus a {
				background-image: url(../img/menu_bureaus.png);
				height: 19px;
				margin-top: 23px;
				width: 89px;
			}*/
			div#nav ul.menu li#menu_deelnemers a {
				background-image: url(../img/menu_deelnemers.png);
				height: 19px;
				margin-top: 23px;
				width: 119px;
			}
			div#nav ul.menu li a:hover,
			div#nav ul.menu li.hier a {
				background-position: bottom left;
			}
		div#nav ul.menu li.hier {
		}
			div#nav ul.menu li.hier a {
			}
		div#nav ul.menu li.open {
		}
			div#nav ul.menu li.open a {
			}
				div#nav ul.menu li.open li {
				}
					div#nav ul.menu li.open li a {
					}
					
				
/*	Subnavigatie */
div#subnav {
}
	div#subnav ul.menu {
	}
		div#subnav ul.menu li {
			font-size: 0.8em;
			line-height: 1.2em;
			margin-bottom: 0.3em;
		}
			div#subnav ul.menu li a {
				color: #CFBB76;
			}
				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 {
						text-decoration: none;
					}

/* 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.last a {}

/* Social bookmarks */
ul.socialbookmarks {
}

	ul.socialbookmarks li {
		float: left;
		margin-right: 3px;
		position: relative;
	}
		ul.socialbookmarks li div {
			background: #ffffff;
			border: 1px solid #AE9951;
			display: none;
			left: 30px;
			padding: 0.2em;
			position: absolute;
			top: -8px;
		}
			ul.socialbookmarks li div p {
				font-size: 0.65em;
				margin: 0;
				white-space: nowrap;
			}
			ul.socialbookmarks li:hover div {
				display: block;
			}


/* Headings */
h1 {
	color: #665523;
	display: none;
	line-height: 1.2em;
	padding-bottom: 1em;
	text-transform: uppercase;
}
	h1 span {
		font-size: 0.75em;
		font-weight: normal;
	}
	body.content h1,
	body.faq h1,
	body.formulier h1 {
		display: block;
		visibility: visible;
	}
	body.formulier h1 {
		margin: 1.8em 0 0 0;
		padding-bottom: 0;
		text-transform: none;
	}
h2 {
	color: #665523;
	line-height: 1.1em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
	body.subhome h2 {
		margin-bottom: 1em;
	}
	h2 a {
		color: #655523;
		text-decoration: none;
	}
		h2 a:hover {
			color: #C9A845;	
		}
	body.subhome div.kop {
		background: url(../img/gradient_4cols.gif);
		height: 110px;
		position: relative;
	}
		body.subhome div.kop h2 {
			bottom: 0;
			font-size: 1.25em;
			left: 0;
			margin: 0.1em 0.3em;
			position: absolute;
		}
			body.subhome div.kop h2 a {
				color: #ffffff;
			}
		body.subhome h2.subtitle {
			margin-bottom: 0;
		}
			body.subhome h2.subtitle span {
				background: url(../img/gradient_4cols.gif) no-repeat 0 -109px;
				border-top: none;
				display: block;
				margin-top: 1.8em;
				padding: 0.8em 0 0;
			}
				body.subhome div.col1 h2.subtitle span {
					background-position: 0 -109px;
				}
				body.subhome div.col2 h2.subtitle span {
					background-position: -240px -109px;
				}
				body.subhome div.col3 h2.subtitle span {
					background-position: -480px -109px;
				}
				body.subhome div.col4 h2.subtitle span {
					background-position:  -700px -109px;
				}
		
h3 {
	color: #665523;
	font-size: 0.9em;
}
h4 {
	color: #665523;
	font-size: 0.75em;
}
h5 {
	color: #665523;
	font-size: 0.75em;
	font-style: italic;
}
h6 {
	font-style: italic;
	font-weight: normal;
	color: #665523;
}

/* Content */
div#contentcontainer {
	position: relative;
}
	div#content_left {
		float: left;
		margin-right: 20px;
		width: 220px;
	}
		body.formulier div#content_left {
			width: 460px;
		}
		body.subhome div#content_left {
			display: none;
		}
	div#content_right {
		float: left;
		width: 720px;
	}
		body.subhome div#content_right {
			width: auto;
		}
		body.formulier div#content_right {
			width: 480px;
		}
		body.subhome div#content_left {
			width: auto;
		}
	div.headerimage_left {
		float: left;
		height: 226px;
		margin: -10px 20px 12px 0;
		position: relative;
		width: 460px;
	}
	div.headerimage_right {
		float: left;
		height: 226px;
		margin: -10px 0 12px 0;
		position: relative;
		width: 220px;
	}
		div.headerimage_left,
		div.headerimage_right {
			position: relative;
		}
		div#content h2.subtitle {
			margin-bottom: 0.2em;
		}

		div.textcontainer {
			bottom: -0.2em;
			left: 0;
			position: absolute;
			z-index: 2;
		}
			div.textcontainer h2 {
				background: none;
				display: block;
				margin-bottom: 0;
			}
				h2 span {
					background: #ffffff;
					display: inline;
					padding: 0.1em 5px 0.2em 0px;
				}
					h2 span.small {
						font-size: 0.6em;
					}
				h2.subtitle {
					background: none;
					color: #cfbb76;
					display: block;
					padding: 3px 0 0 0;
				}
				h2.subtitle span {
					background: #ffffff;
					border-top: 1px solid #ae9951;
					display: inline;
					font-size: 0.6em;
				}
	div#content_left div.block {
		margin-right: 0;
	}
	div.block {
		background-image: url(../img/gradient_4cols.gif);
		background-position: 0 -105px;
		background-repeat: no-repeat;
		display: inline;
		float: left;
		margin: 8px 20px 10px 0px;
		padding: 15px 0 0;
		width: 220px;
		vertical-align: text-bottom;
	}
		body.subhome div.block {
			padding-top: 0;
		}
		div.col2,
		div.col2 div.kop {
			background-position: -240px -105px;
		}
		div.col23 {
			background-position: -240px -105px;
			width: 460px;
		}
		div.col234 {
			background-position: -240px -105px;
			width: 720px;
		}
			div.col234 > div.block {
				margin-bottom: 0;
			}
		div.col3,
		div.col3 div.kop {
			background-position: -480px -105px;
		}
		div.col4,
		div.col4 div.kop {
			background-position: -700px -105px;
		}
		div.search {
		}
			div.search h2 {
				font-size: 0.8em;
				text-align: center;
			}
			div.nieuws h2 {
				text-transform: none;
			}
			div.overzichtlijst div.nieuws h2 {
				border-top: 0px;
				clear: left;
				display: block;
				margin: 0px;
				padding: 0px;
				text-transform: none;
			}
			
			#twitter_container .icon {
				float: left;
				margin-right: 10px;
			}
			#twitter_container h2 {
				line-height: 37px;
			}
			ul.tweets {
				clear: left;
			}
				ul.tweets li {
					color: #615C52;
					font-size: 0.8em;
					line-height: 1.2em;
					margin: 0 0 1em 0;
				}
					ul.tweets li a {
						color: #615C52;
						text-decoration: none;
					}
					ul.tweets li span {
						font-size: 0.6em;
					}
				
			div.about p {
				line-height: 1.4em;
			}
				div.about p a {
					color: #c9a845;			
				}
			div.about h2 {
				font-size: 0.75em;
				margin-bottom: 0.3em;
			}
			div.about img.about_header {
				margin: -5px 0 13px 0px;
				max-width: 220px; 
			}
		img.gradient {
			clear: both;
			display: block;
			padding-bottom: 12px;
		}
			div#footer img.gradient {
				padding-bottom: 0;
			}
		
	div#content {
		float: left;
		width: 460px;
		margin-top: -11px;
	}
		body.formulier div#content {
			float: none;
			width: 220px;
		}
		body.subhome div#content {
			float: none;
		}
		
		p,
		div#content p {
			color: #615c52;
			font-size: 0.8em;
			line-height: 1.2em;
			margin: 0 0 1em 0;
		}
			p.beschrijving {
				font-size: 0.7em;
				font-style: italic;
				text-align: center;
			}
			p.date {
				color: #c9a845;
				font-size: 0.7em;
				font-style: italic;
				margin: -0.2em 0 0.2em;
			}
			p.leesmeernieuws {
				clear: left;
				display: block;
			}
			p span {
				color: #c59800;
			}


		div#content_right p a,
		div#content a {
			color: #c9a845;
		}
			div#content a:hover {
				text-decoration: none;
			}
		div#content ul {
			list-style: disc;
			list-style-position: inside;
			margin-bottom: 1em;
		}
			div#content ul li {
				color: #615c52;
				font-size: 0.8em;
				letter-spacing: -0.01em;
				line-height: 1.12em;
			}
				div#content ul li ul {
				}
					div#content ul li ul li {
						font-size: 1em;
						margin-left: 15px;
					}
		
		ul.alfabet {
			margin: 0.3em 0;
			text-align: center;
		}
			ul.alfabet li {
				display: inline;
			}
				ul.alfabet li a {
					color: #665523;
					display: inline-block;
					font-size: 0.75em;
					margin: 0 -0.05em 0.3em;
					padding: 0.25em 0;
					text-align: center;
					text-decoration: none;
					width: 16px;
				}
					ul.alfabet li a:hover,
					ul.alfabet li.hier a {
						background: #ae9951;
						color: #ffffff;
						text-transform: uppercase;
					}
		div.overzichtlijst {
			float: left;
			width: 720px;
		}
			div.overzichtlijst div.block {
				margin-bottom: 0;
				padding-top: 5px;
			}
			div.overzichtlijst h2 {
				border-top: 1px solid #ae9951;
				display: inline-block;
				margin: 8px 0 0.2em;
				padding-top: 4px;
			}
				div.overzichtlijst h2 span {
					background: #ffffff;
					color: #C59800;
					display: block;
					font-size: 0.6em;
					margin-top: -4px;					
				}
			div.overzichtlijst a {
				text-decoration: none;
			}
		
		div#content ol {
			list-style: decimal;
			list-style-position: inside;
			margin-bottom: 1em;
		}
			div#content ol li {
				color: #615c52;
				font-size: 0.8em;
				line-height: 1.12em;
			}
				div#content ol li ol {
				}
					div#content ol li ol li {
						font-size: 1em;
						margin-left: 1.65em;
					}
		table {
			border-collapse: collapse;
			margin-bottom: 1em;
		}
			tr {
			}
				th {
					border: 1px solid #ae9951; 
					color: #615c52;
					font-size: 0.75em;
					font-weight: bold;
					padding: 0.3em;
				}
				td {
					border: 1px solid #ae9951;
					color: #615c52;
					font-size: 0.75em;
					padding: 0.3em;
				}
		hr {
			background: url(../img/gradient_1col.gif) no-repeat top left;
			border: none;
			color: #c6b26f;
			height: 1px;
			margin-top: 2em;
		}
	div.metainformatie {
		float: right;
		margin: -15px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
		color: #615C52;
		width: 220px;
	}
		div div.bureausite {
			margin-top: 1em;
		}
		div.metainformatie ul {
			padding-top: 0.6em;
		}
			div.metainformatie ul li {
				font-size: 0.8em;
				line-height: 1.2em;
			}
				div.metainformatie ul li a {
					color: #C9A845;
				}
		div#nominatiebanners {
			padding-top: 1em;
		}
			#nominatiebanners span {
				margin-bottom: 1em;
				font-family: verdana, tahoma;
				cursor: default; 
			}
	
				
div.bladeren {
	margin-bottom: 0.7em;
}
	div.bladeren div.vorige {
		float: left;
	}
	div.bladeren div.paginas {
		float: left;
		margin: 0 10px;
		position: relative;
		width: 640px;
	}
		div.bladeren div.before {
			float: left;
		}
		div.bladeren div.hier {
			left: 50%;
			position: absolute;
		} 
		div.bladeren div.after {
			float: right;
		}
	
	div.bladeren div.volgende {
		float: right;
		margin-right: 20px;
	}
		
		div.bladeren div a {
			color: #665523;
			font-size: 0.75em;
			text-decoration: none;
		}
			div.bladeren a:hover {
				color: #c9a845;
				text-decoration: none;
			}
			div.bladeren a.hier {
				font-weight: bold;
				width: 100%;
			}
			div.bladeren div.paginas a {
				margin: 0 0.2em;
			}
			div.bladeren div a.link_vorige {
				background: url(../img/vorige.gif) no-repeat top left;
				display: inline-block;
				height: 20px;
				text-indent: -999em;
				width: 20px;
			}
			div.bladeren div a.link_volgende {
				background: url(../img/volgende.gif) no-repeat top left;
				display: inline-block;
				height: 20px;
				text-indent: -999em;
				width: 20px;
			}
				div.bladeren div a.link_vorige:hover,
				div.bladeren div a.link_volgende:hover {
					background-position: bottom left;
				}
				

/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagi�r */
form {
}
	body.formulieren form,
	form.contactform {
		position: relative;
	}
	form fieldset {
		margin-bottom: 2em;
	}
			form.filters fieldset {
				margin-bottom: 3px;
			}
			.nieuwsbriefaanmeldform fieldset {
				margin-bottom: 0.5em;
			}
			.nieuwsbriefaanmeldform label {
				display: none;
			}
		form fieldset legend span {
			color: #615c52;
			display: block;
			font-size: 0.75em;
			font-weight: bold;
			padding-bottom: 1em;
			text-align: right;
			width: 222px;
		}
		form fieldset label {
			clear: both;
			color: #615c52; 
			float: left;
			font-size: 0.75em;
			line-height: 24px;
			margin-right: 20px;
			width: 220px;
			text-align: right;
		}
			.search form fieldset label {
				text-align: left;
			}
			form.reageer fieldset label {
				display: block;
				float: none;
				text-align: left;
			}
		form fieldset input {
			color: #ae9951;
			border: 1px solid #ae9951;
			float: left;
			padding: 2px 0;
			width: 218px;
			margin-right: 0;
		}
			form fieldset textarea {
				color: #ae9951;
				font: inherit;
				font-size: 0.8em;
				height: 50px;
				width: 216px;
			}
			body.formulier form fieldset input {
				padding: 3px 0;
			}
			form fieldset div.nieuwsbrief {
				position: relative;
			}
				form fieldset div.nieuwsbrief .error span {
					display: none;
				}
			form fieldset div.nieuwsbrief input {
				float: left;
				margin-right: 5px;
				padding-left: 2px;
				padding-right: 2px;
				text-transform: uppercase;
				vertical-align: middle;
				width: 163px;
			}
		form fieldset div {
			float: left;
			margin-bottom: 0.375em;
		}
		form fieldset div div {
			margin-bottom: 0;
		}
			div.search form fieldset div {
				float: none;
			} 
		form fieldset div.straat input {
			margin-right: 10px;
			width: 174px;
		}
		form fieldset div.huisnummer input {
			width: 32px;
		}
		form fieldset div.postcode_cijfers input {
			margin-right: 10px;
			width: 47px;
		}
		form fieldset div.postcode_letters input {
			width: 22px;
		}
		form fieldset div.radiolist input {
			width: auto;
			border: 0px;
		}
		form fieldset div.checkboxfield label {
			line-height:1.4em;
			margin-left:236px;
			margin-right:0;
			padding-left:20px;
			padding-top:4px;
			text-align:left;
			width:209px;
		}
			.search form fieldset div.checkboxfield label {
				margin-left: 0px;			
			}
		form fieldset div.checkboxfield input {
			width: auto;
			border: 0px;
			margin: 2px 3px 0px -16px;
		}
		form fieldset div.humanityfield {
			width: 430px;
		}
			form fieldset div.humanityfield input {
				width: 118px;
				margin-left: 240px;
			}		
		form fieldset select {
			color: #ae9951;
			border: 1px solid #ae9951;
			height: 22px;
			margin-bottom: 0.75em;
			margin-left: 0;
			text-align: center;
			width: 220px;
		}
			form div.error_border select {
				width: 206px;
			}
		form fieldset textarea {
			width: 218px;
			border: 1px solid #ae9951;
		}
			.search form fieldset textarea {
				width: 218px;
				height: 50px; 
			}
		
		form input.button,
		a.submityourwork,
		span.submityourwork,
		form p input {
			background: url(../img/gradient_1col.gif) repeat-y top left;
			border: none;
			color: #ffffff;
			cursor: pointer;
			font-weight: bold;
			padding: 5px 0;
			text-transform: uppercase;
			width: 220px;
		}
			a.submityourwork,
			span.submityourwork {
				clear: both;
				display: block;
				height: 20px;
				line-height: 20px;
				text-align: center;
				text-decoration: none;
			}
			form input.updatesearch {
				font-size: 1.2em;
				padding: 5px 0;
			}
			form input.send {
				padding: 2px 0;
				width: 46px;
			}
				body.formulier form input.send {
					background: #ae9951;
					float: right;
					margin: 0px 20px 2em 0px;
					position: relative;
					width: 220px;
				}

		form fieldset input.error {}
		form.webformbuilder_form fieldset {
			margin-left: -240px;
		}
			form.webformbuilder_form fieldset div {
				width: 472px;
			}
			form.webformbuilder_form fieldset div.error span {
				display: block;
				clear:both;
				float:left;
				text-align:left;
				width:225px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
		.error {
		}
			.error span {
				color: #cc0000;
				font-size: 0.7em;
				line-height: 1.2em;
				margin: 0.5em 0 1em 240px;
			}
				.search .error span {
					margin: -0.5em 0px 0px 0px;
					display: block;
				}
			.error label {}
			div.error input,
			div.error select {
				color: #000000;
				background-color: #fff2f2;
				border: 1px solid #cc0000;
			}
			.error textarea {
				border: 1px solid #cc0000;
			}
		div.error_border {
			border: 1px solid #cc0000;
			margin: 0.8em 0 0.5em;
			padding: 0.8em;
		}
			div.error_border label {
				margin: 0 20px 0.5em 0;
				width: 206px;
			}
				#content_left .error_border label {
					margin-right: 8px;
				}
			div.error_border input {
				margin-left: 0px;
			}
			form fieldset div.error_border.humanityfield input {
				margin-left: 225px;
			}
			div.error_border span {
				margin-left: 226px;
			}

	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}


/* Footer */

div#footer-wrapper {
}
	div#footer {
		background: url(../img/gradient_4cols.gif) no-repeat 0 -105px;
		padding-bottom: 20px;
		height: 71px;
	}
	#footer ul {
		float: left;
		height: 63px;
		padding-top: 5px;
	}
		#footer ul.footer {
			float: right;
			padding-right: 20px;
		}
			#footer ul.footer li {
				padding: 4px 8px;
			}
			#footer ul.footer a {
				color: #666666;
				font-size: 0.6em;
				padding: 0px;
				text-decoration: none;
			}
		#footer ul li {
			background: #ffffff;
			float: left;
			height: 63px;
			padding: 0 0.677em; /* semi-schrale manier om de logo's te laten uitvullen */
		}
			#footer ul li a {
				display: block;
				padding: 15px 0;
			}
				#footer ul li.hier a,
				#footer ul li a:hover {
				}
				#footer ul li a img {
					vertical-align: middle;
				}
			#footer > img {
				float: left;
			}


/* 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#header:after,
ul.menu:after,
div#contentcontainer:after,
div.col234:after,
div.overzichtlijst:after,
form:after,
form fieldset > div:after,
ul.socialbookmarks:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
}