body {
color: black; /* de kleur van de letter binnen het body segment WERKT*/
background-color: #CCCCCC; /* 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.3rem;/*grote van de letters WERKT*/
padding: 0px;
width: 480px;
border: 0px solid red;
margin: 0px;
}

#button_home_smartphone {
position: fixed;
display: block;	
top: 2px;
left: 2px;
padding: 0px;
margin: 0px;
border: 0px solid gray; 
border-radius: 4px; 
}

#button_publications_smartphone
{
position: fixed;
display: block;	
top: 2px;
left: 62px;
padding: 0px;
margin: 0px;
border: 0px solid white; 
border-radius: 4px;	
}

#button_tablet_smartphone
{
position: fixed;
display: block;	
top: 2px;
left: 122px;
padding: 0px;
margin: 0px;
border: 0px solid white; 
border-radius: 4px;	
}

#search_box_smartphone {
position: fixed;
display: block;	
top: 5px; 
left: 182px;
height: 45px;
width: 292px;
padding: 3px;
margin: 0px;
border: 1px solid black; 
border-radius: 4px;	
font-family: Verdana, Arial, sans-serif; /* het lettertype binnen het body segment */
font-size: 1.3rem;/*grote van de letters WERKT*/
color: black;   
}


#container_resultset_smartphone
{
display: block; 
position: fixed;
padding: 1px;
width: 480px;
top: 60px;
bottom: 0px;
overflow: scroll;
border: 0px solid green;
width: 480px;
}

#container_resultset_smartphone._1
{
top: 60px;
}

#container_resultset_smartphone._2
{
top: 120px;	
}

#container_resultset_smartphone._3
{
top: 180px;	
}

#container_resultset_smartphone._4
{
top: 240px;	
}

#container_resultset_smartphone._5
{
top: 300px;	
}

#there_were
{
padding: 5px;
background-color: #CCCCCC; 	
}

#resultset_smartphone
{
left: 0px;
display: block; 
position: relative; 
border: 0px solid red;
margin: 0px;
padding-left: 4px;
padding-right: 4px;
top: 2px;
}

#even
{
background-color: #DDDDDD; 
}

#uneven
{
background-color: white; 	
}

table { 
	margin: 0px;
	border: 0px solid white;
	font-family: Verdana, Arial, sans-serif; /* het lettertype binnen het body segment */
	font-size: 1.3rem;/*grote van de letters WERKT*/
	width: 480px;
}

tr {
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 100%;
}

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

tr.uneven {
  background-color: #EEEEEE;
  color: black;
}

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

input.button_index {
color: #000000;
margin-top: 0px;
background-color: transparent;
border: 1px solid black;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer;
font-family: Verdana, Arial, sans-serif; /* het lettertype binnen het body segment */
font-size: 1.3rem;/*grote van de letters WERKT*/
}

#yellow
{
background-color: yellow;
display: inline;
}

#container_subheader_smartphone
{
position:fixed;
display: block;
left: 0px;
padding: 0px;
border: 0px solid black;
margin: 0px;
width: 480px;
height: 120px;
color: black;
background-color: #F0B531;
}



#container_subheader_smartphone._1
{
top: 60px;
}

#container_subheader_smartphone._2
{
top: 120px;
}

#container_subheader_smartphone._3
{
top: 180px;
}

#container_subheader_smartphone._4
{
top: 240px;
}



#text_subheader_smartphone
{
display: block; 
position: relative; 
top: 0px;
left: 0px;
padding: 3px;
margin: 0px;
border: 0px solid black;
}





#button_200{
position: fixed;
display: block;	
top: 62px;  
left: 2px;
color: #FFFFFF;
background-color: #444444;
border: none;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer;  		
}

#button_200.selected{
color: #000000;
background-color: #ADD9FE;  		
}

#button_350{
position: fixed;
display: block;	
top: 62px;  
left: 62px;
color: #FFFFFF;
background-color: #444444;
border: none;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer; 		
}

#button_350.selected{
color: #000000;
background-color: #ADD9FE;		
}

#button_TL2_volumes
{
position: fixed;
display: block;	
top: 62px;  
left: 302px;
white-space: normal;
color: #000000;
background-color: transparent;
border: 1px solid black;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer; 		
}

#button_wfo_genus{
position: fixed;
display: block;	
top: 62px;  
left: 242px;
white-space: normal;
color: #000000;
background-color: transparent;
border: 1px solid black;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer; 		
}

