﻿.accordionHeader, .accordionHeaderSelected
{
	display: block;
	padding: 5px 0px;
	color: #666666;
	background-color: #ffffff;
	
}
.accordionHeader, .accordionContent
{
	border-bottom: solid 1px #eeeeee;
}
.accordionHeader
{
}
.accordionContent
{
	padding: 0px 0px 20px 0px;
}
.accordionHeaderSelected
{
	font-weight: bold;
}

.accordionHeader, .accordionContent, .accordionHeaderSelected
{
	width: 400px;
}
html
{
	background-image: url(images/bg-spring.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center 0px;
}
body
{
	background-position: center 0px;
	background-image: url(images/body-spring.gif);
	background-repeat: no-repeat;
}
div.container
{
	background-position: center 0px;
	background-image: url(images/body-spring.gif);
	background-repeat: no-repeat;
}
.formulierInnerInner
{
	position: relative;
}
.formulierInnerInner *
{
	position: absolute;
	z-index: 1;
}
.formulierInnerInner label
{
	left: 10px;
	top: 6px;
}
.formulierInnerInner input
{
	left: 115px;
	width: 120px;
}
.formulierInnerInner input.button
{
	position: relative;
	width: 102px;
}
.formulierInnerInner span.val
{
	left: 250px;
}
.formulierInnerInner .bkrTitel
{
	display: none;
}
.formulierInnerInner .initials
{
	top: 10px;
}
.formulierInnerInner .tussenV
{
	top: 45px;
}
.formulierInnerInner .surName
{
	top: 80px;
}
.formulierInnerInner .email
{
	top: 115px;
}
.formulierInnerInner .mobile
{
	top: 150px;
}
.formulierInnerInner .buttons
{
	top: 250px;
	left: 0px;
	width: 280px;
}
.formulierInnerInner .buttons input.button
{
	left: 85px;
}
*
{
	margin: 0px;
	padding: 0px;
	border-style: none;
	cursor: default;
	font-size: inherit;
	letter-spacing: inherit;
	font-family: inherit;
	line-height: inherit;
	word-spacing: inherit;
	color: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	z-index: inherit;
}
html
{
	overflow-y: scroll;
}
body
{
	font-size: 14px;
	letter-spacing: 0px;
	font-family: Arial;
	line-height: 18px;
	word-spacing: 0px;
	color: #666666;
	text-transform: none;
	z-index: 0px;
}
input.tbx
{
	border: solid 1px #7f7f7f;
	border-top-width: 3px;
	border-left-width: 3px;
	height: 18px;
	padding: 2px 0px 0px 4px;
	cursor: text;
}
select.ddl
{
	border: solid 1px #7f7f7f;
	border-top-width: 3px;
	border-left-width: 3px;
}
div.container
{
	width: 804px;
	margin: 0px auto;
	padding: 10px;
}
p
{
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	margin-bottom: 20px;
}
h1
{
	margin-bottom: 20px;
	color: #3366ff;
	font-size: 24px;
	font-weight: bold;
	clear: both;
}
p, table
{
	margin-bottom: 20px;
}
td
{
	vertical-align: top;
}
table.kostenTabel
{
	border-collapse: collapse;
	background-color: #ebebeb;
}
table.kostenTabel td, table.kostenTabel th
{
	padding: 1px 10px;
	text-align: left;
	font-weight: normal;
}
table.kostenTabel td
{
}
table.kostenTabel tr.ar td
{
	background-color: #e1e1e1;
}
table.kostenTabel th
{
	background-color: #898989;
	color: #ffffff;
	font-weight: bold;
}
span.getal
{
	color: #99cc33;
	font-weight: bold;
	font-size: 20px;
}
span.bedrag
{
	color: #99cc33;
	font-weight: bold;
}
div.menu
{
	height: 20px;
	margin-bottom: 40px;
}
div.footer
{
	margin-top: 40px;
}
div.footerInner
{
	height: 175px;
	position: relative;
}
div.footer, div.formulier
{
	background-position: right bottom;
	background-image: url(images/drop-shadow-bg.gif);
	background-repeat: no-repeat;
	padding: 0px 2px 2px 0px;
}
div.footerInner, div.formulierInner
{
	background-position: left top;
	background-image: url(images/drop-shadow-bg.gif);
	background-repeat: no-repeat;
}
div.menu a
{
	display: inline-block;
	color: #0066ff;
	cursor: pointer;
	width: 150px;
	text-align: center;
	height: 36px;
	text-decoration: none;
}
a, a *
{
	cursor: pointer;
}
div.menu a:hover, div.menu a.current
{
	background-position: center bottom;
	background-image: url(images/menu-hover-arrow2.gif);
	background-repeat: no-repeat;
}
div.header
{
	height: 134px;
}
div.content
{
	margin-top: 20px;
	min-height: 320px;
}
div.contact td
{
	padding: 10px 10px 0px 0px;
}
div.formulier
{
	width: 280px;
	float: left;
}
div.formulierInner, div.aanvraagPaginaInner
{
	padding: 0px;
}
div.formulierInner
{
	height: 320px;
	position: relative;
}
table.radioAmount td
{
	padding: 2px 5px 0px 0px;
}
table.radioFirstTime td, table.radioGeslacht td, table.radioStudent td, table.radioDuration td
{
	padding: 2px 0px 0px 0px;
}
table.radioFirstTime, table.radioGeslacht, table.radioStudent, table.radioDuration, table.radioAmount
{
	border-collapse: collapse;
}
.footer .contact
{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 290px;
}
.footer .uitleg
{
	position: absolute;
	left: 320px;
	top: 20px;
	padding: 0px 210px 0px 0px;
	width: 347px;
	height: 181px;
	background-position: right bottom;
	background-image: url(images/5x100.gif);
	background-repeat: no-repeat;
}
div.links
{
	width: 804px;
	top: 181px;
	left: 0px;
	position: absolute;
	font-size: 10px;
	line-height: 15px;
	height: 90px;
	text-align:center;
}
div.links h1
{
	font-size: 15px;
	margin-bottom: 10px;
	text-align:left;
}
div.links .intern
{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 20px;
}
div.links .extern1
{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 220px;
}
div.links .extern2
{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 370px;
	background-position: left top;
	background-image: url(images/letop_geldlenenkostgeld.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	height:0px;
	overflow:hidden;
}
div.links .extern3
{
	width: 200px;
	position: absolute;
	top: 0px;
	left: 620px;
}
div.links a
{
	display: block;
	color: #666666;
	text-decoration: none;
	text-align:left;
}
div.links a:hover
{
	text-decoration: underline;
}
.validationHighlight
{
	background-color: #fffacd;
}
.applicationFormPartTwo
{
	padding: 0px;
}
.popUp
{
	background-color: #ffffff;
}
.popUpInner
{
	padding: 10px;
}
.popUpBG
{
	background-color: #95bddb;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
.button, a.aanvragen
{
	background-image: url(images/button-bg.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	color: #ffffff;
	width: 102px;
	height: 27px;
	cursor: pointer;
	text-transform: capitalize;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
.uitlegPagina a.aanvragen
{
	float: right;
}
.buttons
{
	padding: 10px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.voorPagina a.banner
{
	float: right;
	width: 500px;
	height: 320px;
}
.voorPagina a.banner img
{
	width: 500px;
	height: 320px;
}
.footer h1
{
	margin: 0px 0px 20px 0px;
}
.footer .uitleg h1
{
	color: #99cc33;
}
div.overOnsPagina
{
}
div.nieuwsPagina
{
}
div.uitlegPagina
{
}
div.linkPagina
{
}
div.letOpPagina
{
}
div.voorPagina h1, div.voorPagina table.voorwaarden
{
	display:none;
}
div.contactPagina
{
}
div.voorwaardenPagina
{
}
div.uitlegPagina
{
}
div.aanvraagPagina
{
	background-position: 0px 0px;
	background-image: url(images/app-bg.gif);
	background-repeat: no-repeat;
}
div.aanvraagPagina, div.thanksPagina
{
}
div.overOnsPagina, div.nieuwsPagina, div.uitlegPagina, div.linkPagina, div.letOpPagina, div.voorPagina, div.contactPagina, div.voorwaardenPagina, div.uitlegPagina, div.faqPagina
{
}
div.voorPagina
{
	height: 320px;
}
.val
{
	display: block;
	width: 24px;
	height: 24px;
}
.val .valOnKeyup, .val .valOnSubmit
{
	position: absolute;
	display:block;
	width: 24px;
	height: 24px;
}
.val .good, .val .bad
{
	background-repeat: no-repeat;
	background-position: top left;
}
.val .good
{
	background-image: url(images/val-good.gif);
}
.val .bad
{
	background-image: url(images/val-bad.gif);
}
p.nadruk
{
	font-weight: bold;
}
a.aanvraag
{
	color: #0066ff;
	font-weight: bold;
	text-decoration: underline;
}
div.bottomMenu
{
	padding: 10px;
	text-align: center;
}
div.bottomMenu a
{
	display: inline-block;
	text-align: center;
	text-decoration: underline;
	font-size: 10px;
}
iframe
{
	display: none !important;
}
div.thanksPagina
{
	background-repeat: no-repeat;
	background-position: 40px 20px;
	background-image: url('images/thanks.gif');
	padding: 100px 100px 0px 320px;
	height: 200px;
}
.nieuwsPagina .item
{
	width: 400px;
	padding-bottom:10px;
}
.nieuwsPagina .item .titel
{
	font-size: 10px;
	display: block;
	color:#000000;
}
.nieuwsPagina .item .inhoud
{
	display: block;
	border-bottom: solid 1px #eeeeee;
	padding-bottom:10px;
}
.appF
{
	position: relative;
	height: 600px;
}
.appF .des
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px; /*border: solid 1px green;*/
}
.appF .inp, .appF .bdd, .appF .bdm, .appF .bdy, .appF .hn, .appF .hna
{
	position: absolute;
}
.appF .inp
{
	left: 170px;
	top: 0px;
	width: 150px;
}
.appF .initials .inp, .appF .tussenV .inp, .appF .surName .inp
{
	left: 0px;
	top: 20px;
}
.appF .initials .val, .appF .tussenV .val, .appF .surName .val
{
	left: 160px;
	top: 20px;
}
.appF .bdd
{
	left: 170px;
	top: 0px;
	width: 20px;
}
.appF .bdm
{
	left: 205px;
	top: 0px;
	width: 20px;
}
.appF .bdy
{
	left: 240px;
	top: 0px;
	width: 35px;
}
.appF .hn
{
	left: 170px;
	top: 0px;
	width: 100px;
}
.appF .hna
{
	left: 285px;
	top: 0px;
	width: 35px;
}
.appF .val
{
	position: absolute;
	top: 0px;
	left: 335px;
}
.appF .ing
{
	position: absolute;
	left: 0px;
}
.appF .amount .val
{
	left: 410px;
}
.appF .initials
{
	top: 120px;
	left: 10px;
	display:block;
}
.appF .tussenV
{
	top: 120px;
	left: 290px;
}
.appF .surName
{
	top: 120px;
	left: 575px;
}
.appF .knownAs
{
	top: 205px;
	left: 10px;
}
.appF .sex
{
	top: 235px;
	left: 10px;
}
.appF .birthDay
{
	top: 265px;
	left: 10px;
}
.appF .isStudent
{
	top: 295px;
	left: 10px;
}
.appF .email
{
	top: 205px;
}
.appF .mobile
{
	top: 235px;
}
.appF .dayPhone
{
	top: 265px;
}
.appF .nightPhone
{
	top: 295px;
}
.appF .bank
{
	top: 359px;
}
.appF .accountNumber
{
	top: 389px;
}
.appF .refer
{
	top: 449px;
}
.appF .email, .appF .mobile, .appF .dayPhone, .appF .nightPhone, .appF .bank, .appF .accountNumber, .appF .refer
{
	left: 405px;
}
.appF .recur
{
	top: 10px;
	left: 10px;
	display:block;
}
.appF .recur .des
{
	width: 400px;
}
.appF .recur .inp
{
	left: 440px;
}
.appF .recur .val,
.appF .amount .val,
.appF .duration .val
{
	left: 600px;
}
.appF .amount
{
	top: 40px;
	left: 10px;
	display:block;
}
.appF .duration
{
	top: 70px;
	left: 10px;
	display:block;
}
.appF .streetName
{
	top: 359px;
	left: 10px;
}
.appF .houseNumber
{
	top: 389px;
	left: 10px;
}
.appF .postalCode
{
	top: 419px;
	left: 10px;
}
.appF .city
{
	top: 449px;
	left: 10px;
}
.appF .conditions
{
	top: 510px;
	left: 0px;
	text-align: justify;
	line-height: 20px;
	width: 804px;
}
.appF .buttons
{
	top: 590px;
	left: 0px;
	width: 804px;
	text-align: center;
}
.appF table.radioAmount
{
	width: 280px;
}
.appF table.radioFirstTime, .appF table.radioDuration, .appF table.radioGeslacht, .appF table.radioStudent
{
	width: 180px;
}
.appF table.radioAmount, .appF table.radioFirstTime, .appF table.radioDuration, .appF table.radioGeslacht, .appF table.radioStudent
{
}
.appF table.radioAmount label, .appF table.radioFirstTime label, .appF table.radioDuration label, .appF table.radioGeslacht label, .appF table.radioStudent label
{
}
.appF table.radioAmount input, .appF table.radioFirstTime input, .appF table.radioDuration input, .appF table.radioGeslacht input, .appF table.radioStudent input
{
	position: relative;
	top: 3px;
	margin-right: 2px;
}
.appF table.radioFirstTime
{
}
.valOnSubmit
{
	z-index: 9;
}
.valOnKeyup
{
	z-index: 10;
}
.voorwaardenPagina .dlBlock
{
	padding: 20px 20px 20px 200px;
	background-repeat: no-repeat;
	width: 320px;
	height: 100px;
}
.voorwaardenPagina .pdf
{
	background-position: 40px 20px;
	background-image: url('images/pdf-icon.gif');
	border-bottom: solid 1px #cccccc;
}
.voorwaardenPagina .word
{
	background-position: 50px 20px;
	background-image: url('images/word-icon.gif');
	border-bottom: solid 1px #cccccc;
}
.voorwaardenPagina .html
{
	background-position: 55px 20px;
	background-image: url('images/html-icon.gif');
}
