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

body{
background: #677880;
background-color : #898d9e;
background-image: url(afbeeldingen/bgr.png);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
}

div#container {
width:916px; /* hier komt dus de breedte van je website, 1000px in mijn voorbeeld */
height:auto;
overflow:hidden; /* zorgt ervoor dat eventuele problemen met de height worden opgelost en je container de juiste height aaneemt */
left:50%;
margin: 0 auto 0 auto;
text-align: left;
}



#banner{
width: 99%;
height: 110px;
border: 2px solid #666;
background-image: url(afbeeldingen/headerfgsdblvuurtorenste.png);
background-position: center;
background-repeat: no-repeat;
background-color: #898d9e;
}

#box1{
	float: left;
	width: 604px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web32kl.jpg);
	text-align: center;
}

/*#box2{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/infot4.jpg);
	text-align: center;
}*/

#box3{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web00kl.jpg);
	text-align: center;
}

#box4{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web03kl.jpg);
	text-align: center;
}

#box5{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
}

#box6{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web11kl.jpg);
	text-align: center;
}

#box7{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web14kl.jpg);
	text-align: center;
}

#box8{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web17kl.jpg);
	text-align: center;
}

#box9{
	float: left;
	width: 300px;
	height: 200px;
	border: 2px solid #666;
	background-image: url(afbeeldingen/web34kl.jpg);
	text-align: center;
}

#box10{
	float: left;
	width: 910px;
	height: 700px;
	background-color: white;
}

#boxlang{
	float: left;
	width: 910px;
	height: 1100px;
	background-color: white;
}


#content {
	color: #474d65;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	position: relative;
	margin-left: 25px;
	top: 25px;
	width: 800px;
	z-index: 15;
	overflow: hidden;
	text-align: justify;
}

#w3c{
	margin-top: 170px;
	margin-left: 215px;
}

#balk {
	color: #474d65;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	position: absolute;
	width: 750px;
	height: 15px;
	z-index: 8;
	overflow: auto;
	text-align: justify;
}

table{
width: 600px;

}

caption{
display: none;
padding: 3px 0 4px 5px;
} 

h6{
font-size: 9px;
font-style: italic;
}

h4{
font-weight: bold;
}

blockquote{
border: 1px double #7f8395;
background: #aba5bd;
margin: 15px 75px 15px 75px;
padding: 5px;

}