.fullHeight{
    height:100vh;
    width: 100%;
    background-color: rgba(195, 29, 51, 0.88);
    color: rgb(216, 216, 216);
  
}

.fullHeightTwo{
    height:100vh;
    background-color: #F0F0F0;
  
}
.fullHeightThree{
    height:100vh;
    
}

#graphUitleg{
     font-weight: 500;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: justify;
    margin-bottom: 10%;
}


body{
   font-family: 'Bree Serif', serif !important;
    
}

h1{
    font-size: 4.5em;
    color: rgb(255, 255, 255);
    
    
}

h2{
    padding-top: 50px;
}

.h1-onderschrift{
    font-weight: 500;
    color: rgb(240, 240, 240);
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: justify;
}

.container-icons{
    height: 90;
    text-align: center;
    font-size: 3em;
}

.fa{
    text-align: center;
}

#arrow1{
    margin-bottom: 20px;
    color: #313131;
}

#arrow2{
    margin-top: 45px;
    color: #313131;
}
.row{
    height: 6.5vh;
}


.arrow {
  text-align: center;
  cursor: pointer;
    font-size: 250%;
}
.bounce {
  -moz-animation: bounce 1.5s infinite;
  -webkit-animation: bounce 1.5s infinite;
  animation: bounce 1.5s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


.card-body{
    height: 500px;
}



.uitleg{
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    
}
.listp{

    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
}


ul{
     font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
}
li:hover{
    color: #C31D33;
    background-color: rgba(0,0,0,0.15);
}

.active{
    border: none;
    background-color: #C31D33 !important;
    color: #efefef;
    
}

#collapseSeven{
    height: 780px !important;
}

#collapseThree{
    height: 600px !important;
}


.container-fulHeightThree{
    margin-top: 25px;
}

.card-header:hover{
    background-color: #c31D33;
    color: #EFEFEF;
}



.testImage{
    margin: auto;
    width: 250px;
    
    
}

#accordion{
    margin-bottom: 50px;
}










.highcharts-background{
    fill: #F0F0F0;
}




.highcharts-color-0 rect{
    fill: rgb(216, 216, 216);
}

.highcharts-color-1 rect{
    fill: #C31D33;
}





.in2017{
    color: #18A288;
}

.in2016{
    color: #29AC8A;
}

.in2015{
    color: #40B68E;
}

.in2014{
    color: #59C190;
}

.in2013{
    color: #74CB93;
}

.in2012{
    color: #90D596;
}

.in2011{
    color: #ABDF99;
}

.in2010{
    color: #C7EA9C;
}

.in2009{
    color: #E3F49F;
}

.voor2009{
    color: #FFFEA2;
}