body {
	font-family: verdana, arial, sans-serif;
}
	body.deelnemer div.leftcolumn p.aandacht,
	body.deelnemer div.leftcolumn ul.trade {
		display: none;
	}

div.wrapper {
	position: relative;
	width: 700px;
	text-align: left;
	margin: 0px auto;
}
div.header {
	margin: 1em 0px 0px 205px;
}

img {
	vertical-align: bottom;
}

a {}
	a.actie {
		font-family: arial, verdana, sans-serif;
		font-size: 140%;
		margin: 0.3em 0px 0.3em 0px;
		padding: 4px 26px 5px 26px;
		color: #ffffff;
		background-color: #04173e;
		text-decoration: none;
	}
	
	a.wijzigenverwijderen {
		font-family: arial, verdana, sans-serif;
		background-color: #04173e;
		text-decoration: none;
		color: #ffffff;
		padding: 3px 0px 3px 0px;
		display: block;
		float: left;
		margin: 0px 4px 0px 0px;
		width: 90px;
		font-weight: bold;
		font-size: 0.8em;
	}
	a.deelnemerwijzigen, a.deelnemerverwijderen {
		width: 24px;
		height: 23px;
		display: block;
		float: left;
		text-indent: -999em;
		margin: 1px 3px 0px 0px;
		background-repeat: no-repeat;
	}
		a.deelnemerwijzigen {
			background-image: url(../img/icon_edit.gif);
		}
		a.deelnemerwijzigen:hover {
			background-image: url(../img/icon_edit_mouseover.gif);
		}
		a.deelnemerverwijderen {
			background-image: url(../img/icon_remove.gif);
		}
		a.deelnemerverwijderen:hover {
			background-image: url(../img/icon_remove_mouseover.gif);
		}
	
	div.taalswitch {
		float: left;
		width: 120px;
		padding: 20px 0px 0px 210px;
	}
	div.taalswitch a {
		width: 25px;
		height: 36px;
		display: block;
		float: left;
		text-indent: -999em;
		margin: 0px 10px 0px 0px;
	}	
		a#taalswitch_nl {
			background-image: url(../img/taalselector_nl.gif);
		}
		a#taalswitch_en {
			background-image: url(../img/taalselector_en.gif);
		}
		a#taalswitch_es {
			background-image: url(../img/taalselector_es.gif);
		}
		div.taalswitch a:hover {
			background-position: top center;
		}
		div.taalswitch a.hier,
		div.taalswitch a:active {
			background-position: top right;
		}
/* Headings */
h1 {
	margin: 0.7em 10px 1em 10px;
}
	body.deelnemer h1 {
		margin-left: 210px;
	}
h2 {
	clear: both;
	font-size: 0.8em;
	padding: 2em 0px 0.3em 0px;
	margin: 0em 10px 0em 10px;
}
	body.home h2 {
		padding-top: 9px;
	}
	body.einde h2 {
		line-height: 140%;
	}
h3 {
	clear: both;
	font-size: 0.7em;
	padding: 2em 0px 0.3em 0px;
	margin: 0em 10px 0em 10px;
}
	form h3 {
		margin: 0px;
	}
h4 {
}
h5 {
}
h6 {
}

/* Stappen */
div.stappen {
	position: relative;
	height: 60px;
}
	div.stappen img {
		float: right;
	}

