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

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

#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: 1px 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;
}


.button_aanmelden 
{
  background-color: #2697D3; /* Green */
  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: auto;
top: 20px; 
left: 0px;
padding: 20px;
margin: 5px;
border: 0px solid black;
height: auto;
overflow: auto;
}




#filter{
padding: 20px 20px;		
}

/*
/*menu_top geen pading en margin toevoegen zodat 100% precies 100% blijft */
/*zet alle input ellementen eveneens op 1.0em anders worden ze standaard kleiner weergegeven! Bij input[type="date"] en input[type="select"] werkt het nog niet voldoende*/
input
{
    font-size: 0.9em; /*mag iets kleiner dan body*/
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
}

input:focus
{

}


hr
{
    height: 1px;
    color: #2697D3;
    background-color: #2697D3;
    border: none;
	margin: 0px;
	padding: 0px;
	
}

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

#input_team{
max-height: 1000px;
}


select.selectize-dropdown-content {
    max-height: 1000px;
 }
 
 
.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;
}

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

a.navigatie {
	text-decoration: none;
	color: white;
}

.itering
{
color: white;
}	

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



/*menu_bottom van de header; geen pading en margin toevoegen zodat 100% precies 100% blijft */

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

label {
  display: inline-block;
  background-color: #ddd;
  padding: 2px;
  margin: 2px;
  cursor: pointer;
  color: #000000;
  font-size: 0.9em;
}

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

input[type="radio"].radio-with-label {
cursor: pointer;
z-index: 1;
display: inline;
}

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

input[type="radio"] 
{
cursor: pointer;
z-index: 1;
display: none;
}

/* zoeken */

#there_were
{
position: static;
display: block;	 
left: 0px;
top: 65px;
width: 100%;	
border-top: 1px solid grey;
border-bottom: 1px solid grey;
}

.table
{
display: table;
width: 100%;	
}

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

.uneven{
background-color: #BBBBBB;
	
}

.even{
background-color: #EEEEEE;	

}

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

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

/*menu geselecteerde clienten */


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



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

#menu_geselecteerde_clienten a{
	text-decoration: none;
}


#menu_geselecteerde_clienten ul li {
 
  margin: -1px;
  background-color: #f6f6f6;
  text-decoration: none;
  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;
  
}

#menu_geselecteerde_clienten ul li:hover {
  background-color: #eee;
}

#menu_geselecteerde_clienten span {	
}

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

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

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

p{
display: none;
}
	
form {
display: inline;
}


.yellow_color_red
{
background-color: yellow;
color: red;
}

.yellow{
background-color: yellow; 
}

.color_red
{
color: red;
}

#waarschuwing /* > 30 clienten geopend */
{
display: block; 
position: relative; 
float: left;
top: 6px;
left: 6px;
color: white;	
}

/* info geselecteerde client */

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

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

.red
{
background-color: red;
}

.yellow
{
background-color: yellow;
}

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


/* menu client */

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

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

}

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

/* aside */


span
{
	color: black;
}


aside {
  width: 500px;
  display: block;
  position: relative;
  height: 1000px;
  float: left;
  color: #DDDDDD;
  border: 1px solid brown;
  margin-left: 5px;
 
}

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

}

/***********************************************/
/*zorgprogrammas*/

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

table
{
	border-collapse: collapse;
}

td
{
	border: 1px solid black;
	padding-right: 4px;
	padding-left:  4px;
	
}

td.selected
{
	border: 1px solid black;
	padding-right: 4px;
	padding-left:  4px;
	background-color: yellow;
	
}
/* domein en ZP toevoegen */


#container_selecteer_domein
{
display: block;
position: relative; 
margin-top: 0px;
border: 1px solid black;	
top: 5px;
left: 5px;
float: left;
width: 300px;
padding: 2px;
margin-left: 0px;
height: 510px; 
}

li{
list-style: none;
}

.ZorgprogrammasInDomein
{
position: relative;
display: block;
border:  1px solid blue;
top: 5px;
columns: 2;
column-fill: auto;
width: 740px;
height: 510px;
left: 10px;
float: left;
}

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



#container_beschikbare_elementen
{
display: block;
position: relative; 
border: 1px solid green;	
top: 5px;
left: 15px;
width: 1000px;
columns: 5;
column-fill: auto;
padding: 5x;
height: 510px;
float: left;	
}

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;
	/*box-shadow: 3px 3px 8px 0 #000; */
}

.button_ongekleurd_yellow
{
	background-color: yellow;
	border: 1px solid #020353;
	border-radius: 5px;
	/*box-shadow: 3px 3px 8px 0 #000;*/ 
}

