/*
https://css-tricks.com/exposing-form-fields-radio-button-css/

Using the ~ css selector it is possible to display some elements once a checkbox is clicked, which can be used to display and hide menus once elements are clicked

https://css-tricks.com/complete-guide-table-element/
https://css-tricks.com/css-variables-with-php/
At the top of your new style.php file set the Content-type back to CSS:
*/


fieldset {
    border: 1px solid #333333;
    padding: 1.0em;
    -webkit-column-break-inside: avoid;
}

.fieldset_zorgprogrammas {
    border: 1px solid black;
	backgroud-color: white !important;
    padding: 1.0em;
    -webkit-column-break-inside: avoid;
	color: black; 
}


#tableau
{
	display: inline; 
	position: relative; 
	border: 1px solid black;
	float: left; 
	margin: 10px; 
	width: 300px; 
	height: 12em; 
	padding: 5px; 
	background-color: #BBBBBB;
	border-radius: 6px;
	
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



.hide {
  display: none;
}

#checkbox-2 + label {
  display: none;
}

#checkbox-1:checked ~ #checkbox-2 + label{
  display: block;
}




#radiobutton-3 + label {
  display: none;
}

#radiobutton-4 + label {
  display: none;
}

#radiobutton-5 + label {
  display: none;
}

#radiobutton-6 + label {
  display: none;
}


#radiobutton-1:checked ~ #radiobutton-3 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-4 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-5 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-6 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-3 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-4 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-5 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-6 + label {
  display: block;
}

#ntr{
width = auto; 	
}

#radiobutton-3 + label {
  display: none;
}

#radiobutton-4 + label {
  display: none;
}

#radiobutton-5 + label {
  display: none;
}

#radiobutton-6 + label {
  display: none;
}


#radiobutton-1:checked ~ #radiobutton-3 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-4 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-5 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-6 + label {
  display: block;
}

#in_nederland_sinds_test{
  display: none;
}
 
#schatting_duur_verblijf_in_nederland_test{
  display: none;
}

#datum_binnenkomst_nederland_bekend_ja:checked ~ #in_nederland_sinds_test{
  display: block;
}

#datum_binnenkomst_nederland_bekend_nee:checked ~ #schatting_duur_verblijf_in_nederland_test{
  display: block;
}

#in_nederland_sinds_test{
  display: none;
}
 
#schatting_duur_verblijf_in_nederland_test{
  display: none;
}

#datum_binnenkomst_nederland_bekend_ja:checked ~ #in_nederland_sinds_test{
  display: block;
}

#datum_binnenkomst_nederland_bekend_nee:checked ~ #schatting_duur_verblijf_in_nederland_test{
  display: block;
}

#submit_button_zoeken
{
	
}

#menu_beveiligd
{
	display: block;
	position: static;
	border: 0px solid black;
	top: 50px; 
}

footer
{
	display: block; 
	position: fixed; 
	top: 1400px; 
}


textarea.toelichting {
	font-family: Arial, Helvetica, sans-serif;
    display: block;
	left: 2px;
	top: 0px; 
    border: 1px solid #000;
    height: 100%;
	width: 100%;
    resize: vertical;
    min-width: 100px;
    min-height:50px;
	left: 0px; 
	width: 400px;
}

.waarschuwing{
color: black; 
font-family: Arial, Helvetica, sans-serif;
background-color: #BBBBBB; 
font-size: 1.5em;
}

.button_meer_dan_tab
{
background-color: #BBBBBB;	
border: 0px solid black; 
}

#menu_geselecteerde_clienten .meer_dan_tab{
  margin: -1px;
  text-decoration: none;
  font-family:"Franklin Gothic Medium";
  font-weight: bold; 
  font-size: 1.0em;
  color: black;
  display: block;
  position: relative;
  width: auto;
  padding-right: 25px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  float: left;
  margin: 2px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  background-color: #BBBBBB;
  hover: background-color: #EEEEEE;
}

select:has(> option[value="primaire_profylaxe"]:checked) {
background: yellow;
color: black; 
}

select:has(> option[value="tuberculose_infectie"]:checked) {
background: blue;
color: white; 
}

select:has(> option[value="tuberculose_ziekte"]:checked) {
background: red;
color: white; 
}


.autocomplete_1{
	padding-left: 8px: 
	padding-right: 2px: 
	margin: 0px; 
	diplay: inline; 
	position: relative; 
	color: black; 
	z-index: 9000; 
}
.autocomplete_2{
	
	padding-left: 2px: 
	padding-right: 2px: 
	margin: 0px; 
	diplay: inline; 
	position: relative; 
	color: black; 
	z-index: 8000; 
}

.autocomplete_3{
	padding-left: 2px: 
	padding-right: 2px: 
	margin: 0px; 
	diplay: inline; 
	position: relative; 
	color: black; 
	z-index: 7000; 
}

/* onderstaande elementen zijn noodzakelijk voor het top menu */
#menu_top
{
display: block; 
position: relative; 
padding: 0px;
margin: 0px;
background: #2697D3; 
width: 100%;
height: auto; 
border: 4px solid #2697D3;
}

.notSelected
{
background: #2697D3;
color: white; 
border: 0px solid black; 
padding: 2px; 
margin: 0px;
}

.selected{
background-color: yellow; 
color: black;
border: 0px solid black; 
padding: 2px; 
margin: 0px;
}

.itering{
color: white;
}	

.display_none{
position: static;
display: none;
}

#gebruikersnaam_en_locatie{
display: block; 
position: relative; 
float: right;
padding: 0px; 
margin-right: 4px;
color: white;
top: 0px;
}

a{text-decoration: none;
}

hr{
height: 1px;
color: #2697D3;
background-color: #2697D3;
border: none;
margin: 0px;
padding: 0px;
}
/*onderstaande elementen zijn noodzakelijk voor het bottom menu in de header*/

#menu_bottom
{
display: block; 
position: relative; 		
padding: 2px;
margin: 0px;
background: #2697D3; 
width: 100%;
border: 0px solid red;
height: auto; 
}
<?php /*
Om de in te voeren text / getallen in de searchbar te vergroten/ aan te passen is de volgende code noodzakelijk. De invoer grote is nu 1.0em;
*/?>



input
{
    font-size: 1.0em; 
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
}

#input_postcode
{
    font-size: 1.0em; 
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
	width: 70px; 	
}

#input_huisnummer
{
	font-size: 1.0em; 
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
	width: 100px; 	
}


 /*
De invoergrote van geslacht en geboortedatum en team moet apart worden aangepast ; anders zijn de letters/cijfers te klein
*/

input[type="radio"]:checked+label.geslacht   {
  background-color: yellow;
  font-weight: normal;
  cursor: pointer;
  color: black;
}

#input_geboortedatum
{
display: inlineblock;
position: relative; 
height: 25px; 
width: 120px; 
}

 /*de cijfers voor de geboortedatujm zijn standaard nogal klein. Ze worden met dit stukje code vergroot; ook de letters in de anere tekst velden kunnen vergroot worden (nog niet overgenomen) */ 
input[type="date"], input[type="time"] {
font-family: Arial, sans-serif;
font-size: 17px;	
}

#input_team
{
font-family: Arial, sans-serif;
font-size: 17px;		
}


input[type="radio"] 
{
cursor: pointer;
z-index: 1;
vertical-align: top;
display: none !important;
}

/*zonder inportant! lukt het niet om de radiobutton te doen verdijnen binnen tableCell of td!!! */

/*Het 3de blok wordt gevormd door het menu geselecteerde clienten; onderstaande elementen zijn noodzakelijk voor het geselecteerde clienten menu onder de header; de border is 4px en fungeert eveneens als 'padding'*/

#menu_geselecteerde_clienten
{
display: block; 
position: relative; 
float: left;
padding-top: 4px;
background: #555555; 
height: auto;
width: 100%;
border: 4px #555555;
}

/*aande rechter kant van de tab wordt ruimte gemaakt voor het wegklikvakje*/

#menu_geselecteerde_clienten .yellow_tab{
 
  margin: -1px;
  background-color: #f6f6f6;
  text-decoration: none;
  font-family:"Franklin Gothic Medium";
  font-size: 1.0em;
  color: black;
  display: block;
  position: relative;
  width: auto;
  padding-right: 25px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  float: left;
  margin: 2px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  background-color: yellow;
}

#menu_geselecteerde_clienten ul li{
  margin: -1px;
  background-color: #f6f6f6;
  text-decoration: none;
  font-family:"Franklin Gothic Medium";
  font-size: 1.0em;
  color: black;
  display: block;
  position: relative;
  width: auto;
  padding-right: 25px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  float: left;
  margin: 2px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
}

/* form inline zet de de geselecteerde naam en het wegklikvakje horizontaal naast elkaar; anders komen ze onder elkaar te staan; forms zijn noodzakelijk voor $_POST; met dit stukje code wordt ook het rode X vakje in lijn met het eerste invoerveld gezet.*/

form {
display: inline;
}


<?php /*onderstaande code plaatst de geselecteerde clienten naar de zijkant en naar boven; border moet hier 0px blijven; momneteel is alleen de rand van de geselecteerde tab geel*/

#menu_geselecteerde_clienten ul {
  list-style-type: none;
  padding: 0;
  margin-top: -15px;
  border: 0px solid red; 
}

/* de namen van de labels zijn omlijnd. Het zijn in weze input elemeneten. De omlijsting van de namen en de wegklikvakjes zijn te verwijderen door de volgende css code: */

#menu_geselecteerde_clienten	input[type="submit"] {
  border: 0px solid #EEEEEE;
}

