#body{
    background-color: white;
    padding-bottom:0;
    padding-top: 1.5%;
    font-family: 'Open Sans',Arial,Helvetica;
}

#resultBody {
    padding-bottom: 20px;
}

#resultBody2 {
    padding-bottom: 20px;
}

#resultBody3 {
    padding-bottom: 20px;
}

#resultBody4 {
    padding-bottom: 20px;
}

.palme {
    width: 20%;
    padding-top: 2%;
    height: auto;
    float: left;
    margin-left: 12.5%;
    margin-right: 7%;

}

#image {
    background-image: url('South_Sea_Bubble.jpg');
    padding-bottom:42px;
    padding-top: 30px;
    margin-left: 12.5%;
    margin-right: 12.5%;
}

#image2 {
    background-image: url('dutchexchange.jpg');
    padding-bottom:42px;
    padding-top: 30px;
    margin-left: 12.5%;
    margin-right: 12.5%;
}

#image3 {
    background-image: url('amsterdamexchange2.jpg');
    padding-bottom:42px;
    padding-top: 30px;
    margin-left: 12.5%;
    margin-right: 12.5%;
}

#image4 {
    background-image: url('stormyseas.jpg');
    padding-bottom:42px;
    padding-top: 30px;
    margin-left: 12.5%;
    margin-right: 12.5%;
}

#impressContainer {
    margin-left: 12%;
    margin-right: 12%;
    margin-top: 2%
}


/* Logo styles */

#logo {
    position: relative;
    padding-top: 2%;
    margin-left: 35%;
    max-width: 20%;
    height: 120px;
    color: #997006;
    font-size:medium;
    font-weight: bold;
    
} 

#logo1 {
    position: relative;
    padding-top: 2%;
    margin-left: 35%;
    max-width: 20%;
    height: 120px;
    color: #997006;
    font-size:medium;
    font-weight: bold;
}


#logo2 {
    position: relative;
    padding-top: 2%;
    margin-left: 35%;
    max-width: 20%;
    height: 120px;
    color: #997006;
    font-size:medium;
    font-weight: bold;
}

#logo3 {
    position: relative;
    padding-top: 2%;
    margin-left: 35%;
    max-width: 20%;
    height: 120px;
    color: #997006;
    font-size:medium;
    font-weight: bold;
}

#logo4 {
    position: relative;
    padding-top: 2%;
    margin-left: 35%;
    max-width: 20%;
    height: 120px;
    color: #997006;
    font-size:medium;
    font-weight: bold;
}

#logo5 {
    position: relative;
    padding-top: 2%;
    margin-left: 35%;
    max-width: 20%;
    height: 120px;
    color: #997006;
    font-size:medium;
    font-weight: bold;
}

.idem {
    margin-bottom: 0;
}



/* header styles */

#Welcome {
    font-size:x-large;
    padding-bottom: 1%;
    font-family: Arial, Helvetica, sans-serif;
}


#navbar {
    position: relative;
    background-color: rgb(50,65,75);
    width: 1140px;
    margin-left: 12.5%;
    padding: 5px;
}

#navbar1 {
    position: relative;
    background-color: rgb(50,65,75);
    width: 1140px;
    margin-left: 12.5%;
    padding: 5px; }

#navbar2 {
    position: relative;
    background-color: rgb(50,65,75);
    width: 1140px;
    margin-left: 12.5%;
    padding: 5px;
}

#navbar3 {
    position: relative;
    background-color: rgb(50,65,75);
    width: 1140px;
    margin-left: 12.5%;
    padding: 5px;
}

#navbar4 {
    position: relative;
    background-color: rgb(50,65,75);
    width: 1140px;
    margin-left: 12.5%;
    padding: 5px;
}

#navbar5 {
    position: relative;
    background-color: rgb(50,65,75);
    width: 1140px;
    margin-left: 12.5%;
    padding: 5px;
}

#home {
    font-size: 2rem;
    color: rgb(50,65,75);
    margin-left: 12.5%;
    border-left-style: solid;
    border-right-style:none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-color: #a51e37;
    padding-left: 0.5%;
    margin-top: 1%;

}

#subSearch {
    font-size: 2rem;
    color: rgb(50,65,75);
    margin-left: 12.5%;
    border-left-style: solid;
    border-right-style:none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-color: #a51e37;
    padding-left: 0.5%;
    margin-top: 1%;
}

#stockTrade {
    font-size: 2rem;
    color: rgb(50,65,75);
    margin-left: 12.5%;
    border-left-style: solid;
    border-right-style:none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-color: #a51e37;
    padding-left: 0.5%;
    margin-top: 1%; 
}

#general {
    font-size: 2rem;
    color: rgb(50,65,75);
    margin-left: 12.5%;
    border-left-style: solid;
    border-right-style:none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-color: #a51e37;
    padding-left: 0.5%;
    margin-top: 1%;
}

