input[type="text"] {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}




input[type="date"], input[type="time"] {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

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

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


input[type="number"]{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}


label {
	  font-size: 1.0em;
  display: inline-block;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;

  font-weight: normal;
}


body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size: 1.4em;}

.ntr
{
	color: black;
	font-size: 0.7em;
	float: right; 
}

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

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

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

.custom-select select {
  appearance: none;
  width: auto;
  font-size: 1.3rem;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}









select {
  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 2px;
  transition: 0.4s;
}


option {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  color: black;
  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 2px;
  transition: 0.4s;
}




.red {
  color: red;
}

option:selected {  #input_geboortedatum {background-color: yellow; }}

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

option:hover,
option:focus,
option:active,
option:checked {
  background: linear-gradient(#5A2569, #5A2569);
}







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; 
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 

  position: absolute;
  z-index: 1;
}


.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;
	font-size: 1.0em;
    display: block;
	left: 2px;
	top: 0px; 
    border: 1px solid #000;
    height: 10%;
	width: 100%;
    resize: vertical;
    min-width: 300px;
    min-height:50px;
	left: 0px; 
	width: 500px;
}


textarea.gespreksverslag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    display: block;
	left: 2px;
	top: 0px; 
    border: 1px solid #000;
    height: 10%;
	width: 100%;
    resize: vertical;
    min-width: 300px;
    min-height:200px;
	left: 0px; 
	width: 500px;
}


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

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

#menu_geselecteerde_clienten .meer_dan_tab{
  margin: -1px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; 
  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; 
	display: inline; 
	position: relative; 
	color: black; 
	z-index: 9000; 
}
.autocomplete_2{
	
	padding-left: 2px: 
	padding-right: 2px: 
	margin: 0px; 
	display: inline; 
	position: relative; 
	color: black; 
	z-index: 8000; 
}

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


#menu_top_tablet
{
display: block; 
position: fixed; 
left: 0px; 
top: 0px; 
padding: 0px;
margin: 0px;
background: #2697D3; 
width: 100%;
height: 20px; 
border: 4px solid #2697D3;
border-bottom: 1px solid black; 
}

#geselecteerde_clienten_tablet{
	font-size: 0.7em;
	padding: 1px; 
	margin: 0px; 
}

#client_info_tablet{
display: block;
position: fixed;	
height: 110px;	
width: 100%;	
top: 25px;
left: 0px;
background-color: #EEEEEE;
border-bottom: 1px solid black; 
}

#menu_client_tablet
{
display: block;
position: fixed;
left: 0px; 
top: 136px; 
width: 100%;
height: 60px; 
background-color: #CCCCCC;
border-bottom: 1px solid black; 
}

#menu_diagnoses_tablet
{
display: block;
position: fixed;
top: 197px;
height: 45px; 
left: 0px; 
width: 100%;
background-color: #EEEEEE;
border-bottom: 1px solid black; 
}

#menu_registraties_tablet
{
display: block;
position: fixed;
top: 243px;
left: 0px; 
width: 100%;
background-color: #CCCCCC;
border-bottom: 1px solid black; 
}


#button_update_diagnose_tablet
{
position: fixed; 
display: block;
top: 30px;
right: 30px;
}



#form_update_diagnose
{
position: fixed; 
display: block;
top: 300px;
width: 100%;
height: 1020px; 
left: 0px;
border-top: 1px solid black; 
border-bottom: 1px solid black; 
overflow: scroll; 	
}


#menu_top
{
display: block; 
position: relative; 
padding: 0px;
margin: 0px;
background: #2697D3; 
width: 100%;
height: auto; 
border: 4px solid #2697D3;
}

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

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



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


.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;
}

#menu_bottom
{
display: block; 
position: relative; 		
padding: 2px;
margin: 0px;
background: #2697D3; 
width: 100%;
border: 0px solid red;
height: auto; 
}

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

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

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


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; 
}

#input_team
{
font-family: Arial, Helvetica, sans-serif;
}


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


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


#menu_geselecteerde_clienten .yellow_tab{
 
  margin: -1px;
  background-color: #f6f6f6;
  text-decoration: none;
  Arial, Helvetica, sans-serif;
  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;
  Arial, Helvetica, sans-serif;
  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 {
display: inline;
}


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


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


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

.yellow_broco{
background-color: yellow; 
}

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

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

.color_red
{
color: red;
}
/*
#menu_geselecteerde_clienten .close:hover {background: yellow;}



#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; 	
}


.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; 	
}


.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;
}


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; 
}


table {
            border: 1px solid black;			
        }

#collapse_table {
            border-collapse: collapse;
        }
		
#collapse_table_meldingsformulier {
            border-collapse: collapse;
			width: 100%; 
			font-size: 1.0em; 
			
        }
		
#collapse_table_aanmelden {
            border-collapse: collapse;
			margin-right: 20px;
        }	
		
#collapse_table_locaties {
            border-collapse: collapse;
			top: 0px; 
			display: block; 
			margin-right: 20px;
			position: relative; 
			float: left; 
        }
		
		
#collapse_table_rapportages
{ 
border-collapse: collapse;
width: 99%; 
border: 5px solid black; 
position: relative; 
display: block; 
}	

 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%;
} 


#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;
}


#autosave
{
	float: right; 
}


#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; 
width: 99%;
}




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

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

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


.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; 
}


#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%);
}

#dialog_box .content {
padding: 28px;
}

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

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




.uneven{
background-color: #BBBBBB;
	
}

.even{
background-color: #EEEEEE;	

}

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

#menu_zorgprogrammas
{
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;
}



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

#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;	
}


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;	
}




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

#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 
{
	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;
}




	 
#selected_characters_javascript
{
display: inline;
position: fixed;
font-family: Arial, Helvetica, sans-serif;
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: Arial, Helvetica, sans-serif;
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;
  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; 
}

.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; 
}


.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;
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;
}



span
{
	color: black;
}



#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_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; 
}

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




#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;
  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: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

td.tab{
border: 0px solid black;	
display: inline-block;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
	
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; 	
}



.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;	
}


	#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{
	
}

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; 
	
}

.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;	

}



.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;	
}



#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;
}