/* ---- CSS 2009
Title: Buro-Q theme
Design: Robin Moggre
Technology: Robin Moggre
---- */

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* body */
body {
	font-family: Arial;
	background: #ffffff url(../img/bg.jpg);
	background-repeat: repeat-x;
	color: #333;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 868px;
	text-align: left;
}

	#header {
		float: left;
		width: 868px;
		height: 110px;
	}
	
		#logo {
			float: left;
			margin-left: 1px;
			margin-top: 32px;
			width: 467px;
		}
		
		#icons {
			width: 398px;
			float: left;
			text-align: right;
			padding-top: 50px;
			padding-right: 2px;
		}
	
	#maincontainer {
		width: 868px;
		height: 10px;
		float: left;
		padding-left: 4px;
		padding-top: 20px;
	}

	#contentleft {
		float: left;
		width: 260px;
		margin-right: 40px;
	}
	
		#contentleft h1 {
			font-family: Verdana;
			font-size: 13px;
			color: #2a2a2a;
			width: 250px;
			background: #ecebeb;
			border-bottom: 1px dashed #d1d1d1;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
		}
		
		#contentleftentry {
			background: #f8f8f8;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
			font-family: Verdana;
			font-size: 11px;
			line-height: 19px;
			color: #2a2a2a;
			min-height: 270px;
		}
		
			#contentleftentry ul {
				margin-top: 10px;
				float: left;
			}
		
			#contentleftentry ul li {
				float: left;
				margin-top: 5px;
				margin-bottom: 5px;
				font-size: 12px;
				color: #f49600;
				width: 260px;
			}
			
				#contentleftentry ul li a {
					font-size: 12px;
					color: #f49600;
					text-decoration: none;
					border-bottom: 1px solid #f49600; 
				}
		
	#contentmiddle {
		float: left;
		width: 260px;
		margin-right: 40px;
		height: 300px;
	}
	
		#contentmiddleentry {
			background: #ffffff;
			float: left;
			width: 260px;
			position: relative;
		}
		
		.element {
			float: left;
			width: 260px;
			height: 200px;
		}
		
		#contentmiddleentry ul {
			padding-bottom: 10px;
			float: left;
			width: 260px;
		}
	
		#contentmiddleentry ul li {
			float: left;
			width: 260px;
			padding-top: 8px;
			padding-bottom: 8px;
			border-bottom: 1px dashed #f1f1f1;
			font-size: 10px;
			font-family: Verdana;
			color: #333333;
		}
		
		#contentmiddleentry ul li strong, #contentmiddleentry ul li b  {
			font-weight: normal;
		}
		
		#contentmiddleentry ul li img {
			float: left;
			margin-right: 10px;
		}
		
		#contentmiddleentry ul li a {
			color: #f49600;
			text-decoration: none;
			border-bottom: 1px solid #f49600;
		}
	
		#contentmiddle h3.toggler {
			font-family: Verdana;
			font-size: 13px;
			color: #2a2a2a;
			width: 250px;
			background: #ecebeb;
			border-bottom: 1px dashed #d1d1d1;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
			float: left;
			cursor:pointer;
		}
		
		#contentmiddleaccordion {
			float: left;
			position: relative;
			width: 260px;
		}
		
	#contentright {
		float: left;
		width: 260px;
		position: relative;
	}
	
		#contentright a {
			text-decoration: none;
			color: #2a2a2a;
		}
	
		#contentright h1 {
			font-family: Verdana;
			font-size: 13px;
			color: #2a2a2a;
			width: 250px;
			background: #ecebeb;
			border-bottom: 1px dashed #d1d1d1;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
		}
		
		#contentrightentry {
			background: #f8f8f8;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
			font-family: Verdana;
			font-size: 11px;
			line-height: 19px;
			color: #2a2a2a;
			min-height: 270px;
		}
		
		#contentrightentry ul {
			margin-top: 10px;
			float: left;
		}
	
		#contentrightentry ul li {
			float: left;
			margin-top: 5px;
			margin-bottom: 5px;
			font-size: 12px;
			color: #2a2a2a;
			width: 260px;
			padding-left: 30px;
			font-size: 11px;
		}
		
		#contentrightentry ul li.telefoon { background: url(../img/telefoon.png); background-repeat: no-repeat; }
		#contentrightentry ul li.email { background: url(../img/email.png); background-repeat: no-repeat; }
		#contentrightentry ul li.vcard { background: url(../img/vcard.png); background-repeat: no-repeat; }
		#contentrightentry ul li.linkedin { background: url(../img/linkedin.png); background-repeat: no-repeat; }
		
		#kwick				{ width:868px; 	overflow: hidden; padding-top: 8px; float: left;background: url(../img/bgimageslide.png); background-repeat: no-repeat; }
		#kwick .kwicks 		{ list-style: none; margin: 0px; display: block; height: 200px; width: 868px; padding: 0px; margin-left: 12px; }
		#kwick li 			{ float:left; cursor:pointer; }
		#kwick .kwick 		{ display:block; cursor:pointer; overflow:hidden; height: 223px; width:169px; }
		#kwick .kwick span 	{ display:none; }
		
		#kwick .ov 			{ background: url(images/ov.jpg); background-repeat: no-repeat;}
		#kwick .peak 		{ background: url(images/peak.jpg); background-repeat: no-repeat; }
		#kwick .vloed 		{ background: url(images/vloed.jpg); background-repeat: no-repeat; }
		#kwick .mc 			{ background: url(images/mc.jpg); background-repeat: no-repeat; }
		#kwick .zw 			{ background: url(images/zw.jpg); background-repeat: no-repeat; }
		
		.afspraakbtn {
			background: url(../img/afspraak.btn.png);
			width: 233px;
			height: 27px;
			border: none;
			cursor: pointer;
			margin-top: 15px;
		}
		
		.afspraakbtn:hover {
			background: url(../img/afspraak-hover.btn.png);
		}