/* Body */
html, body{
font-family: Calibri;
background-color: white;
width: 100%;
margin-right: auto;
margin-left: auto;
height: 100%;
}

/* HEADER */
header{
width: 100%;
}

#logo{
text-align: center;
height: 9em;
}

#logo img{
border: 1px solid grey;
border-radius: 3px; 	
margin-right: auto;
margin-left: auto;
margin-top: 1em;
margin-bottom: 1em;
width: auto;
height: 10em;
}

#bild{
text-align: left;
height: 25em;
}

#bild img{
border: 1px solid grey;
border-radius: 3px; 	
margin-right: auto;
margin-left: auto;
margin-top: 1em;
margin-bottom: 1em;
width: auto;
height: 10em;
}

/* NAVIGATION */

nav{
padding-top: 0.4em;
min-width: 75em;
position: relative;
font: calibri;
width: 100%;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 4em;
text-align: center;
float: left;
}

#logo_small{
height: 3em;
float: right;
width: 17em;
margin-left: -25em;
margin-top: -0.4em;
}

#logo_small img{
border: 1px solid lightgrey;
border-radius: 3px;
height: 2em;
float: right;
margin-right: 0.8em;
}


#nav_list{
padding-top: 0.3em;
display: inline-block;
margin-top: 0.7em;
height: 2em;
font-size: 1em;
width: 77em;
}

#nav_bar{
text-align: center;
display: inline-block;
padding-left: 1em;
float: left;
word-spacing: 1.5em;
}	
	
#nav_mark{
width: 100%;
height: 2.1em;
border-bottom: 2px solid green;	
}
	
	
#nav_home a:hover{
text-decoration: none;
}	
	
#nav_home{
height: 1.9em;
margin-right: 4em;
float: left;
width: 2.5em;
cursor: pointer;
}

#nav_home:hover{
height: 2.1em;
float: left;
width: 2.5em;
border-bottom: 2px solid green;	
margin-right: 4em;
cursor: pointer;
}

#nav_app a:hover{
text-decoration: none;
}	
	
#nav_app{
height: 1.9em;
float: left;
width: 4.0em;
margin-right: 4em;
}	

#nav_app:hover{
height: 2.1em;
float: left;
width: 4.0em;
border-bottom: 2px solid green;	
margin-right: 4em;
cursor: pointer;
}

#nav_mat a:hover{
text-decoration: none;
}	
	
#nav_mat{
height: 1.9em;
float: left;
width: 3.5em;
margin-right: 4em;
}	

#nav_mat:hover{
height: 2.1em;
float: left;
width: 3.5em;
border-bottom: 2px solid green;	
margin-right: 4em;
cursor: pointer;
}

#main_material_nav_bar li{
padding: 1em;
text-align: left;
float: left;
list-style: none;
}	

#main_appendix_nav_bar li{
padding: 1em;
text-align: left;
float: left;
list-style: none;
}

.dropdown {
float: left;
position: relative;
display: block;
-webkit-user-select: none;   
-moz-user-select: none; 
-ms-user-select: none;
}

.dropdown-content {
word-spacing: 0em;
margin-top: 2em;
margin-left: -7.5em;
display: none;
position: absolute;
background-color: none;
padding-top: 2px;
z-index: 1;
}

.dropdown:hover #main_material_nav_hide {
display: block;
}

#main_material_nav_sub{
float: left;
height: 3.8em;
border-top: 1px solid lightgrey;
width: 73em;
margin-top: 0.5em;
}

#main_material_nav_sub img{
height: 1.5em;
float: right;	
margin-top: 0.9em;
margin-right: 0.5em;
}

#main_appendix_nav_sub{
float: left;
height: 3.8em;
border-top: 1px solid lightgrey;
width: 73em;
margin-top: 0.5em;
}

#main_appendix_nav_sub img{
height: 1.5em;
float: right;	
margin-top: 0.9em;
margin-right: 0.5em;
}

