* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #c0c0c0;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	padding: 20px;

}

h1 {
font-weight: bold;
color: #ffffff;
font-size: 15px;
}

h3 {
font-weight: bold;
color: #ffffff;
font-size: 12px;
}

#wrapper{
	margin: 0 auto;
}

#containerhome{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/home-back.jpg');	
	background-repeat: no-repeat;
}

#top {
margin-left: 10px;
padding-top: 20px;
width: 1014px;
/*background-color: #ff0000;*/
}

#menu {
float: right;
width: 320px;
color: #015caf;
font-size: 11px;
}

a.menu:link {
outline:0; 
text-decoration: none;
color: #015caf;
}
a.menu:visited {
outline:0; 
text-decoration: none;
color: #015caf;
}
a.menu:hover {
outline:0; 
text-decoration: underline;
color: #015caf;

}

#logo {
float: left;

/*background-color: #ff0000;*/
}


#blauwkader {
position: absolute;
width: 402px;
height: 80px;
margin-left: 555px;
margin-top: 170px;
padding-top: 10px;
*padding-top: 0px;
*margin-top: 130px;
text-align: right;
}

.blauwgroot {
font-size: 25px;
color: #ffffff;

}
#witkader {
position: absolute;
width: 367px;
height: 160px;
margin-left: 563px;
margin-top: 300px;
*margin-top: 260px;
line-height: 20px;

}

.wittekst {
font-family: verdana;
font-size: 16px;
color: #000000;
}

#contact {
position: absolute;
width: 255px;
height: 260px;
margin-left: 690px;
margin-top: 380px;
*margin-top: 330px;
line-height: 20px;
font-family: verdana;
font-size: 12px;
color: #000000;
}
#voornaam {
margin-top: 7px;
*margin-top: 0px;
margin-left: 45px;
margin-bottom: 8px;
*margin-bottom: 2px;
font-size: 16px;
width: 150px;
}
#meel{
margin-bottom: 8px;
*margin-bottom: 2px;
margin-left: 42px;
font-size: 16px;
width: 150px;
}
#postcode{
margin-bottom: 8px;
*margin-bottom: 2px;
margin-left: 23px;
font-size: 16px;
width: 80px;
}
#huisnr{
margin-bottom: 8px;
*margin-bottom: 2px;
margin-left: 0px;
font-size: 16px;
width: 33px;
}
#nrtoev{
margin-bottom: 8px;
*margin-bottom: 2px;
margin-left: 2px;
font-size: 16px;
width: 33px;
}

#contactopnemen {
margin-left: 4px;
margin-bottom: 10px;
*margin-bottom: 4px;
font-size: 16px;
}


#contactopnemendemo {
margin-left: 0px;
margin-bottom: 6px;
*margin-bottom: 0px;
font-size: 16px;
}
#telefoon {
margin-left: 26px;
margin-bottom: 10px;
*margin-bottom: 4px;
font-size: 16px;
width: 150px;
}
#avond {
margin-left: 6px;
margin-bottom: 16px;
*margin-bottom: 4px;
font-size: 16px;
}

#avonddemo {
margin-left: 0px;
margin-bottom: 0px;
*margin-bottom: 0px;
font-size: 16px;
}
#verzenden {
*margin-top: 20px;
margin-left: 100px;
height: 39px;
width: 134px;
border: 0px;
	background-image: url('../images/verzenden.jpg');	
	background-repeat: no-repeat;
	cursor: pointer;
cursor: hand;
}

#buttons {
position: absolute;
width: 300px;
height: 200px;
margin-left: 662px;
margin-top: 520px;
font-family: verdana;
font-size: 15px;
/*font-weight: bold;*/
text-align: right;
/*background-color: #ff0000*/;
}

a.button:link {
display: block;
outline:0; 
width: 294px;
height: 43px;
pointer: hand;
text-decoration: none;
background-image: url('../images/button.gif');	
background-repeat: no-repeat; 
padding-top: 8px;
color: #ffffff;
}
a.button:visited {
display: block;
outline:0; 
width: 294px;
height: 43px;
pointer: hand;
text-decoration: none;
background-image: url('../images/button.gif');	
background-repeat: no-repeat; 
padding-top: 8px;
color: #ffffff;
}
a.button:hover {
display: block;
outline:0; 
width: 294px;
height: 43px;
pointer: hand;
text-decoration: none;
background-image: url('../images/button-over.gif');	
background-repeat: no-repeat; 
padding-top: 8px;
color: #ffffff;
}


