@charset "UTF-8";

/* Natural Selection */


/* Universele selector */
* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* Basis*/
body {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	background-image: url(../img/bg-scherm.jpg);
	background-color: #edf1f8;
}

/* Allesomvattende div, zorgt dat site gecentreerd wordt */
#wrapper {
	width: 970px;
	height: 560px;
	margin: 20px auto 0px auto;	
	background-image: url(../img/bg-site.png);
	background-repeat: no-repeat;
}

/**/
#wrapper-boven {
	width: 970px;
	height: 537px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/**/
#wrapper-onder {
	width: 970px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #74b301;
	font-size: 12px;	
}

#footer-left {
	width: 250px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#footer-middle {
	width: 260px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:right;
}

#footer-right {
	width: 326px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:right;
}

#wrapper-left{
	width: 930px;
	height: 537px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#wrapper-right{
	width: 30px;
	height: 537px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.wrapper-header{
	width: 930px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.wrapper-content-left{
	width: 20px;
	height: 437px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.wrapper-content-buttons{
	width: 90px;
	height: 437px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.button{
	width: 83px;
	height: 84px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.wrapper-content-text{
	width: 405px;
	height: 437px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/kader.png);
	float: left;	
}

.text{
	width: 380px;
	height: 400px;
	margin: 0px;
	padding: 10px;
	float: left;
	overflow:auto;
}

.text-header{
	width: 375px;
	height: 74px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.flashkader{
	width: 375px;
	height: 326px;
	margin: 0px;
	padding: 0px;
	float: left;
}
	
.wrapper-content-right{
	width: 410px;
	height: 437px;
	margin: 0px;
	padding: 0px;
	float: left; 
}

.wrapper-content-right-up{
	width: 407px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	float: left; 
}

.wrapper-content-right-news{
	width: 407px;
	height: 217px;
	margin: 0px;
	padding: 0px;
	float: left; 
}

.news{
	width: 300px;
	height: 180px;
	margin: 0px;
	padding: 10px;
	background-image: url(../img/news.png);
	float: left;
	overflow:auto;
}

#contentvlak{
	width: 398px;
	height: 428px;
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 150%;
	overflow: auto;
	scrollbar-arrow-color: #ff6600;
	scrollbar-shadow-color: Silver;
	scrollbar-base-color: #eee;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-highlight-color: White;
	scrollbar-track-color: White;
}

.clear_both {	
	clear: both;
}

/*ul {
	list-style-image: url(../img/bullet1.gif);
	list-style-position: inside;
}*/

/*standaard links*/
a:link, a:visited{
	color: #74b301;
	text-decoration: none;
}
a:hover, a:active{
	color: #5073f5;
	text-decoration: none;
}

/*footer links*/
a.footerlink:link, a.footerlink:visited{
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;	
}
a.footerlink:hover, a.footerlink:active{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

/*redbanana link*/
a.redbanana:link, a.redbanana:visited{
	color: #74b301;
	text-decoration: none;
}
a.redbanana:hover, a.redbanana:active{
	color: #ed1b1b;
	text-decoration: none;
}

/* styling back button*/

a.back:link, a.back:visited{
	color: #fff;
	font-weight: bolder;
	font-size: 11px;
	text-decoration: none;
	background-color: #336dd7;
}

a.back:hover, a.back:active{
	color: #fff;
	font-weight: bolder;
	font-size: 11px;
	text-decoration: blink;
	background-color: #336dd7;
}

h1 {
	font-weight: bold;
	color: #336dd7;
	font-size: 24px;
}

h2 {
	
	color: #7dc318;
	font-size: 24px;
	font-weight: bold;
}

h3 {
	color: #336dd7;
	font-size: 12px;
	font-weight: bold;
}
h4 {
	font-size: 12px;
	color: #336dd7;
	font-weight: normal;
}

h5 {
	font-size: 12px;
	color: #7dc318;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	color: #7dc318;
	font-weight: normal;
}


/* Alles hieronder is nodig om het rollover-effect te creeren van de 'natural-selection-knoppen'*/
a img {height: 74px; width: 83px; border-width: 0; background: top left no-repeat;}

a#knop-een img {background-image: url(../img/knop-1.png);}
a#knop-twee img {background-image: url(../img/knop-2.png);}
a#knop-drie img {background-image: url(../img/knop-3.png);}
a#knop-vier img {background-image: url(../img/knop-4.png);}
a#knop-vijf img {background-image: url(../img/knop-5.png);}
a#knop-zes img {background-image: url(../img/knop-6.png);}


a#knop-een_d img {background-image: url(../img/knop-1_d.png);}
a#knop-twee_d img {background-image: url(../img/knop-2_d.png);}
a#knop-drie_d img {background-image: url(../img/knop-3_d.png);}
a#knop-vier_d img {background-image: url(../img/knop-4_d.png);}
a#knop-vijf_d img {background-image: url(../img/knop-5_d.png);}
a#knop-zes_d img {background-image: url(../img/knop-6_d.png);}

a#knop-een:visited img {background-image: url(../img/knop-1.png);}
a#knop-twee:visited img {background-image: url(../img/knop-2.png);}
a#knop-drie:visited img {background-image: url(../img/knop-3.png);}
a#knop-vier:visited img {background-image: url(../img/knop-4.png);}
a#knop-vijf:visited img {background-image: url(../img/knop-5.png);}
a#knop-zes:visited img {background-image: url(../img/knop-6.png);}


a#knop-een_d:visited img {background-image: url(../img/knop-1_d.png);}
a#knop-twee_d:visited img {background-image: url(../img/knop-2_d.png);}
a#knop-drie_d:visited img {background-image: url(../img/knop-3_d.png);}
a#knop-vier_d:visited img {background-image: url(../img/knop-4_d.png);}
a#knop-vijf_d:visited img {background-image: url(../img/knop-5_d.png);}
a#knop-zes_d:visited img {background-image: url(../img/knop-6_d.png);}

a#knop-een:hover img {background-image: url(../img/knop-1_d.png);}
a#knop-twee:hover img {background-image: url(../img/knop-2_d.png);}
a#knop-drie:hover img {background-image: url(../img/knop-3_d.png);}
a#knop-vier:hover img {background-image: url(../img/knop-4_d.png);}
a#knop-vijf:hover img {background-image: url(../img/knop-5_d.png);}
a#knop-zes:hover img {background-image: url(../img/knop-6_d.png);}

a#knop-een_d:hover img {background-image: url(../img/knop-1_d.png);}
a#knop-twee_d:hover img {background-image: url(../img/knop-2_d.png);}
a#knop-drie_d:hover img {background-image: url(../img/knop-3_d.png);}
a#knop-vier_d:hover img {background-image: url(../img/knop-4_d.png);}
a#knop-vijf_d:hover img {background-image: url(../img/knop-5_d.png);}
a#knop-zes_d:hover img {background-image: url(../img/knop-6_d.png);}


a#knop-een:active img {background-image: url(../img/knop-1_d.png);}
a#knop-twee:active img {background-image: url(../img/knop-2_d.png);}
a#knop-drie:active img {background-image: url(../img/knop-3_d.png);}
a#knop-vier:active img {background-image: url(../img/knop-4_d.png);}
a#knop-vijf:active img {background-image: url(../img/knop-5_d.png);}
a#knop-zes:active img {background-image: url(../img/knop-6_d.png);}

a#knop-een_d:active img {background-image: url(../img/knop-1_d.png);}
a#knop-twee_d:active img {background-image: url(../img/knop-2_d.png);}
a#knop-drie_d:active img {background-image: url(../img/knop-3_d.png);}
a#knop-vier_d:active img {background-image: url(../img/knop-4_d.png);}
a#knop-vijf_d:active img {background-image: url(../img/knop-5_d.png);}
a#knop-zes_d:active img {background-image: url(../img/knop-6_d.png);}