.main_cat_table{
    
    margin-top: 20px;
    margin-left: 20px;
    width: 1366px;
    margin-bottom: 30px;
}

table{
    
    border-collapse: collapse;
    margin: 0;
    border: 0;
    padding: 0;
    
}

.page_intro{
    width: 1000px;
    font-size: 18px;
    padding-bottom: 20px;
    text-align: justify;
    
}

.category_title{
    
    font-size: 35px;
    color: #555555;
    padding-bottom: 20px;
    font-family: panno-normal;
    
}

.category_box{
    width: 380px;
    overflow: hidden;

}


.category{
        margin-top: 20px;
        width: 430px;
        border-right: 1px solid #CCCCCC;
        height: 1117px;
        margin-left: -5px;
}

.category_box_end{
    
    width: 380px;
    height: 30px;
    padding: 10px;
}
.bgblue{
    
    background-color: rgb(51, 101, 138);

}

.borderblue{
    
     border-color: rgb(51, 101, 138);

    
}

.bgorange{
    
    background-color: rgb(221, 78, 38);
    
}

.right_border_orange{
    
   
    
}

.event_header{
    
    color: rgb(51,101,138);
    margin-top: 10px;
    font-family: panno-light;
    
}

.event_info{
   
    margin-top: 10px;
   
}

.event_locicon{
    
    height: 15px;
    
}


.orangefont{
    
    color: rgb(221, 78, 38);
    
}
.category_image{
    margin-top: 50px;
    width: 683px;
    
    
}
.category_td{
    
    width: 438px;
    margin-bottom: 30px;
    
}

.bottom_border_blue{
    
        border-bottom: 3px solid rgb(51, 101, 138);

}

.item_table{
    
    padding: 0;


}
.item_box{
    
    width: 400px;
    height: 120px;
    margin-top: 10px;
    background: white;
    border-radius: 4px;
    box-shadow: 2px 0px 3px lightgrey;
    border-top: 4px solid rgb(51,101,138);

}

.greyborder{
    
      border-top: 4px solid #CCCCCC;
 
    
}
.orangeborder{
    
   border-top: 4px solid rgb(221, 78, 38);
    
}
.item_text{
    width: 240px;
    padding: 20px;
    color: #333333;
    font-family: panno-light;
    
    
}
.right_border_blue{
    
    
    
}

.item_image_delimiter{

    height: 120px;
    width: 120px;
    overflow: hidden;
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 0px 0px 0px 4px;
    
}

.item_row{
    
    
}
.item_image{
    
    min-wdith: 120px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px;
    

}
.education_presentation{
    
    height: 200px;
    width: 170px;
    margin-top: 0px;
    
}



.education_presentation_center{
    
    height: 200px;
    width: 170px;
    background-color: rgb(51, 101, 138);
    margin-left: 20px;
    margin-top: 40px;
    box-shadow: 5px 5px 5px 5px #DDDDDD;

}

.education_image_div{
    
   height: 165px;
   width: 165px;
   overflow: hidden;
    
    
}
.education_image{
    
    width: 165px;
    
}

.education_short_div{
    
    font-family: panno;
    height: 70px;
    background-color: rgb(51, 101, 138);;
    color: white;
}

.education_short_name{
    
    font-size: 18px;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    text-align: justify;
}

.education_short_function{
    margin-left: 15px;
    margin-top: 2px;
    font-size: 15px;
    
    
}

.staff_job_description{
    
    font-size: 19px;
    color: black;
    margin-top: -15px;
    margin-left: 30px;
    
}

.staff_bio_title{
    
    font-size: 22px;
    margin-left: 30px;
    margin-top: 30px;
    color: #333333;
    
}
.staff_bio{
    
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    margin-left: 30px;
    width: 644px;
    text-align: justify;
    text-justify: inter-word;
}
.staff_detail_picture{
    width: 300px;
    margin-top: 0px;
}

.education_detail_table{
    
    margin-top: 30px;
    padding: 20px;
    width: 1366px;
}

