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.2em;/*grote van de letters WERKT*/
overflow: scroll;
padding: 0px;
margin: 0px;
}

#introscherm
{
position: fixed;
display: block;
width: auto;
top: 0px; /*reageert*/
left: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 10px;
margin: 0px;
border: 1px solid black;
height: auto;
overflow: auto;
}

#header_leeslijst
{
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: 0px solid white;
}

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

#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: 160px; /*reageert*/
left: 0px;
font-size: 1.0em;  /*alleen opera reageert hier op; firefox niet!! */
padding: 10px;
margin: 0px;
border: 0px solid white;
}

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

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

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

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

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

#header
{
display: block;
position: relative; 
padding: 0px;
margin: 0px;
border: 1px solid white;
}

#illustration
{
position: fixed;
display: block;
width: auto;
top: 0px; /*reageert*/
left: 0px;
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;	
}



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


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

#desktop_portrait
{
position: fixed;
display: block;	
top: 1710px; /*reageert*/
left: 10px;
width: 80px;
height: 80px;
padding: 0px;
margin: 0px;
border: 1px solid white;    
}
	
#desktop_landscape
{
position: fixed;
display: block;	
top: 1800px; /*reageert*/
left: 10px;
width: 80px;
height: 80px;
padding: 0px;
margin: 0px;
border: 1px solid white;    
}

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

#go_to_next_image_not_functional
{
position: fixed;
display: none;	
top: 1530; /*reageert*/
left: 760px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
cursor: none;
}

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

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

#uitslag_invoer_menu
{
position: fixed;
display: block;	
top: 1680px; /*reageert*/
left: 640px;
width: 282px;
border-top: 0px solid white;
margin: 0px;
padding: 10px 10px;	
}

#uitslag_opslaan
{
position: fixed;
display: none;	
top: 1530px; /*reageert*/
left: 960px;
width: 120px;
height: 80px;
padding: 3px;
margin: 1px;
border: 1px; 
}

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

#uitslag_opslaan_niet_functioneel:hover
{
color: #555; 
background-color: #999;	
}
textarea {
position: relative;
top: -460px;
background-color: yellow;
display: none; 
width: 290px;
height:530px;
left: 286px;
color: black; 
font-family: Verdana, Arial, sans-serif; /* het lettertype binnen het body segment */
font-size: 1.2em;/*grote van de letters WERKT*/
padding: 10px;
}

#uitslag
{
position: fixed;
display: block;	
top: 1520px; /*reageert*/
left: 1240px;
width: 282px;
border-top: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
}

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

#patient_vooruit
{
position: fixed;
display: block;	
top: 1530px; /*reageert*/
left: 400px;
border: 0px solid white; 
margin: 0px;
padding: 5px 5px;	
}

#volgnummer_foto_patient
{
position: fixed;
display: block;	
top: 1560px; /*reageert*/
left: 340;
width: 282px;
border-bottom: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
font-size: 1.2em;	
}

#patient_info
{
position: fixed;
display: block;	
top: 1650px; /*reageert*/
left: 310px;
width: 282px;
border-top: 1px solid white; 
margin: 0px;
padding: 10px 10px;	
}

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

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

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

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


.rTable {
		    	display: table;
		    	width: 80%;
				padding: 10px 10px;
		}
		.rTableRow {
		    	display: table-row;
		}
		.rTableRowSelected {
		    	display: table-row;
				background-color: #fff;	
				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;
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
{
position: fixed;
top: 850px;
left: 400px;
padding: 5px;
margin: 0px;
font-size: 1.0em;
background-color: green; 
cursor: pointer;
}

#button_clear_characters
{
position: fixed;
top: 850px;
left: 730px;
padding: 5px;
margin: 0px;
font-size: 1.0em;
background-color: red; 
cursor: pointer;
}

#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: 400px;
background-color: #333333;
overflow: auto;
}