/* uiteindelijk kan de naam bij een geselecteerde client geel worden gekleurd en in bold worden weergegeven door de volgende code. Deze geldt alleen voor clienten die niet tevens geselecteerd zijn als aandachtsdossier.  */

.yellow{
background-color: yellow; 
font-weight: bold; 
}

.yellow_broco{
background-color: yellow; 
}

.opgeslagen{
background-color: black; 
color: white
}

/* voor de overige opties wordt de volgende code gebruikt. Er is ook nog een hover, maar die lijkt nog niet te werken.   */

.yellow_color_red
{
background-color: yellow;
color: red;
font-weight: bold; 
}

.color_red
{
color: red;
}

#menu_geselecteerde_clienten .close:hover {background: yellow;}

/*de client informatie bevindt zich onder het menu geselecteerde clienten onder de div #client_info. 
Daarin zitten dan  weer 5 relatieve containers die de info vermelden. Ze zit in de velden info_1 t/m 5; 
info 1 bevat het silhouet. De aandachtdossiers werken nu ook.  */

#client_info{
display: block;
position: static;	
height: 110px;	
width: 100%;	
border-top: 0px solid red;
border-bottom: 0px solid red;
float: left;
background-color: #EEEEEE;
}

#info_1{
width: 100px;
height: 100px;
border: 1px solid black;	
float: left;
margin: 2px;
padding: 2px;
}

#silhouet{
display: block;
position: relative;	
margin: 0px;
padding: 0px; 	
}

#info_2{
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid green;	
float: left;
margin: 2px;
padding: 2px; 	
}

#info_3{
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;	
float: left;
margin: 2px;
padding: 2px; 	
}

/*in info vak 4 worden de diagnoses weergegeven inclusief de laatste en actieve diagnoses. Deze worden in kleur weergegeven ter vervanging van de iTBC bolletjes; 
hiervoor wordt de volgende css code gebruikt: */

.diagnose_red
{
background-color: red;
color: white; 
}

.diagnose_blue
{
background-color: blue;
color: white;
}

.diagnose_yellow
{
background-color: yellow;
color: black;
}

#info_4{
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;
float: left;
margin: 2px;
padding: 2px; 	
}

#info_5{
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;
float: left;
margin: 2px;
padding: 2px; 	
}

/* onder de patient info bevindt zich het menu client (level 6) Dit menu werkt met de volgende code. Ook het SOEO menu komt nu gekleurd in beeld; de namen van de geselecteerde clienten zijn nog steeds wit */

.selectedMenuClient{
background-color: yellow; 
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
padding: 2px;	
}
	
.notSelectedMenuClient{
background-color: #2697D3;	
color: white;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
}

.selectedMenuClientDiagnoses{
background-color: red; 
color: white;	
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
padding: 2px;	
}
	
.notSelectedMenuClientDiagnoses{
background-color: black;	
color: white;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
}

.menuOrder{
background-color: white; 
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
padding: 2px;
}

.menuOrderSelected{
background-color: yellow; 
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
padding: 2px;
}

/* we hebben nu 5 levels; gahad. Er zijn er meer maar niet op de pagina client.php. 
Het scherm op deze pagina wordt nu opgedeeld en een linker kolom (aside) en een rechter hoofdgedeelte (main). 
De rechter kolom bevat momenteel gegevens van zorgprogrammas. */

aside {
  width: 500px;
  display: block;
  position: relative;
  height: 1100px;
  float: left;
  color: #000000;
  border: 2px solid brown;
  margin-left: 5px;
  top: 5px; 
}

aside.client {
  width: 19%;
  background-color: #EEEEEE; 
}
<?php/*De rechter kolom bevat gegevens in tabel vorm (<table><td><tr><td> deze moeten nu in de code worden opgenomen: */?>


table {
            border: 1px solid black;			
        }

#collapse_table {
            border-collapse: collapse;
        }
		
#collapse_table_aanmelden {
            border-collapse: collapse;
			margin-right: 20px;
        }	
		
#collapse_table_locaties {
            border-collapse: collapse;
			top: 0px; 
			diaplay: block; 
			margin-right: 20px;
			position: relative; 
			float: left; 
        }

		
		

 td{
	border: 1px solid black; 
	align: left; 
	vertical-align: top; 
	padding: 5px; 
}       


 td.zoeken{
	border: 3px solid black; 
}    


 th{
	border: 1px solid black; 
	background-color: #2697D3;
	color: white; 

}  

 .tableHeader{
	border: 1px solid black; 
	background-color: #444444;
	color: white; 
	display: table-cell;
} 

 .tableHeaderVerrichting{
	border: 1px solid black; 
	background-color: #666666;
	color: white; 
	display: table-cell;
	width: 20%;
} 

/* het main gebied wordt bij de pagina client.php verzorgt door div rapportages; hierin bevinden zich de rapportages met bovenaan het SOEP autosave en toevoegen menu; de rapportages zelf bevinden zich in de alle_rapportages div */

#rapportages
{
display: block;
position: relative; 
background-color: #AAAAAA; 
border: 2px solid black; 
left: 5px;
float: left;
width: 99%;
height: auto; 
top: 5px;
padding: 5px;	
}

#menu_rapportages
{
display: block;
position: relative; 
background-color: #AAAAAA; 
border: 2px solid red; 
left: 5px;
float: left;
width: 99%;
top: 5px;
padding: 5px;
}

 /* de autosave knop die zich in het SOEP menu rapportages bevindt wordt uitgelijnd naar de rechterkant */

#autosave
{
	float: right; 
}

/* met de volgende divs worden alle_rapportages onder het SOEP menu toegevoegd en uitgelijnd: er zijn nu drie knoppen: 
Opslaan rapportage; Bewerk rapportage; Verwijder rapportage. 
LET OP de verwijder rapporatage knop bevindt zich in de dialog!
Deze knop is een button. De andere twee zijn input type button 
De rapportages worden toegevoegd met de functie: ToonRapportages()*/

#alle_rapportages{
display: block;
position: relative; 
background-color: #CCCCCC; 
border: 2px solid green; 
left: 5px;
float: left;
top: 5px;
padding: 5px;
overflow: scroll; 
height: 1100px; 
}

td.index_soep{
  display: table-cell;
  height: auto; 
  padding: 2px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  width: 12%;
}


/* De knoppen Bewerk rapportage/ Annuleer bewerk rapportage / Opslaan rapportage en Verwijder rapportage worden respectievelijk gestyled door de volgende code: */

.button
{
	background-color: #DDDDDD;
	border: 1px solid #020353;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid black;
	color: black; 
	margin: 5px; 
}

#submit_button_testen_aan
{
	background-color: red;
	border: 1px solid #020353;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid black;
	color: white; 
	margin: 5px; 
}

#submit_button_testen_uit
{
	background-color: #000000;
	border: 1px solid #020353;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid black;
	color: white; 
	margin: 5px; 
}


.verwijder
{
float: right; 
display: block; 
position: relative; 	
right: 20px;
border: 1px solid black;
top: 2px;  	
background-color: red; 
color: white; 
border-radius: 5px;
margin: 5px; 
}


/* Wanneer op de knop verwijder rapportage wordt geklikt komt (via JavaScript onclick het dialog venster in beeld (via .showModal())met een waarschuwing; na bevestiging wordt de rapportage verwijderd. Dit kan tot 2 dagen na het aanmaken. 
De knoppen en in het dialog venster en de lay out er van worden gestyled door de volgende code. Doe je dit niet krijg je een zeer beperkt maar wel goed functioneel venster. 
De autofocus ligt op de  Annuleer (Close) button zodat bij het gebruik van de ENTER toets de verwijder actie wordt afgebroken.*/

#root {
width: 100vw;
height: 100vh;
display: grid;
place-items: center;
}

.dialog_box {
top: 50%;
left: 50%;
width: 35vw;
height: 8vw;
position: absolute;
border-radius: 10px;
padding: 2em;
transform: translate(-50%, -50%);
font-size: 1.5em;
}

#dialog_box .content {
padding: 28px;
}

#dialog_box .content form {
gap: 16px;
display: flex;
flex-direction: column;
}

dialog::backdrop {
opacity: 0.3;
background-color: yellow;
}

/* div rapportages werkt met table, tr, td; om tabel rijen gecontrasteerd weer te geven voor betere leesbaarhij is de volgende code toegevoegd: */
.uneven{
background-color: #BBBBBB;
	
}

.even{
background-color: #EEEEEE;	

}

/* textarea staat standaard lijkt het ingesteld op een nogal vreemd monospaced font; dit aangepast naar het gebruikelijke font*/
/* textarea staat standaard lijkt het ingesteld op een nogal vreemd monospaced font; dit aangepast naar het gebruikelijke font; de div subjectief, opjectief, evaluatie, plan lijken niet noodzakelijk */


textarea.rapportage {
display: block;
position: relative;
left: 0px;
top: 0px; 
width: 99%;
height: 80px;
background-color: yellow; 
font-size: 1.3em;
padding: 5px; 	
font-family: Arial, Helvetica, sans-serif;
}

/* 
De pagina zorgprogrammas.php voegt onder het menu_client een (6de) dynamisch menu met zorgprogrammas toe.
Hierin bevinden zich de zorgprogrammas die ooit bij deze client zijn aangemaakt. 
Het meest recente zorgprogrammas bevindt zich links. 
Zorgprogrammas die zijn afgesloten verschijnen in de historie. 
Ze kunnen met de knop toon hostorie worden weergegeven en sluiten dan achteraan aan.
De tab's van afgesloten zorgprogrammas zijn zwart. Die van openstaande zorgprogrammas.   
*/


