body {
	background-color:#fff;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
}

/* Graphical user interface */

#container {
	display:block;
	width:910px;
	height:100%;
	height: auto !important; /* ie6 bugfix */
	min-height:100%; /* safari bugfix */
	margin:0 auto -150px;
	text-align:left;
	background-color:#fff;
}

	#push { height: 150px; }

	#header {
		display:block;
		width:910px;
		height:290px;
		background:#f9c600;
		background-image:url(../images/background.jpg);
		background-position:0 0;
		background-repeat:repeat-x;
	}
		#photo {
			display:block;
			width:660px;
			height:290px;
			float:left;
		}
			#photoUI {
				display:block;
				width:660px;
				height:250px;
				padding-top:20px;
			}
				#photoUI-left {
					display:block;
					width:25px;
					height:250px;
					float:left;
					background-color:none;
					background-image:url(../images/photoui-left.png);
					background-position:center center;
					background-repeat:no-repeat;
				}
				#photoUI-pic {
					display:block;
					width:405px;
					height:230px;
					float:left;
					border-top:10px solid #783095;
					border-bottom:10px solid #783095;
				}
					#photoUI-overlay {
						display:block;
						width:55px;
						height:230px;
						float:right;
						background-image:url(../images/photoui-overlay.png);
						background-position:0 0;
						background-repeat:no-repeat;
					}
				
				#photoUI-blockquote {
					display:block;
					float:left;
					width:205px;
					height:250px;
					background-color:#783095;
				}
					#photoUI-text {
						display:block;
						width:205px;
						height:230px;
						padding-top:20px;
						overflow:hidden;
					}
						#photoUI-text h2,
						#photoUI-text p,
						#photoUI-text a {
							color:#fff;
						}
						#photoUI-text a:hover {
							color:#ffe824;
						}				

				#photoUI-right {
					display:block;
					width:25px;
					height:250px;
					float:left;
					background-color:none;
					background-image:url(../images/photoui-right.png);
					background-position:center center;
					background-repeat:no-repeat;
				}


		#header #logo {
			display:block;
			width:250px;
			height:290px;
			float:right;
			background-color:none;
			background-image:url(../images/logo.jpg);
			background-position:0 0;
			background-repeat:no-repeat;
		}

	#nav {
		display:block;
		width:910px;
		height:30px;
		background-image:url(../images/bg_nav.jpg);
		background-position:0 0;
		background-repeat:repeat-x;
	}
		#nav #nav_left {
			width:9px;
			height:30px;
			float:left;
			background-image:url(../images/bg_nav_left.png);
			background-position:0 0;
			background-repeat:no-repeat;
		}
		#nav #nav_right {
			width:9px;
			height:30px;
			float:left;
			background-image:url(../images/bg_nav_right.png);
			background-position:0 0;
			background-repeat:no-repeat;
		}
		#menu {
			display:block;
			width:642px;
			height:30px;
			z-index:11;
			float:left;
			background:#ef682a;
		}
			#menu ul {
					display:block;
					padding:0;
					margin:0;
			}
			#menu ul li {
					display:block;
					float:left;
					padding:0;
					margin:0;
					list-style:none;
					list-style-image:none;
			}
			#menu ul li a {
					display:block;
					height:21px;
					padding-top:9px;
					padding-left:12px;
					padding-right:12px;
					padding-bottom:0;
					color:#ffe824;
					font-weight:normal;
					font-size:14px;
			}
					#menu ul li a:hover {
						color:#ffffff;
					}
					#menu ul li a.current_buttonID {
						color:#ffffff;
					}
						/* Submenu styles */
						#menu ul ul {
								float:none;
								clear:both;
								display:none;
								width:164px;
								position:absolute;
								padding:11px 0 0 0;
								margin:0px;
								z-index:100;
							}
						#menu ul ul li {
							float:none;
						}
						#menu ul ul li a {
							display:block;
							height:20px;
							width:140px;
							background:#f9c600;
							color:#fff;
							padding-top:3px;
							padding-left:14px;
							padding-right:10px;
							padding-bottom:3px;
							font-size:14px;
							font-weight:normal;
							text-transform:none;
						}
							#menu ul ul li a:hover {
								color:#f16729;
							}
						#menu .submenu_bottom {
							display:block;
							background-image:url(../images/submenu_bottom.png);
							background-position:bottom center;
							background-repeat:no-repeat;
							padding-bottom:10px;
						}



	#content {
		display:block;
		width:910px;
		background-image:url(../images/bg_content_top.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}
		#columns {
			display:block;
			width:910px;
			padding-top:50px;
			padding-bottom:25px;
		}
			#columns #left {
				display:block;
				width:289px;
				float:left;
			}
			#columns #right {
				display:block;
				width:620px;
				float:right;
				border-left:1px solid #f98100;
				padding-bottom:10px;
			}
				#left .articles,
				#right .articles {
					display:block;
				}
					#left .articles .article,
					#left .articles .article .content,
					#right .articles .article,
					#right .articles .article .content {
						display:block;
					}
					#left .articles .article {
						padding-top:0;
						padding-left:15px;
						padding-right:20px;
						padding-bottom:5px;
					}
					#right .articles .article {
						padding-top:0;
						padding-left:30px;
						padding-right:15px;
						padding-bottom:5px;
					}
						#right .articles .with_line {
							border-top:1px solid #f98100;
							padding-top:25px;
						}
			
	#footer {
		display:block;
		width:100%;
		height:150px;
		background:#fec000;
		background-image:url(../images/bg_footer.jpg);
		background-position:0 0;
		background-repeat:repeat-x;
	}
		#footer #footer_inline {
			display:block;
			margin:0 auto;
			width:910px;
			height:150px;	
			background:#fec000;
			background-image:url(../images/bg_content_footer.jpg);
			background-position:top center;
			background-repeat:no-repeat;
		}
			#footer_inline #footer_left {
				display:block;
				width:455px;
				height:100px;
				float:left;
				background:none;
				padding-top:25px;
			}
			#footer_inline #footer_left h2 a,
			#footer_inline #footer_left h2 a:hover {
				color:#fff;
			}
			#footer_inline #footer_right {
				display:block;
				width:455px;
				height:100px;
				float:left;
				background:none;
				padding-top:25px;
			}
			
				#footer_right #copyrights {
					display:block;
					width:445px;
					text-align:right;
					font-size:12px;
					color:#fff;
					padding-right:10px;	
				}
				
				#footer_right #bottom_nav {
					display:block;
					width:445px;
					padding-right:10px;	
				}
					#menu_bottom {
						display:block;
						float:right;
					}
						#menu_bottom ul {
								display:block;
								padding:0;
								margin:0;
						}
						#menu_bottom ul li {
								display:block;
								float:left;
								padding:0;
								margin:0;
								list-style:none;
								list-style-image:none;
						}
						#menu_bottom ul li a {
								display:block;
								color:#ffffff;
								padding-left:7px;
								font-weight:normal;
								font-size:12px;
								text-decoration:none;
						}
								#menu_bottom ul li a:hover {
									color:#f98100;
								}
								#menu_bottom ul li a.current_buttonID {
									color:#f98100;
								}

				#footer_right #credits {
					display:block;
					width:445px;
					text-align:right;
					padding-right:10px;	
				}
					#credits a {
						font-size:12px;
						color:#fff;	
					}
					#credits a:hover {
						color:#f98100;
					}
			
