body {
	margin: 0px;
	padding: 0px;
	
	color: #000;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	
	background: #ced4d6;
}

.text-placeholder {
	color: #AAA;
}

img {
	border: 0px;
}

a {
	color: #00508e;
}

	a:hover {
		color: #000;
	}
	
	a.button {
		background: #00508e;
		color: #fff;
		text-decoration: none;
		padding: 7px 10px 7px 10px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
		a.button:hover {
			background: #000;
		}

ul, ol {
	margin: 0px;
	padding: 0px 0px 18px 30px;
}

form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	form ul li {
		padding: 5px 0;
	}
		form ul li label {
			display: inline;
			padding: 0;
		}

h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px 0px 12px 0px;
	margin: 0px;

	font-family: 'Droid Sans', arial, sans-serif;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	padding: 0px 0px 9px 0px;
	margin: 0px;
	
	font-family: 'Droid Sans', arial, sans-serif;
}

p {
	margin: 0px;
	padding: 0px 0px 18px 0px;
}

ul.graph {
	margin: 0;
	padding: 0;
}
	ul.graph li {
		list-style: none;
		margin: 0;
		padding: 5px 0 0 0;
	}
		ul.graph li.first {
			padding-top: 0px;
		}
		
		ul.graph li span.person {
			display: block;
			float: left;
			width: 75px;
			padding: 0px;
		}
		
		ul.graph li span.percentage {
			display: block;
			float: left;
			padding: 0px 5px;
			background-color: #00508E;
		}
		
		ul.graph li span.price {
			display: block;
			float: left;
			padding: 0px 5px;
			font-size: 10px;
			color: #333;
		}

div#header {
	background: url(../images/header-background.gif) repeat-x;
	height: 98px;
	text-align: center;
}

	div#header div#header-container {
		width: 960px;
		margin: 0px auto 0px auto;
		text-align: left;
	}
	
	div#header div#logo {
		width: 345px;
		height: 98px;
		background: url(../images/logo.gif) no-repeat;
		float: left;
	}
	
		div#header div#logo a {
			display: block;
			width: 345px;
			height: 98px;
		}
		
			div#header div#logo a span {
				display: none;
			}
			
	div#header div#menu {
		float: right;
		width: 615px;
		position: relative;
		height: 98px;
	}
	
		div#header div#menu div#menu-top {
			line-height: 11px;
			position: absolute;
			top: 0;		
			right: 0;
			z-index: 10;
		}
		
			div#header div#menu div#menu-top ul {
				margin: 0px;
				padding: 10px 10px 0px 0px;
				list-style: none;
				float: left;
			}
			
				div#header div#menu div#menu-top ul li {
					margin: 0px;
					padding: 0px;
					float: left;
				}
				
					div#header div#menu div#menu-top ul li.glue {
						padding: 0px 10px 0px 10px;
						color: #00508e;
						font-size: 11px;
					}
				
					div#header div#menu div#menu-top ul li a {
						color: #00508e;
						text-decoration: underline;
						font-size: 11px;
					}
					
						div#header div#menu div#menu-top ul li.active a,
						div#header div#menu div#menu-top ul li a:hover {
							color: #000;
							text-decoration: none;
						}
				
		div#header div#menu div#menu-main {
			position: absolute;
			right: 0;
			bottom: 0;
			clear: both;
			padding: 45px 0px 0px 0px;
			width: 615px;
		}
		
				body.news div#header div#menu div#menu-main {
					padding-top: 35px;
				}
				
					body.news div#header div#menu div#menu-main h1 {
						float: right;
					}
		
			div#header div#menu div#menu-main ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				float: right;
			}
			
				div#header div#menu div#menu-main ul li {
					margin: 0px;
					padding: 0px 0px 0px 2px;
					float: left;
				}
				
					div#header div#menu div#menu-main ul li a {
						display: block;
						color: #fff;
						font-size: 14px;
						line-height: 14px;
						text-decoration: none;
						background: url(../images/menu-left.gif) no-repeat top left;
						font-family: 'Droid Sans', arial, sans-serif;
					}
					
							div#header div#menu div#menu-main ul li a:hover {
								color: #9abed9;
							}
					
						div#header div#menu div#menu-main ul li a span {
							display: block;
							padding: 8px 10px 7px 10px;
							background: url(../images/menu-right.gif) no-repeat top right;
						}
						
							div#header div#menu div#menu-main ul li.item_6.active a,
							div#header div#menu div#menu-main ul li.active a {
								background: url(../images/menu-active-left.gif) no-repeat top left;
								color: #000;
							}
							
								div#header div#menu div#menu-main ul li.item_6.active a:hover
								div#header div#menu div#menu-main ul li.active a:hover {
									color: #000;
								}
							
								div#header div#menu div#menu-main ul li.item_6.active a span,
								div#header div#menu div#menu-main ul li.active a span {
									background: url(../images/menu-active-right.gif) no-repeat top right;
								}
							
							div#header div#menu div#menu-main ul li.item_6 {
								padding-left: 10px;
							}
							
							div#header div#menu div#menu-main ul li.item_6 a {
								background: url(../images/menu-green-left.gif) no-repeat top left;
								color: #fff;
								font-weight: bold;
							}
								
								div#header div#menu div#menu-main ul li.item_6 a:hover {
									color: #bdddb3;
								}
								
									div#header div#menu div#menu-main ul li.item_6.active a:hover {
										color: #000;
									}

								div#header div#menu div#menu-main ul li.item_6 a span {
									background: url(../images/menu-green-right.gif) no-repeat top right;
									padding: 8px 15px 7px 15px;
								}
								
