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

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ALGEMENE STIJLEN
=========================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0099FF
	margin: 0 0 20px 0;
}

a, a:visited {
	font-size: 12px;
	color: #FF00FF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px
}

h3 {
	font-size: 16px;
	
}

h4 {
	font-size: 12px
}

h5 {
	font-size:14px
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
STRUCTUUR STIJLEN
=========================================================== */

div#wrapper {
	width: 684px;
	margin: 15px auto 0 auto;
}

div#top {
	width: 684px;
	text-align: center;
	padding: 28px 0 29px 0;
}

div#links {
	float: left;
	width: 119px;
}

div#links img {
	border: 1px #0000fe solid;
	margin-bottom: 20px;
}

div#midden {
	float: left;
	width: 427px;
	padding-left: 10px;
	padding-right: 10px;
}

div#rechts {
	float: right;
	width: 118px;
}

div#voet {
	width: 684px;
	clear: both;
}

div#blanc {
	clear: both;
	width: 684px;
	height: 500px;
	margin: 0 auto 0 auto;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Rechtermenu
====================================================================== */

/* button home ==================================================== */
div#button_home {
	margin-bottom: 8px;
}

div#button_home a,
div#button_home a:visited {
	display: block;
	background-image: url(../Afbeeldingen/home.jpg);
}

div#button_home a:hover {
	display: block;
	background-image: url(../Afbeeldingen/home_hover.jpg);
}

/* button werkwijze ============================================== */
div#button_werkwijze {
	margin-bottom: 8px;
}

div#button_werkwijze a,
div#button_werkwijze a:visited {
	display: block;
	background-image: url(../Afbeeldingen/werkwijze.jpg);
}

div#button_werkwijze a:hover {
	display: block;
	background-image: url(../Afbeeldingen/werkwijze_hover.jpg);
}

/* button partners =============================================== */
div#button_partners {
	margin-bottom: 8px;
}

div#button_partners a,
div#button_partners a:visited {
	display: block;
	background-image: url(../Afbeeldingen/partners.jpg);
}

div#button_partners a:hover {
	display: block;
	background-image: url(../Afbeeldingen/partners_hover.jpg);
}

/* button links ================================================== */
div#button_links {
	margin-bottom: 8px;
}

div#button_links a,
div#button_links a:visited {
	display: block;
	background-image: url(../Afbeeldingen/links.jpg);
}

div#button_links a:hover {
	display: block;
	background-image: url(../Afbeeldingen/links_hover.jpg);
}

/* button contact ================================================ */
div#button_contact {
	margin-bottom: 8px;
}

div#button_contact a,
div#button_contact a:visited {
	display: block;
	background-image: url(../Afbeeldingen/contact.jpg);
}

div#button_contact a:hover {
	display: block;
	background-image: url(../Afbeeldingen/contact_hover.jpg);
}

/* button nieuws ================================================= */
div#button_nieuws {
	margin-bottom: 8px;
}

div#button_nieuws a,
div#button_nieuws a:visited {
	display: block;
	background-image: url(../Afbeeldingen/nieuws.jpg);
}

div#button_nieuws a:hover {
	display: block;
	background-image: url(../Afbeeldingen/nieuws_hover.jpg);
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Voetmenu
====================================================================== */
div#voet{ 
	text-align: center;
	line-height: 30px;
	color: #ff00ff;
}
div#voet a,
div#voet a:visited { 
	font-size: 10px;
 	text-decoration: none;
}

div#voet a:hover {
	font-size: 10px;
	text-decoration: underline;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Class
====================================================================== */
.centreren { 
	text-align: center;
}

span.rechtslijnen {
	float: right;
}

.vet {
	font-weight: bold;
}

span.space {
	display: block;
	height: 12px;
}

span.dubbelspace {
	display: block;
	height: 24px;
}

.vet2 {
	font-size: 20px;
	font-weight: bold;
}

.groot {
	font-size: 20px;
}

.vet3 {
	font-size: 20px;
	font-weight: bold;
	color: #FF00FF;
}

.middelgroot {
	font-size: 16px;
}

.cursief {
	font-size: 20px;
	font-style: italic;
}

.paars {
	font-size: 24px;
	color: #FF00FF;
}

.cursiefklein {
	font-size: 12px;
	font-style: italic;
}

.cursiefpaars {
	font-size: 20px;
	font-style: italic;
	color: #FF00FF;
}

