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

#aanmelden {
	width:600px;
	color:#030;
	/*font-size:110%;*/
}
#aanmelden p {
	color:#030;
}

.verplicht {
	text-align:right; 
	font-size:85%;
}
table.aanmeldtabel tr td {
}
#aanmelden textarea #omschrijving {
	width:100px;
	background-color:#0F3;
}
span.formtip {
	font-size:95%;
	color:#06C;
	color:#090;
	color:#077403;
	color:#055802;
	padding-bottom:20px;
	background-color:#d8fd79;
	background-color::#cdfc54;
	background-color:#FF9;
	background-color:#CF6;
	display:block;
	margin-bottom:7px;
	padding:3px;
	padding-left:6px;
	font-weight:normal;
}
table.aanmeldtabel {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	line-height: 18px;
	margin-left: -10px;
	background-color:#CBEFFB;
	background-color:#ebfcbe;
	margin-top:0px;
	margin-right:10px;
	margin-bottom: 20px;
	padding-bottom:10px;
	color:#030;
}

table.aanmeldtabel * {
	color:#030;
}

table.aanmeldtabel td {
	padding: 6px 1.5em 6px 0.5em;
	text-align:left;
	vertical-align:top;
	color:#030;
}
table.aanmeldtabel tr {
	margin-bottom: 3px;
	border-bottom:: 3px solid #000;
	padding-left:30px;
}
tr.segment td {
	margin-top:10px;
	border-top:3px solid #99cc00;
	border-top:7px solid #FFF;
}
tr.segment2 td {
	margin-top:10px;
	border-top:3px solid #99cc00;
	border-top:3px solid #FFFFFF;
}
tr.segment3 td {
	margin-top:10px;
	padding-top:10px;
	border-top:3px solid #99cc00;
	border-top:7px solid #FFF;
}
tr.titelrij {
	color:#FFF;
	font-weight: bold;
	height:24px;
	background-color:#45A8D9;
	background-color:#6C0;
	background-color:#99cc00;
	vertical-align:middle;
}
tr.titelrij td h4 {
	font-weight: bold;
	color: #FFFFFF;
	height:24px;
	font-size:120%;
	padding-top:4px;
}
table.aanmeldtabel h5 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:120%;
}
tr.titelrij td {
	vertical-align:top;
}
tr.introrij{
	margin-top:10px;
}
tr.introrij td {
	padding-top:10px;
	padding-right:30px;
}
table.aanmeldtabel h5 {
	color:#014322;
}
td span.label {
	font-weight:normal;
	display:inline-block;
	padding: 0 3px;
	vertical-align:top;
	color:#006633;
	color:#014322;
}
table.aanmeldtabel input.checkbox, .aanmeldtabel #leeftijd input {
	border:0px;
	background-color:#FFF;
	width:17px;
	height:17px;
	margin:0; 
	padding:0; 
	font-size:1%; 
	line-height:1%;
	color:#014322;
	vertical-align:middle;
	margin-bottom:2px;
	
}
span.leeftijdoptie, span.mutatietype {
	color:#014322;
	margin:0;
	padding:0;
	margin-left:2px;
	margin-top:-2px;
}
span.asterisk {
color:#C00;
font-size:120%;}
	

#aanmeldpage .main .g790 #pagnav {
	width: 780px;
	height:10px;
}

#aanmeldpage .main .g790 #pagnav td {
	text-align:left;
}

#aanmeldpage .main .g790 #pagnav #uitgebreidzoeken {
	text-align:right;
	padding-right: 5px;
	vertical-align:bottom;
	height:30px;
}
#aanmeldpage .main td.paginabrowse  {
	vertical-align:bottom;
	text-align:left;
}
td.paginabrowse form {
	vertical-align:bottom;
}

table.aanmeldtabel input {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 20px;
	border:1px solid #369;
	border:1px solid #390;
	width:250px;
	color:#014322;
	padding-top:3px;
	padding-left:3px;
	vertical-align:bottom;
}

table.aanmeldtabel input.readonly {
	background-color: transparent;
}