div#main {
	text-align: center;
	background: #fff;
}

	div#main div#main-container {
		width: 960px;
		margin: 0px auto 0px auto;
		padding: 0px;
		text-align: left;
		background: url(../images/main-background.gif) no-repeat right bottom;
	}
	
		div#main div#main-container div#left {
			width: 180px;
			float: left;
			padding: 0px 0px 0px 0px;
			background: url(../images/left-bottom.gif) no-repeat right bottom;
		}
		
			div#main div#main-container div#left div.space {
				padding: 30px 30px 30px 15px;
				background: url(../images/left-top.gif) no-repeat right top;
			}
			
				div#main div#main-container div#left div.space ul {
					margin: 0px;
					padding: 0px;
					list-style: none;
				}
				
					div#main div#main-container div#left div.space ul li {
						margin: 0px;
						padding: 0px 0px 0px 0px;
						font-size: 18px;
						font-weight: bold;
					}
					
						div#main div#main-container div#left div.space ul li a {
							color: #000;
							text-decoration: none;
							padding-left: 5px;
							font-family: 'Droid Sans', arial, sans-serif;
						}
					
					div#main div#main-container div#left div.space ul ul {
						padding-top: 15px;
					}
					
						div#main div#main-container div#left div.space ul ul ul {
							padding-top: 0px;
							padding-left: 15px;
						}
					
					div#main div#main-container div#left div.space ul ul li {
						padding: 0px 0px 5px 0px;
						margin: 0px;
						font-weight: normal;
					}
					
						div#main div#main-container div#left div.space ul ul li a {
							display: block;
							font-size: 11px;
							line-height: 11px;
							padding: 4px 5px 4px 13px;
							margin: 0px;
							background: url(../images/leftmenu.gif) no-repeat;
							color: #00508e;
							text-decoration: underline;
							font-family: arial, sans-serif;
						}
												
							div#main div#main-container div#left div.space ul ul ul li a {
								color: #555;
							}
							
								div#main div#main-container div#left div.space ul ul ul ul li a {
									line-height: 13px;
								}
								
								div#main div#main-container div#left div.space ul ul ul ul {
									padding-left: 5px;
								}
								
								div#main div#main-container div#left div.space ul ul ul ul li {
									padding-bottom: 2px;
								}
						
							div#main div#main-container div#left div.space ul ul li.active a,
							div#main div#main-container div#left div.space ul ul li a:hover {
								background: url(../images/leftmenu-active.gif) no-repeat;
								color: #ffffff;
								text-decoration: none;
							}
							
								div#main div#main-container div#left div.space ul ul ul li.active a,
								div#main div#main-container div#left div.space ul ul ul li a:hover {
									background: url(../images/leftmenu.gif) no-repeat;
									color: #000;
									text-decoration: none;
								}
		
		div#main div#main-container div#content {
			width: 780px;
			float: left;
		}
		
			div#main div#main-container div#content.content-space {
				margin-left: 90px;
			}
			
			body.news div#main div#main-container div#content {
				margin-left: 90px;
			}
		
			div#main div#main-container div#content div.space {
				padding: 30px 10px 30px 0px;
			}
			
div#footer {
	text-align: center;
	border-top: 1px solid #a5aaab;
	padding: 10px 0px 20px 0px;
}

	div#footer div#footer-container {
		width: 960px;
		margin: 0px auto 0px auto;
		text-align: left;
		color: #868686;
		font-size: 11px;
		line-height: 11px;
	}
	
		div#footer div#footer-container a {
			color: #868686;
			text-decoration: underline;
		}
		
			div#footer div#footer-container a:hover {
				color: #4c4c4c;
				text-decoration: none;
			}
	
		div#footer div#footer-left {
			float: left;
			padding-left: 20px;
		}
		
		div#footer div#footer-right {
			float: right;
			padding-right: 20px;
		}
		
