/*--------------------------*/
/*      STRUCTUUR           */
/*--------------------------*/


#body{
    background-color:#ddd!important;
}


#section{
     background-color:#ddd!important;
}


#container{
        box-shadow: 0 0 25px grey!important;
        background-color:#fff!important;
}

#logo{
    
    background-color:#ffe027!important;
}


#kop{
    
    background-size:cover!important;
    background-repeat:no-repeat!important;
}


#inhoud{
    background-color:#fff!important;
    
}


#footer{
    
    height: 116px!important; 
    background-color:#fff!important;
    
}


/*------------*/
/* CSS CONTENT*/
/*------------*/


h1,h2,h3,h4,h5,h6 {
    
    color: #68a7bf;
    
}


/*--------------------------*/
/*OPMAAK HORIZONTALE LIJNEN
/*--------------------------*/

hr {
    
    height: 0.3px!important; 
    background-color:#4888A0!important;
    
}


/*--------------------------*/
/*OPMAAK LINKS
/*--------------------------*/


#inhoud a:not(#back-to-top) {
    color: #b88a1f!important;
    font-weight: bold!important;
}



#footer a {
    color: #b88a1f;
    font-weight: bold;

}


/*--------------------------*/
/*Instelling ankers
/*--------------------------*/

.anker {
   display: block;
    position: relative;
    top: -3rem!important;
    visibility: hidden;  
}


/*--------------------------*/
/*OPMAAK AFBEELDINGEN CONTENT
/*--------------------------*/


#inhoud .img-fluid{
    
    border-color:black!important;
    border-width: 1px!important; 
    border-style: solid!important; 
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    
    
}


/*--------------------------*/
/*OPMAAK TABEL
/*--------------------------*/

.table-reponsive .table {
  overflow: auto; /* Hide scrollbars */
}

.table td {
text-align: center!important;
 font-weight: 500;
 
}

.table th {
text-align: center!important;
 font-weight: 500;
 
}

.tabelfer .img-fluid {
    
    max-height:150px!important;
   
}

.tabelfer td:nth-child(1)  {
    
    width: 30%!important;
    padding:6px!important;
   
}





/*--------------------------*/
/*CSS BACK-TO-TOP*/
/*--------------------------*/


#back-to-top {
  
    color: #fff;
    background: #4888A0;
    opacity: 0.35;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    
    
    text-decoration: none;
    
    padding: 3px 3px!important;
    
    display: flex; 
    align-items: center; 
    justify-content: center;
    
    border:black!important;
    border-width: 1px!important; 
    border-style: solid!important; 
   
    position:fixed;
    bottom:110px!important;
    visibility: hidden;
   

}
#back-to-top:hover {
   background: #4888A0!important;
    opacity: 0.5!important;
}


/*--------------------------*/
/*CSS MODAL-CAROUSEL:*/
/*--------------------------*/



.carousel-control-next-icon, .carousel-control-prev-icon {
    
    background-color:#4888A0  !important;
}

/*--------------------------*/
/*CSS NAVIGATIE-MENU:*/
/*--------------------------*/


/*Achtergrondkleur navigatiemenu*/

.navbar {
    
    background-color:#4888A0!important;
    
}

/*Spaciering navigatiemenu*/

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.65rem;
    padding-left: 0.65rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
  	
}


/*De grootte en kleur van de letters in het hoofdmenu*/
.nav-link { 
    
    font-size: 17px; 
    color:#fff!important;
    
    
}




/*Effect1 van mouse-over in het hoofdmenu = Kleurverandering*/
.nav-link:hover { 
    
    font-size: 17px; 
    background-color:#b88a1f!important;
    
    
}


/*Effect2 van mouse-over in hoofdmenu = Uitrollen submenu*/


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}


/*Uitrol van het sub-menu*/

.dropdown .dropdown-item {
    font-size:17px;
    color:white !important;
    background-color:#80b0c0!important;

}

/*Extra-achtergrondkleur van het sub-menu*/  
    
.dropdown-menu {
   
    background-color:#80b0c0!important;
    margin: 0 0 0!important;
} 


/*Effecten mouse-over in het sub-menu*/


.dropdown .dropdown-item:hover {
    
    font-size:17px;
    color:white !important;
    background-color:#b88a1f!important;
    
}