body #right {
display: none;
}

body #center {
margin-right: 0px;
}

#formulier * { padding: 0px; }
#formulier { width: 480px; }
#formulier div { display: inline; margin: 0px 4px 0 0; width: 480px; float: left; }
#formulier div div { width: 470px; }
#formulier div.blok { margin: 10px 0 0 0; background-color: #FFFFFF; }
#formulier div.onderdeel, #formulier div.onderdeel-aan { _height: 0px; border: solid 1px #FFFFFF; width: 470px; padding: 2px 4px; }
#formulier label { display: block; background: none; }
#formulier H3, #formulier H3 label { background: none; }
#formulier input[type=text], #formulier input, #formulier textarea { padding: 2px 0px 2px 2px; }
#formulier input[type=checkbox], #formulier input[type=radio] { background: none; border: none; }
dl { margin: 0px; padding: 0px; width: auto; }
dt { clear: both; float: left; display: block; }
#stappen { width: 100%; display: block; margin: 10px 0px; border-bottom: solid 1px #B2DBEB; }
#stappen div { background: #F1FAFF; border-left: solid 1px #B2DBEB; border-top: solid 1px #B2DBEB; border-right: solid 1px #B2DBEB; color: #4B93C0; font-weight: bold; float: left; display: inline; margin: 2px; padding: 2px 8px; }
#stappen div.actief { background: #B2DBEB; }

/* --- intake ---*/
#formulier div.voorkeursdatum { width: 233px; }
#formulier div.voorkeurstijd { width: 233px; }
#formulier div.wijzevangesprek { width: 233px; }
#formulier div.interesse { width: 474px; }
#formulier div.bedrijf { width: 233px; }
#formulier div.functie { width: 233px; }

#formulier div.voorkeursdatum select { width: 229px; }
#formulier div.voorkeurstijd select { width: 229px; }
#formulier div.wijzevangesprek select{ width: 229px; }
#formulier div.interesse select { width: 470px; margin-right: 0; }
#formulier div.vooropleiding2 select { width: 229px; margin-right: 0; }
#formulier div.bedrijf input { width: 229px; }
#formulier div.functie input { width: 229px; }

/* --- stuur door ---*/
#formulier div.stdveld { width: 297px; }

#formulier div.stdtext textarea { margin-bottom: 1px; width: 292px; height: 70px; }
#formulier div.stdveld input { width: 293px; }

/* --- bel me ---*/
#formulier div.emailadres2 { width: 348px; }
#formulier div.cursistnummer { margin-right: 0px; width: 117px; }

#formulier div.vraag textarea { margin-bottom: 1px; width: 466px; height: 70px; }
#formulier div.emailadres2 input { width: 344px; }
#formulier div.cursistnummer input { width: 113px; }

/* --- vrijstellingscheck ---*/
#formulier div.vrijstelling { width: 113px; }
#formulier div.stage { width: 152px; }

#formulier div.Onderwerp select { margin-right: 0px; width: 470px;}
#formulier div.Opleiding select { margin-right: 0px; width: 470px;}
#formulier div.Vrijstellingvoor select { margin-right: 0px; width: 470px;}
#formulier div.vrijstelling input { margin-right: 0px; width: 109px; }
#formulier div.stage input { margin-right: 0px; width: 148px; }

/* --- inschrijven ---*/
/* --- deel 1 ---*/
#formulier div.module { width: 152px; }
#formulier div.diploma { width: 152px; }
#formulier div.gevolgdBij { width: 158px; margin-right: 0px; }

#formulier div.opleiding select { margin-right: 0px; width: 470px;}
#formulier div.studietempo select { margin-right: 0px; width: 470px;}
#formulier div.startdatum input { margin-right: 0px; width: 70px; }
 /* #formulier div.vooropleiding input { width: 30px; } */
#formulier div.vooropleiding div { width: 430px; float: left; display: inline; margin-left: 40px; margin-top: -19px; }
#formulier div.module input { margin-right: 0px; width: 148px; }
#formulier div.diploma input { margin-right: 0px; width: 148px; }
#formulier div.gevolgdBij input { margin-right: 0px; width: 154px; }
#formulier div.vraag input { margin-right: 0px; width: 466px; }

/* --- deel 2 ---*/
#formulier div.geslacht { width: 71px; }
#formulier div.voorletters { width: 84px; }
#formulier div.voornaam { margin-right: 0px; width: 307px; }
#formulier div.tussenvoegsel { width: 95px; }
#formulier div.achternaam { margin-right: 0px; width: 371px; }
#formulier div.straatnaam { width: 296px; }
#formulier div.huisnummer { width: 92px; }
#formulier div.toevoeging { margin-right: 0px; width: 74px; }
#formulier div.postcode { width: 72px; }
#formulier div.plaatsnaam { margin-right: 0px; width: 394px; }
#formulier div.telefoonnummer { width: 118px; }
#formulier div.emailadres { margin-right: 0px; width: 348px; }
#formulier div.geboortedatum { width: 200px; }
#formulier div.geboorteplaats { margin-right: 0px; width: 354px; }