table.aanmeldtabel textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #390;
	width:250px;
	color:#014322;
	padding-top:2px;
	padding-left:3px;
}
table.aanmeldtabel select {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	width:256px;
	vertical-align: middle;
	border:1px solid #390;
	color:#014322;
	padding:2px;
}
table.aanmeldtabel option {
	vertical-align:middle;
}
table.aanmeldtabel input.radio {
	padding:0;
	margin:0;
	width:18px;
	height:18px;
	border:0;
	vertical-align:top;
	line-height:120%;
}

table.aanmeldtabel input.aanmeldbtn { 
	margin:0;
	padding:0;
	background-color: #ff007c;
	background-image:url(../pict/volgendebuttonzfm_01.png);
	border: 1px groove #330099;
	color: #FFFFFF;
	height: 22px;
	width: 80px;
	background-color:#ff33cc;
	text-align:right;
}
table.aanmeldtabel input.aanmeldbtnhov {
	margin:0;
	padding:0;
	background-image:url(../pict/volgendebuttonzfm_02.png);
	border-color: #c63 #930 #930 #c63; 
	height: 22px;
	width: 80px;
	text-align:right;
}
table.aanmeldtabel input.aanmeldwisbtn { 
	margin:0;
	padding:0;
	background-color: #ff007c;
	background-image:url(../pict/wisbuttonzfm4_01.png);
	border: 1px groove #330099;
	color: #FFFFFF;
	height: 22px;
	width: 80px;
	background-color:#ff33cc;
	text-align:right;

}
table.aanmeldtabel input.aanmeldwisbtnhov { 
	margin:0;
	padding:0;
	background-image:url(../pict/wisbuttonzfm4_02.png);
	border-color: #c63 #930 #930 #c63; 
	height: 22px;
	width: 80px;
	text-align:right;
}
table.aanmeldtabel a {
	color:#6C0;
	color:#090;
}
span.leeftijdoptie {
	height: 20px;
	vertical-align:middle;
}
td.buttoncel {
	text-align:right;
}
td buttoncel p {
	text-align:right;
}
h5.stapkop {
	font-size:120%;
}
table.stappen {
	margin:0;
	padding:0;
}
tr.stappenrij {
	padding:0;
}
tr.stappenrij td {
	padding:0;
	margin:0;
	background-color:#99cc00;
}
input.stap1btn {
	margin:0;
	padding:0;
	background-image:url(../pict/stap1_02.png);
	border: 0;
	width:143px;
	height:40px;
}

input.stap1btnhov {
	margin:0;
	padding:0;
	background-image:url(../pict/stap1_02.png);
	border: 0;
	width:143px;
	height:40px;
}
img.stap {
	border-right: 1px solid #030;
}

select.cursuslijst {
width:auto;
}
div.cursuslijst {
	line-height:160%;
	color:#030;
}
#overzichtaanmelding {
}
#overzichtaanmelding tr td span.invoer, #overzichtmutatie tr td span.invoer {
	color:#090;
}

#overzichtaanmelding tr td span.changed, #overzichtmutatie tr td span.changed {
	color:#f90;
}

.wijzigbutton {
	float: right;
}
.infotekstmailinglist {
}
.introtekstaanmelden {
}

table.aanmeldtabel input.aanmeldverzendwisbtn {
	margin:0;
	padding:0;
	background-image:url(../pict/annuleerbuttonzfm_01.png);
	border: 1px groove #330099;
	height: 22px;
	width: 80px;
	text-align:right;
}
table.aanmeldtabel input.aanmeldverzendwisbtnhov {
	margin:0;
	padding:0;
	background-image:url(../pict/annuleerbuttonzfm_02.png);
	border:1px solid;
	border-color: #c63 #930 #930 #c63; 
	height: 22px;
	width: 80px;
	text-align:right;
	
}
table.aanmeldtabel input.aanmeldverzendbtn{
	margin:0;
	padding:0;
	background-image:url(../pict/verzendbuttonzfm4_01.png);
	border: 1px groove #330099;
	height: 22px;
	width: 80px;
	text-align:right;
}
table.aanmeldtabel input.aanmeldverzendbtnhov {
	margin:0;
	padding:0;
	background-image:url(../pict/verzendbuttonzfm4_02.png);
	border:1px solid;
	border-color: #c63 #930 #930 #c63; 
	height: 22px;
	width: 80px;
	text-align:right;
}
table.aanmeldtabel .aanmeldwijzigbtn {
	display: block;
	margin:0;
	padding:0;
	background-image:url(../pict/wijzigbuttonzfm_01.png);
	border: 1px groove #330099;
	height: 18px;
	width: 80px;
	text-align:right;
	margin-top:8px;
	display: block;
}
table.aanmeldtabel .aanmeldwijzigbtn:hover {
	background-image:url(../pict/wijzigbuttonzfm_02.png);
	background-color: #F87B1F;
	border:1px solid;
	border-color: #c63 #930 #930 #c63; 
}
table.aanmeldtabel .aanmeldwijzigbtn span {
	display: none;
}