#marine {
    font-size: 2rem;
    color: rgb(50,65,75);
    margin-left: 12.5%;
    border-left-style: solid;
    border-right-style:none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-color: #a51e37;
    padding-left: 0.5%;
    margin-top: 1%;
}

#impressum {
    font-size: 2rem;
    color: rgb(50,65,75);
    margin-left: 12.5%;
    border-left-style: solid;
    border-right-style:none;
    border-top-style: none;
    border-bottom-style: none;
    border-left-color: #a51e37;
    padding-left: 0.5%;
    margin-top: 1%;
}

#results1 {
    top: 0;
    margin-top: 0;
    color: rgb(50,65,75);
    font-size: 2rem;
    padding-left: 15px;
}

#results2 {
    top: 0;
    margin-top: 0;
    color: rgb(50,65,75);
    font-size: 2rem;
    padding-left: 15px;
}
#results3 {
    top: 0;
    margin-top: 0;
    color: rgb(50,65,75);
    font-size: 2rem;
    padding-left: 15px;
}
#results4 {
    top: 0;
    margin-top: 0;
    color: rgb(50,65,75);
    font-size: 2rem;
    padding-left: 15px;
}



/* Howto style */
.p {
    text-align: justify; 
}

#notelist {
    margin-bottom: 0;
}

.howto {
    font-size: 2rem;
    color: rgb(50,65,75);
    padding-left: 15px;
    
}

#howtointro {
    margin-bottom: 15px;
    color:rgb(50,65,75);
}

.dt {
    margin-top: 1%;
}

.dd {
    margin: 0;
}

#notes {
    margin-bottom: 0;
}

/* Accordion */
#accordion {
    background-color: #eee;
    color:  rgb(50,65,75);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: .83em;
    transition: 0.4s;
    margin-bottom: 2%;
    font-weight: bolder;
  }

.active, #accordion:hover {
    background-color: #ccc; 
  }

.accordion:after {
    content: '\02795'; 
    font-size: .83em;
    color:  rgb(50,65,75);
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    font-weight: bolder;
  } 
  
.active:after {
    content: '\2796'; 
  } 

#panel {
    padding: 0 18px 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    margin-bottom: 5%;
  }  

#accordion2 {
    background-color: #eee;
    color:  rgb(50,65,75);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.17em;
    transition: 0.4s;
    margin-bottom: 1%;
    
  }

.active, #accordion2:hover {
    background-color: #ccc; 
}

#panel2 {
    padding: 18px 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: rgba(50,65,75,0.4);

}

#accordion3 {
    background-color: #eee;
    color:  rgb(50,65,75);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.17em;
    transition: 0.4s;
    margin-bottom: 1%;
    
  }

.active, #accordion3:hover {
    background-color: #ccc; 
}

#panel3 {
    padding: 18px 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: rgba(50,65,75,0.4);
    
}

/* bootstrap-container styles */
#searchContainerindex {
    padding-right: 0px;
    padding-left: 0px;
    
}

#searchContainer2 {
    padding-right: 0px;
    padding-left: 0px;
    
}

#searchContainer3 {
    padding-right: 0px;
    padding-left: 0px;
    background-color: white;
}

#searchContainer4 {
    padding-right: 0px;
    padding-left: 0px;
    
}

#homeContainer {
    padding-right: 0px;
    padding-left: 0px;
}



/* jumbotron-styles */
#homeJumbo {
    padding-top: 10px ;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    border-style: solid ;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: #a51e37;
    background-color: white;
}

#searchfieldJumbo1 {
    padding-top: 10px ;
    padding-bottom: 10px;
    background-color:rgba(255, 252, 252, 0.7);
    margin-bottom: 5px;
    width: 100%;
}

#searchfieldJumbo2 {
    padding-top: 10px ;
    padding-bottom: 10px;
    background-color: rgba(255, 252, 252, 0.7);
    margin-bottom: 5px;
    width: 100%;
}

#searchfieldJumbo3 {
    padding-top: 10px ;
    padding-bottom: 10px;
    background-color: rgba(255, 252, 252, 0.7);
    margin-bottom: 5px;
    width: 100%;  
}

#searchfieldJumbo4 {
    padding-top: 10px ;
    padding-bottom: 10px;
    background-color: rgba(255, 252, 252, 0.7);
    margin-bottom: 5px;
    width: 100%;  
}

#resultJumbo1 {
    padding-top: 10px ;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: White;
    margin-bottom: 0;
    padding-bottom: 40%;
}

#resultJumbo2 {
    padding-top: 10px ;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: White;
    margin-bottom: 0;
    padding-bottom: 40%; 
}

#resultJumbo3 {
    padding-top: 10px ;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: White;
    margin-bottom: 0;
    padding-bottom: 40%;
}

#resultJumbo4 {
    padding-top: 10px ;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: White;
    margin-bottom: 0;
    padding-bottom: 40%;
}

