#vorming_01
{
    display: contents;
}

#vorming_02
{
    display: none;
}

#vorming_03
{
    display: none;
}

#v_voornaamLabel
 {
     top: 20px;
     left: 10px;
 
     position: absolute;
 }

 
 #v_voornaamInput
 {
     top: 20px;
     left: 110px;
     
     position: absolute;
 }


 #v_naamLabel
 {
     top: 45px;
     left: 10px;
	 
     position: absolute;
 }
 
 #v_naamInput
 {
     top: 45px;
     left: 110px;
     
     position: absolute;
 }

 #v_straatLabel
 {
     top: 70px;
     left: 10px;
     position: absolute;
 }

 #v_straatInput
 {
     top: 70px;
     left: 110px;     
     position: absolute;
 }

 #v_straatLabel
 {
     top: 70px;
     left: 10px;
     position: absolute;
 }

 #v_straatInput
 {
     top: 70px;
     left: 110px;     
     position: absolute;
 }

 #v_huisnummerLabel
 {
     top: 95px;
     left: 10px;
     position: absolute;
 }

 #v_huisnummerInput
 {
     top: 95px;
     left: 110px;
     position: absolute;
 }

 #v_postcodeLabel
 {
     top: 120px;
     left: 10px;
     position: absolute;
 }

 #v_postcodeInput
 {
     top: 120px;
     left: 110px;
     position: absolute;
 }

 input#v_postcode
 {
     width: 45px;
 }

 #v_gemeenteLabel
 {
     top: 120px;
     left: 174px;
     position: absolute;
 }

#v_gemeenteInput
{
    top: 120px;
    left: 255px;
    position: absolute;
}

select#v_gemeente
{
    width: 135px;
}

 #v_geboortedatumLabel
 {
     top: 145px;
     left: 10px;
     position: absolute;
 }

 #v_geboorteInput
 {
     top: 145px;
     left: 135px;
     position: absolute;
 }

#v_geboorteAgeOutput
 {
     position: absolute;
     
     top: 145px;
     left: 260px;
     
     width: 30px;

 }
 
 #v_emaillabel
 {
     top: 170px;
     left: 10px;
     position: absolute;
 }

  #v_emailInput
 {
     top: 170px;
     left: 110px;
     position: absolute;
 }

 #v_phonelabel
 {
     top: 195px;
     left: 10px;
     position: absolute;
 }

 #v_phoneInput
 {
     top: 195px;
     left: 110px;
     position: absolute;
 }

 #v_gsmlabel
 {
     top: 195px;
     left: 250px;
     position: absolute;
 }
 
 #v_gsmInput
 {
     top: 195px;
     left: 300px;
     position: absolute;
 }
  
 #v_nnlabel
 {
     top: 235px;
     left: 10px;
     position: absolute;
 }

 #v_nnInput
 {
     top: 235px;
     left: 185px;
     position: absolute;
 }
  #v_remarklabel
 {
     top: 315px;
     left: 10px;
     position: absolute;
 }
 
 #v_remarkInput
 {
     top: 315px;
     left: 185px;
     position: absolute;
 }

 #v_titel
 {
     display: initial;
     
     top: 30px;
     position: absolute;

     transform: translate(-50%,0%);
     font-size: x-large;
 }

 #v_regtitle
 {
     position: absolute;
     top: 10px;
     left: 50%;
     transform: translate(-50%);
     text-align: left;
     font-size: 20px;
     width: 100%;            
 }

 #v_regaccount
 {
     position: absolute;
     top: 110px;
     left: 50%;
     transform: translate(-50%);
     text-align: left;
     font-size: 20px;
     width: 100%;              
 }

 #v_regamount
 {
     position: absolute;
     top: 155px;
     left: 50%;
     transform: translate(-50%);
     text-align: left;
     font-size: 20px;
     width: 100%;              
 }

  #v_regmessage
 {
     position: absolute;
     top: 200px;
     left: 50%;
     transform: translate(-50%);
     text-align: left;
     font-size: 20px;
     width: 100%;              
 }

  #v_regQR
  {
     position: absolute;
     top: 75px;
     left: 60%;
  }

 .date-list
 {
     top: 100px;

     position: absolute;

     transform: translate(-50%, 0%);
     display: inline-flex;
     flex-direction: column;

     gap: 8px;
     max-width: 400px;
    }

 .date-cell
 {
     display: flex;
     align-items: center;
     padding: 16px;
     border: 1px solid #ccc;
     border-radius: 8px;
     cursor: pointer;
     background: #FFFFFF;
     transition: background 0.15s, border-color 0.15s;    
 }

 .date-cell:hover
 {
     background: #EEEEEE;
}

 .date-cell:has(input:checked)
 {
     background: #E0E0E0;
     border-color: #2563eb;
}
 
 .date-cell input
 {
     margin-right: 12px;
 }

 #v_pagenext
 {
     top: 420px;
     left: 480px;
     position: absolute;
 }

  #v_pageprevious
 {
     top: 420px;
     left: 280px;
     position: absolute;
 }