#menu_zorgprogrammas
{
display: block;
position: relative;
float: left;
width: 100%;
background-color: #CCCCCC;
}

#menu_diagnoses
{
display: block;
position: relative;
float: left;
width: 100%;
background-color: #CCCCCC;
}

.notSelectedAfgeslotenMenuClient{
background-color: #555555;	
color: white;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
}

.selectedAfgeslotenMenuClient{
background-color: #555555;	
color: yellow;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
}

/* 
Wanneer en zorgprogramma wordt geselecteerd wordt een beknopte info weergegeven. 
Hierin bevindt zich een knop waarbij het zorgprogramma kan worden afgesloten of bij reeds afgesloten ZP meer info kan worden opgevragd. 
*/

#info_zorgprogramma
{
display: block;
position: relative;
float: left;
width: 100%;
background-color: #AAAAAA;
}
/* 
Wanneer een zorgprogramma wordt afgesloten komt de div toon afsluitcodes in beeld; deze bevind zich dan weer onder het voorgaande menu (info zorgprogramma)
*/
#toon_afsluitcodes
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 1000px;
top: 5px;
column-count: 3; 
padding: 5px;	
}


/* 
Afsluit formulier bevat radiobutton met labels; rodiobutton zijn onzichtbaar; label moeten nu clickable worden
*/





label:hover{
background: blue;
color: #FFFFFF;
text-decoration: none;
}

input[type="radio"]:checked+label   {
  background-color: yellow;
  font-weight: bold;
  cursor: pointer;
  color: black;
}

.dag
{
border: 2px solid black; 
cursor: pointer; 
width: 3em;
height: 70%; 
align: centre; 
}

.verwijder_zorgprogramma
{
float: right; 
display: block; 
position: relative; 	
right: 20px;
border: 1px solid black;
top: 2px;  	
background-color: red; 
color: white; 
border-radius: 5px;
margin: 5px; 
}

input[type="radio"].radio-with-label {
cursor: pointer;
z-index: 1;
vertical-align: top;
border: 1px solid black;

}


radio-with-label
{

	cursor: pointer;
	color: black;
	vertical-align: top;
	
}

.radio-with-label:checked + .label-for-radio 
{
	font-weight: bold;
	background-color: yellow;
	cursor: pointer;
	color: black;
	vertical-align: top;
	
}

li{
list-style: none;
}

#container_beschikbare_elementen
{
display: block;
position: relative; 
border: 2px solid green;	
top: 5px;
left: 15px;
width: 99%;
columns: 7;
column-fill: auto;
padding: 5px;
height: 300px;
float: left;	
}


#menu_client
{
display: block;
position: relative;
float: left;
width: 100%;
background-color: #EEEEEE;
}

input[type="option"]{
font-family: Arial, sans-serif;
font-size: 17px;	
}

#menu_geselecteerde_clienten span .tab{	
display: block;
position: relative; 
}



#menu_geselecteerde_clienten .close {
  cursor: pointer;
  position: absolute;
  top: 40%;
  right: 3%;
  margin: 2px;
  padding-top: -2px;
  padding-right: 0px;
  transform: translate(0%, -50%);
  border-radius: 0px 0px 0px 0px; 
}

form tab {
display: inline-block;
}
form .tab {
display: inline-block;
}



table .zoeken
{
display: table-cell;
  border:  1px solid black;
  width: 100%; 
  padding: 0px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  height: auto;
}

.equalDivide tr td { width:9%; }


{
	border: 1px solid black;
	padding-right: 4px;
	padding-left:  4px;
	background-color: yellow;
}

td.selected
{
	border: 1px solid black;
	padding-right: 4px;
	padding-left:  4px;
	background-color: yellow;
}

input[type="text"] {
font-family: Arial, sans-serif;
font-size: 17px;	
}

input[type="text"] {
font-family: Arial, sans-serif;
font-size: 17px;	
}

input[type="text"].lang {
font-family: Arial, sans-serif;
font-size: 17px;
background-color: yellow; 
font-weight: bold; 
width: 100%;	
}

input[type="text"].lang_broco {
font-family: Arial, sans-serif;
font-size: 17px;
background-color: yellow; 
width: 100%;	
}

input[type="number"]{
font-family: Arial, sans-serif;
font-size: 17px;	
}
	 
#selected_characters_javascript
{
display: inline;
position: fixed;
font-family: Verdana, Arial, sans-serif;
font-size: 1em; 
padding: 10px;
border: 1px #FFF;
margin: 1px white;
width: 400px;
height: 750px;
color: white;
top: 60px;
left: 500px;
background-color: #333333;
overflow: auto;
}

#selected_characters_javascript_diagnose_patient
{
display: inline;
position: relative;
font-family: Verdana, Arial, sans-serif;
font-size: 1em; 
padding: 10px;
border: 1px #FFF;
margin: 1px white;
width: 400px;
height: 750px;
color: black;
top: 10px;
left: 10px;
background-color: #EEEEEE;
overflow: auto;
}

#button_select_roentgenfotos
{
position: fixed;
top: 850px;
left: 500px;
width: 90px; 
height: 90px;
cursor: pointer;
padding: 0px;
margin: 0px;
border: 1px solid white;
}

#button_clear_characters
{
position: fixed;
top: 850px;
left: 830px;
width: 90px; 
height: 90px;
padding: 0px;
margin: 0px;
border: 1px solid white;
cursor: pointer;
}

#volgnummer
{
color: white;
position: fixed;
display: block;	
top: 650px; 
left: 20px;
width: 470px;
border: 3px solid grey; 
margin: 0px;
padding: 2px;	
}

#aanmelden {
  display: block;
  position: relative;
  padding: 15px;
  margin-left: 5px;
  border: 0px solid black;
  width: auto;
  height: auto;
}

#illustration_aanmelden
{
position: fixed;
display: block;	
top: 70px;
left: 430px;
float: right;
border: 0px solid brown;
}

#locaties{
	display: block;
	position: relative; 
	top: 0px;
	float: left; 
}

.button_aanmelden 
{
  background-color: #2697D3; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px; 
}

.button_aanmelden:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}	

.text_red
{
color: red;
}

#introscherm_beveiligd
{
position: absolute;
display: block;
width: 70%;
top: 20px; 
left: 0px;
padding: 20px;
margin: 5px;
border: 0px solid black;
height: auto;
overflow: auto;
}



#filter{
padding: 20px 20px;		
}

#input_team{
max-height: 1000px;
}

select.selectize-dropdown-content {
    max-height: 1000px;
 }
 
#there_were
{
position: static;
display: block;	 
left: 0px;
top: 20px;
width: 100%;	
border-top: 1px solid grey;
border-bottom: 1px solid grey;
}

.table
{
display: table;
width: 100%;
table-layout:fixed;	
}

.tableRow {
  display: table-row;
  text-decoration: none;
  border: 1px solid black;
  cursor: pointer;
  &:hover,
  &:focus {
    background: #2697D3;   
  }
}

.tableRowZoeken {
  display: table-row;
  text-decoration: none;
  border: 1px solid black;
  cursor: pointer;
  &:hover,
  &:focus {
    background: #2697D3;   
  }
}

.tableRowSelectedBroco {
  display: table-row;
  text-decoration: none;
  background-color: yellow;
  border: 1px solid black;
  cursor: pointer;
}

.tableRowSelected {
  display: table-row;
  text-decoration: none;
  background-color: yellow;
  border: 1px solid black;
  cursor: pointer;
  &:hover,
  &:focus {
    background: #2697D3;   
  }
}

.tableCell {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
}

.tableHeaderVolgnummer {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 2em;
}

.tableCellVolgnummer {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 2em;
}

