body {
	font: 100% arial, sans-serif;
	line-height:1.2em;
	color: #333333;
	background-color: #333333;  /* dit is de rondom kleur*/
}

#center {
	width:960px;
	height:575px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top:-287px;   /* de helft van width en height om te compenseren voor verschuiven*/
	margin-left:-480px;
}

#wrap {
	width:960px;
	height:575px;
	background-color: #000000;  
	border: 1px solid #990033;
}

#menu-links {
	float: left;
	width: 90px;
	padding: 275px 0px 0px 0px; 
	background-image: url(img/menu-links.jpg);  
	background-repeat: no-repeat;
}

#menu-links a {
	display: block; 
	height: 33px;
	width: 90px; 
	color: #000000;
	text-decoration: none;
	padding: 27px 0px 15px 0px; 
	text-align: center;
	font-size: 150%;
}

#menu-links a:hover {
	color: #000000;
	text-decoration: underline
}

#menu-links a.active {
	color: #000000;
	text-decoration: none
}

#menu-links a.active:hover {
	color: #000000;
	text-decoration: none
}


#menu-onder {
	float: left;
	width: 860px;
	height: 47px;
	padding: 28px 0px 0px 100px; 
	background-image: url(img/menu-onder.jpg);  
	background-repeat: no-repeat;
}

#menu-onder a {
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-size: 150%;
}

#menu-onder a:hover {
	color: #000000;
	text-decoration: underline
}

#menu-onder a.active {
	color: #000000;
	text-decoration: none
}

#menu-onder a.active:hover {
	color: #000000;
	text-decoration: none
}

#foto {
	float: right;
	width: 270px;
	height: 500px;
}



/************** ALLE ACHTERGRONDEN TEKSTEN APART GEDEFINIEERD *******************************************/

#tekst-home {
	float: left;
	width: 540px;
	height: 320px;
	padding: 150px 30px 30px 30px; 
	font-size: 80%;
	background-color: #cc0000; 
	color:#ffffff; 
}

#tekst-home a {
	color:#ffffff; 
	text-decoration: underline;
}

#tekst-home a:visited {
	color:#ffffff; 
	text-decoration: underline
}

#tekst-home a:hover {
	color:#ffffff; 
	text-decoration: none
}



#tekst-wie {
	float: left;
	width: 540px;
	height: 320px;
	padding: 150px 30px 30px 30px; 
	font-size: 80%;
	background-color: #ffcc00; 
}

#tekst-wie a {
	color:#000000; 
	text-decoration: underline;
}

#tekst-wie a:visited {
	color: #000000;
	text-decoration: underline
}

#tekst-wie a:hover {
	color: #000000;
	text-decoration: none
}



#tekst-wat {
	float: left;
	width: 540px;
	height: 320px;
	padding: 150px 30px 30px 30px; 
	font-size: 80%;
	background-color: #ff9900; 
}

#tekst-wat a {
	color:#000000; 
	text-decoration: underline;
}

#tekst-wat a:visited {
	color: #000000;
	text-decoration: underline
}

#tekst-wat a:hover {
	color: #000000;
	text-decoration: none
}



#tekst-kijk {
	float: left;
	width: 540px;
	height: 320px;
	padding: 150px 30px 30px 30px; 
	font-size: 80%;
	background-color: #ff6600; 
}

#tekst-kijk a {
	color:#000000; 
	text-decoration: underline;
}

#tekst-kijk a:visited {
	color: #000000;
	text-decoration: underline
}

#tekst-kijk a:hover {
	color: #000000;
	text-decoration: none
}



#tekst-voorbeelden {
	float: left;
	width: 540px;
	height: 440px;
	padding: 30px 30px 30px 30px; 
	font-size: 80%;
	background-color: #ff6600; 
}

#tekst-voorbeelden a {
	color:#000000; 
	text-decoration: underline;
}

#tekst-voorbeelden a:visited {
	color: #000000;
	text-decoration: underline
}

#tekst-voorbeelden a:hover {
	color: #000000;
	text-decoration: none
}

#tekst-plezier {
	float: left;
	width: 540px;
	height: 320px;
	padding: 150px 30px 30px 30px; 
	font-size: 80%;
	background-color: #ff3300; 
}

#tekst-plezier a {
	color:#000000; 
	text-decoration: underline;
}

#tekst-plezier a:visited {
	color: #000000;
	text-decoration: underline
}

#tekst-plezier a:hover {
	color: #000000;
	text-decoration: none
}


#tekst-waar {
	float: left;
	width: 540px;
	height: 320px;
	padding: 150px 30px 30px 30px; 
	font-size: 80%;
	background-color: #e70303; 
	color:#ffffff; 
}

#tekst-waar a {
	color:#ffffff; 
	text-decoration: underline;
}

#tekst-waar a:visited {
	color:#ffffff; 
	text-decoration: underline
}

#tekst-waar a:hover {
	color:#ffffff; 
	text-decoration: none
}