/* HOMEPAGE */
body.home div#home-top {
	
}

	body.home div#home-top div#home-top-left {
		width: 630px;
		margin: 0px 20px 0px 0px;
		float: left;
		padding: 40px 0px 0px 0px;
	}
	
		body.home div#home-top div#home-top-left div.space {
			padding: 0px 20px 0px 20px;
		}
		
			body.home div#home-top div#home-top-left div.space h1 {
				font-size: 18px;
			}
			
			body.home div#home-top div#home-top-left div.space p {
				font-size: 14px;
				font-weight: normal;
				line-height: 21px;
				font-family: 'Droid Sans', arial, sans-serif;
			}
			
			body.home div#home-top div#home-top-left div.space a {
				background: #00508e;
				color: #fff;
				text-decoration: none;
				padding: 7px 10px 7px 10px;
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
			
				body.home div#home-top div#home-top-left div.space a:hover {
					background: #000;
				}
	
	body.home div#home-top div#home-top-right {
		width: 310px;
		float: left;
		padding: 30px 0px 0px 0px;
	}
	
		body.home div#home-top div#home-top-right p {
			padding: 0px;
		}
		
body.home div#home-bottom {
	padding: 40px 0px 40px 0px;
}

	body.home div#home-bottom div#home-bottom-left {
		width: 630px;
		margin: 0px 10px 0px 10px;
		float: left;
	}
	
		body.home div#home-bottom div#home-bottom-left h2 {
			float: left;
			padding-left: 10px;
			font-size: 18px;
			font-weight: bold;
		}
		
		body.home div#home-bottom div#home-bottom-left p {
			float: left;
			padding: 0px 0px 0px 8px;
		}
		
		body.home div#home-bottom div#home-bottom-left div.calendar {
			clear: both;
		}
		
			body.home div#home-bottom div#home-bottom-left div.calendar div.item {
				width: 198px;
				float: left;
				background: #e6f4f9;
				border: 1px solid #bdd6e5;
				margin-right: 10px;
			}
			
				body.home div#home-bottom div#home-bottom-left div.calendar div.item a {
					display: block;
					text-decoration: none;
					padding-bottom: 3px;
				}
				
					body.home div#home-bottom div#home-bottom-left div.calendar div.item a:hover {
						background: #bdd6e5;
					}
			
				body.home div#home-bottom div#home-bottom-left div.calendar div.item h4 {
					padding: 10px 10px 0px 10px;
					margin: 0px;
					color: #00508e;
					font-size: 12px;
					font-weight: bold;
					font-family: 'Droid Sans', arial, sans-serif;
				}
				
				body.home div#home-bottom div#home-bottom-left div.calendar div.item h3 {
					padding: 0px 10px 10px 10px;
					margin: 0px;
					color: #000;
					font-size: 14px;
					font-weight: normal;
					font-family: 'Droid Sans', arial, sans-serif;
				}
				
				body.home div#home-bottom div#home-bottom-left div.calendar div.item div.image {
					border: 1px solid #8abfd9;
					padding: 2px;
					background: #ffffff;
					margin: 0px 3px 0px 3px;
				}
	
	body.home div#home-bottom div#home-bottom-right {
		width: 300px;
		float: left;
	}
	
		body.home div#home-bottom div#home-bottom-right div.space {
			padding: 0px 10px 0px 20px;
		}
	
		body.home div#home-bottom div#home-bottom-right h2 {
			float: left;
			font-size: 18px;
			font-weight: bold;
		}
		
		body.home div#home-bottom div#home-bottom-right p {
			float: left;
			padding: 0px 0px 0px 8px;
		}
		
		body.home div#home-bottom div#home-bottom-right div.news {
			clear: both;
			padding: 8px 0px 0px 0px;
		}
		
			body.home div#home-bottom div#home-bottom-right div.news div.item {
				padding: 0px 0px 10px 0px;
			}
			
				body.home div#home-bottom div#home-bottom-right div.news div.item div.date {
					width: 50px;
					float: left;
					font-family: 'Droid Sans', arial, sans-serif;
				}
				
				body.home div#home-bottom div#home-bottom-right div.news div.item div.title {
					float: left;
					width: 220px;
					font-family: 'Droid Sans', arial, sans-serif;
					font-size: 13px;
				}
				