.tableHeaderLink {
  background-color: #666666;
  color: white; 
  display: table-cell;
  position: relative; 
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableCellLink {
  display: table-cell;
  position: relative; 
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableHeaderIdClient {
  background-color: #666666;
  color: white; 
  display: table-cell;
  position: relative; 
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}

.tableCellIdClient {
  display: table-cell;
  position: relative; 
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}

.tableHeaderInitialen {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableCellInitialen {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableHeaderAchternaam {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 14em; 
}

.tableCellAchternaam {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 14em; 
  font-size: 1.2em;
}

.tableHeaderGeboortedatum {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}

.tableCellGeboortedatum {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}

.tableHeaderGeslacht {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableCellGeslacht {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableHeaderLeeftijd {
	background-color: #666666;
	color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableCellLeeftijd {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableHeaderBsn {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableCellBsn {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
 width: 4em; 
}

.tableHeaderPolisnummer {
	background-color: #666666;
	color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableCellPolisnummer {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableHeaderVNummer {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableCellVNummer {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableHeaderCoaZorgnummer {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableCellCoaZorgnummer {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableHeaderTeam {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 12em; 
}

.tableCellTeam {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 15em; 
}

.tableHeaderPostcode {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableCellPostcode {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 4em; 
}

.tableHeaderAdres {
	background-color: #666666;
	color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 15em; 
}

.tableCellAdres {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 15em; 
}

.tableCellHuisnummer {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableHeaderHuisnummer {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 3em; 
}

.tableHeaderWoonplaats {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 10em; 
}

.tableCellWoonplaats {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 10em; 
}

.tableHeaderTelefoonnummer {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 8em; 
}

.tableCellTelefoonnummer {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 8em; 
}

.tableHeaderIdActiefDossier {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}

.tableCellIdActiefDossier
{
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}



#begeleiding_svs_ja:checked ~ .begeleiding_svs_ja_vervolg {
  display: block;
}

.begeleiding_svs_ja_vervolg {
  display: none;
  margin: 0px;
}

#enige_tijd_onder_dot_ja:checked ~ .enige_tijd_onder_dot_ja_vervolg {
  display: block;
}

.enige_tijd_onder_dot_ja_vervolg {
  display: none;
  margin: 0px;
}

.antwoord_ja_vervolg {
  display: none;
  margin: 0px;
}


#antwoord_ja:checked ~ .antwoord_ja_vervolg {
  display: block;
}

#toestemming_osiris_ja:checked ~ .toestemming_osiris_ja_vervolg {
  display: block;
}

.toestemming_osiris_ja_vervolg {
  display: none;
  margin: 0px;
}

#datum_binnenkomst_nederland_bekend_ja:checked ~ .datum_binnenkomst_nederland_bekend_ja_vervolg {
  display: block;
}

.datum_binnenkomst_nederland_bekend_ja_vervolg {
  display: none;
  margin: 0px;
}

#datum_binnenkomst_nederland_bekend_nee:checked ~ .datum_binnenkomst_nederland_bekend_nee_vervolg {
  display: block;
}

.datum_binnenkomst_nederland_bekend_nee_vervolg {
  display: none;
  margin: 0px;
}


#werkzaam_gezondheidszorg_of_met_risicogroepen_ja:checked ~ .werkzaam_gezondheidszorg_of_met_risicogroepen_ja_vervolg {
  display: block;
}

.werkzaam_gezondheidszorg_of_met_risicogroepen_ja_vervolg {
  display: none;
  margin: 0px;
}

#regeling_vergoeding_kosten_aangevraagd_ja:checked ~ .regeling_vergoeding_kosten_aangevraagd_ja_vervolg {
  display: block;
}

.regeling_vergoeding_kosten_aangevraagd_ja_vervolg {
  display: none;
  margin: 0px;
}

#hiv_test_verricht_ja:checked ~ .hiv_test_verricht_ja_vervolg {
  display: block;
}

.hiv_test_verricht_ja_vervolg {
  display: none;
  margin: 0px;
}

#hepatitis_b_getest_ja:checked ~ .hepatitis_b_getest_ja_vervolg {
  display: block;
}

.hepatitis_b_getest_ja_vervolg {
  display: none;
  margin: 0px;
}

#hepatitis_c_getest_ja:checked ~ .hepatitis_c_getest_ja_vervolg {
  display: block;
}

.hepatitis_c_getest_ja_vervolg {
  display: none;
  margin: 0px;
}

#ziekten_met_verhoogde_kans_ontstaan_tbc_ja:checked ~ .ziekten_met_verhoogde_kans_ontstaan_tbc_ja_vervolg {
  display: block;
}

.ziekten_met_verhoogde_kans_ontstaan_tbc_ja_vervolg {
  display: none;
  margin: 0px;
}

#gebruik_immunosuppressiva_ja:checked ~ .gebruik_immunosuppressiva_ja_vervolg {
  display: block;
}

.gebruik_immunosuppressiva_ja_vervolg {
  display: none;
  margin: 0px;
}


#eerder_tbc_vastgesteld_ja:checked ~ .eerder_tbc_vastgesteld_ja_vervolg {
  display: block;
}

.eerder_tbc_vastgesteld_ja_vervolg {
  display: none;
  margin: 0px;
}


#eerder_tbc_vastgesteld_behandeld_ja:checked ~ .eerder_tbc_vastgesteld_behandeld_ja_vervolg {
  display: block;
}

.eerder_tbc_vastgesteld_behandeld_ja_vervolg {
  display: none;
  margin: 0px;
}

#eerder_tbi_vastgesteld_ja:checked ~ .eerder_tbi_vastgesteld_ja_vervolg {
  display: block;
}

.eerder_tbi_vastgesteld_ja_vervolg {
  display: none;
  margin: 0px;
}

#preventieve_behandeling_gestart_ja:checked ~ .preventieve_behandeling_gestart_ja_vervolg {
  display: block;
}

.preventieve_behandeling_gestart_ja_vervolg {
  display: none;
  margin: 0px;
}

#uitslag_microscopisch_onderzoek_auramine_positief:checked ~ .uitslag_microscopisch_onderzoek_verricht_vervolg {
  display: block;
}


.uitslag_microscopisch_onderzoek_verricht_vervolg {
  display: none;
  margin: 0px;
}

#moleculaire_test_op_direct_materiaal_uitslag_positief:checked ~ .moleculaire_test_op_direct_materiaal_verricht_vervolg {
  display: block;
}

.moleculaire_test_op_direct_materiaal_verricht_vervolg {
  display: none;
  margin: 0px;
}

#kweek_positief:checked ~ .kweek_verricht_vervolg {
  display: block;
}


.kweek_verricht_vervolg {
  display: none;
  margin: 0px;
}

#fingerprintnummer_bekend_ja:checked ~ .fingerprintnummer_bekend_ja_vervolg {
  display: block;
}

.fingerprintnummer_bekend_ja_vervolg {
  display: none;
  margin: 0px;
}

#epidemiologisch_verband_aangetoond_met_clusteronderzoek:checked ~ .epidemiologisch_verband_aangetoond_met_clusteronderzoek_vervolg {
  display: block;
}

.epidemiologisch_verband_aangetoond_met_clusteronderzoek_vervolg {
  display: none;
  margin: 0px;
}

#meer_dan_1_week_opgenomen_in_ziekenhuis_ja:checked ~ .meer_dan_1_week_opgenomen_in_ziekenhuis_ja_vervolg {
  display: block;
}

.meer_dan_1_week_opgenomen_in_ziekenhuis_ja_vervolg {
  display: none;
  margin: 0px;
}

#meer_dan_1_week_opgenomen_in_sanatorium_ja:checked ~ .meer_dan_1_week_opgenomen_in_sanatorium_ja_vervolg {
  display: block;
}

.meer_dan_1_week_opgenomen_in_sanatorium_ja_vervolg {
  display: none;
  margin: 0px;
}

#hoestklachten_val_ja:checked ~ .hoestklachten_val_ja_vervolg {
  display: block;
}

.hoestklachten_val_ja_vervolg {
  display: none;
  margin: 0px;
}


#hoestklachten_ja:checked ~ .hoestklachten_ja_vervolg {
  display: block;
}

.hoestklachten_ja_vervolg {
  display: none;
  margin: 0px;
}

#vermoeidheidsklachten_ja:checked ~ .vermoeidheidsklachten_ja_vervolg{
	display: block; 	
}

.vermoeidheidsklachten_ja_vervolg {
  display: none;
  margin: 0px;
}


#koorts_ja:checked ~ .koorts_ja_vervolg{
	display: block; 	
}

.koorts_ja_vervolg {
  display: none;
  margin: 0px;
}

#nachtzweten_ja:checked ~ .nachtzweten_ja_vervolg{
	display: block; 	
}

.nachtzweten_ja_vervolg {
  display: none;
  margin: 0px;
}

#malaiseklachten_ja:checked ~ .malaiseklachten_ja_vervolg{
	display: block; 	
}

.malaiseklachten_ja_vervolg {
  display: none;
  margin: 0px;
}

#gewichtsverlies_ja:checked ~ .gewichtsverlies_ja_vervolg{
	display: block; 	
}

.gewichtsverlies_ja_vervolg {
  display: none;
  margin: 0px;
}


#overige_klachten_ja:checked ~ .overige_klachten_ja_vervolg{
	display: block; 	
}

.overige_klachten_ja_vervolg {
  display: none;
  margin: 0px;
}


#eerder_tht_gehad_ja:checked ~ .eerder_tht_gehad_ja_vervolg{
	display: block; 	
}

.eerder_tht_gehad_ja_vervolg {
  display: none;
  margin: 0px;
}

#eerder_igra_gehad_ja:checked ~ .eerder_igra_gehad_ja_vervolg{
	display: block; 	
}

.eerder_igra_gehad_ja_vervolg {
  display: none;
  margin: 0px;
}

#eerder_x_thorax_gehad_ja:checked ~ .eerder_x_thorax_gehad_ja_vervolg{
	display: block; 	
}

.eerder_x_thorax_gehad_ja_vervolg {
  display: none;
  margin: 0px;
}
/*medicijnen die WEL met tbstatica interfereren */
#gebruik_met_tbstatica_interfererende_medicijnen_ja:checked ~ .gebruik_met_tbstatica_interfererende_medicijnen_ja_vervolg{
	display: block; 	
}

.gebruik_met_tbstatica_interfererende_medicijnen_ja_vervolg {
  display: none;
  margin: 0px;
}

#gebruik_met_tbstatica_interfererende_medicijnen_ja:checked ~ .gebruik_met_tbstatica_interfererende_medicijnen_toelichting{
	display: block; 	
}

.gebruik_met_tbstatica_interfererende_medicijnen_toelichting {
  display: none;
  margin: 0px;
}
/*medicijnen die NIET met tbstatica interfereren */

#gebruik_niet_met_tbstatica_interfererende_medicijnen_ja:checked ~ .gebruik_niet_met_tbstatica_interfererende_medicijnen_toelichting{
	display: block; 	
}

.gebruik_niet_met_tbstatica_interfererende_medicijnen_toelichting {
  display: none;
  margin: 0px;
}






/*middelen die WEL interfereren met tbstatica */

#gebruik_met_tbstatica_interfererende_middelen_ja:checked ~ .gebruik_met_tbstatica_interfererende_middelen_ja_vervolg{
	display: block; 	
}

.gebruik_met_tbstatica_interfererende_middelen_ja_vervolg {
  display: none;
  margin: 0px;
}

/*middelen die NIET interfereren met tbstatica */