#formulier div.voorletters input { width: 80px; }
#formulier div.voornaam input { width: 303px; }
#formulier div.tussenvoegsel input { width: 91px; }
#formulier div.achternaam input { width: 367px; }
#formulier div.straatnaam input { width: 292px; }
#formulier div.huisnummer input { width: 88px; }
#formulier div.toevoeging input { width: 70px; }
#formulier div.postcode input { width: 68px; }
#formulier div.plaatsnaam input { width: 390px; }
#formulier div.telefoonnummer input { width: 114px; }
#formulier div.emailadres input { width: 344px; }
#formulier div.geboortedatum input { width: 70px; }
#formulier div.geboorteplaats input { width: 350px; }

/* --- deel 3 ---*/
div#bedrijf { margin: 0px; padding: 0px; }

#formulier div.werkgeverBetaald {  }
#formulier div.bStraatnaam { width: 296px; }
#formulier div.bHuisnummer { width: 92px; }
#formulier div.bToevoeging { margin-right: 0px; width: 74px; }
#formulier div.bPostcode { width: 72px; }
#formulier div.bPlaatsnaam { margin-right: 0px; width: 394px; }
#formulier div.bTelefoonnummer { width: 118px; }
#formulier div.bEmailadres { margin-right: 0px; width: 348px; }

#formulier div.betaalwijze div { width: 430px; float: left; display: inline; margin-left: 40px; margin-top: -19px; }
#formulier div.bBedrijf input, #formulier div.bContactpersoon input { width: 466px; }
#formulier div.bStraatnaam input { width: 292px; }
#formulier div.bHuisnummer input { width: 88px; }
#formulier div.bToevoeging input { width: 70px; }
#formulier div.bPostcode input { width: 68px; }
#formulier div.bPlaatsnaam input { width: 390px; }
#formulier div.bTelefoonnummer input { width: 114px; }
#formulier div.bEmailadres input { width: 344px; }


/* --- deel 3 ---*/
#formulier div.akkoord { margin: 10px 0 0 0; clear: left; }

#formulier div.opmerkingen textarea { margin-bottom: 1px; width: 466px; height: 70px; }
#formulier div.hoeGevonden select { width: 470px;}


/* --- buttons -- */
#formulier div.buttons { 
margin-top: 10px;
text-align: right; }


/* --- validatie ---*/
input.disabled {
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required {
}

#formulier select.validation-failed, #formulier input.validation-failed, #formulier textarea.validation-failed {
/*background: #fff url(/Files/System/Images/form-error2.gif);
background-repeat: no-repeat;
background-position: top left;*/
border: 1px solid #C00321 !important;
}

input.validation-passed, textarea.validation-passed {
color : #000;
}

#formulier div.validation-advice {
background-image: url(/Files/System/Images/form-error.gif);
background-repeat: no-repeat;
background-position: 4px 0px;
margin: -1px 0 0 0px;
height: 17px;
padding: 0px; 
color: #C10322;
width: 100%;
}

#formulier div.validation-advice p {
padding: 4px 3px 2px 3px; 
color: #C10322;
margin: 0px;
}

#formulier div.custom-advice {
background-color: #C10322;
color : #C10322;
}

.popCal {
top: -50px;
visibility: hidden; 
width: 148px !important;
position: absolute; 
background: #FFFFFF;
z-index: 100; }

#formulier #tabjes-nav LI { 
margin: 0px;
padding: 0px; }

#formulier #tabjes-nav LI A, #formulier #tabjes-nav LI A:hover {
text-decoration: none;
font-size: 10pt;
color: #005287;
cursor: default; }

#calender { 
background: #F4FBFF;
background: #fff url(/Files/System/Images/calenderbg.gif);
background-repeat: no-repeat;
background-position: top left; }

#calender td { 
padding: 2px;
text-align: center; }

#calender a, #calender a:hover { 
color: #36529A;
border-bottom: none; }

#calender a:hover { 
color: #003156; }

.cpOtherMonthDate a { 
color: #B1DBEB; }

.cpCurrentMonthDate {
background: #E5F2F8; }

.melding { 
font-size: 8pt;
color: #B1B1B1; }

#formulier div.methode input {
margin-right: 4px;
float: left;
}

#formulier div.methode label {
float: left;
margin-right: 20px;
}

/* testfomulier oude stijl */
div#formulier form#form div.row{position:relative;float:left;width:100%;padding-bottom:15px;}
div#formulier form#form{/*padding-bottom:10px;*/}
div#formulier p{float:left;position:relative;}
div#formulier p i{float:left;}
div#formulier p span.privacy{float:right;}
div#formulier p span.privacy a{
	padding:0 0 4px 25px;
	color: #000000;
	font-size: 12px;
	border:none;
	background:transparent url("/Files/System/Images/bullet/orange.gif") 8px 2px no-repeat;
	margin:0;
}
div#formulier p span.privacy a:hover{text-decoration:underline;padding:0 0 4px 25px;}

div.row div.xcol_01{
	position:relative;
	float:left;
	width:100%;
}
div.row div.xcol_01 p{margin:10px 0 10px 0 !important;line-height:100% !important;}
div.row div.xcol_01 p b { 
	font-size: 1.2em;
	font-weight: 700;
	padding-left: 0px;
	color: #1693c0;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
}
div.row div.xcol_02{display:none !important;}
div.row div.xcol_03{
	float:left !important;
	width:100% !important;
	position:relative;
	padding:2px 0 0 0 !important;
}

div.row div.xcol_03 p{position:relative;}
div.row div.xcol_03 p input.checks{display:block;float:left;position:relative;margin:0 4px 0 0;}

form#form div#blok1 h2{width:100%; clear:both !important;}
/* einde testfomulier oude stijl */