#containerkopen{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/kopen-back.jpg');	
	background-repeat: no-repeat;
}

#containerverbouwen{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/verbouwen-back.jpg');	
	background-repeat: no-repeat;
}
#containerbesparen{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/besparen-back.jpg');	
	background-repeat: no-repeat;
}

input {
padding-left: 4px;
}

.navtext {
width:300px;
font-size:11px;
border-width:2px;
border-style:outset;
border-color: #00578d;
layer-background-color:tan;
background-color:#006db2;
color:#ffffff;
}

#vragen {
position: absolute;
margin-left: 397px;
margin-top: 292px;
height: 325px;
width: 558px;
/*background-color: #ffffff;*/
background-image:url('../images/background_vragen_transp.gif');
background-repeat:repeat-y;
font-size: 11px;
color: #ffffff;
/*font-weight: bold;*/
}

#vragenkopen {
position: absolute;
margin-left: 397px;
margin-top: 292px;
height: 280px;
width: 558px;
/*background-color: #ffffff;*/
background-image:url('../images/background_vragen_transp.gif');
background-repeat:repeat-y;
font-size: 11px;
color: #ffffff;
/*font-weight: bold;*/
}

#vragenbesparen {
position: absolute;
margin-left: 397px;
margin-top: 292px;
height: 245px;
width: 558px;
background-color: #ffffff;
font-size: 11px;
color: #ffffff;
/*font-weight: bold;*/
}

#testresultaat {
position: absolute;
margin-left: 397px;
margin-top: 610px;
padding: 7px;
height: 16px;
width: 544px;
background-color: #ffffff;
font-size: 12px;
color: #555555;
font-weight: bold;
}

#testresultaatkopen {
position: absolute;
margin-left: 397px;
margin-top: 572px;
padding: 7px;
height: 47px;
width: 544px;
background-color: #ffffff;
font-size: 12px;
color: #555555;
font-weight: bold;
}

#testresultaatverbouw {
position: absolute;
margin-left: 397px;
margin-top: 610px;
padding: 7px;
height: 47px;
width: 544px;
background-color: #ffffff;
font-size: 12px;
color: #555555;
font-weight: bold;
}


#testresultaatbesparen {
position: absolute;
margin-left: 397px;
margin-top: 537px;
padding: 7px;
height: 47px;
width: 544px;
background-color: #ffffff;
font-size: 12px;
color: #555555;
font-weight: bold;
}


#vraagachter1 {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}



a.knopvraag:link {
display: block;
outline:0; 
width: 50px;
height: 35px;
pointer: hand;
text-decoration: none;
}
a.knopvraag:visited {
display: block;
outline:0; 
width: 50px;
height: 35px;
pointer: hand;
text-decoration: none;
}
a.knopvraag:hover {
display: block;
outline:0; 
width: 50px;
height: 35px;
pointer: hand;
text-decoration: none;
}

/*vraag 1*/

#vraagtekst1 {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}

.uitlijnvraag1 {margin-left: 253px;}
#eerstehuis {margin-left: 1px;}




#vraagachter1b {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst1b {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag1b {margin-left: 198px;}
#hypotheek {width: 50px; margin-left: 1px;}




#vraagachtermirror2 {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}

#vraagachter2 {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;

	}
#vraagtekst2 {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag2 {margin-left: 163px;}
#hypotheeknieuw {width: 50px; margin-left: 1px;}


#vraagachtermirror3 {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}
#vraagachter3 {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst3 {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
#vraagachter3groot {
height: 70px;
width: 558px;
	background-image: url('../images/grotebalk.jpg');	
	background-repeat: no-repeat;

	}
#vraagtekst3groot {
float: left;
width: 495px;
height: 63px;
padding-left: 10px;
padding-top: 7px;

}



.uitlijnvraag3 {margin-left: 46px; *margin-left: 42px;}
#inkomen {width: 40px; margin-left: 1px;}


#vraagachtermirror4 {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}

#vraagachter4 {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst4 {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag4 {margin-left: 38px; *margin-left: 35px;}
#inkomenpartner {margin-left: 1px;}