/*	-------------------------------------------
	CSS: MEMBER
	----------------------------------------- */
.form_evaluatieformulier {
	display:block;
}
	.form_evaluatieformulier div.title {
		font-size:14px;
		font-style:italic;
	}	
	.form_evaluatieformulier div.block {
		display:block;
		padding:10px 10px 10px 0;
		margin-bottom:10px;
		border-bottom:1px dashed #ccc;
	}
	.form_evaluatieformulier div.row {
		display:block;
		margin-bottom:3px;
	}
	.form_evaluatieformulier div.row.italic {
		font-style:italic;
	}
	.form_evaluatieformulier div.block label {
		display:block;
	}
	.form_evaluatieformulier textarea.input {
		width:500px;
	}
	.form_evaluatieformulier input,
	.form_evaluatieformulier textarea {
		border:1px solid #ccc;
	}
	
		/* Gebruiker */
		.form_evaluatieformulier div.gebruiker label {
			width:200px;
			float:left;
		}
		.form_evaluatieformulier div.gebruiker input {
			width:250px;
		}
		
		/* Rapportcijfer */
		.form_evaluatieformulier div.rapportcijfer div.row {
			margin-bottom:0 !important;
		}
		.form_evaluatieformulier div.cijfer label {
			float:left;
			margin-right:7px;
		}
		.form_evaluatieformulier div.cijfer input {
			width:15px;
			border:0;
		}
		
		/* Referenties */
		.form_evaluatieformulier div.referentie textarea {
		}
		
		/* Tevredenheid */
		.form_evaluatieformulier div.tevredenheid label {
			float:left;
			padding-right:7px;
		}

		/* Vraagstelling */
		.form_evaluatieformulier div.vraagstelling label {
			float:left;
			padding-right:7px;
		}
		.form_evaluatieformulier div.toelichting_vraagstelling label {
			width:100px;
			float:left;
		}
		.form_evaluatieformulier div.toelichting_vraagstelling input {
			width:250px;
		}

		/* Locatie */
		.form_evaluatieformulier div.locatie label {
			float:left;
			padding-right:7px;
		}

		/* Onderscheiden */
		.form_evaluatieformulier div.onderscheidt input {
			width:500px;
		}

		/* Citaat */
		.form_evaluatieformulier div.citaat input {
			width:500px;
		}

		/* Verbeterpunten */
		.form_evaluatieformulier div.verbeterpunten input {
			width:500px;
		}


/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:50%; margin-left:-300px; background-color:#fff; border:3px solid #fff;}
#modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}