/* Content */
div.contentcontainer {
	position: relative;
	min-height: 190px;
}
	div.content {
		float: left;
		width: 484px;
		border: 3px solid #04173e;
	}
		body.deelnemer div.content {
			border: 0px;
			width: auto;
		}
		body.stap2 .content .clearfloat {
			margin-left: 10px;
		}
			body.stap2 .content .clearfloat form {
				margin-left: 0px;
			}
			div.border {
				border: 10px solid #32004b;
			}
				body.deelnemer div.border { border: 0px; }
				body.home div.border { border-color: #32004b; padding-left: 0px; }
				body.stap1 div.border { border-color: #13274e; }
				body.stap2 div.border { border-color: #384c73; padding-left: 0px; }
				body.stap3 div.border { border-color: #6c80a8; }
				body.einde div.border { border-color: #9fb3da; padding-left: 0px; }

			body.home div.border ul {
				margin-bottom: 5px;
			}

		div.content p {
			font-size: 0.8em;
			line-height: 140%;
			margin: 0px 10px 0.5em 10px;
		}
				body.deelnemer div.content p {
					margin-left: 210px;
				}
				div.content p.voorbeeld {
					margin-bottom: 10px;
				}

			.aandacht {
				background-color: #8dc73f;
			}
			p.aandacht {
				font-family: arial, verdana, sans-serif;
				font-size: 110%;
				line-height: 150%;
				font-weight: bold;
				padding: 8px 10px 8px 10px;
				text-align: center;
				margin-top: 49px;
			}
				p.aandacht span.aantal {
					font-size: 150%;
					display: block;
					padding: 0.5em 0px 0.5em 0px;
				}
				div.content p.aandacht {
					font-family: verdana, arial, sans-serif;
					margin: 10px;
					padding: 10px;
					font-size: 100%;
					line-height: 140%;
				}
				div.aandacht {
					margin: 1em 10px 21px 10px;
					padding: 0px 0px 10px 0px;
					color: #04173e;
				}
					div.aandacht h4 {
						padding: 10px;
					}
				body.einde div.content ol {
					margin: 1em 10px 0px 10px;
				}
					body.einde div.content li {
						margin: 0px 0px 1em 0px;
					}
						body.einde div.content li input {
							margin-top: 0.3em;
						}
				body.geendeelnemer div.border h1,
				body.geendeelnemer div.border p {
					margin-left: 0px;
				}
					body.geendeelnemer div.contentcontainer div.leftcolumn {
						margin-bottom: 0px;
					}
			p.center {
				padding: 1.5em 0px 1em 0px;
				text-align: center;
			}
			p.ie6 {
				display: none;
			}
		div.content a {
		}
			div.content a:hover {
			}
			body.deelnemerbedankt a.actie {
				display: inline-block;
				text-align: center;
				padding: 4px 4px;
			}
		div.content ul {
			font-size: 0.8em;
			line-height: 140%;
			margin: 0px 10px 0px 30px;
			list-style: disc;
			list-style-position: inside;
		}
			div.content ul li {
				margin: 0px 0px 0.15em 0px;
			}
				div.content ul li ul {
				}
					div.content ul li ul li {
					}
		div.content ol {
			font-size: 0.8em;
			line-height: 140%;
			margin: 0px 10px 0px 30px;
			list-style: decimal;
			list-style-position: inside;
		}
			div.content ol li {
				margin: 0px 0px 0.3em 0px;
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
					}
			div.overbusybee {
				min-height: 42px;
			}
			dl.busybeeinfo {
				background-color: #9fb3da;
				height: 42px;
				width: 167px;
				margin: 0px 0px -12px 211px;
				font-weight: bold;
				font-size: 0.8em;
				position: relative;
			}
				.busybeeinfo dt {
					width: 135px;
					float: left;
					padding: 5px 0px 0px 6px;
				}
				.busybeeinfo dd {
					width: 12px;
					float: left;
					padding: 5px 0px 0px 8px;
				}	
					.infoopmerkingen,
					.infoopmerkingen a {
						color: #384c73;
					}
						.infoopmerkingen a:hover {
							text-decoration: none;
						}
				form#removedeelnemerform {
					margin-top: 12px;
				}	
		table {
			border-collapse: collapse;
		}
			tr {
			}
				th {
					color: #6c80a8;
					font-weight: bold;
					font-size: 0.7em;
					text-align: center;
					padding: 4px 0px 4px 0px;
				}
					th.datum {
						background-color: #13274e;
						color: #ffffff;
						padding: 3px;
						line-height: 130%;
						border-right: 3px solid #ffffff;
						border-bottom: 3px solid #ffffff;
					}
						button#nextmonth,
						button#previousmonth,
						input#nextmonth,
						input#previousmonth {
							float: left;
							width: 28px;
							height: 28px;
							padding: 0px;
							font-size: 0%;
							border: none;
							text-indent: -999em;
							cursor: pointer;
						}
							input#nextmonth {
								background: url(../img/button_volgendemaand.gif) no-repeat top left;
							}
							input#previousmonth {
								background: url(../img/button_vorigemaand.gif) no-repeat top left;
							}
				caption {
					min-height: 34px;
				}			
				caption input {
					margin-top: 5px;
				}
				caption span {
					border: 3px solid #04173e;
					float: left;
					text-align: center;
					width: 164px;
					padding: 5px 0px 5px 0px;
					margin: 5px 4px 0px 4px;
					font-size: 0.8em;
				}
				td {
					padding: 0px;
					vertical-align: top;
				}
					td.tijd {
						color: #ffffff;
						font-size: 0.7em;
						text-align: center;
						background-color: #384c73;
					}
					table.deelnemer {
						margin-top: 10px;
					}
					table.deelnemer td {
						text-align: center;
						padding: 4px 8px 4px 8px;
						border-right: 3px solid #ffffff;
						border-bottom: 3px solid #ffffff;
					}
					table.deelnemer td.deelnemer_naam {
						text-align: right;
						font-size: 0.7em;
						padding: 3px;
						vertical-align: middle;
					}
						body.deelnemer table.deelnemer {
							margin-left: -200px;
							z-index: 1000;
							position: relative;
						}
						body.deelnemer table.deelnemer td.deelnemer_naam {
							width: 193px;
						}

					tr.deelnemer_nieuw td {
						padding: 3px;
						background-color: #9fb3da;
					}
					td.wel {
						background-color: #8dc73f;
						color: #04173e;
						font-weight: bold;
						font-size: 1.2em;
					}
					td.niet {
						background-color: #b5bfd3;
						color: #ff0000;
						font-weight: bold;
						font-size: 1.2em;
					}
					td.onbekend {
						background-color: #d5dff3;
						color: #04173e;
						font-weight: bold;
						font-size: 1.2em;
					}
					tr.score td {
						font-size: 0.7em;
						font-weight: bold;
						color: #04173e;
					}
					tr.score td.telling {
						text-align: right;
					}
				td.datum span {
					font-size: 0.7em;
					height: 16px;
					margin-right: 4px;
					padding: 4px 4px 0px 4px;
					display: block;
					background-color: #6c80a8;
				}
	body.deelnemer div.opmerkingen {
		margin-left: 210px;
	}
		div.opmerking {
			margin-left: 10px;
			margin-right: 10px;
		}
		body.deelnemer div.opmerkingen h3 {
			margin-left: 0px;
		}
		body.deelnemer div.opmerkingen p {
			margin-left: 10px;
			padding-top: 8px;
			padding-bottom: 6px;
		}
		div.postit {
			margin: -12px 0px -15px 0px;
		}
		body.deelnemer div.postit {
			margin-left: 6px;
		}
		div.opmerking {
			background: url(../img/back_opmerking.gif) repeat-y left top;
			border-bottom: 3px solid #ffffff;
		}
			body.deelnemer div.opmerking {
				margin-left: 0px;
			}
			div.opmerkingen div.naam {
				float: left;
				width: 164px;
			}
			div.opmerkingen div.comment {
				float: left;
				width: 250px;
			}

	div.leftcolumn {
		width: 200px;
		float: left;
		margin-right: 10px;
		padding-top: 11px;
	}
		body.deelnemer div.leftcolumn {
			margin-bottom: -160px;
			padding-top: 0px;
		}
div.overviewnavigation {}
	div.txt {
	}
	.overviewnavigation a {
	}
		.overviewnavigation a:hover {}
		.overviewnavigation a.active {}


/* Formulier*/
form {
	margin: 0px 7px 0em 10px;
}
	body.stap1 div.content form {
		margin-left: 10px;
	}
		form.opslaan {
			width: auto;
			float: left;
		}
	form fieldset {
	}
		body.deelnemer form fieldset {
			margin-left: 200px;
		}
		form fieldset label {
			display: block;
			font-weight: bold;
			font-size: 0.8em;
			margin: 0.7em 0px 0.3em 0px;
		}
			form fieldset label span.tip {
				font-weight: normal;
				display: block;
				line-height: 140%;
				color: #000000;
			}
		form fieldset input {
			width: 440px;
			font-size: 0.8em;
			font-family: verdana, arial, tahoma;
		}
				form fieldset input.copylink {
					width: 300px;
					margin-right: 10px;
				}
			div.tijdencontainer {
				overflow: auto;
				width: 445px;
			}
			div.tijden form fieldset table input {
				width: 61px;
				border: 1px solid #04173e;
				margin: 0px 4px 4px 0px;
			}
			form fieldset td.checkbox input {
				width: auto;
			}
				td.datum {
					width: 78px;
				}
			form fieldset td.deelnemer_naam input {
				width: 147px;
				border: 1px solid #04173e;
				padding-left: 3px;
				font-size: 100%;
			}
				body.deelnemer form fieldset td.deelnemer_naam input {
					width: 187px;
				}
		form fieldset div.radiolist input {
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset select {
		}
		form fieldset textarea {
			width: 440px;
			font-family: verdana, arial, tahoma;
			font-size: 0.8em;
		}
		form fieldset.captcha input{
			width: 116px;
		}
		form fieldset.captcha div.error{
			width: 412px;
		}
			form fieldset.captcha label, form fieldset.captcha span{
			width: 412px;
		}
	div.content form p {
		margin: 0px;
	}
			body.deelnemer div.content form p {
				margin-left: 200px;
			}
		form button {
			font-family: arial, verdana, sans-serif;
			font-size: 140%;
			margin: 0.3em 0px 0.3em 0px;
			padding: 3px 26px 3px 26px;
			color: #ffffff;
			background-color: #04173e;
			text-decoration: none;
			border: 0px;
			cursor: pointer;
		}
			form fieldset button.tijden {
				color: #000000;
				background-color: #ffffff;
				padding: 0px;
				margin: 0.7em 0px 0px 0px;
				font-size: 0.8em;
				font-family: verdana, arial;
				text-decoration: underline;
			}

			button.opslaan,
			form.opslaan button {
				margin-top: 1em;
				margin-right: 3px;
				font-size: 110%;
				width: 143px;
				padding-left: 0px;
				padding-right: 0px;
			}
				form.opslaan button {
					margin-right: 0px;
				}

			form input.goto {
				font-family: arial, verdana, sans-serif;
				margin: 1em 3px 0.3em 0px;
				padding: 3px 0px 3px 0px;
				color: #ffffff;
				background-color: #04173e;
				text-decoration: none;
				text-align: center;
				border: 0px;
				cursor: pointer;
				font-size: 110%;
				width: 142px;
			}
				form input.disabled {
					background-color: #bbbbbb;
					cursor: default;
				}

		form fieldset input.error {}

		.error {
		}
			.error label {}
			.error span {
				font-size: 0.8em;
				display: block;
				color: #cc0000;
				margin: 0.5em 0 0 0;
			}
			.error span.tip {
				font-size: 1em;
			}
			div.error input {
				border: 1px solid #cc0000;
				background-color: #fff2f2;
			}
			.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 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}
	div.systemfeedback_normal {
		color: #32004b;
	}
		div.systemfeedback_normal p {}


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


/* Footer */

div.footer-wrapper {
}

	div.footer {
		margin: 3em 0px 0px 0px;
		border-top: 1px solid #04173e;
		color: #04173e;
	}
		div.footer p {
			font-size: 0.76em;
			line-height: 150%;
			padding: 0.5em 0px 1em 0px;
		}
	div.footer a {
		color: #04173e;
	}
			div.footer a.insyde {
				position: absolute;
				right: 0px;
			}
		div.footer a:hover {
			text-decoration: none;
		}


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

.screenreader {
	display: none;
}
.opmerking:after,
.contentcontainer:after,
.border:after,
div.stappen ul:after,
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}