#nav_up_div:hover{
	cursor: pointer;
}

#main_material_nav_sub_eur{
margin-left: 13em;
height: 3em;
margin-top: 1em;
text-align: center;
float: left;
width: 8em;
}

#main_material_nav_sub_eur_2{
margin-left: 5em;
height: 3em;
margin-top: 1em;
text-align: center;
float: left;
width: 8em;
}

#main_material_nav_sub_eur:hover{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_eur_2:hover{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_eur a:hover{
text-decoration: none;
}

#main_material_nav_sub_eur_2 a:hover{
text-decoration: none;
}	

#main_material_nav_sub_wi{
margin-left: 5em;
height: 3em;
margin-top: 1em;
text-align: center;
float: left;
width: 8em;
}

#main_material_nav_sub_wi:hover{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_wi a:hover{
text-decoration: none;
}
	
	
#main_material_nav_sub_wo{
margin-left: 5em;
height: 3em;
margin-top: 1em;
text-align: center;
float: left;
width: 8em;
}

#main_material_nav_sub_wo:hover{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_wo a:hover{
text-decoration: none;
}

#main_material_nav_sub_mc{
margin-left: 5em;
height: 1.4em;
margin-top: 1em;
text-align: center;
float: left;
width: 8em;
}	

#main_material_nav_sub_mc_1{
margin-left: 5em;
height: 3em;
margin-top: 0.5em;
text-align: center;
float: left;
width: 8em;
}

#main_material_nav_sub_mc_2{
margin-left: 5em;
height: 3em;
margin-top: 0.5em;
text-align: center;
float: left;
width: 8em;
}

#main_material_nav_sub_mc:hover{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_mc_1:hover{
height: 2.7em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_mc_2:hover{
height: 2.7em;
text-align: center;
float: left;
border: 1px solid lightgrey;
border-radius: 3px;
width: 8em;
cursor: pointer;
}

#main_material_nav_sub_mc a:hover{
text-decoration: none;
}

#main_material_nav_sub_mc_1 a:hover{
text-decoration: none;
}
	
#main_material_nav_sub_mc_2 a:hover{
text-decoration: none;
}	
	
#main_material_nav_sub_cur{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid grey;
border-radius: 3px;
width: 8em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

#main_appendix_nav_sub_cur{
height: 1.4em;
text-align: center;
float: left;
border: 1px solid grey;
border-radius: 3px;
width: 8em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

#main_material_nav_sub_cur_2{
height: 2.7em;
text-align: center;
float: left;
border: 1px solid grey;
border-radius: 3px;
width: 8em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

#main_material_nav_bar{
margin-top: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 11em;
float: left;
width: 5.7em;
text-align: center;
}	

#main_appendix_nav_bar{
margin-top: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 11em;
float: left;
width: 5.7em;
text-align: center;
}

#main_material_nav_mig_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 4em;
float: left;
width: 15em;
}

#main_material_nav_mig_bar img{
height: 4.2em;
}

#main_material_nav_stu_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_material_nav_stu_bar img{
height: 3.8em;
}

#main_material_nav_tou_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_material_nav_tou_bar img{
height: 3.8em;
}

#main_material_nav_pho_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_material_nav_pho_bar img{
height: 3.8em;
}

#main_appendix_nav_mig_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 4em;
float: left;
width: 15em;
}

#main_appendix_nav_mig_bar img{
height: 4.2em;
}

#main_appendix_nav_stu_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_appendix_nav_stu_bar img{
height: 3.8em;
}

#main_appendix_nav_tou_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_appendix_nav_tou_bar img{
height: 3.8em;
}

#main_appendix_nav_pho_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_appendix_nav_pho_bar img{
height: 3.8em;
}

#main_appendix_nav_compare_bar{
margin-right: 1.6em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_appendix_nav_compare_bar img{
height: 3.8em;
}

#nav_pub a:hover{
text-decoration: none;
}	

#nav_pub{
height: 1.9em;
float: left;
width: 5em;
margin-right: 4em;
}	
	