.education_detail_imagebox{
    
   width: 300px;
   height: 350px;
   overflow: hidden;
   color: white;
   margin-top: 25px;
   margin-left: 30px;
}

.terug{
    
    padding: 5px;
    background: #BBBBBB;
    color: #333333;
    text-decoration: none;
    width: 220px;
    text-align: center;
    
}
.education_detail_image{
    
    min-width: 300px;
    min-height: 350px;
    max-width: 300px;
    
}

.education_detail_name{
    
    font-family: panno-light;
    font-size: 25px;
    color: rgb(51, 101, 138);
    margin-top: 25px;
    margin-left: 40px;
    font-weight: bold;
    text-align: justify;
    padding-right: 50px;
    
}

.staff_email{
    
    margin-left: 30px;
    background-color: rgb(234, 234, 234);
    width: 400px;
    color: rgb(51, 101, 138);
    padding: 15px;
}

.education_detail_box{
    
   
    width: 300px;
    background-color: rgb(51, 101, 138);
    padding-bottom: 20px;
    margin-top: 25px;
    color: white;
    background: white;
    border-radius: 4px;
    box-shadow: 2px 0px 3px lightgrey;

}

.education_detail_header{
    
    color: rgb(51, 101, 138);
    background-color: #DDDDDD;
    border-radius: 8px 8px 0px 0px;
    padding: 10px;
}
.education_detail_info_box{
    
    border-radius: 4px;
    background: white;
    box-shadow: 2px 0px 3px lightgrey;
    
    margin-left: 30px;


    
    
}

.education_detail_info_header{
    
    color: rgb(51, 101, 138);
    background-color: #DDDDDD;
    border-radius: 4px 4px 0px 0px;
    padding: 10px;
}

.education_detail_box_header{

    font-size: 18px;
    padding: 4px;
    
}

.staff_detail_office_box_title{
    margin-left: 17px;
    font-size: 25px;
    color: white;
}

.staff_detail_office_workinghours{
    
    color: white;
    margin-top: 15px;
    margin-left: 15px;    
}
.education_vl{
    
    width: 270px;
    margin-left: 15px;
    margin-top: 15px;
    height: 1px;
    background-color: white;
    
}

.education_detail_teachers{
    
    font-size: 20px;
    margin: 4px;
    margin-top: 15px;
    
    
}

.education_detail_teacher{
    
    width: 270px;
    background: white;
    padding: 15px;
    
}
.education_detail_teacher_text{
    
    margin-left: 10px;
    font-size: 20px;
}
.education_detail_teacher_text_function{
    
    font-size: 15px;
    color: #333333;
    margin-left: 10px;
    
}
.education_detail_teacher_info{
    
    margin-left: 10px;
    text-align: left;
}
.education_profile_image_box{
    border-radius: 25px;
    background: orange;
    overflow: hidden;
    height: 46px;
    width: 46px;
    border: 3px solid rgb(221, 78, 38);
    margin-left: 20px;
    
    
}
.education_profile_image{
    
    min-width: 50px;
    max-height: 80px;
    max-width: 80px;
    margin-top: -10px;
    
}

.project_img{
    width: 300px;
    height: 320px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 15px;
}

.staff_header{
    
    color: rgb(51,101,138);
    background-color: #DDDDDD;
    border-radius: 4px 4px 0px 0px;
    padding: 10px;

}

.profile_image_delimiter{
    margin: 10px; 
    height: 48px;
    width: 48px;
    border-radius: 25px;
    overflow: hidden; 
    border: 2px solid rgb(51,101,138);
      

}
 
.education_detail_information{
    
    min-height: 200px;
    margin-left: 30px;
    text-align: justify;
   font-size: 17px;
   line-height: 22px;
    font-family: panno-light;
    color: #333333;
    padding: 10px;
    padding-top: 0px;
    padding-right: 50px;
    text-align: justify;
    text-justify: inter-word;
    color: #333333;
      padding-bottom: 50px;
}

.education_detail_studiefiche{                                  
    
    width: 280px;
    color: white;
    padding: 20px;
    margin-top: 30px;
    font-size: 20px;
}