#vraagachter4b {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst4b {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag4b {margin-left: 55px; *margin-left: 52px;}
#inkomenpartner2 {width: 40px; margin-left: 1px;}


#vraagachtermirror5 {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}

#vraagachter5 {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst5 {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag5 {margin-left: 1px; *margin-left: 0px;}
#dienst {margin-left: 1px;}

#vraagachter5b {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst5b {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag5b {margin-left: 219px;}
#dienst {margin-left: 1px;}

#vraagachtermirror6 {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}

#vraagachter6 {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;
	}
#vraagtekst6 {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag6 {margin-left: 78px; *margin-left: 75px;}
#vast {margin-left: 1px;}


/*verbouwen*/

.uitlijnvraag2v {margin-left: 256px;}
#kostenverbouwing {width: 50px; margin-left: 1px;}

#vraagachtermirror2v {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}

#vraagachter2v {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;

	}
#vraagtekst2v {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag2vv {margin-left: 123px; *margin-left: 121px;}
#hoeverbouw {margin-left: 1px;}



#vraagachtermirror2vv {
float: left;
height: 28px;
width: 495px;
padding-left: 10px;
padding-top: 7px;
color: #818080; 
background-color: #ffffff;
	}
#vraagachter2vv {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;

	}
#vraagtekst2vv {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}
.uitlijnvraag2vvv {margin-left: 117px; *margin-left: 115px;}
#hoefinan {margin-left: 1px;}


#vraagachter2vvv {
height: 35px;
width: 558px;
	background-image: url('../images/vraagbalk.jpg');	
	background-repeat: no-repeat;

	}
#vraagtekst2vvv {
float: left;
width: 495px;
height: 28px;
padding-left: 10px;
padding-top: 7px;

}

#vast {margin-left: 1px;}


/*besparen*/
.uitlijnvraag2o {margin-left: 256px;}
#rentehuidig {width: 18px; margin-left: 0px;}

.uitlijnvraag3o {margin-left: 0px; *margin-left: 0px;}
.uitlijnvraag4o {margin-left: 134px; *margin-left: 132px;}
#overwaarde {width: 50px; margin-left: 1px;}
.uitlijnvraag4bo {margin-left: 195px; *margin-left: 193px;}
.uitlijnvraag5o {margin-left: 148px; *margin-left: 146px;}
.uitlijnvraag6o {margin-left: 78px; margin-left: 76px;}

#verder {
float:right;
width: 53px;
height: 35px;
/*background-color: #ff0000;*/
}




#knopbereken {
margin-top: 0px;
margin-left: 0px;
width: 50px;
height: 35px;
border: 0px;
	background-image: url('../images/pijl.jpg');	
	background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}

#knoptest {
margin-top: 0px;
margin-left: 360px;
*margin-left: -40px;
width: 183px;
height: 45px;
border: 0px;
	background-image: url('../images/naar-test.jpg');	
	background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}



#containerresultaat{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/resultaat-back.jpg');	
	background-repeat: no-repeat;
}


#containerresultaatdemo{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/resultaat-back-demo.jpg');	
	background-repeat: no-repeat;
}

#containerresultaatverbouw{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/resultaatverbouw.jpg');	
	background-repeat: no-repeat;
}
#containerresultaatbesparen{
	width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-image: url('../images/resultaatbesparen.jpg');	
	background-repeat: no-repeat;
}


#resultaat {
position: absolute;
width: 260px;
height: 160px;
margin-left: 405px;
margin-top: 335px;
*margin-top: 282px;
line-height: 20px;

}
.kleinetekst {
font-family: verdana;
font-size: 12px;
color: #000000;
}


#container {
width: 945px;
	height: 630px;
	margin: 0px auto;
	background-image: url('../images/achtergrond.jpg');	
	background-repeat: no-repeat;
}


#vraag {
position: absolute;
margin-left: 35px;
margin-top: 23px;
}

#antwoord1 {
position: absolute;
margin-left: 265px;
margin-top: 87px;
height: 250px;
width: 840px;
}
#overzicht {
position: absolute;
margin-left: 45px;
margin-top: 60px;
height: 268px;
width: 840px;
color: #ffffff;
font-size: 14px;
}