div.field {
	padding: 10px 0px 10px 0px;
}

	div.field label {
		width: 120px;
		float: left;
	}
	
	div.field input {
		float: left;
		width: 200px;
	}
	
/** FORM **/	
	
fieldset {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	border: 0px;
}

	fieldset legend {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		display: block;
		font-size: 16px;
		line-height: 16px;
		font-weight: normal;
		font-family: 'Droid Sans', arial, sans-serif;
	}
	
	fieldset div.formField {
		margin: 0px;
		padding: 5px 0px 5px 0px;
	}
	
		fieldset div.formField.fieldDropdown label {
			float: left;
			width: 150px;
			padding: 9px 0px 0px 0px;
			font-size: 12px;
			line-height: 12px;
		}
		
		fieldset div.formField.fieldDropdown select {
			float: left;
			width: 300px;
			padding: 5px;
			font-size: 12px;
			line-height: 12px;
		}
		
		fieldset div.formField.fieldText label {
			float: left;
			width: 150px;
			padding: 9px 0px 0px 0px;
			font-size: 12px;
			line-height: 12px;
		}
		
		fieldset div.formField.fieldText input {
			float: left;
			width: 300px;
			padding: 5px;
			font-size: 12px;
			line-height: 12px;
		}
		
			fieldset div.formField.fieldText input.inputFieldError {
				background: #ffc5c5;
			}
		
			fieldset div.formField.fieldText.formFieldTitleBedrag input {
				width: 50px;
			}
			
			fieldset div.formField.fieldText.formFieldTitleEindtijd input,
			fieldset div.formField.fieldText.formFieldTitleAantalMinuten input,
			fieldset div.formField.fieldText.formFieldTitleAantalUren input,
			fieldset div.formField.fieldText.formFieldTitleAantalKilometers input,
			fieldset div.formField.fieldText.formFieldTitleUur input {
				width: 80px;
			}
		
		fieldset div.formField span.textRequired {
			display: block;
			float: left;
			font-size: 14px;
			line-height: 14px;
			color: #b20000;
			padding: 7px 0px 0px 8px;
		}
		
		fieldset div.formField div.fieldDescription {
			padding: 8px 0px 0px 8px;
			font-size: 12px;
			line-height: 12px;
			color: #666;
			float: left;
		}
		
		fieldset div.formField.fieldCheckbox ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
			fieldset div.formField.fieldCheckbox ul li {
				margin: 0px;
				padding: 0px;
			}
			
				fieldset div.formField.fieldCheckbox ul li input {
					float: left;
					margin: 0px;
					padding: 0px;
				}
				
				fieldset div.formField.fieldCheckbox ul li label {
					float: left;
					margin: 0px;
					padding: 1px 0px 0px 7px;
					display: block;
					line-height: 12px;
					font-size: 12px;
				}
				
		fieldset div.formField.fieldSubmit {
			padding-left: 150px;
			padding-top: 30px;
		}
		
			fieldset div.formField.fieldSubmit input {
				color: #4b4945;
				background-color: #e6e3db;
				border: 1px solid #afaba3;
				text-shadow: 0 1px 1px #FFFFFF;
				font-family: 'Droid Sans', arial, sans-serif;
				font-size: 18px;
				padding: 7px 15px 6px 15px;
				-moz-border-radius: 5px 5px 5px 5px;
				-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
				background: -moz-linear-gradient(center bottom , #e6e3db 0pt, #f6f4ef 100%) repeat scroll 0 0 transparent;
				border-color: #d8d4cc #afaba3 #afaba3 #d8d4cc;
				border-style: solid;
				border-width: 1px;
				cursor: pointer;
				display: inline-block;
				line-height: 1;
				text-decoration: none;
				vertical-align: top;	
			}
			
				fieldset div.formField.fieldSubmit input:hover {
					border-color: #afaba3 #8d8982 #8d8982 #afaba3;
					-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
				}
				
/** list table **/
table.list {
	width: 100%;
}

	table.list tr .right {
		text-align: right;
	}
	
	table.list tr th {
		padding: 5px;
		font-weight: bold;
		text-align: left;
		background: #ddd;
		border-bottom: 1px solid #ccc;
	}
	
	table.list tr td {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	
	table.list tr.light td {
		background: #ececec;
	}
	
/** deelnemers **/
div#content div.item {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
	margin: 10px 20px 0px 0px;
	width: 40%;
	float: left;
}

	div#content div.item div.image {
		float: left;
		border: 1px solid #ccc;
		padding: 2px;
	}
	
	div#content div.item h2 {
		float: left;
		padding: 14px 0px 0px 10px;
	}
