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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {
	background:url(../images/bg.jpg) repeat-y #FFFFFF;
	height: auto; 
	min-height: 100%;
	width:897px;
	margin:0 auto;
}

#main {padding-bottom: 25px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -25px; /* negative value of footer height */
	height: 25px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------------------------------------VANAF HIER BEGINT DE ELLENDE------------------------------------------------*/

body,html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
} 

/*------------------------------------FONTS------------------------------------------------*/

p {
	padding:10px 20px 0px 10px;
	width:325px;
	line-height:20px;
}

	.AccordionPanelContent p {
		padding:0px 0px 0px 0px;
		width:600px;
	}

ul {
	text-decoration:none;
}

li {
	text-decoration:none;
}

h1 {
	padding:30px 20px 0px 10px;
	width:340px;
	font-size:20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#9A2B2A;
}

h2 {
	padding:11px 20px 3px 10px;
	width:300px;
	font-size:16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#9A2B2A;
}

.homepagetekst {
	width:325px;
	line-height:20px;
}

.homepagetekstnieuws {
	width:400px;
	line-height:20px;
}

a {
	color:#9A2B2A;
	text-decoration:underline;
}

a:hover {
	color:#9A2B2A;
	text-decoration:none;
}

.ster {
	color:#9A2B2A;
}

/*------------------------------------MENU LINKS------------------------------------------------*/

.menuboven a {
	display:block;
	color:#000000;
	padding:3px 15px 3px 0px;
	text-decoration:none;
}

	.menuboven a:hover {
		color:#333333;
		background:url(../images/menu_bg.jpg) right;
	}

	.menuboven #active {
		color:#333333;
		background:url(../images/menu_bg.jpg) right;
	}
	
.menumidden a {
	display:block;
	color:#000000;
	padding:3px 15px 3px 0px;
	text-decoration:none;
}

	.menumidden a:hover {
		color:#333333;
		background:url(../images/menu_bg.jpg) right;
	}

	.menumidden #active {
		color:#333333;
		background:url(../images/menu_bg.jpg) right;
	}

.menuonder a {
	display:block;
	color:#000000;
	padding:3px 15px 3px 0px;
	text-decoration:none;
}

	.menuonder a:hover {
		color:#333333;
		background:url(../images/menu_bg.jpg) right;
	}
	
	.menuonder #active {
		color:#333333;
		background:url(../images/menu_bg.jpg) right;
	}

/*------------------------------------BUTTONS------------------------------------------------*/

a.leesmeer {
	margin-left:220px;
	display:block;
	width:102px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/leesmeer.jpg) top left no-repeat;
}

	a:hover.leesmeer  {
		background:url(../images/leesmeer.jpg) bottom;
	}

a.leesmeer2 {
	margin-top:-5px;
	float:right;
	display:block;
	width:102px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/leesmeer.jpg) top left no-repeat;
}

	a:hover.leesmeer2 {
		background:url(../images/leesmeer.jpg) bottom;
	}

a.leesmeer3 {
	margin-left:-13px;
	display:block;
	width:102px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/leesmeer.jpg) top left no-repeat;
}

	a:hover.leesmeer3 {
		background:url(../images/leesmeer.jpg) bottom;
	}

.versturen {
	display:block;
	cursor:pointer;
	float:left;
	border:0px;
	width:102px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/versturen.jpg) top left no-repeat;
}

	.versturen:hover {
		background:url(../images/versturen.jpg) bottom;
	}
	
.wissen {
	display:block;
	cursor:pointer;
	margin-right:100px;
	float:right;
	border:0px;
	width:102px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/wissen.jpg) top left no-repeat;
}

	.wissen:hover {
		background:url(../images/wissen.jpg) bottom;
	}
	
.terug {
	display:block;
	cursor:pointer;
	float:right;
	border:0px;
	width:102px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/terug.jpg) top left no-repeat;
}

	.terug:hover {
		background:url(../images/terug.jpg) bottom;
	}

.terugoverzicht {
	display:block;
	cursor:pointer;
	float:left;
	border:0px;
	width:175px;
	height:27px;
	text-indent: -3999em;
	outline:none;
	background:url(../images/terugoverzicht.png) top left no-repeat;
}

	.terugoverzicht:hover {
		background:url(../images/terugoverzicht.png) bottom;
	}

/*------------------------------------HOLDER EN OPBOUW VAN WEBSITE------------------------------------------------*/

.holder {
	position:relative;
}

.header {
	position:relative;
	height:36px;
	background-color:#8A969A;
}
	
.linkerkant {
	position:absolute;
	width:247px;
	min-height:400px;
}
	
	.logo {
		background: url(../images/logo.jpg) #8A969A;
		height:139px;
		width:247px;
		margin-top:-25px;
		_margin-left:-2px;
	}
	
	.appel {
		background: url(../images/appelsnieuw.jpg) #FFFFFF;
		height:170px;
		width:247px;
		_margin-left:-2px;
	}

/*------------------------------------MENU------------------------------------------------*/

.menu {
	width:143px;
	padding:5px;
	text-align:right;
	margin-left:99px;
}

.menu ul {
	padding:3px 0px 3px 0px;
	list-style:none;
}

.menu li {
	padding:3px 0px 3px 0px;
}

.stippellijn {
	border-bottom:dotted #8A969A 1px;
	width:113px;
	height:3px;
	margin-left:30px;
	margin-bottom:3px;
}


/*------------------------------------CONTENT------------------------------------------------*/

.content {
	position:relative;
	left:248px;
	width:350px;
}

.contentnieuws {
	position:relative;
	left:248px;
	width:650px;
}

.contacthome {
	position:absolute;
	width:125px;
	top:215px;
	left:390px;
}

	.contacthome h1 {
		width:125px;
	}

	.contacthome p {
		width:245px;
	}

.contactformulier {
	position:relative;
	margin-left:10px;
	margin-left /*\**/:-222px\9;
	*margin-left:-222px;
	width:400px;
}

.contactformulier td {
	padding:3px 0px 3px 0px;
}

.uitleg {
	margin:2px 0px 2px 25px;
	line-height:20px;
	list-style:disc outside;
}



/*------------------------------------NIEUWSMODULE------------------------------------------------*/

#nieuws {
	width:325px;
	margin-left:25px;
	list-style-type:none;
}

#nieuws li {
	margin:3px 0px 3px 0px;
	list-style-type:none;
}

.nieuwsberichten {
	width:325px;
	list-style-type:none;
}

/*------------------------------------PROJECTMODULE------------------------------------------------*/

.projecten {
	background-color:#9A2B2A;
	width:649px;
	height:215px;
}

.projectoutput {
	width:325px;
}

.datum {
	float:left;
	list-style-type:none;
	margin-left:-14px;
}

.titel {
	margin-left:-13px;
	font-weight:bold;
	width:300px;
	float:left;
}

.titel2 {
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	width:300px;
	float:left;
}

.intro {
	margin-left:-23px;
	width:250px;
	float:left;
}

.plaatje {
	border:#FFFFFF solid 3px;
}

.plaatje2 {
	margin-top:18px;
	border:#FFFFFF solid 3px;
}

.landkaart {
	margin-left:20px;
}


/*------------------------------------FOOTER BINNENKANT------------------------------------------------*/

.footer {
	margin:0 auto;
	width:870px;
	text-align:right;
	height:25px;
	font-size:11px;
	color:#000000;
}

	a.footer {
		color:#000000;
		text-decoration:none;
	}