#nav_pub:hover{
height: 2.1em;
float: left;
width: 5em;
border-bottom: 2px solid green;	
margin-right: 4em;
cursor: pointer;
}		

#nav_peo a:hover{
text-decoration: none;
}	
	
#nav_peo{
height: 2em;
float: left;
width: 2.8em;
margin-right: 4em;
}

#nav_peo:hover{
height: 2.1em;
float: left;
width: 2.8em;
border-bottom: 2px solid green;	
margin-right: 4em;
cursor: pointer;
}

#nav_con a:hover{
text-decoration: none;
}	

#nav_con{
height: 2em;
float: left;
width: 3.2em;
}	

#nav_con:hover{
height: 2.1em;
float: left;
width: 3.2em;
border-bottom: 2px solid green;	
cursor: pointer;
}	
	
#current_choice{
border: 1px solid grey;
border-radius: 3px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}
	
/* CONTENT */

#content{
font-family: Calibri;
background-color: white;
width: 100%;
max-width: 75em;
min-width: 74.9em;
margin-right: auto;
margin-left: auto;
height: 100%;
min-height: 35em;
margin-top: -1em;
}

#content_appendix{
font-family: Calibri;
background-color: white;
width: 100%;
max-width: 75em;
min-width: 74.9em;
margin-right: auto;
margin-left: auto;
height: auto;
min-height: 35em;
margin-top: -1em;
}

#content_appendix img{
max-width: 80%;
}

#content_people{
font-family: Calibri;
background-color: white;
width: 100%;
max-width: 75em;
min-width: 74.9em;
margin-right: auto;
margin-left: auto;
height: auto;
min-height: 35em;
margin-top: -1em;
}

#content_pdf{
font-family: Calibri;
background-color: white;
max-width: 75em;
min-width: 74.9em;
margin-right: auto;
margin-left: auto;
}


/* MAIN */
main{
position: relative;
margin-top: 1em;
float: left;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 53em;
float: left;
width: 70%;
text-align: justify;
}

#main_material{
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
float: left;
width: 73em;
min-width: 72.9em;
text-align: center;
height: calc(100% - 80px);
min-height: 35em;
}

#main_material_2{
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
float: left;
width: 73em;
min-width: 72.9em;
text-align: center;
height: calc(100% - 80px);
max-height: 45em;
min-height: 35em;
}

#main img{
margin-right: 3.7em;
}

#affilations{
position: absolute;                
bottom: 0; 
padding-bottom: 1em;
}

#affilations img{
height: 4.5em;
padding-right: 5em;
}

/* MATERIAL */

#main_material_nav{
padding-top: 0.5em;
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 9.5em;
float: left;
width: 73em;
min-width: 72.9em;
text-align: center;
}	

#main_material_nav_hide{
padding-top: 0.5em;
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 9.5em;
float: left;
width: 73em;
min-width: 72.9em;
text-align: center;
}	

#main_material_nav_stu:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_material_nav_mig:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_material_nav_pho:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_material_nav_tou:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
}

#main_material_nav_cur{
height: 4.4em;
border: 1px solid grey;
border-radius: 3px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

#main_material_nav_mig{
margin-right: 4.15em;
margin-top: 0.5em;
height: 4em;
float: left;
width: 15em;
}

#main_material_nav_mig img{
height: 4.4em;
}

#main_material_nav_stu{
margin-right: 4.15em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_material_nav_stu img{
height: 4.4em;
}

#main_material_nav_tou{
margin-right: 4.15em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_material_nav_tou img{
height: 4.4em;
}

#main_material_nav_pho{
margin-top: 0.5em;
height: 5em;
float: left;
width: 15em;
}

#main_material_nav_pho img{
height: 4.4em;
}







#main_appendix_nav{
padding-top: 0.5em;
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 9.5em;
float: left;
width: 73em;
min-width: 72.9em;
text-align: center;
}	