#gebruik_niet_met_tbstatica_interfererende_middelen_ja:checked ~ .gebruik_niet_met_tbstatica_interfererende_middelen_ja_vervolg{
	display: block; 	
}

.gebruik_niet_met_tbstatica_interfererende_middelen_ja_vervolg {
  display: none;
  margin: 0px;
}








#beperkingen_in_functioneren_ja:checked ~ .beperkingen_in_functioneren_ja_vervolg{
	display: block; 	
}

.beperkingen_in_functioneren_ja_vervolg {
  display: none;
  margin: 0px;
}

#arbodienst_ja:checked ~ .arbodienst_ja_vervolg{
  display: block; 	
}

.arbodienst_ja_vervolg {
  display: none;
  margin: 0px;
}

#huisarts_ja:checked ~ .huisarts_ja_vervolg{
  display: block; 	
}

.huisarts_ja_vervolg {
  display: none;
  margin: 0px;
}


#verblijf_buitenland_ja:checked ~ .verblijf_buitenland_ja_vervolg{
	display: block; 	
}

.verblijf_buitenland_ja_vervolg {
  display: none;
  margin: 0px;
}



#tuberculose_bij_bekenden_in_het_verleden_ja:checked ~ .tuberculose_bij_bekenden_in_het_verleden_ja_vervolg{
	display: block; 	
}

.tuberculose_bij_bekenden_in_het_verleden_ja_vervolg {
  display: none;
  margin: 0px;
}

#hoestende_personen_in_omgeving_ja:checked ~ .hoestende_personen_in_omgeving_ja_vervolg{
	display: block; 	
}

.hoestende_personen_in_omgeving_ja_vervolg {
  display: none;
  margin: 0px;
}

#bekende_contacten_overleden_aan_longziekten_ja:checked ~ .bekende_contacten_overleden_aan_longziekten_ja_vervolg{
	display: block; 	
}

.bekende_contacten_overleden_aan_longziekten_ja_vervolg {
  display: none;
  margin: 0px;
}

#laatste_2_jaar_in_detentie_ja:checked ~ .laatste_2_jaar_in_detentie_ja_vervolg{
	display: block; 	
}

.laatste_2_jaar_in_detentie_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxxxxxxxxxxxxxxx:checked ~ .xxxxxxxxxxxxxx_vervolg{
	display: block; 	
}

.xxxxxxxxxxxxxxxxxxxxxx_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxxxxxxxxxxxxxxx:checked ~ .xxxxxxxxxxxxxx_vervolg{
	display: block; 	
}

.xxxxxxxxxxxxxxxxxxxxxx_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxxxxxxxxxxxxxxx:checked ~ .xxxxxxxxxxxxxx_vervolg{
	display: block; 	
}

.xxxxxxxxxxxxxxxxxxxxxx_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxxxxxxxxxxxxxxx:checked ~ .xxxxxxxxxxxxxx_vervolg{
	display: block; 	
}

.xxxxxxxxxxxxxxxxxxxxxx_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxxxxxxxxxxxxxxx:checked ~ .xxxxxxxxxxxxxx_vervolg{
	display: block; 	
}

.xxxxxxxxxxxxxxxxxxxxxx_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxxxxxxxxxxxxxxx:checked ~ .xxxxxxxxxxxxxx_vervolg{
	display: block; 	
}

.xxxxxxxxxxxxxxxxxxxxxx_ja_vervolg {
  display: none;
  margin: 0px;
}



#personen_opgeroepen_ring_1_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_1_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_1_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}






#personen_opgeroepen_ring_2_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_2_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_2_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}

#personen_opgeroepen_ring_3_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_3_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_3_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}

#personen_opgeroepen_ring_4_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_4_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_4_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}


#beleid_tbi_veranderd_ja:checked ~ .beleid_tbi_veranderd_ja_vervolg {
  display: block;
}

.beleid_tbi_veranderd_ja_vervolg {
  display: none;
  margin: 0px;
}

#opname_ziekenhuis_ja:checked ~ .opname_ziekenhuis_ja_vervolg {
  display: block;
}

.opname_ziekenhuis_ja_vervolg {
  display: none;
  margin: 0px;
}


#opname_ziekenhuis_bij_diagnose_ja:checked ~ .opname_ziekenhuis_bij_diagnose_ja_vervolg {
  display: block;
}

.opname_ziekenhuis_bij_diagnose_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxx_ja:checked ~ .xxxx_ja_vervolg {
  display: block;
}

.xxxx_ja_vervolg {
  display: none;
  margin: 0px;
}




.blocked { 
}

.unblocked {
  display: none;
  appearance: none; 
  cursor: pointer;
}

#permitted:checked ~ .blocked {
  display: none;
}

#permitted:checked ~ .unblocked {
  display: block;
}

#permitted_2:checked ~ .blocked {
  display: none;
}

#permitted_2:checked ~ .unblocked {
  display: block;
}

#permitted_3:checked ~ .blocked {
  display: none;
}

#permitted_3:checked ~ .unblocked {
  display: block;
}

#indicatie_overige_opname_sanatorium
{
width: 500px; 	
}

input[type="checkbox"] {
display: none;
}

a {
    padding: 1px 6px;
    border: 0px outset buttonborder;
    border-radius: 3px;
    color: buttontext;
    background-color: buttonface;
    text-decoration: none;
	position: relative; 
	display: inline; 
	cursor: pointer; 
}

a:hover {
	color: black;
    background: yellow;	
}

#content_pane
{
top: 300px;
height: 1000px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 20px; 
height: 1500px;
width: 98%;
border: 1px solid red; 
}

#formulieren
{
top: 5px;
height: auto;
display: block;
position: relative; 
left: 20px; 
width: 98%;
border: 1px solid red; 
}


#meldingsformulier {
display: block;
position: relative; 
border: 2px solid red;	
padding: 5px;
margin: 5px; 
top: 10px;
left: 0px;
width: 95%;
height: auto;
float: left;
background-color: #EEEEEE;
}

#icd9_diagnose {
display: block;
position: relative; 
border: 2px solid green;
padding: 5px; 
margin: 5px; 
left: 0px;
top: 10px;
width: 95%;
height: auto;
float: left;
background-color: #EEEEEE;	
column-count: 2;
column-gap: 20px;
}

#osiris
{
display: block;
position: relative; 
border: 2px solid red;	
padding: 5px;
margin: 5px; 
top: 10px;
left: 0px;
width: 95%;
height: auto;
float: left;
background-color: #EEEEEE;
}

#val_lijst {
display: block;
position: relative; 
border: 2px solid red;	
padding: 5px;
margin: 5px; 
top: 10px;
left: 0px;
width: 95%;
height: auto;
float: left;
background-color: #EEEEEE;

}

#ntr_uitdraai {
display: block;
position: relative; 
border: 2px solid brown;	
padding: 5px; 
margin: 5px; 
left: 0px;
top: 50px;
width: 95%;
height: auto;
float: left;
background-color: #EEEEEE;
}


#menu_formulieren
{
display: block;
position: fixed; 	
left: 0px; 
top: 250px; 
font-size: 0.8em;}

.tab
{
display: block; 
position: relative; 
width: auto; 
float: left;  
left: 3px; 
}

	#tab_1, #tab_2, #tab_3, #tab_4, #tab_5, #tab_6, #tab_7
	{
	margin-left: 15px; 	
	border: 1px solid black;
	border-radius: 8px 8px 0px 0px;
	padding: 2px; 
	}
	
	
	
		#scrollposition{
			position: fixed;
			display: block;
			font-weight: bold; 
			top: 50px; 
			right: 130px;
			border: 1px solid black; 	
			padding: 2px; 		
		}
	

#val_bijwerken
{
		position: fixed;
			display: block;
			
			top:400px; 
			left: 0px; 
			overflow: scroll; 
			padding: 5px; 
			height: 1090px; 
}

#console
{
	font-size: 0.8em;
}








































.tableCellText255 {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 200px; 
}

.tableCellInfo {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 300px; 
}

.tableCellLanden {
  display: table-cell;
  padding: 0px; 
  vertical-align: top;
  border: 1px solid black;
  padding-left: 2px; 
  font-weight: normal;
}

.tableCellActieveDiagnose
{
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  overflow: auto; 
  width: 500px; 
}

.tableCellNtr {
display: table-cell;
padding: 3px; 
vertical-align: top;
border: 1px solid black;
width: 100px;
<?php echo 'display: tableCell;'?>
}

.tableCellSelected {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  background-color: yellow;
}

.tableCellColumn2 {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  column-count: 3;
  width: 600px; 
}

.tableCellBroco {
  display: table-cell;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
  border: 1px solid black;
}

.team
{
  display: block; 
  background: #2697D3;	
}

#label_name_selected_client
{	 
}

p{
display: none;
}


	
	
{
display: block; 
position: relative; 
float: left;
top: 6px;
left: 6px;
color: white;	
}

span
{
	color: black;
}

.ntr
{
	color: black;
	font-size: 7pt;
	float: right; 
}

#container_button_update_diagnose
{
position: relative; 
display: block;
float: left; 
border: 2px solid red; 
width: 100%;
left: 5px;
margin-right: 10px;  
padding-right: 10px;  
height: auto; 
}

#container_button_diagnose_toevoegen
{
position: relative; 
display: block;
width: 100%;
height: auto; 
float: left; 
left: 5px;
margin-right: 10px;  
padding-right: 10px;  
border: 2px solid green; 
}

#container_button_registratie_bijwerken
{
position: relative; 
display: block;
width: 100%;
height: auto; 
border: 2px solid brown; 
left: 5px;
margin-right: 10px;  
padding-right: 5px;  
float: left; 
}