.header1{
    
    font-size: 20px;
}

.staff_detail_office_adress{
    
    color: white;
    margin-top: 15px;
    margin-left: 15px;    
}

.staff_detail_secondtable{
    
    width: 1366px;
    min-height: 300px;
    margin-top: 50px;
}

.staff_detail_three{
    
    padding: 20px;
    width: 360px;
    min-height: 400px;
    
}

.orange {
    background-color: rgb(221, 78, 38);
 
    
}

.white{
    
    background-color: white;
    
}
.margin{
    
    margin-left: 78px;
}

.staff_detail_three_title{
    
    font-size: 30px; 
    color: white;
    text-transform: uppercase;
}

.staff_detail_three_zoom_block{
    
margin-top: 15px;
width: 360px;
height: 80px;
background: white;
    
    
}

.staff_detail_three_zoom_block_title{
    
font-size: 16px;
 height: 60px;
 margin: 10px;
 width: 260px;
    
    
}
.staff_detail_three_zoom_block_table{
    
    padding: 0px;
    margin: -1px;
    margin-top: -3px;
    border-collapse: collapse;
    border-spacing: 0px;
}
.staff_detail_three_zoom_block_image{
    
    height: 80px;
    width: 80px;
    background: rgb(51, 101, 138);
    overflow: hidden;
    
    
}
.orangefont{
    
   color: rgb(221, 78, 38);
    
}

.greyfont{
    
    color: #CCCCCC;
    
}
.bluefont{
    
   color: #333333; 
    
}

.white{
    
    
    background-color: white;
    
}

.pin_image{
    
    min-height: 80px;
    min-width: 80px;
    max-height: 100px;
    max-width: 100px;
}

.staff_detail_citation{
    
    color: #333333;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
        font-size: 13px;

}


.biblio{
    
    color: rgb(221, 78, 38);
    font-size: 20px;
}

.pub_link{
    
    font-size: 16px;
    font-family: panno-light;
}
.staff_detail_three_zoom_block_edu{
    
    margin-top: 15px;
    width: 360px;
    color: white;
}

.staff_detail_three_zoom_block_table_edu{
    
    background: rgb(51, 101, 138);

}

.staff_detail_three_zoom_block_title_edu{
    
    padding: 20px;
    width: 320px;
    
}

.h1{
    
    font-size: 18px;
    
}

.small{
    margin-top: 5px;
    font-size: 14px;
      
}

.afgelopen{
    
    color: #333333;
    margin-top: 5px;
    font-size: 12px;
    
}

.smallmargin{
    
    margin-left: 0px;
    margin-top:  0px; 
    
}

.events_empty{
    
    font-family: panno-light;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    
}

.noborder{
    
    border-right: none;
    
}

publications{
    width: 320px;
    background-color: white;
    margin-left: 5px;
    margin-top: 18px;
    box-shadow: 2px 0px 3px lightgray;
    border-radius: 4px;
}

.publications_header{
    
    color: rgb(221, 78, 38);
    background-color: white;
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    font-family: panno-normal;
    font-size: 16px;
    border-bottom: 1px solid #DDDDDD;
    text-align: justify;
    
}

.citation_box{
    
    margin-top: 7px;
    padding: 20px;
    padding-top: 10px;
    padding: 10px;
    background: white;
        border-radius: 4px;
    box-shadow: 2px 0px 3px lightgrey;

}

.detail_citation{
    margin-left: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE;
   
}

.bluefont{
    
    color: rgb(51,101,138);
    
    
}

.pub_detail{
    
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: panno-light;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    border-left: 2px solid #EEEEEE;
    
}

.pub_source{
    
    color: #333333;
    font-size: 13px;
    
}

.blue_color{
   color: rgb(51, 101, 138);
}

.education_detail_staff{
    
    width: 300px;
    background: white;
    border-radius: 4px;
    box-shadow: 2px 0px 3px lightgrey;
    
}

.staff_profile_image{
    
    height: 52px;
    
}

.staff_profile_name{
    
    font-size: 16px;
    font-family: panno-light;
    
}