#antw1-1 {
float: left;
height: 240px;
width: 370px;
background-image: url('../images/buttons/kader-middel.jpg');	
	background-repeat: no-repeat;
	}
#vraag1-1 {
margin-left: 30px;
margin-top: 20px;
width: 320px;
height: 200px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
#vraag11 {
width: 320px;
height: 138px;

}

#buttonverder {
position: absolute;
height: 50px;
width: 210px;
margin-left: 110px;
margin-top: 10px;
}

#antwoorden2 {
position: absolute;
margin-left: 45px;
margin-top: 150px;
height: 250px;
width: 840px;
}

#antw2-1 {
float: left;
height: 240px;
width: 370px;
background-image: url('../images/buttons/huis_kopen.jpg');	
	background-repeat: no-repeat;
	}
	
	#antw2-2 {
	float: right;
height: 240px;
width: 370px;
background-image: url('../images/buttons/huis-verbouwen.jpg');	
	background-repeat: no-repeat;
	}

#antwoorden3 {
position: absolute;
margin-left: 30px;
margin-top: 83px;
height: 250px;
width: 870px;
}

#antwoorden3-1 {

float:left;
height: 250px;
width: 570px;
}
#antw3-1 {
	float: left;
height: 240px;
width: 260px;
background-image: url('../images/buttons/huis-verbouwen.jpg');	
	background-repeat: no-repeat;
	}	
#antw3-2 {	
float: right;
height: 240px;
width: 260px;
background-image: url('../images/buttons/huis_kopen.jpg');	
	background-repeat: no-repeat;
	}
	
#antw3-3 {
float: right;
height: 240px;
width: 260px;
background-image: url('../images/buttons/hypotheek-oversluiten.jpg');	
	background-repeat: no-repeat;
	}
	



#iconen {
position: absolute;
margin-left: 44px;
margin-top: 339px;
height: 156px;
width: 841px;
background-image: url('../images/grootkader.jpg');	
background-repeat: no-repeat;

}
#icoon1 {
margin-left: 6px;
margin-top: 12px;
height: 120px;
width: 830px;

}


#footer {
position: absolute;
margin-left: 435px;
margin-top: 558px;
height: 51px;
width: 478px;
}


a.start:link {
display: block;
outline:0; 
width: 148px;
height: 148px;
pointer: hand;
text-decoration: none;
}
a.start:visited {
display: block;
outline:0; 
width: 148px;
height: 148px;
pointer: hand;
text-decoration: none;
}
a.start:hover {
display: block;
outline:0; 
width: 148px;
height: 148px;
pointer: hand;
text-decoration: none;
}



a.klikhier:link {
outline:0; 
color: #555555;
pointer: hand;
text-decoration: underline;
}
a.klikhier:visited {
outline:0; 
color: #015caf;
pointer: hand;
text-decoration: underline;
}
a.klikhier:hover {
outline:0; 
color: #ffffff;
pointer: hand;
text-decoration: none;
}



a.button3:link {
display: block;
outline:0; 
width: 238px;
height: 258px;
pointer: hand;
text-decoration: none;
}
a.button3:visited {
display: block;
outline:0; 
width: 238px;
height: 258px;
pointer: hand;
text-decoration: none;
}
a.button3:hover {
display: block;
outline:0; 
width: 238px;
height: 258px;
pointer: hand;
text-decoration: none;
}

a.logo:link {
display: block;
outline:0; 
width: 152px;
height: 50px;
pointer: hand;
text-decoration: none;
}
a.logo:visited {
display: block;
outline:0; 
width: 152px;
height: 50px;
pointer: hand;
text-decoration: none;
}
a.logo:hover {
display: block;
outline:0; 
width: 152px;
height: 50px;
pointer: hand;
text-decoration: none;
}


a.buttonverder:link {
display: block;
outline:0; 
width: 210px;
height: 50px;
pointer: hand;
text-decoration: none;
}
a.buttonverder:visited {
display: block;
outline:0; 
width: 210px;
height: 50px;
pointer: hand;
text-decoration: none;
}
a.buttonverder:hover {
display: block;
outline:0; 
width: 210px;
height: 50px;
pointer: hand;
text-decoration: none;
}


#textbox{
	position: absolute;
	margin-top: 30px;
	background-color: #015caf;
	color: #ffffff;
	font-size: 10px;
	line-height: 12px;
	padding: 5px;
}