/* Stylen CW */
div.datepicker {
	width: 237px;
	float: left;
	margin: 0px 10px 0px 0px;
}
div.geselecteerdedata {
	float: left;
	width: 190px;
	margin: 17px 0px 0px 0px;
}
	div.geselecteerdedata p {
		margin-left: 20px;
	}
	div.geselecteerdedata ul {
		list-style: none;
		padding: 0px 0px 0px 10px;
		margin: 0px;
	}
		div.geselecteerdedata h2 {
			margin-left: 20px;
			padding-top: 20px;
		}
		body.stap3 div.border h2,
		body.einde div.border h2 {
			padding-top: 0.7em;
		}
		div.geselecteerdedata ul li {
			margin: 0px 0px 0.5em 0px;
			font-size: 0.8em;
		}
			div.geselecteerdedata ul li a {
				color: #f20000;
				border: 3px solid #04173e;
				background-color: #384c73;
				position: relative;
				padding: 0px 2px 0px 2px;
				font-weight: bold;
				text-decoration: none;
				margin: 0px 0px 0px 57px;
			}
td button.date , td input.date{
	cursor: pointer;
	width: 30px;
	height: 30px;
	padding: 0px;
	border: 0px;
	font-size: 0.8em;
	color: #04173e;
	margin: 0px 3px 3px 0px;
	background-color: #6c80a8;
}

	td button.disabled, td input.disabled {
		cursor: default;
		color: #6c80a8;
		font-style: italic;
		background-color: #9fb3da;
		height: 22px;
		width: 30px;
		padding: 8px 0px 0px 0px;
		text-align: center;
	}

	td button.selected, td input.selected{
		background-color: #8dc73f;
		font-weight: bold;
	}