#container_ntr_uitdraai
{
position: relative; 
display: block;
width: 100%;
height: auto; 
border: 2px solid blue; 
left: 5px;
margin-right: 10px;  
padding-right: 5px;  
float: left; 
}

#container_tuberculose_infectie_leeg
{
position: relative; 
display: block;
width: 100%;
height: 44px; 
float: left; 
left: 5px;
margin-right: 10px;  
padding-right: 10px;  
border: 2px solid green; 
}

#button_update_diagnose
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_diagnose_toevoegen
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_registratie_tuberculose_ziekte_bijwerken
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_registratie_tuberculose_infectie_bijwerken
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_save_ntr_uitdraai
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#open_meldingsformulier
{
float: left; 	
}

#open_icd9_diagnose
{
	float: left; 
}

#open_osiris
{
	float: left; 
}

#open_ntr_uitdraai
{
	float: left; 
}


#domein_in_diagnose
{
display: block;
position: relative; 
border: 2px solid red;	
overflow: scroll; 
padding: 5px;
margin: 5px; 
top: 50px;
left: 0px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;
}

#lijst_diagnoses_patient
{
display: block;
position: relative; 
border: 2px solid blue;	
padding: 5px;
margin: 5px;  
top: 0px;
left: 5px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;
}

#checkboxgroup
{
display: block;
position: relative; 
border: 2px solid green;
padding: 5px; 
margin: 5px; 
left: 0px;
top: 50px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;	
column-count: 2;
column-gap: 20px;
}

#registratie_huidige_diagnose_tbc
{
display: block;
position: relative; 
border: 2px solid brown;	
padding: 5px; 
margin: 5px; 
left: 0px;
top: 50px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;
overflow: scroll;
}

#registratie_huidige_diagnose_tbi
{
display: block;
position: relative; 
border: 2px solid brown;	
padding: 5px; 
margin: 5px; 
left: 0px;
top: 50px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;
overflow: scroll;
}

#ntr_uitdraai
{
display: block;
position: relative; 
border: 2px solid blue;	
padding: 5px; 
margin: 5px; 
left: 0px;
top: 5px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;
overflow: scroll;
}

#lijst_diagnoses
{
display: block;
position: relative; 
border-top: 1px solid grey;	
border-bottom: 1px solid grey;	
top: 0px;
left: 0px;
width: 100%;
height: 800px;
float: left;
background-color: #EEEEEE;
}

#container_selecteer_domein
{
display: block;
position: relative; 
margin-top: 0px;
border: 2px solid black;	
top: 0px;
padding: 2px;
left: 0px;
float: left;
width: 20%;
padding: 10px;
margin-top: 5px;
margin-left: 0px;
height: 500px; 
column-count: 2; 
column-gap: 10px;
column-rule: 1px  #FF00FF;
background-color: #DDDDDD;
}

.ZorgprogrammasInDomein
{
position: relative;
display: block;
border:  2px solid blue;
top: 5px;
padding: 10px;
columns: 3;
column-fill: auto;
width: 30%;
height: 500px;
left: 10px;
float: left;
background-color: #DDDDDD;
}

#button_domein_zorgprogramma_toevoegen
{
position: relative;
display: block;
}

label.toevoegen
{
  display: inline-block;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  color: #000000;
  font-size: 0.9em;
  float: left;
  top: 20px;
}

input[type="checkbox"]:checked+label {
   background-color: yellow;
     font-weight: bold;
  color: black;
}

input[type="checkbox"] {
display: none;
}

.button_ongekleurd
{	
	border: 1px solid #020353;
	border-radius: 5px;
}

.button_ongekleurd_yellow
{
	background-color: yellow;
	border: 1px solid #020353;
	border-radius: 5px;
}

#elementen_onder_client_en_zorgprogramma
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border-top: 3px solid brown; 
border-bottom: 3px solid brown; 
left: 0px;
float: left;
width: 100%;
top: 50px;
min-height: 50px;
padding: 5px;
}

#info_geopend_zorgprogramma
{
display: block;
position: relative; 
background-color: #DDDDDD; 
border-top: 1px solid brown; 
border-bottom: 1px solid brown; 
left: 0px;
float: left;
width: 100%;
top: 2px;
padding: 5px;
}
.orange
{
background-color: orange;
}

.green
{
background-color: green;
color: #FFFFFF;
}

.blue
{
background-color: blue;
color: #FFFFFF;
}

.light_green
{
background-color: #00FF00;
color: #000000;
}

.grey
{
background-color: #999999;
color: #000000;
}

label.selected{
border: 2px solid black;
}


#header_beschikbare_elementen
{
display: block;
position: relative; 
border: 0px solid brown;
padding: 5px;	
float: left;
top: 5px;
left: 5px;
width: auto;
padding: 5x;
height: 800px;
}


#container_lijst_zorgprogrammas_in_clienten
{float:left;
display: block;
position: static; 
width:400px;
height:auto;
margin:5px 5px 25px 5px;
border: 1px solid red;	
top: 10px;
bottom: 10px;
left: 10px;
width: 24%px;
overflow: scroll;
}

.afspraken
{
width: 300px;		
}

	caption {
		background-color: #2697D3;
		color: #FFF;
		padding: 4px;
		text-align: center;
	}


th.kalender {
	background-color: #2697D3;
	color: #FFF;
	padding: 4px;
	border: 1px solid black;
	font-weight:normal;
	width: 75px; 
	text-align: center; 
}

td.kalender {	
	padding: 4px;
	border: 1px solid black;
	font-weight:normal;
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}

td.active {
	background-color: white;
	color: #FFFFFF;
	border: 1px solid black;
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}

td.blank {
	background-color: #AAAAAA;
	color: #FFFFFF;
	border: 1px solid black;
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}

td.today {
	color: #000000;
	border: 3px solid blue;
	margin: -2px;
	
	width: 75px; 
	display: table-cell; 
	align-horizontal: centre; 
	text-align: center; 
}

td.today_selected {
	color: #000000;
	background-color: yellow;
	border: 3px solid blue;
	margin: -2px;
	
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}

td.niet_planbaar_deze_maand {
	color: #FFFFFF;
	background-color: grey;
	border: 1px solid black;
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}


td.verleden_deze_maand {
	color: #FFFFFF;
	background-color: #555555;
	width: 75pxpx; 
	display: table-cell; 
	text-align: center; 
}

td.verleden_buiten_deze_maand {
	color: #FFFFFF;
	background-color: #666666;
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}

td.niet_planbaar_buiten_deze_maand {
	color: #DDDDDD;
	background-color: #666666;
	border: 1px solid black;
	width: 75px; 
	display: table-cell; 
	text-align: center; 
}


td.donderdag{
color: #000000;
border: 4px solid red;
margin: -3px; 
background-color: opacity 50%;
text-align: center; 
}

td.plandatum {
	color: #FFFFFF;
	background-color: green;
	border: 1px solid black;
	text-align: center; 
}
	
td.plandatum_marge {
	color: #FFFFFF;
	background-color: #00FF00;
	border: 3px solid black;
	opacity:  0.5;
	text-align: center; 
	
}

td.plandatum_einde_interval {
	color: #FFFFFF;
	background-color: #00FF00;
	border: 1px solid black;
	text-align: center; 
}

td.datum_afspraak {
	color: #000000;
	background-color: yellow;
	border: 1px solid black;
	text-align: center; 
}
	
td.tab_bold{
border: 0px solid black;
		
  display: inline-block;
  cursor: pointer;
  font-family: Franklin Gothic Regular; 
  font-weight: bold;
  font-size: 1.1em;
}

td.tab{
border: 0px solid black;	
display: inline-block;
cursor: pointer;
font-family: Franklin Gothic Regular; 
font-weight: normal;
font-size: 1.1em;
}
	
tr.tab{
border: 0px solid black;
}

table.tab{
border: 0px solid black;
}

#navbtn1, #navbtn2 {
font-weight: 600;
color: #FFF;
text-decoration: none;
}

#navbtn1 
{
float: left;
}
#navbtn2 
{
float: right;
}
		
#leeslijst_button
{
position: fixed;
display: block;	
top: 100px; 
left: 20px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white; 
float: left;      
}

