﻿.step1, .step2, .step3, .stepKlaar
{
	background-position: center 0px;
	background-repeat: no-repeat;
}
.step1
{
	background-image: url(images/step-1.gif);
}
.step2
{
	background-image: url(images/step-2.gif);
}
.step3
{
	background-image: url(images/step-3.gif);
}
.stepKlaar
{
	padding-top: 120px;
	background-image: url(images/step-klaar.gif);
	
}
.stepKlaar .appFInner
{
	background-position: right 120px;
	background-repeat: no-repeat;
	background-image: url(images/flappen-klaar.jpg);
	height:500px;
}

.appF
{
	position: relative;
	height: 600px;
}
.appF .ing, .appF .conditions, .appF .des, .appF .buttons, .appF .des, .appF .inp, .appF .val, .appF .bdd, .appF .bdm, .appF .bdy, .appF .hn, .appF .hna, .appF .stepDes
{
	position: absolute;
}
.appF .ing
{
	left: 50px;
}
.appF .des
{
	top: 4px;
	width: 180px;
	font-weight: bold;
}
.appF .recur .des, .appF .amount .des, .appF .duration .des
{
	width: 550px;
}
.appF .recur .inp, .appF .amount .inp, .appF .duration .inp
{
	top: 20px;
}
.appF .radioFirstTime, .appF .radioAmount, .appF .radioDuration, .appF .radioGeslacht, .appF .radioStudent, .appF .inp, .appF .birthDay .bdd, .appF .houseNumber .hn
{
	left: 175px;
}
.appF .val
{
	left: 335px;
}
.appF .buttons
{
	bottom: 0px;
	left: 0px;
	width: 550px;
	text-align: center;
}
.appF .recur, .appF .stepDes
{
	top: 120px;
}
.appF .amount
{
	top: 180px;
}
.appF .duration
{
	top: 240px;
}
.appF .recur .val, .appF .amount .val, .appF .duration .val
{
	top: 19px;
}
.appF .recur .des, .appF .amount .des, .appF .duration .des
{
	top: 0px;
}
.appF .recur .val
{
	left: 279px;
}
.appF .amount .val
{
	left: 429px;
}
.appF .duration .val
{
	left: 360px;
}
.appF .streetName, .appF .bank
{
	top: 205px;
}
.appF .houseNumber, .appF .accountNumber
{
	top: 240px;
}
.appF .postalCode, .appF .refer
{
	top: 275px;
}
.appF .city, .appF .initials
{
	top: 310px;
}
.appF .email, .appF .tussenV, .appF .conditions
{
	top: 345px;
}
.appF .mobile, .appF .surName
{
	top: 380px;
}
.appF .knownAs, .appF .dayPhone
{
	top: 415px;
}
.appF .birthDay, .appF .nightPhone
{
	top: 450px;
}
.appF .sex
{
	top: 485px;
}
.appF .isStudent
{
	top: 520px;
}
.appF .birthDay .bdd, .appF .birthDay .bdm
{
	width: 20px;
}
.appF .birthDay .bdm
{
	left: 212px;
}
.appF .birthDay .bdy
{
	left: 249px;
	width: 36px;
}
.appF .radioFirstTime, .appF .radioGeslacht, .appF .radioStudent
{
	width: 120px;
	top: 2px;
}
.appF .radioAmount
{
	width: 240px;
}
.appF .radioDuration
{
	width: 196px;
}
.appF .houseNumber .hn
{
	width: 100px;
}
.appF .houseNumber .hna
{
	left: 290px;
	width: 35px;
}
.appF .conditions, .appF .stepDes
{
	text-align: justify;
	width: 440px;
}
.step1 .stepDes
{
	display: none;
}
.appF .radioAmount input, .appF .radioFirstTime input, .appF .radioDuration input, .appF .radioGeslacht input, .appF .radioStudent input
{
	position: relative;
	top: 2px;
	margin-right: 2px;
}
.valOnSubmit
{
	z-index: 9;
}
.valOnKeyup
{
	z-index: 10;
}
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;
}
