.table_input td {
  padding-left: 0.5em;
  /* height: 1.6em;*/
  line-height: 1.2em;
  font-size: 1em;
  /*clip: rect(auto,auto,auto,auto);*/
  padding-bottom: 1.5em;


}

.table_input input:not([type="submit"]) {
  height: 1.6em;
  font-size: 1em;
}

tr {
	margin-bottom: 25px; /* Extra ruimte tussen de rijen */
}

table td {
	padding-bottom: 25px; /* Pas de waarde aan naar de gewenste afstand */
}


input, textarea, select {
  padding: 3px;
  margin: 1px;
  font: 1em Verdana, sans-serif;
  background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;

  color: #000;
  background: #fff;
  caret-color: #000;

}

.optional {
	border: 1px solid #0F0;
}

input.fout, textarea.fout {
  border: 1px solid #FF0000;
}

.border_red {
  border: 1px solid #FF0000;
}

span.fout, div.fout {
	color: red;
}

label.fout {
	color: red;
}

.block_b2 {
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin: 0px -15px 0px -15px;
  border-radius: 16px;
  border-style: solid;
  border-width: thin;
  border-color: #CCC;
  background-color: #faf7f2; /* heel lichtgrijs #f9f9f9;*/
}


.button2 {
	background-color: #8CDAFF;
	border: 1px solid #D9D9D9;
	border-radius: 8px 8px 8px 8px;
	color: #4A4944;
	display: table;
	font-family: Verdana;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	height:1.5em;
	margin: 5px 0px 5px 0px;
  padding: 0.5em 0.5em 1.6em 0.5em;
	text-decoration: none;
	cursor:pointer;
}

	.button2:hover {
		background-color: #5BB8E6; /* Iets donkerdere tint voor een subtiel effect */
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Lichte schaduw */
		transform: scale(1.05); /* Subtiele vergroting */
	}

.error {
  color:red;
}

.button_v1 {
  background-color: #F90;
  border: 1px solid #D9D9D9;
  border-radius: 8px 8px 8px 8px;
  color: #4A4944;
  display: table;
  font-family: Verdana;
  font-size: 1em;
  font-weight: normal;
  line-height: 17px;
  margin: 12px 4px 0 0;
 /*  padding: 8px 26px;*/ 
  padding: 2px 2px;   
  text-decoration: none;
	cursor:pointer;
}

.submit2 {
  background-color: #6FC;
  border-radius:6px;
  font-size: 1em;
  text-decoration: none;
  cursor: pointer;
  border:none;
}

.hdrtxt1 {

}

.block_b {
	padding: 0.01em 16px;
	border-radius: 16px;
	border-style: solid;
	border-width: thin;
	font-size:12px;
	border-color: #CCC;
	background-color:#D5EAFF;
}

.blank_row
{
    line-height: 3px;
	height: 3px;
	font-size:2px;
    background-color: #FFFFFF;
}


.inpfld
{
	height: auto !important;
	overflow: auto;
}

.inpfld2
{
	height: auto !important;
	overflow: auto;
	padding-top:10px;
}

.style_unds {
	font-family: Verdana;
	text-decoration: underline;
}


td:first-child {
	max-width: 250px; /* mag niet te breed worden, niet laten bepalen door 1 grote tekst */
	word-wrap: break-word;
	overflow-wrap: break-word;
}



@media (max-width: 768px) {

	table {
		display: block;
		border-spacing: 0 20px; /* Voegt afstand toe tussen de rijen */
	}

	tr {
		display: block;
		margin-bottom: 35px; /* Extra ruimte tussen de rijen */
	}

	th {
		display: block;
	}

	td {
		display: block;
		width: 100%;
		/* padding: 12px 8px; Extra verticale ruimte */
	}
	
	td:first-child {
    margin-bottom: 10px; /* zorg voor ruimte vertikaal tussen tekst en invoerveld */
}

	.table_input td {
		padding-bottom: 0em;
	}

	.hdrtxt1 {
		padding-top: 18px;
	}

	.blank_row {
		line-height: 15px !important; /* overwrites any other rules */
		line-height: 15px;
		font-size: 15px;
		background-color: #FFFFFF;
	}

}