.aanmeldtabel .verwijdercursusform {
	float: right;
	margin-top: 8px;
	margin-right: 5px;
}

.aanmeldtabel .verwijdercursusform .aanmeldverwijderbtn {
	background-image:url(../pict/verwijderbutton_01.png);
	display: block;
	padding: 0;
	margin: 0;
	border: 1px groove #330099;
	height: 20px;
	width: 80px;
}

.aanmeldtabel .verwijdercursusform .aanmeldverwijderbtn:hover {
	background-image:url(../pict/verwijderbutton_02.png);
	border-color: #c63 #930 #930 #c63;
}

.toevoegformulier .label {
	float: left;
}

.aanmeldtabel .toevoegformulier .aanmeldtoevoegbtn {
	background-image:url(../pict/toevoegenbutton_01.png);
	display: block;
	padding: 0;
	margin: 0;
	border: 1px groove #330099;
	height: 20px;
	width: 80px;
}

.aanmeldtabel .toevoegformulier .aanmeldtoevoegbtn:hover {
	background-image:url(../pict/toevoegenbutton_02.png);
	border-color: #c63 #930 #930 #c63;
}

tr.error span.label, tr.error label {
	color: #C00;
}

.staplabel {
	display: none;
}

.stap1, .stap2, .stap3, .stap4, .stap5 {
	display: block;
	height: 40px;
}

.stap1, .stap2, .stap3, .stap4 {
	border-right: 1px solid black;
}

/* STAP 1 */
.stap1 {
	background-image: url(../pict/stap1_01.png);
}

/*.stap1:hover {
	background-image: url(../pict/stap1_03.png);
}*/

.done .stap1, .current .stap1, .current .stap1:hover {
	background-image: url(../pict/stap1_03.png);
}

.done .stap1:hover {
	background-image: url(../pict/stap1_01.png);
}

/* STAP 2 */
.stap2 {
	background-image: url(../pict/stap2_01.png);
}

/*.stap2:hover {
	background-image: url(../pict/stap2_03.png);
}*/

.done .stap2, .current .stap2, .current .stap2:hover {
	background-image: url(../pict/stap2_03.png);
}

.done .stap2:hover {
	background-image: url(../pict/stap2_01.png);
}

/* STAP 3 */
.stap3 {
	background-image: url(../pict/stap3_01.png);
}

/*.stap3:hover {
	background-image: url(../pict/stap3_03.png);
}*/

.done .stap3, .current .stap3, .current .stap3:hover {
	background-image: url(../pict/stap3_03.png);
}

.done .stap3:hover {
	background-image: url(../pict/stap3_01.png);
}

/* STAP 4 */
.stap4 {
	background-image: url(../pict/stap4_01.png);
}

/*.stap4:hover {
	background-image: url(../pict/stap4_03.png);
}*/

.done .stap4, .current .stap4, .current .stap4:hover {
	background-image: url(../pict/stap4_03.png);
}

.done .stap4:hover {
	background-image: url(../pict/stap4_01.png);
}

/* STAP 5 */
.stap5 {
	background-image: url(../pict/stap5_01.png);
}

/*.stap5:hover {
	background-image: url(../pict/stap5_03.png);
}*/

.done .stap5, .current .stap5, .current .stap5:hover {
	background-image: url(../pict/stap5_03.png);
}

.done .stap5:hover {
	background-image: url(../pict/stap5_01.png);
}

#overzichtaanmelding {
margin-bottom: 0;
}

.verzendbuttons {
	float: right;
}


label {
	margin: 0 5px;
}