body {
color: white; /* de kleur van de letter binnen het body segment WERKT*/
background-color: #000000; /* de kleur van de achtergrond binnen het body segment WERKT*/
font-family: Verdana, Arial, sans-serif; /* het lettertype binnen het body segment */
font-size: 1.0em;/*grote van de letters WERKT*/
overflow: none;
padding: 0px;
margin: 0px;
}

footer
{
display: block;
position: fixed;
padding: 0px;
margin: 0px;
width: 100%;
top: 1550px;
left: 0px;	
height: 140px; 
background-color: grey;
border: 1px solid white;	
}

#header_roentgenfotos
{
display: block;
position: fixed;
padding: 0px;
margin: 0px;
width: 610px;
top: 0px;
left: 0px;	
height: 140px; 
background-color: #2697D3;
border-bottom: 1px solid white;

}

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

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

#full_size
{
	display: block;
}

#full_size_inverted
{
	display: none;
}

#foto{
display: block;	
position: relative;	
right: 10px;
border: 3px solid white;  
} 

#column_left
{
position: fixed;
display: block;
width: 300px;
top: 330px; /*reageert*/
left: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 0px;
margin: 0px;
border: 1px solid red;
height: 1200px;
}

#column_right
{
position: fixed;
display: block;	
width: 300px; /*reageert*/
top: 270px; /*reageert*/
left: 310px;
font-size: 1em;  
padding: 0px;
margin: 0px;
border: 1px solid blue;
height: 750px;
}

#column_aside
{
position: fixed;
display: none;
width: 600px;
top: 330px; /*reageert*/
left: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 0px;
margin: 0px;
border: 3px solid green;
background-color: white; 
height: 1410px;
color: grey; 
column-count: 2; 
}



#button_leeslijst /*reageert leeslijst*/
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 10px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;     
}

#invert_selected_black
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 70px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#invert_selected_red
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 70px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#filter_selected
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 130px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_taggen_black /*reageert leeslijst*/
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 190px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;     
}

#button_taggen_red /*reageert leeslijst*/
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 190px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;     
}

#fotototo_1_selected
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 250px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;    
}

#fotototo_2_selected
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 310px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;   
}

#fotototo_3_selected
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 370px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;    
}	

#fotototo_4_selected
{
position: fixed;
display: block;	
top: 80px; /*reageert*/
left: 430px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;   
}

#gebruiker
{
position: fixed;
display: block;	
top: 160px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white;
background-color: grey;
margin: 0px;
padding: 10px 10px;	
}

#foto_info
{
position: fixed;
display: block;	
top: 210px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white;
margin: 0px;
padding: 10px 10px;	
background-color: grey;
}

#volgnummer
{
position: fixed;
display: block;	
top: 260px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white;
margin: 0px;
padding: 10px 10px;	
font-size: 1.5em;  
background-color: grey;
}

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

#go_to_previous_image_not_functional
{
position: fixed;
display: none;	
top: 330px; /*reageert*/
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: 330px; /*reageert*/
left: 130px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
}

#go_to_next_image_not_functional
{
position: fixed;
display: none;	
top: 330px; /*reageert*/
left: 130px;
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: 410px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white;
margin: 0px;
padding: 10px 10px;	
height: 350px;
background-color: grey;
}

#uitslag_opslaan
{
position: fixed;
display: none;	
top: 550px; /*reageert*/
left: 140px;
width: 120px;
height: 80px;
padding: 0px;
margin: 0px;
border: 3px solid white; 
background-color: grey;
}

#uitslag_opslaan_niet_functioneel
{
position: fixed;
display: block;	
top: 550px; /*reageert*/
left: 140px;
width: 120px;
height: 80px;
padding: 0px;
margin: 0px;
border: 0px;
color: #555; 
background-color: #999;	
cursor: none;
}

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

#beoordeling_technisch
{
position: fixed;
display: block;
width: 300px;
top: 790px; /*reageert*/
left: 0px;
font-size: 0.5em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 0px;
margin: 0px;
border: 1px solid white;
background-color: grey;
height: 230px;
}

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

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

#uitslag
{
position: fixed;
display: block;	
top: 1030px; /*reageert*/
left: 0px;
width: 282px;
border-top: 1px solid white; 
margin: 0px;
padding: 10px 10px;	
background-color: grey;
height: auto;
}

#volgnummer_foto_patient
{
position: fixed;
display: fixed;	
top: 160px; /*reageert*/
left: 315px;
width: 282px;
border: 1px solid white; 
margin: 0px;
padding: 5px 5px;	
background-color: grey;	
}

#patient_achteruit
{
position: fixed;
display: block;	
top: 230px; /*reageert*/
left: 325px;
border: 0px solid white; 
margin: 0px;
padding: 5px 5px;	
}

#patient_vooruit
{
position: fixed;
display: inlineblock;	
top: 230px; /*reageert*/
left: 370px;
border: 0px solid white; 
margin: 0px;
padding: 5px 5px;	
}

#patient_info
{
position: relative;
display: block;	
top: 0px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white; 
margin: 0px;
padding: 10px 10px;	
background-color: grey;
height: auto; 
}

#indicatie
{
position: relative;
display: block;	
top: 0px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white; 
margin: 0px;
padding: 10px 10px;	
height: auto; 
background-color: grey;
}

#medische_info
{
position: relative;
display: block;	
top: 0px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white; 
margin: 0px;
padding: 10px 10px;	
background-color: grey;
}

#characters_selected
{
position: relative;
display: block;	
top: 0px; /*reageert*/
left: 0px;
width: 282px;
border-top: 1px solid white; 
margin: 0px;
padding: 10px 10px;	
background-color: grey;
}