button.notselected:hover, input.notselected:hover {
	background-color: #8dc73f;
}

button.remove, button.selected:hover, input.remove, input.selected:hover {
	background-color: #f20000;
}

button.remove, input.remove {
	margin: 2px 0px 2px 10px;
	font-weight: bold;
	color: #ff0000;
}

div.socialbookmarks {
	clear: both;
	padding: 4px 0px 10px 210px;
	margin: 0px 0px 12px 0px;
}
	div.socialbookmarks ul {
		list-style: none;
		margin: 0px auto;
		padding: 0px;
		height: 16px;
	}
		div.socialbookmarks ul li {
			float: left;
			height: 16px;
			margin: 0px 10px 0px 0px;
		} 
			div.socialbookmarks ul li a {
				display:block;
				height: 16px;
				width: 16px;
				text-decoration: none;
			}
				div.socialbookmarks ul li a span {
					display: none;
				}
				div.socialbookmarks ul li a img {
					width: 16px;
					height: 16px;
				}	

ul.trade {
	background-color: #04173e;
	padding: 8px 1em 8px 1em;
	margin: 10px 0px 0px 0px;
}
	.trade li {
		margin-bottom: 0.4em;
	}
	.trade li a {
		line-height: 0.8em;
		font-size: 0.8em;
		color: #ffffff;
	}
		.trade a:hover {
			text-decoration: none;
		}
/* widget */
body.widget {}
	body.widget div.header a,
	body.widget div.stappen,
	body.widget div.leftcolumn,
	body.widget div.footer {
		display: none;
	}
	body.widget div.wrapper {
		width: 500px;
	}
	body.widget div.header {
		height: 70px;
		margin-left: 0px;
		margin-bottom: 0.5em;
		background: url(../img/logo_widget.gif) no-repeat left top;
	}
	body.widget p.center a.actie {
		display: none;
	}

/* tell a friend */
.tellafriendform {
	
}
	.tellafriendform .error_border {
		padding: 10px;
		width: 422px;
	}
	.tellafriendform .error_border input {
		width: 420px;
	}