#elementen_onder_client_en_zorgprogramma
{
display: block;
position: relative; 
background-color: #FFFFFF; 
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 */

.afspraken
{
width: 300px;		
}


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

	}
	th {
		background-color: #2697D3;
		color: #FFF;
		padding: 4px;
		border: 1px solid black;
	}
	
	th.kalender {
		background-color: #2697D3;
		color: #FFF;
		padding: 4px;
		border: 1px solid black;
		font-weight:normal;
	}
	
	td.active {
		background-color: #CCCCCC;
		color: #FFFFFF;

		border: 1px solid black;
		
	}
	td.blank {
		background-color: #AAAAAA;
		color: #FFFFFF;

		border: 1px solid black;
	}
	
	td.plandatum a {	
		color: #FFFFFF;	
	}
	
	td.blank a {	
		color: #FFFFFF;
	}
	
	td.today_selected {
		color: #000000;
		background-color: yellow;
		border: 3px solid white;
		margin: -2px; 
	}
	
	td.niet_planbaar_deze_maand {
		color: #FFFFFF;
		background-color: grey;
		border: 1px solid black;
	}
	
	td.niet_planbaar_deze_maand a {
		color: #FFFFFF;
		background-color: #000000;
	}
	
	td.verleden_deze_maand {
		color: #FFFFFF;
		background-color: #555555;
	}
	
	td.verleden_deze_maand a {
		color: #FFFFFF;
		background-color: #000000;
	}
	
	td.verleden_buiten_deze_maand {
		color: #FFFFFF;
		background-color: #666666;
	}
	
	td.niet_planbaar_buiten_deze_maand {
		color: #DDDDDD;
		background-color: #666666;
		border: 1px solid black;
	}
	
	td.niet_planbaar_buiten_deze_maand a{
		color: #FFFFFF;
		background-color: #333333;
	}
	
	td._planbaar_buiten_deze_maand a{
		color: #FFFFFF;
		background-color: #333333;
	}

	
	td.today a{
		color: #000000;
		
		border: 4px solid white;
		margin: -3px; 
	}
	
	td.today {
		color: #000000;
		
		border: 4px solid white;
		margin: -3px; 
	}
	
	td.plandatum {
		color: #FFFFFF;
		background-color: green;
		border: 1px solid black;
	}
	
	td.plandatum_marge {
		color: #FFFFFF;
		background-color: #00FF00;
		border: 1px solid black;
	}
	
	td.plandatum_einde_interval {
		color: #FFFFFF;
		background-color: #00FF00;
		border: 1px solid black;
	}
	

	td.datum_afspraak a {
		color: #000000;
		background-color: yellow;
	}
	
	td.datum_afspraak {
		color: #000000;
		background-color: yellow;
		border: 1px 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;
}

.button
{
	background-color: #23b83c;
	border: 2px solid #020353;
		cursor: pointer;
	border-radius: 5px;
	box-shadow: 3px 3px 8px 0 #000; 
}

.button
{
	background-color: #23b83c;
	border: 2px solid #020353;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 3px 3px 8px 0 #000; 
}

label {
  display: inline-block;
  cursor: pointer;
}

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

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

table {
  border: 2px solid black;
  border-collapse: collapse;
}

a {
  color: black;
}

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

table {
  border-collapse: collapse;
}

tr {
  border: 1px solid black;
  cursor: pointer;
  border-collapse: collapse;
}


.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;
		}
		
		.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; 
left: 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;	
	}
	
	#rooster_roentgen
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	padding: 0px;
	width: auto;
	float: left;
	margin: 2px; 
	column-count: 1; 
	
	}
			
	#rooster_arts
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	padding: 5px;
	width: auto;
	float: left;
	margin: 5px; 
	}
	
	#rooster_lab
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	padding: 5px;
	width: auto;
	float: left;
	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;
}

#alle_rapportages{
	position: relative; 
	top: 250px;
	left: 600px;
	display: block;
	border: 3px solid green;
	margin: 5px; 
	width: 1000px;
}



#invoer_elementen
{
	display: block;
	position: relative; 
	margin: 5px;	
}

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

table { 
    border: 0px solid black;    
	margin: 0px;
	width: 100%;
}

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

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

#menu_rapportages
{
display: inlineblock;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid red; 
left: 5px;
float: left;
width: 69%;
top: 5px;
padding: 5px;
}

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

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

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

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

textarea.rapportage {
  width: 100%;
  min-height: 100px;
  height: auto;
  padding: 4px;
  border-radius: 4px;
  border: 3px solid black;
  background-color: yellow;
  max-width: 100%;
  display: block;
}

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

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

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

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

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