#fingerprint
{
position: relative;
display: block;	
top: 0px; /*reageert*/
left: 0px;
width: 282px;
border: 1px solid white; 
margin: 0px;
padding: 10px 10px;
background-color: grey;	
}

textarea {
position: fixed;
top: 1030px;
background-color: yellow;
display: none; 
width: 300px;
height: 400px;
left: 310px;
color: black; 
font-family: Verdana, Arial, sans-serif; /* het lettertype binnen het body segment */
font-size: 1.2em;/*grote van de letters WERKT*/
}

#button_go_to_fotos_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 10px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_invert_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 70px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_filter_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 130px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_taggen_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 190px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}



#button_fotototo_1_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 250px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_fotototo_2_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 310px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_fotototo_3_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 370px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#button_fotototo_4_header_leeslijst
{
position: fixed;
display: none;	
top: 80px; /*reageert*/
left: 430px;
width: 50px;
height: 50px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
}

#header_leeslijst
{
position: fixed;
display: none;
width: auto;
height: 140px;
background-color: #2697D3;
top: 0px; /*reageert*/
left: 0px;	
right: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 0px;
margin: 0px;
border-bottom: 1px solid white;
}

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

#leeslijst
{
position: relative;
display: none;
width: auto;
top: 130px; /*reageert*/
left: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 10px;
margin: 0px;
border: 0px solid white;
}

#leeslijst_fotototo
{
position: relative;
display: none;
width: auto;
top: 130px; /*reageert*/
left: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 10px;
margin: 0px;
border: 0px solid white;
background-color: #555555;
}

#illustration
{
position: fixed;
display: block;
width: auto;
top: 20px; /*reageert*/
right: 20px;
margin: 0px;
padding: 0px;
border: 1px solid white;
overflow: auto;
}

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

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

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

.rTable {
		    	display: table;
		    	width: 80%;
				padding: 10px 10px;
		}
		.rTableRow {
		    	display: table-row;
		}
		.rTableRowSelected {
		    	display: table-row;
				background-color: yellow;	
				color: black;
		}
		
		.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 white;
		}
		 	
		.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;
		}


#gebruikersnaam
{
color: black;	
cursor: none;
margin: 0px;
border: 0px;
box-shadow: none;
}

#password
{
color: black;	
cursor: none;
margin: 0px;
border: 0px;
box-shadow: none;
}

input{
font-size: 1em;
padding: 2px;
text-decoration: none;
color: black;	
	}
	
input:hover{
background: yellow;
color: black; 
cursor: pointer;
font-size: 1em;
padding: 2px;
text-decoration: none;
}


input.selected{
background: red;
font-size: 1em;
padding: 2px;
text-decoration: none;
}


table{
background-color: black;	
color: white;
}
	
tr.yellow{
background-color: yellow;
color:black;
}


tr.red{
background-color: red;
color:black;
}


tr:hover{
background-color: yellow;
color: black;
cursor: pointer;
}	

td{
	border: 1px solid white;
	padding: 2px;
	margin: 2px;
}

span{
font-size: 2.8em;	
}

span.volgnummer{
font-size: 1.3em;	
}

#totaal_aantal_fotos_in_lees_lijst
{
font-size: 1.3em;	
}

#volgnummer_foto
{
font-size: 1.3em;	
}
	
a{
color: red; 
text-decoration: none;
}

a:hover{
background: #99ffff;
color: #0000FF;
text-decoration: none;

}


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

label {
  display: inline-block;
  background-color: #000;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 1.8em;
  cursor: pointer;
  color: #aaa;
}

input[type="radio"]:checked+label {
  background-color: red;
  color: black;
}

.red{
color: red;	
}

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


#container {  
}

#container input {
	height: 1.0em;
	/*visibility: hidden;*/
}

#container label {
	background: #000000;  /* Fondo de las pestañas */
	border: 0px;
	color: white;  /* Color del texto de las pestañas */
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;  /* Tamaño del texto de las pestañas */
	height: 1.0em;
	padding: 0em;
	text-align: left;
}

#container input:hover + label {
	background: yellow;  /* Fondo de las pestañas al pasar el cursor por encima */
	color: #000;  /* Color del texto de las pestañas al pasar el cursor por encima */
}

#container input:checked + label {
	background: #00ff00;  /* groen */
	color: #000000; /* tekst */
	position: relative;
	
}


#filter{
padding: 20px 20px;	
	
}

#foto_uitslag
{
display: inline;
position: absolute;
height: 500px;	
background-color: #123456; 	
}

#button_select_roentgenfotos
{

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

#header_filter
{
position: fixed;
display: none;
width: auto;
height: 100px;
background-color: black;
top: 0px; /*reageert*/
left: 0px;	
right: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 10px;
margin: 0px;
border-bottom: 1px solid white;
}

#button_go_to_fotos_header_filter
{position: fixed;
display: none;	
top: 20px; /*reageert*/
left: 30px;
width: 90px;
height: 90px;
padding: 0px;
margin: 0px;
border: 1px solid white;
}  

#plan_button
{
background-color: orange; 
cursor: pointer;
}

#plan_button:hover
{
background-color: blue; 
cursor: pointer;
}

input[type=checkbox]:checked + label {color: #ff0000;}

#selected_characters_javascript
{
display: inline;
position: fixed;
font-family: Verdana, Arial, sans-serif;
font-size: 1em; /* hier wordt de grote van de in te voeren letters bepaald */
padding: 10px;
border: 1px #FFF;
margin: 1px white;
width: 400px;
height: 750px;
color: white;
top: 60px;
left: 500px;
background-color: #333333;
overflow: auto;
}