@charset "utf-8";
/* CSS Document */

html, body{
	height:100%;
}

body{
	margin:0;
	padding:0;
	background:url(../images/image_01.jpg) repeat-x;
	font:normal 11px/18px Verdana, Geneva, sans-serif;
	color:#000;
}

*{
	margin:0;
	padding:0;
}

img{
	border:none;
}

a{
	color:#ee4035;
}

#branding {

float:left;
width:265px;
height:72px;
text-indent:-9999px;

}

#center ul, #content ol{
	padding:0 0 21px 25px;
}

#center ul ol{
	padding:0 0 0 25px;
}

hr{
	margin:0 0 13px 0;
	padding:0;
	border:none;
	height:1px;
	background:#dedede;
	width:100%;
	float:left;
}

#container{
	margin:0 auto -188px;
	padding:0;
	width:955px;
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#logo{
	margin:0;
	padding:0;
	background:url(../images/image_03.jpg);
	width:955px;
	height:77px;
	float:left;
}

#social{
	margin:30px 13px 0 0;
	font:normal 11px/21px Verdana, Geneva, sans-serif;
	float:right;
}

#social span, #social img{
	float:left;
}

#social img{
	margin:0 0 0 5px;
}

#menu { 
	height: 35px; 
	display: block; 
	float: left; 
	list-style: none;
	margin: 0;
	padding: 0;
	
	}

	#menu li { 
		position: relative; 
		height: 35px; 
		display: block; 
		float: left; 
	z-index:1000;
	position:relative;
	}

		#menu li a { 
			font-weight: bold; 
			color: #fff; 
			padding: 8px 19px 11px 19px; 
			display: block; 
			text-decoration: none;
		}

			#menu li:hover a, #menu li a:hover, #menu li a.active {
				color: #291d28;
			}

#menu li ul { 
	position: absolute; 
	top: 35px; 
	left: 0;
	display: none; 
	width: auto; 
	z-index: 500; 
}

	#menu li:hover ul { 
		display: block; 
	}

		#menu li ul li { 
			clear: both; 
			height: auto; 
			width: 100%; 
		}

			#menu li:hover ul li a, #menu li ul li a { 
				background: #cccccc; 
				padding: 10px; 
				width: 155px; 
				display: block; 
				color: #291d28; 
				font-weight: normal; 
			}

				#menu li ul li a:hover { 
					background: #7c7c7c; 
					color: #FFFFFF; 
					font-style: italic; 
				}

#header{
	margin:0 13px 0 0;
	padding:0;
	background:url(../images/plaatje_07.jpg);
	width:740px;
	height:154px;
	float:left;
}

#knoppen{
	margin:0;
	padding:0;
	background:#4d4d4d;
	width:202px;
	height:154px;
	float:left;
}

#knoppen a{
	margin:10px 8px 0 8px;
	padding:6px 0 0 0;
	background:url(../images/knop-groot_10.jpg);
	width:186px;
	height:57px;
	text-align:center;
	font:normal 16px/24px Verdana, Geneva, sans-serif;
	color:#fff;
	text-decoration:none;
	float:left;
}

#content{
	margin:0 0 20px 0;
	padding:0;
	width:955px;
	float:left;
}

#left{
	margin:0;
	padding:0;
	width:202px;
	float:left;
}

#medewerkers-list{
	list-style:none;
	width:100%;
	margin:0 0 0 -10px;
}

#medewerkers-list .medewerker{
	width:50%;
	height:90px;
	float:left;
}

#medewerkers-list .medewerker img{
	margin:5px;
	float:left;
}

#medewerkers-list .medewerker p{
	margin:30px 0 0 0;

	position:relative;
	z-index:500;
}

#medewerkers-list .medewerker p span{
	color:#e5322d;
}

#agenda{
	margin:13px 0 0 0;
	padding:0;
	border:solid 1px #dedede;
	list-style:none;
	width:200px;
	float:left;
}

#agenda li{
	margin:0;
	padding:0 15px 0 15px;
	width:170px;
	font:bold 14px/18px Verdana, Geneva, sans-serif;
	color:#ee4035;
	float:left;
}

#agenda li.first{
	background:#dedede;
	padding:12px 15px 12px 15px;
}

#agenda a{
	margin:0 0 0 -15px;
	padding:12px 15px;
	width:170px;
	font:bold 11px/18px Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#343434;
	float:left;
}

#agenda a.grey{
	background:#dedede;
}

#agenda a span{
	margin:0;
	padding:0;
	width:170px;
	font:normal 11px/18px Verdana, Geneva, sans-serif;
	text-decoration:underline;
	float:left;
}

#agenda a:hover span{
	color:#ee4035;
}

#center{
	margin:0;
	padding:25px 0 0 14px;
	width:524px;
	float:left;
}

#center h1, #center h2{
	margin:0 0 12px 0;
	padding:0;
	font:bold 13px/18px Verdana, Geneva, sans-serif;
	color:#ee4035;
}

#center small{
	margin:-10px 0 3px 0;
	color:#6b6b6b;
	width:100%;
	float:left;
}

#center p{
	margin:0 0 12px 0;
	padding:0;
}

#center strong.greyblock{
	margin:6px 0 10px 0;
	padding:0 0 0 11px;
	background:#8f9094;
	width:513px;
	height:28px;
	font:bold 12px/28px Verdana, Geneva, sans-serif;
	color:#fff;
	float:left;
}

.middle-button{
	margin:0 10px 0 0;
}

#right{
	margin:13px 0 0 13px;
	padding:0;
	width:202px;
	float:left;
}

.block{
	margin:0 0 13px 0;
	padding:13px;
	background:#dedede;
	width:176px;
	float:left;
}

.block h3{
	margin:0 0 12px 0;
	padding:0;
	font:bold 14px/18px Verdana, Geneva, sans-serif;
	color:#ee4035;
}

.block p{
	margin:0 0 12px 0;
	padding:0;
}

.block .meer{
	background:url(../images/button_26.jpg);
	width:90px;
	height:24px;
	font:bold 12px/24px Verdana, Geneva, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#fff;
	float:left;
}

#push, #footer{
	margin:0;
	overflow:hidden;
	height:188px;	
	clear:both;
}

#footer{
	margin:0;
	padding:0;
	background:#dedede;
	width:100%;
	clear:both;
}

#f-center{
	margin:0 auto;
	padding:0;
	width:955px;
	font:normal 10px/normal Verdana, Geneva, sans-serif;
	color:#5e5e5e;
	position:relative;
	z-index:2;
}

#f-center a{
	color:#5e5e5e;
	text-decoration:none;
}

#f-center span{
	margin:50px 0 0 0;
	float:left;
}

#f-center #credits{
	float:right;
}