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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

html {
	width:				100%;
	height:				100%;	
}

body {
	
	font-family:		Verdana, Geneva, sans-serif;
	font-size:			12px;
	color:				#583119;
	line-height:		17px;
	width:				100%;
	height:				100%;
	background:			url('../img/bg.jpg') repeat-y top center;	
}

.site-container {
	min-height:			100% !important;
	height:				auto;
	width:				850px;
	margin:				auto auto;

}

h1 {
    font-family: 		'LeftistMonoSansRegular';	
	font-weight:		normal;
	font-size:			20px;
	margin:				5px 0px 10px 0px;	
	letter-spacing:		0.04em;	
	line-height:		23px;
		
}

h2 {
    font-family: 		'LeftistMonoSansRegular';	
	font-weight:		normal;
	font-size:			16px;
	margin:				5px 0px 5px 0px;	
	line-height:		20px;
	color:				#7cb955;
	padding:			10px 0px 10px 0px;
	border-top:			2px dotted #7cb955;
	border-bottom:		2px dotted #7cb955;
}

p {
	margin:				0px 0px 10px 0px;
}

hr {
	margin:				5px 0px 10px 0px;
}

a {
	color:				#007bc0;
}

table {
}

.centerspace {
	margin:				0 auto;
	width:				850px;
}

.leftnavspacer {
	
	height:				40px;
	width:				50%;
	left:				0px;
	top:				200px;
	background:			#7cb955;
	position:			absolute;
}

.header {
	background:			url('../img/bg.jpg') repeat-y top center;
	
	height:				200px;
	width:				100%;
	display:			block;
	margin:				0 auto;
	display:			block;
	position:			relative;
	
}

.headerbg {
	background:			url(../img/header-bg.jpg);
	height:				200px;
	float:				left;
	position:			absolute;
	z-index:			-10px;
	left:				0;
	overflow:			hidden;
	width:				56%;
}

.logo {
	float:				left;
	width:				215px;
	height:				179px;
	margin:				7px 0px 0px 18px;
	padding:			0px 0px 0px 0px;
	position:			relative;
	z-index:			10px;
}

.vorm {
	position:			absolute;
	margin:				-5px 0px 0px 101px;
	height:				294px;
	width:				578px;
	z-index:			30;
}

.navspace {
	margin:				0px auto 0px auto;
	display:			block;
	height:				40px;
}

.nav {
	float:				left;
	width:				500px;
	height:				28px;
	background:			#7cb955;
	padding:			12px 0px 0px 20px;
	position:			relative;
	z-index:			35;
} 

.nav li {
	list-style:			none;
	float:				left;
}

.nav li a {
	color:				#583119;
	text-decoration:	none;
	float:				left;
	margin:				0px 20px 0px 0px;
	text-transform:		capitalize;
    font-family: 		'LeftistMonoSansRegular';	
	font-size:			14px;	
	font-weight:		bold;
	letter-spacing:		0.03em;
}

.nav li a:hover {
	text-decoration:	underline;
}

.nav li a.active {
	text-decoration:	underline !important;
}

.content {
	overflow:			hidden;	
	position: 			relative;
	min-height:			100%;
	padding-bottom:		140px;
	margin-bottom:		20px;
}

.content .article {
	width:				480px;
	float:				left;
	margin:				10px 50px 20px 20px;
}

.content .aside {
	width:				280px;
	float:				left;
	color:				#fff;
	margin:				10px 0px 0px 0px;
}

.content .aside h1 {
	margin-left:		90px;
}

.content .aside .opdrachten {
    font-family: 		'LeftistMonoSansRegular';		
	background:			#653f2c;
	float:				left;
	padding:			10px;
	font-size:			13px;
	border-top:			1px solid #EEEAE8;
	border-bottom:		1px solid #EEEAE8;
	margin:				10px 0px 0px 0px;
	width:				261px;
}

.content .aside .opdrachten h1 {
	margin-left:		0px;
}

.footer {
	background:			#eeeae8;
	width: 				100%;
	margin:				-140px auto 0px auto;
	bottom:				0;
	height:				140px;	
	position:			relative;
}

.footer .centerspace {
	font-size:			11px;
	font-weight:		normal;
    font-family: 		'LeftistMonoSansRegular';	
	padding:			0px 0px 0px 20px;
	width:				830px;
			
}

.footer .centerspace table {
	width:				492px;
	vertical-align:		top;
	float:				left;
	
}

.footer .centerspace table td {
	padding:		5px 0px 10px 0px;
}


.social li {
	float:				left;
	list-style:			none;
	margin:				5px 5px 0px 0px;
}

.groepfoto {
	float:				right;
	margin:				0px -33px 0px 0px;
}

.foto-contact {
	float:				right;
}


@font-face {
    font-family: 'LeftistMonoSansRegular';
    src: url('../fonts/leftistmonoserif-webfont.eot');
    src: url('../fonts/leftistmonoserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leftistmonoserif-webfont.woff') format('woff'),
         url('../fonts/leftistmonoserif-webfont.ttf') format('truetype'),
         url('../fonts/leftistmonoserif-webfont.svg#LeftistMonoSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}