.container-sm {
    position: relative;
}

/* button styles */
.btn {
    padding: 0px 20px;
    width: 100px;
    height: 41px;
    font-size: 22px;
    margin: 50px;
}

#search-button {
    position: relative;
    margin: 1%;
    background-color: #997006;
    color: white;
    
}


#return-button {
    position: absolute;
    right: 0;
    margin-right: 2%;
    top: 0;
    margin-top: 0;
    text-align: left;
    color:white; 
    background-color: #a51e37;
    width: 110px;
    
}

#return-button2 {
    position: absolute;
    right: 0;
    margin-right: 2%;
    margin-top: 0;
    text-align: left;
    color:white; 
    background-color: #a51e37;
    width: 110px;
}

#return-button3 {
    position: absolute;
    right: 0;
    margin-right: 2%;
    margin-top: 0;
    text-align: left;
    color:white; 
    background-color: #a51e37;
    width: 110px;
   
}

#return-button4 {
    position: absolute;
    right: 0;
    margin-right: 2%;
    text-align: left;
    color:white; 
    background-color: #a51e37;
    width: 110px;
}


/* link-styles */
.link {
    text-decoration: none; 
    color: #a51e37;
}

.link:hover {
    color:#a51e37;
}

.nav-link {
    color: white;
    font-size: larger;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-link:hover {
    color: #a51e37;
}

.nav-item {
    padding-left: 15px;
    padding-right: 15px;
}


/* Result field styles*/
#lowerhalf {
    overflow: auto;
    background-color: white;
}

#lowerhalf2 {
    overflow: auto;
    background-color: white;
}

#lowerhalf3 {
    overflow: auto;
    background-color:white; 
}

#lowerhalf4 {
    overflow: auto;
    background-color:white; 
}

#name-box {
    padding-bottom: 30px;
    padding: 10px;
    width: 100%;
    margin-top: 1%;
}

#name-box2 {
    padding-bottom: 30px;
    padding: 10px;
    width: 100%;
    margin-top: 1%;
}

#name-box3{
    padding-bottom: 30px;
    padding: 10px;
    width: 100%;
    margin-top: 1%;
}

#searchresult {
    margin-top: 1%;
    border: solid;
    padding: 0;
    background-color: #eee;
    position:sticky;
    float:none;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: #a51e37;
    background-color: white;
}

#searchresult2 {
    margin-top: 1%;
    border: solid;
    padding: 0;
    background-color: #eee;
    position:sticky;
    float:none;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: #a51e37;
    background-color: white;
}


#searchresult3 {
    margin-top: 1%;
    padding: 0;
    position:sticky;
    float:none;
    border-style: solid ;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: #a51e37;
    background-color: white;
}

#searchresult4 {
    margin-top: 1%;
    border: solid;
    padding: 0;
    background-color: #eee;
    position:sticky;
    float:none;
    border-top-width: 3px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: rgba(50,65,75,0.4);
    border-left-color: rgba(50,65,75,0.4);
    border-bottom-color: rgba(50,65,75,0.4);
    border-top-color: #a51e37;
    background-color: white;
}


/* Search field and input styles */
input {
    padding: 0px 20px;
    width: 300px;
    height: 40px;
    font-size: 22px;
    margin: 50px;
}

.search-box {
  position: relative;

}

.hide {
    display: none;
}

.or {
    width:fit-content;
    height: fit-content;
    margin: 1%;
    float: left;
    font-weight: bold;
    
}

#dateSearch {
    font-size: large;
    padding-left: 1%;
}

#sumSearch {
    font-size: large;
    padding-left: 1%
    
}

#shareSearch {
    font-size: large;
    padding-left: 1%;
}

#name {
    float: left;
    margin: 1%;
    margin-top: 0;
 
}

#surname {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#title {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#politOff {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#occupation {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#company {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#label {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#location {
    float: left;
    margin: 1%;
    margin-top: 0;
   
}

#date {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#dateMin {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#dateMax {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#position {
    float: left;
    margin: 1%;
    margin-top: 0;
    
}

#sum {
    float: left;
    margin: 1%;
    margin-top: 0;
    
}

#sumMIN {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#sumMAX{
    float: left;
    margin: 1%;
    margin-top: 0;
    
}

#shares {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#sharesMin {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#sharesMax {
    float: left;
    margin: 1%;
    margin-top: 0;
   
}

#ship {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#arrive {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#depart {
    float: left;
    margin: 1%;
    margin-top: 0;
}

#personalDataFull {
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}

#personLegend3 {
    margin-bottom: 1rem;
}

#dateSearchFull {
    margin-bottom: 1rem
}

#dateLegend3 {
    margin-bottom: 1rem;
}
/* Footer style */ 
#footer {
    position: sticky;
    background-color: #f2f2f2;
    margin-top: 2%;

}

#footerp {
    margin: 0;
}