#main_appendix_nav_hide{
padding-top: 0.5em;
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 6em;
float: left;
width: 73em;
min-width: 72.9em;
text-align: center;
}	

#main_appendix_nav_stu:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_appendix_nav_mig:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_appendix_nav_pho:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_appendix_nav_compare:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
cursor: pointer;
}

#main_appendix_nav_tou:hover{
height: 4.4em;
border: 1px solid lightgrey;
border-radius: 3px;
}




#main_appendix_nav_cur img{
height: 4.4em;
}

#main_appendix_nav_cur{
height: 4.4em;
border: 1px solid grey;
border-radius: 3px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}


#main_appendix_nav_mig img{
height: 4.4em;
}

#main_appendix_nav_mig{
margin-right: 4.25em;
margin-top: 0.5em;
height: 4em;
float: left;
width: 11em;
}

#main_appendix_nav_compare img{
height: 4.4em;
}

#main_appendix_nav_compare{
margin-top: 0.5em;
height: 4em;
float: left;
width: 11em;
}

#main_appendix_nav_stu img{
height: 4.4em;
}

#main_appendix_nav_stu{
margin-right: 4.25em;
margin-top: 0.5em;
height: 5em;
float: left;
width: 11em;
}

#main_appendix_nav_tou img{
height: 4.4em;
}

#main_appendix_nav_tou{
margin-top: 0.5em;
margin-right: 4.25em;
height: 5em;
float: left;
width: 11em;
}

#main_appendix_nav_pho img{
height: 4.4em;
}

#main_appendix_nav_pho{
margin-top: 0.5em;
margin-right: 4.25em;
height: 5em;
float: left;
width: 11em;
}



.ppt{
text-align: center;
}

.ppt img{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
border: 1px solid grey;
height: 45em;
}

.ppt li {
list-style-type: none;
position: absolute;
}

.ppt_world{
text-align: center;
}

.ppt_world img{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
border: 1px solid grey;
height: 25em;
margin-left: 0.5em;
}

.ppt_world li {
list-style-type: none;
position: absolute;
}

.ppt_pdf{
text-align: center;
}

.ppt_pdf img{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
border: 1px solid grey;
height: 25em;
}

.ppt_pdf li {
list-style-type: none;
position: absolute;
}

#slideshow{
margin-left: 6.5em;
height: 47em;
}

#slideshow_world{
margin-left: 6.5em;
height: 27em;
}

#back{
height: 1.5em;
float: left;
}

#back img {
padding: 2px;
padding-top: 5px;
height: 14px;
width: 14px;
}

#back button {
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
padding: 0 27px;
text-align: left;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

#forward{
height: 1.5em;
float: left;
}

#pause img {
padding: 2px;
padding-top: 5px;
height: 14px;
width: 14px;
}

#pause{
height: 1.5em;
float: right;
}

#forward{
height: 1.5em;
float: right;
}

#forpause{
height: 4em;
float: right;
}

#pause button {
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
text-align: center;
padding: 0 27px;
text-decoration: none;
display: inline-block;
font-size: 16px;	
}

#forward button {
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
padding: 0 27px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

#forward img {
padding: 2px;
padding-top: 5px;
height: 14px;
width: 14px;
}

#back button:hover {
border: 0.5px solid black;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: lightgrey;
color: white;
cursor: pointer;
}

#pause button:hover {
border: 0.5px solid black;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: lightgrey;
color: white;
cursor: pointer;
}

#forward button:hover {
border: 0.5px solid black;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: lightgrey;
color: white;
cursor: pointer;
}

#migrationnote{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px;
text-align: justify;
padding-bottom: 1em;
float: left;
margin-top: 1em;
padding: 1em;
}

#appendixnote{
border-radius: 3px;
text-align: justify;
padding-bottom: 1em;
float: left;
margin-top: 1em;
margin-bottom: 0em;
padding: 1em;
}