#filter_button
{
position: fixed;
display: block;	
top: 100px; 
left: 80px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#kinderfotos_button
{
position: fixed;
display: block;	
top: 100px; 
left: 140px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid black;  
float: left;  
}

#nspoh_button
{
position: fixed;
display: block;	
top: 100px; 
left: 200px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#invert_button
{
position: fixed;
display: block;	
top: 100px; 
left: 260px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#uitroepteken_button
{
position: fixed;
display: block;	
top: 100px; 
left: 320px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#go_to_previous_image
{
position: fixed;
display: block;	
top: 900px; 
left: 10px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
}

#go_to_previous_image_not_functional
{
position: fixed;
display: none;	
top: 900px; 
left: 10px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
cursor: none;
}

#go_to_previous_image_not_functional:hover
{
background-color: black;
}

#go_to_next_image
{
position: fixed;
display: block;	
top: 900px; 
left: 80px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
}

#go_to_next_image_not_functional
{
position: fixed;
display: none;	
top: 900px; 
left: 80px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
cursor: none;
}

#go_to_next_image_not_functional:hover
{
background-color: black;	
}

#uitslag_invoer_menu
{
position: fixed;
display: block;	
top: 980px; 
height: 780px;
left: 20px;
width: 515px;
border: 2px solid red;
margin: 0px;
padding: 10px 10px;	
}

#uitslag_opslaan
{
position: fixed;
display: none;	
top: 1000px; 
left: 250px;
width: 120px;
height: 80px;
padding: 0px;
margin: 0px;
border: 2px solid green; 
border-radius: 6px;
cursor: pointer;
}

#uitslag_opslaan_niet_functioneel
{
position: fixed;
display: block;	
top: 1000px; 
left: 250px;
width: 120px;
height: 80px;
padding: 0px;
margin: 0px;
border: 0px;
color: #555; 
background-color: #999;	
cursor: none;
border-radius: 6px;
}

#uitslag_opslaan_niet_functioneel:hover
{
color: #555; 
background-color: blue;	
}

#beoordeling_technisch
{
position: fixed;
display: block;
width: 490px;
border: 2px solid black;
top: 1260px;
}

#lezing_1_tekst
{
position: fixed;
display: none;
width: 400px;
border: 0px solid black;
top: 1100px;
left: 120px;	
height: 300px;
}

td.even{
background-color: #DDDDDD;	
}

td.uneven{
background-color: #FFFFFF;	
}

tr.uneven {
  background-color: #FFFFFF;
  color: black;
}
	
tr.even {
  background-color: #DDDDDD;
  color: black;
}

marge .input[type="radio"]:checked+label,
.checked+label {
	background-color: yellow;
	cursor: pointer;
	color: black;
}


.label_nieuwe_client{
background: #FFFFFF;
color: #000000;
text-decoration: none;
width: 200px;
}

.check-with-label:checked + .label-for-check 
{
	font-weight: bold;
	background-color: yellow;
	cursor: pointer;
	color: black;
}

#array_weergave
{
position: relative; 
display: block;
border: 1px solid blue; 
}

#sleutel{
position: fixed;
display: block;
border: 3px solid blue; 
background-color: #EEEEEE;
padding: 10px;
top: 110px; 
color: #000000;
left: 600px; 
}

img
{
	padding: 0px; 	
}

label .foto_uitslag{
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-size: 1.8em;
  cursor: pointer;
  color: #000000;
}

.foto_uitslag{
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  cursor: pointer;
  color: #000000;
}

.geslacht {
  display: inline-block;
  background-color: #ddd;
  padding: 2px;
  margin: 1px;
  cursor: pointer;
  color: #000000;
  font-weight: normal; 
}

.rTable {
		    	display: table;
		    	width: 80%;
				padding: 10px 10px;		
		}
		
.rTableRow {
		display: table-row;	
}

.rTableRowSelected {
		display: table-row;
		background-color: yellow;	
		color: #000000;
}

.rTableRowSelectedRed{
		display: table-row;
		background-color: #fff;	
		color: red; 				
}

.rTableRowRed {
		display: table-row;
		color: red;		
}

.rTableHeading {
		display: table-header-group;
		background-color: #ddd;
		font-weight: bold;
		
}

.rTableCell, .rTableHead {
		display: table-cell;
		padding: 3px 3px;
		border: 1px solid black;
}
	
.rTableCellSelected {
		display: table-cell;
		padding: 3px 3px;
		border-left: 1px solid black;
		border-right: 1px solid black;
		background-color: #dddddd;	
}

.rTableFoot {
		display: table-footer-group;
		font-weight: bold;
		background-color: #ddd;
}

.rTableBody {
		display: table-row-group;
}
			
#introscherm
{
position: fixed;
display: block;
width: auto;
top: 0px; 
right: 0px;
padding: 10px;
margin: 0px;
border: 1px solid black;
height: auto;
overflow: auto;
}

#header_leeslijst
{
position: fixed;
display: block;
width: auto;
height: 100px;
background-color: black;
top: 0px; 
left: 0px;	
right: 0px;
padding: 10px;
margin: 0px;
border: 1px solid white;
}

#leeslijst
{
position: fixed;
display: block;
width: 2000px;
height: 1700px;
background-color: black;
top: 100px; 
overflow: scroll;
left: 600px;	
right: 0px;
padding: 10px;
margin: 0px;
border: 1px solid white;
}

#button_go_to_fotos_header_leeslijst
{
position: fixed;
display: block;	
top: 20px; 
left: 30px;
width: 100px;
padding: 3px;
margin: 1px;
border: 1px;
height: 100px;    
}

#controleer_leeslijst
{
position: fixed;
display: block;	
top: 60px; 
left: 30px;
width: 800px;
padding: 3px;
margin: 1px;
border: 1px; 	
}

figure{
margin: 0px;
padding: 0px;
border: 0px;
}

figcaption{
margin: 0px;
padding: 0px 10px;
border: 0px;	
}

select{
font-size: 1.0em	
}


	#label_name_selected_client
	{	 
	
	}

	p{
	display: none;
	}
	
	#toegevoegde_elementen
	{
	display: block;
	position: absolute;
	top: 1400px;
	border: 1px solid red; 
	padding: 5px;
	left: 10px;
	}

	#planning
	{
	position: static; 
	display: block;	
	border: 10x solid red;
	}

	#kalender
	{
	position: relative;
	display: block;
	width: auto;	
	}
	
	li{
	list-style: none;	
	}
	
	#invoer_elementen
	{
	border: 1px solid red; display: block;
	position: relative; 
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px;	
	}
	
	#rooster_roentgen
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px; 
	column-count: 2; 
	}
			
	#rooster_arts
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px; 
	}
	
	#rooster_lab
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px; 
	}
	
	td.rooster
	{
	
	padding: 0px;
	margin: 0px;
	width: auto;
	
	
	}
	
		label.rooster
	{
	
	padding: 0px;
	margin: 0px;
	width: auto;
	
	
	}
	
	input
	


#main{
	display: block;
position: static; 
float:left;
width:27%;
height: 900px;
margin:20px;
border: 3px solid red;
bottom: 10px;
}

#main.uitslagen{
	display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:20px;
border: 3px solid red;
bottom: 10px;
}

#main.overzichten
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.verrichtingen
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.te_plannen
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.afsprakenoverzicht
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.contactonderzoeken
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.contacten
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.nieuwe_client
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 1px solid blue;
top: 10px;
column-count: 2; 
}







.invoer_elementen_1
{
	display: block;
	position: relative; 
	width: auto;
	float: left;
}

.invoer_elementen_2
{
	display: block;
	position: relative; 
	width: auto;
	float: left;
}

.invoer_elementen_3
{
	display: block;
	position: relative; 
	width: auto;
	float: left;
}

.afspraken { 
	width: 200px;
}

aside {
  width: 500px;
  display: block;
  position: relative;
  height: 1100px;
  float: left;
  color: #000000;
  border: 2px solid brown;
  margin-left: 5px;
  top: 5px; 
}

aside.client {
  width: 25%;
  background-color: #EEEEEE; 
}

#rapportage_aanpassen
{
display: block;
position: relative; 
background-color: #dddddd; 
border: 3px solid brown; 
left: 5px;
float: left;
width: 69%;
height: auto;
padding: 5px;
}

textarea.uitslag{
font-size: 1.0em;		
}

textarea.client{
display: inlineblock;
position: relative;
left: 5px;
top: 5px; 
width: 99%;
height: auto;
background-color: red; 	
}



textarea{
display: none;
position: relative;
left: 5px;
top: 5px; 
width: 50%;
height: auto;
background-color: yellow; 
font-size: 1.0em;	
}

.marge label,
.marge input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#leesgedeelte{
position: fixed;
display: block;
width: 450px;
height: 95%;
border: 0px solid red; 
background-color: #CCCCCC;
padding: 0px;
top: 475px; 
color: #000000;
left: 0px; 
} 


#uitslag
{
position: fixed;
display: block;	
top: 170px; 
left: 20px;
width: 400px;
border: 1px solid yellow; 
margin: 0px;
padding: 10px 10px;	
height: 400px;
}

#patient_info
{
position: fixed;
display: block;	
top: 600px; 
left: 20px;
width: 400px;
border: 1px solid brown; 
margin: 0px;
padding: 10px 10px;	
}

#indicatie
{
position: fixed;
display: block;	
top: 800px; 
left: 20px;
width: 400px;
border: 1px solid green; 
margin: 0px;
padding: 10px 10px;	
}

#medische_info
{
position: fixed;
display: block;	
top: 700px; 
left: 20px;
width: 400px;
border: 1px solid purple; 
margin: 0px;
padding: 10px 10px;	
}

#volgnummer_foto_patient
{
position: fixed;
display: block;	
top: 850px; 
left: 20px;
width: 470px;
border: 3px solid grey; 
margin: 0px;
padding: 10px 10px;	

}

.uitslag_white{
font-size: 3.0em;	
color: white; 	
}



.uitslag_red
{
font-size: 3.0em;
color: red; 		
}

.roentgenfotos
{
background-color: #111111;	
color: white;
margin: 0px; 
border: 0px;
}


#foto{
position: fixed;
display: block;
width: auto;
border: 0px solid green; 
padding: 0px;
top: 100px;
height: 2000px;
right: 5px;
float: right;
} 

figure
{
}


figcaption
{
	position: relative;
	height: auto;
	border: 1px solid green;
	padding: 0em;
	display: table-caption;
    caption-side: top;
	color: white;
	width: 400px;
}

#header_roentgenfotos
{
display: block;
position: fixed;
padding: 0px;
margin: 0px;
width: 450px;
top: 0px;
left: 0px;	
border: 0px solid red;
height: 80px; 
background-color: #2697D3;

}

#menu_fotos_lezen
{
position: relative;
display: block;	
top: 5px;
border: 1px solid green; 
}

#subjectief
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

#objectief
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

#evaluatie
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

#plan
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

td.volgnummer{
  display: table-cell;
  border:  1px solid black;
  height: auto; 
  padding: 0px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  height: auto;
  width: 3%;
}