#button_genus {
position: fixed;
display: block;	
top: 62px; 
left: 122px;
padding: 0px;
margin: 0px;
border: 0px solid white; 
background-color: #444444;
border-radius: 4px;
color: white; 
height: 55px;
width: 55px;
}

#button_genus.selected {
background-color: #ADD9FE;
color: #000000; 
}

#button_species {
position: fixed;
display: block;	
top: 62px; 
left: 182px;
padding: 0px;
margin: 0px;
border: 0px solid white; 
background-color: #444444;
border-radius: 4px;
color: white; 
height: 55px;
width: 55px;
}

#button_species.selected {
background-color: #ADD9FE;
color: #000000; 
}

#order_author
{
position: fixed;
display: block;	
top: 62px;  
left: 62px;
color: #FFFFFF;
background-color: #444444;
border: none;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer;  	
}

#order_author.selected
{
color: #000000;
background-color: #ADD9FE; 	
}

#order_title
{
position: fixed;
display: block;	
top: 62px;  
left: 2px;
color: #fff;
background-color: #444444;
border: none;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer;	
}
	
#order_title.selected
{
color: #000000;
background-color: #ADD9FE;	
}

#order_year
{
position: fixed;
display: block;	
top: 62px; 
left: 122px;
color: #fff;
background-color: #444444;
border: none;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer; 	
}

#order_year.selected
{
color: #000000;
background-color: #ADD9FE;	
}	


#thumbs_350 {
    position: relative;
    display: inline-block;
	left: 0px;
	border: 0px solid red;
	padding: 2px;
	margin: 0px;
	height: 350px;
}

#thumbs_200 {
    position: relative;
    display: inline-block;
	left: 0px;
	border: 0px solid red;
	padding: 2px;
	margin: 0px;
	height: 200px;
}

#maximize_hd_illustration_smartphone{
position: fixed;
display: block;	
top: 2px; 
left: 62px;
padding: 0px;
margin: 0px;
border: 0px solid gray;
border-radius: 4px; 	
}

#info_hd_illustration_smartphone{
position: fixed;
display: block;	
top: 2px; 
left: 122px;
padding: 0px;
margin: 0px;
border: 0px solid gray; 
border-radius: 4px;
color: #FFFFFF;
background-color: #444444;
border: none;
border-radius: 4px;
width: 55px;
height: 55px;
cursor: pointer;  
}

#info_hd_illustration_smartphone.selected
{
color: #000000;
background-color: #ADD9FE;
}

#show_illustrations_species_illustration_hd{
position: fixed;
display: block;	
top: 2px; 
left: 182px;
padding: 0px;
margin: 0px;
border: 0px solid gray; 
border-radius: 4px;
color: #FFFFFF;
background-color: #444444;
width: 55px;
height: 55px;
cursor: pointer; 				
}

#arrow_volume_previous_black_illustration_hd{
position: fixed;
display: block;	
top: 2px; 
left: 362px;
padding: 0px;
margin: 0px;
border: 1px solid gray; 
border-radius: 4px;	
}

#arrow_volume_next_black_illustration_hd{
position: fixed;
display: block;	
top: 2px; 
left: 422px;
padding: 0px;
margin: 0px;
border: 1px solid gray;	
border-radius: 4px;			
}

#info_illustration_mobile
{
background-color: #F0F0F0; /* de kleur van de achtergrond binnen het body segment WERKT*/
border: 1px solid black;
width: 100%;	
}

#info_illustration_mobile.smartphone
{
background-color: #F0F0F0; /* de kleur van de achtergrond binnen het body segment WERKT*/
border: 1px solid black;
width: 480px;	
}

#info_species_smartphone
{
position: fixed;
display: block;	
top: 62px; 
left: 182px;
padding: 0px;
margin: 0px;
border: 0px solid white; 
background-color: #444444;
border-radius: 4px;
color: white; 
height: 55px;
width: 55px;
}

#info_species_smartphone.selected
{
background-color: #ADD9FE;
}

#from_species_to_genus
{
position: fixed;
display: block;	
top: 62px; 
left: 242px;
padding: 0px;
margin: 0px;
border: 0px solid white; 
background-color: #444444;
border-radius: 4px;
color: white; 
height: 55px;
width: 55px;
}


#ul_level_3
{
	
}

#li_level_3
{
	float: left;
	border: 1px solid black;
	padding: 2px;
	margin: 2px;
	background-color: #AAAAAA; 
}

#li_level_3.selected
{
background-color: yellow; 
}