#appendixabb{
border-radius: 3px;
text-align: justify;
float: left;
margin-left: 3 px;
margin-top: 1em;
margin-bottom: 0em;
padding: 1em;
}

#appendixframe{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px;
float: left;
margin-bottom: 1em;
margin-top: 1em;
padding: 1em;
}

#appendixframe h1{
font-size: 1.5em;
margin-top: 0.5em;
}


/* ASIDE */

#aside{
position: relative;
margin-top: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 53em;
float: right;
width: 23%;
text-align: left;
padding-left: 1em;
padding-right: 1em;
}

#News{
border-bottom: 1px solid grey;
}

#news_only{
	height: 38em;
	overflow: auto;
}

a {
color: black;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#project_desc{
width: 91%;
border-top: 1px solid grey;
padding-bottom: 1em;
padding-top: 1em;
position: absolute;                
bottom: 0;  
text-align: justify;
}

#slideshow_mobile{
	display: none;
}

#button_mobile{
	display: none;
}


/* FOOTER */

footer{
float: right;
background-color: white;
margin-top: 1em;
margin-right: 0.5em;
margin-left: 0.5em;
display: inline-block;
height: 2em;
}


/* PUBLICATIONS */
#publications li{
list-style-type: none;
font-size: 16px;
text-align: left;
}

#publications h1 {
font-size: 1.6em;
}

#publi {
text-align: left;
border-top: 0.5px solid lightgrey;
}

#publi2 {
border-top: 0px solid lightgrey;
}

.publications {
font-size: 14px;
width: 100%;
padding: 15px;
margin-right: auto;
text-align: justify;
background-color:  white;
border: 0px solid black;
border-radius: 0px; 
display: block;
margin-left: -1em;
}


#doi1 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi2 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi3 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi4 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi5 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi6 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi7 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi8 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi9 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi10 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi11 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi12 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi13 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 14px;
margin-top: 15px;
}

#doi14 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi15 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi16 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi17 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi18 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}	

#doi19 {
font-size: 14px;
text-align: justify;
width: 99.1%;
padding: 0px;
margin-left: 0px;
margin-top: 15px;
}

#doi20 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi21 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 0px;
}

#doi22 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi23 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi24 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi25 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 0px;
}

#doi26 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi27 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi28 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

#doi29 {
font-size: 14px;
text-align: justify;
width: 99.1%;
margin-left: 0px;
margin-top: 15px;
}

/* PEOPLE */


#people {
width: 100%;
	text-align: left;
	line-height: 20px;
}

#people h1{
width: 100%;
	text-align: center;
}

#people div {
height: 120px;
width: 20%;
line-height: 20px;
font-size: 15px;
float: left;
margin: 4%;
margin-left: 0px;
margin-bottom: 2%;
margin-top: 0px;
}

#peoplelogo img{
margin-top: 2em;
height: 3em;
}

#peoplelogo2 img{
margin-top: 2em;
height: 3em;
}


/* PDF-SLIDESHOW */

#pdf_desc{
text-align: justify;
width: 75em;
margin-top: 2em;
margin-left: -2.5em;
}

#PDF_image{
margin-top: 1em;
width: 75em;
margin-left: -2.5em;
}

#PDF_image iframe{
width: 75em;
height: 45em;
}

#main_material_pdf{
position: relative;
margin-top: 1em;
float: left;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 54em;
float: left;
width: 100%;
text-align: left;
}

#main_material_pdf input[type="submit"]{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
padding: 0 27px;
text-align: left;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

#main_material_pdf_2 input[type="submit"]:hover{
background-color: lightgrey;	
border: 1px solid black;
}

#main_material_pdf_2 input[type="submit"]{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
padding: 0 27px;
text-align: left;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

#main_material_pdf input[type="submit"]:hover{
background-color: lightgrey;	
border: 1px solid black;
}

#main_material_pdf_2{
position: relative;
margin-top: 1em;
float: left;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white;
height: 57em;
float: left;
width: 100%;
text-align: left;
}