#begeleiding_svs_ja:checked ~ .begeleiding_svs_ja_vervolg {
  display: block;
}

.begeleiding_svs_ja_vervolg {
  display: none;
  margin: 0px;
}

#enige_tijd_onder_dot_ja:checked ~ .enige_tijd_onder_dot_ja_vervolg {
  display: block;
}

.enige_tijd_onder_dot_ja_vervolg {
  display: none;
  margin: 0px;
}

.antwoord_ja_vervolg {
  display: none;
  margin: 0px;
}

/* The :checked CSS pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select> element) that is checked or toggled to an on state. 
:checked ~ is een CSS-selector die alle elementen selecteert die een broer/zus zijn van een ingecheckt element (zoals een checkbox of radiobutton) en die direct na dat ingecheckte element komen in de HTML. 
De ~ (tildesymbool) is de CSS "general sibling combinator" die elementen selecteert die hetzelfde parent-element hebben, ongeacht hoeveel elementen er tussen zitten, zolang ze allemaal siblings (broer/zus) zijn. 
The subsequent-sibling combinator ( ~ , a tilde) separates two selectors and matches all instances of the second element that follow the first element (not necessarily immediately) and share the same parent element.
The white space around the ~ combinator is optional but recommended.*/


#antwoord_ja:checked ~ .antwoord_ja_vervolg {
  display: block;
}

#toestemming_osiris_ja:checked ~ .toestemming_osiris_ja_vervolg {
  display: block;
}

.toestemming_osiris_ja_vervolg {
  display: none;
  margin: 0px;
}

#datum_binnenkomst_nederland_bekend_ja:checked ~ .datum_binnenkomst_nederland_bekend_ja_vervolg {
  display: block;
}

.datum_binnenkomst_nederland_bekend_ja_vervolg {
  display: none;
  margin: 0px;
}

#datum_binnenkomst_nederland_bekend_nee:checked ~ .datum_binnenkomst_nederland_bekend_nee_vervolg {
  display: block;
}

.datum_binnenkomst_nederland_bekend_nee_vervolg {
  display: none;
  margin: 0px;
}


#werkzaam_gezondheidszorg_of_met_risicogroepen_ja:checked ~ .werkzaam_gezondheidszorg_of_met_risicogroepen_ja_vervolg {
  display: block;
}

.werkzaam_gezondheidszorg_of_met_risicogroepen_ja_vervolg {
  display: none;
  margin: 0px;
}

#regeling_vergoeding_kosten_aangevraagd_ja:checked ~ .regeling_vergoeding_kosten_aangevraagd_ja_vervolg {
  display: block;
}

.regeling_vergoeding_kosten_aangevraagd_ja_vervolg {
  display: none;
  margin: 0px;
}

#hiv_test_verricht_ja:checked ~ .hiv_test_verricht_ja_vervolg {
  display: block;
}

.hiv_test_verricht_ja_vervolg {
  display: none;
  margin: 0px;
}

#hepatitis_b_getest_ja:checked ~ .hepatitis_b_getest_ja_vervolg {
  display: block;
}

.hepatitis_b_getest_ja_vervolg {
  display: none;
  margin: 0px;
}

#hepatitis_c_getest_ja:checked ~ .hepatitis_c_getest_ja_vervolg {
  display: block;
}

.hepatitis_c_getest_ja_vervolg {
  display: none;
  margin: 0px;
}

#ziekten_met_verhoogde_kans_ontstaan_tbc_ja:checked ~ .ziekten_met_verhoogde_kans_ontstaan_tbc_ja_vervolg {
  display: block;
}

.ziekten_met_verhoogde_kans_ontstaan_tbc_ja_vervolg {
  display: none;
  margin: 0px;
}

#gebruik_immunosuppressiva_ja:checked ~ .gebruik_immunosuppressiva_ja_vervolg {
  display: block;
}

.gebruik_immunosuppressiva_ja_vervolg {
  display: none;
  margin: 0px;
}


#eerder_tbc_vastgesteld_ja:checked ~ .eerder_tbc_vastgesteld_ja_vervolg {
  display: block;
}

.eerder_tbc_vastgesteld_ja_vervolg {
  display: none;
  margin: 0px;
}


#eerder_tbc_vastgesteld_behandeld_ja:checked ~ .eerder_tbc_vastgesteld_behandeld_ja_vervolg {
  display: block;
}

.eerder_tbc_vastgesteld_behandeld_ja_vervolg {
  display: none;
  margin: 0px;
}

#eerder_tbi_vastgesteld_ja:checked ~ .eerder_tbi_vastgesteld_ja_vervolg {
  display: block;
}

.eerder_tbi_vastgesteld_ja_vervolg {
  display: none;
  margin: 0px;
}

#preventieve_behandeling_gestart_ja:checked ~ .preventieve_behandeling_gestart_ja_vervolg {
  display: block;
}

.preventieve_behandeling_gestart_ja_vervolg {
  display: none;
  margin: 0px;
}

#uitslag_microscopisch_onderzoek_auramine_positief:checked ~ .uitslag_microscopisch_onderzoek_verricht_vervolg {
  display: block;
}


.uitslag_microscopisch_onderzoek_verricht_vervolg {
  display: none;
  margin: 0px;
}

#moleculaire_test_op_direct_materiaal_uitslag_positief:checked ~ .moleculaire_test_op_direct_materiaal_verricht_vervolg {
  display: block;
}

.moleculaire_test_op_direct_materiaal_verricht_vervolg {
  display: none;
  margin: 0px;
}

#kweek_positief:checked ~ .kweek_verricht_vervolg {
  display: block;
}


.kweek_verricht_vervolg {
  display: none;
  margin: 0px;
}

#fingerprintnummer_bekend_ja:checked ~ .fingerprintnummer_bekend_ja_vervolg {
  display: block;
}

.fingerprintnummer_bekend_ja_vervolg {
  display: none;
  margin: 0px;
}

#epidemiologisch_verband_aangetoond_met_clusteronderzoek:checked ~ .epidemiologisch_verband_aangetoond_met_clusteronderzoek_vervolg {
  display: block;
}

.epidemiologisch_verband_aangetoond_met_clusteronderzoek_vervolg {
  display: none;
  margin: 0px;
}

#meer_dan_1_week_opgenomen_in_ziekenhuis_ja:checked ~ .meer_dan_1_week_opgenomen_in_ziekenhuis_ja_vervolg {
  display: block;
}

.meer_dan_1_week_opgenomen_in_ziekenhuis_ja_vervolg {
  display: none;
  margin: 0px;
}

#meer_dan_1_week_opgenomen_in_sanatorium_ja:checked ~ .meer_dan_1_week_opgenomen_in_sanatorium_ja_vervolg {
  display: block;
}

.meer_dan_1_week_opgenomen_in_sanatorium_ja_vervolg {
  display: none;
  margin: 0px;
}



#hoestklachten_ja:checked ~ .hoestklachten_ja_vervolg {
  display: block;
}

.hoestklachten_ja_vervolg {
  display: none;
  margin: 0px;
}

#personen_opgeroepen_ring_1_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_1_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_1_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}






#personen_opgeroepen_ring_2_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_2_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_2_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}

#personen_opgeroepen_ring_3_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_3_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_3_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}

#personen_opgeroepen_ring_4_meer_als_0_ja:checked ~ .personen_opgeroepen_ring_4_meer_als_0_ja_vervolg {
  display: block;
}

.personen_opgeroepen_ring_4_meer_als_0_ja_vervolg {
  display: none;
  margin: 0px;
}


#beleid_tbi_veranderd_ja:checked ~ .beleid_tbi_veranderd_ja_vervolg {
  display: block;
}

.beleid_tbi_veranderd_ja_vervolg {
  display: none;
  margin: 0px;
}




#opname_ziekenhuis_ja:checked ~ .opname_ziekenhuis_ja_vervolg {
  display: block;
}

.opname_ziekenhuis_ja_vervolg {
  display: none;
  margin: 0px;
}

#xxxx_ja:checked ~ .xxxx_ja_vervolg {
  display: block;
}

.xxxx_ja_vervolg {
  display: none;
  margin: 0px;
}

#open_meldingsformulier:checked ~ #domein_in_diagnose {
  display: block;
}

#domein_in_diagnose {
  display: none;
  margin: 0px;
}

#open_icd9_diagnose:checked ~ #checkboxgroup {
  display: block;
}

#checkboxgroup {
  display: none;
  margin: 0px;
}

#open_osiris:checked ~ #osiris {
  display: block;
}

#osiris {
  display: none;
  margin: 0px;
}

#open_ntr_uitdraai:checked ~ #ntr_uitdraai {
  display: block;
}

#ntr_uitdraai {
  display: none;
  margin: 0px;
}

.blocked { 
}

.unblocked {
  display: none;
  appearance: none; 
  cursor: pointer;
}

#permitted:checked ~ .blocked {
  display: none;
}

#permitted:checked ~ .unblocked {
  display: block;
}

#permitted_2:checked ~ .blocked {
  display: none;
}

#permitted_2:checked ~ .unblocked {
  display: block;
}

#permitted_3:checked ~ .blocked {
  display: none;
}

#permitted_3:checked ~ .unblocked {
  display: block;
}

#indicatie_overige_opname_sanatorium
{
width: 500px; 	
}

input[type="checkbox"] {
display: none;
}

a {
    padding: 1px 6px;
    border: 0px outset buttonborder;
    border-radius: 3px;
    color: buttontext;
    background-color: buttonface;
    text-decoration: none;
	position: relative; 
	display: inline; 
	cursor: pointer; 

}

a:hover {
	color: black;
    background: yellow;	
}