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

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

p ul { 
	padding: 0;
	margin: -10px 0 0 0 ;
	line-height: 1.4em;
}
/*
ol, dl { 
	padding: 0;
	margin: 0 ;
	line-height: 1.4em;
}
*/
h1, h2, h3, h4, h6 {
	margin-top: 0;	 /* als u de bovenmarge verwijdert, voorkomt u dat marges buiten de div vallen waartoe ze behoren. De resterende ondermarge zorgt ervoor dat er ruimte blijft tussen de div en alle volgende elementen. */
	padding-right: 15px; /* als u opvulling toevoegt aan de zijkant van de elementen in de divs, in plaats van aan de divs zelf, voorkomt u dat u kadermodelberekeningen moet uitvoeren. U kunt als alternatief een geneste div met opvulling aan de zijkant gebruiken. */
	color: #0073a5;
}
h1 {
	font-size: 15px;
	margin-bottom: 20px;
}
h3 {
	font-size: 14px;
	font-weight:normal;
	margin-top: -5px;
	margin-bottom: 5px;
}
h4 {
	margin-top: -15px;	 
	margin-bottom: 15px;	 
	font-size: 12px;
	color: #999;
	font-weight:normal;
}
h5, pagenav {
	color:#999;	
	font-weight:100;
	margin-top: 3px;	 /* als u de bovenmarge verwijdert, voorkomt u dat marges buiten de div vallen waartoe ze behoren. De resterende ondermarge zorgt ervoor dat er ruimte blijft tussen de div en alle volgende elementen. */
	margin-bottom:30px;
}
h5 a:link, pagenav a:link {
	color:#999;	
}
p {
	margin-top: 0;	 /* als u de bovenmarge verwijdert, voorkomt u dat marges buiten de div vallen waartoe ze behoren. De resterende ondermarge zorgt ervoor dat er ruimte blijft tussen de div en alle volgende elementen. */
	padding-right: 15px; /* als u opvulling toevoegt aan de zijkant van de elementen in de divs, in plaats van aan de divs zelf, voorkomt u dat u kadermodelberekeningen moet uitvoeren. U kunt als alternatief een geneste div met opvulling aan de zijkant gebruiken. */
	line-height: 1.4em;
}
a img { /* met deze kiezer verwijdert u de blauwe standaardrand die in bepaalde browsers wordt weergeven rond een afbeelding als deze wordt omgeven door een koppeling */
	border: none;
}

/* ~~ De stijl voor de koppelingen op uw site moet deze volgorde aanhouden, inclusief de groep kiezers waarmee het aanwijseffect wordt gemaakt. ~~ */
a:link, a, a p {
	color: #0073a5;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0073a5;
}
a:hover, a:active, a:focus { /* met deze groep kiezers krijgen gebruikers die navigeren met een toetsenbord, dezelfde aanwijsfunctionaliteit als gebruikers die werken met een muis. */
	text-decoration: underline;
	color: #0073a5;
}

/* ~~ Deze container met vaste breedte omvat alle overige divs ~~ */
.container {
	width: 1000px;
	border: 0px solid #0073a6;
	margin: 0 auto; /* de lay-out wordt gecentreerd via de combinatie van de automatische waarde voor de zijkanten en de breedte */
	background-color:#FFF;
}

/* ~~ Voor de koptekst wordt geen breedte ingesteld. De koptekst loopt over de volledige breedte van uw lay-out en bevat een tijdelijke aanduiding voor een afbeelding, die u moet vervangen door uw eigen gekoppelde logo. ~~ */
.header {
	height: 182px;
	background-image:url(../../images/header-verloop.jpg);
	background-repeat:no-repeat;
}

.content {
	padding: 10px 0 0 32px;
	margin: 0;
	width: 469px;
	min-height: 528px;
	float: left;
}

/* Basis items */

#mainlogo {
	width: 131px;
	height: 128px;
	margin: 32px 24px;
	border: 0;
	float:left;
}
#headertext {
	float:left;
	color: #7e5959;
	font-size: 20px;
	margin-left: 32px;
	margin-top: 32px;
}
#headerfoto {
	width: 291px;
	height: 182px;
	margin: 0;
	border: 0;
	float: right;
}

#DeUitslag {
	width:400px; 
	height:301px;
	position:relative;
}
#Set1 {
	top: 120px;
	left: 120px;
	position:absolute;
}
#Set2 {
	top: 120px;
	left: 248px;
	position:absolute;
}
#Set3 {
	top: 217px;
	left: 120px;
	position:absolute;
}
#Set4 {
	top: 217px;
	left: 248px;
	position:absolute;
}
#Set5 {
	top: 133px;
	left: 182px;
	position:absolute;
}
#Set6 {
	top: 135px;
	left: 343px;
	position:absolute;
}