#cookies{
	text-align: center;
	font-family: Calibri;
	height: 7em;
	padding-left: 1em;
	padding-top: 1em;
	border-bottom: 1px solid black;
	margin-bottom: 1.2em;
	margin-top: -0.5em;
	background-color: lightblue;
}

#cookies button{
	margin-right: 1em;
	padding: 0.5em;
	border-radius: 3px;
	border: 1px solid black;
}

#cookies button:hover{
	margin-right: 1em;
	padding: 0.5em;
	border-radius: 3px;
	border: 1px solid black;
	cursor: pointer;
}

#zoom:hover{
	cursor: zoom-in;
}

#zoom_world:hover{
	cursor: zoom-in;
}

.tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .tile {
    position: relative;
    float: left;
    width: 33.333%;
    height: 100%;
    overflow: hidden;
  }

  .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
  }

  .txt {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 10%;
    left: 0;
    font-family: 'Roboto Slab', serif;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    cursor: default;
  }

  .x {
    font-size: 32px;
    line-height: 32px;
  }
  
#map{
	margin: auto;
	min-height: 20em;
	height: calc(100% - 200px);
	max-width: 100%;
    display:inline-block;
    margin:0 auto;
}	

#zoom{
	min-height: 20em;
	height: 100%;
	max-width: 100%;
	width: auto;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	border-radius: 3px; 
	border: 1px solid grey;
}

#zoom_world{
	min-height: 20em;
	height: 100%;
	max-height: 32em;
	max-width: 100%;
	width: auto;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	border-radius: 3px; 
	border: 1px solid grey;	
}


#zoom img{
	max-width: 100%;
	height: 100%;
}

#zoom_world img{
	max-width: 100%;
	height: 100%;
}

#maps_nav{
	height: 5em;
}

#maps_nav a{
	text-decoration: none;
}


#div_span{
	width: 3.5em;
	border-top: 1px solid black;
	margin-top: -0.8em;
	margin-left: -0.2em;
	margin-right: -0.2em;
	padding-bottom: 1em;
}

table{
	padding: 1em;
}


#maps_nav_back{
	margin-top: 1em;
	width: 6em;
	float: left;
}

#maps_nav_forward{
	margin-top: 1em;
	width: 6em;
	float: right;
}

#maps_nav_back button{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
padding: 0 27px;
text-align: left;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

#maps_nav_back button img{
	padding-top: 0.2em;
	height: 1em;
}

#maps_nav_back button:hover {
border: 0.5px solid black;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: lightgrey;
color: white;
cursor: pointer;
}

#maps_nav_forward button{
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: white; 
color: black; 
border: 0.5px solid grey;	
padding: 0 27px;
text-align: left;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

#maps_nav_forward button img{
	padding-top: 0.2em;
	height: 1em;
}
#maps_nav_forward button:hover {
border: 0.5px solid black;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 3px; 
background-color: lightgrey;
color: white;
cursor: pointer;
}
	
	
.maps_span{
	background-color: white;
	border: 1px solid black;
	padding: 6px;
	border-radius: 50%;
	display:inline-block
	}

.maps_span:hover{
		background-color: black;
		padding: 6px;
		border-radius: 50%;
		display:inline-block
	}
	
.maps_span_picked{
		background-color: black;
		padding: 6px;
		border-radius: 50%;
		display:inline-block
}	

.size{
display: none;
}	

.size {
	border: 0.5px solid grey;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	border-radius: 3px; 
	width: 5em;
	margin-left: 1em;
	padding: 0.2em;
	background-color: white;
}

.size:hover{
	cursor: pointer;
}

.slide{
	border: 0.5px solid grey;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	border-radius: 3px; 
	width: 9em;
	margin-left: 1em;
	padding: 0.2em;
	background-color: white;
}

.slide:hover{
	cursor: pointer;
	background-color: lightgrey;
	border: 0.5px solid black;	
}


@media only screen and (max-height: 600px) {
	.size{
	display: block;
	}	
}