body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff6ed;
}


/*LINKS*/


a, a:visited, a:focus {
 
outline:none;
text-decoration:none;
}


 a {
color:#333;
text-decoration:none;
}

 a:focus, a:hover{
color:#f87c01;
text-decoration:none;
}

figcaption {
  font-family: "Khula", sans-serif;
  font-weight: 400;
  font-style: normal;
   font-size:12px;
   line-height:24px;
}


/*FONTS*/


.khula-light {
  font-family: "Khula", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.khula-regular {
  font-family: "Khula", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.khula-semibold {
  font-family: "Khula", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.khula-bold {
  font-family: "Khula", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.khula-extrabold {
  font-family: "Khula", sans-serif;
  font-weight: 800;
  font-style: normal;
}


p.khula-regular{
  font-family: "Khula", sans-serif;
  font-weight: 400;
  font-style: normal;
   font-size:15px;
   line-height:24px;
}



.lijnhoogte {
   line-height:66px;
}

p.khula-regularlarger{
  font-family: "Khula", sans-serif;
  font-weight: 400;
  font-style: normal;
   font-size:16px;
   line-height:24px;
}


div.spatie {
height:5px;
}

div.spatiegroot {
height:28px;
}

p.assistant{
  font-family: "Assistant", sans-serif;
  font-size:40px;
  font-weight: 300;
  font-style: normal;
}

p.assistantsmall{
  font-family: "Assistant", sans-serif;
  font-size:28px;
  font-weight: 300;
  font-style: normal;
}







.albert-sans {
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: light;
    font-size:24px;
}

.albert-sansboven {
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: light;
    font-size:30px;
    color:#313c35;
}




hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #c6c8c5;
}


.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0px;
  color: inherit;
  background-color: #fff6ed;
 
}




.container {
                           /*padding-right: 15px;
                           padding-left: 15px;*/
                          padding-right: 0px;
                           padding-left: 0px;  
  
  margin-right: auto;
  margin-left: auto;
}






@media (min-width: 768px) {
  .container {
    width: 750px;
                               
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
                               
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1736px;
               border:10px solid red;            
  }
}




  
.col-md-6 {

border:0px solid #c6c8c5;

/*min-height:620px;*/
}  



.lijn {
display:none;
}

.col-md-4 {

border:0px solid #c6c8c5;


}  









.rowhwc {

padding-top:24px;

}


.rowlca {

padding-top:64px;
padding-bottom:32px;
}

.rowcn {
min-height:800px;
}





.col-md-12  {
padding-top:48px;
padding-bottom:124px;
}

  

.linkerhelft {
padding-left:16%;
padding-right:7%;

}


.linkerhelftapptop {
padding-left:16%;
padding-right:2%;

}


.linkerhelftapp {
padding-left:16%;
padding-right:16%;

}



.rechterhelft {
padding-left:7%;
padding-right:16%;
}


.linkerhelftlca {
padding-left:16%;
padding-right:7%;
border:0px solid red;
}

.md4center {
text-align:center;
border:0px solid blue;
}

.rechterhelftlca {
padding-left:7%;
padding-right:7%;
border:0px solid green;
}
  

.linkerhelfthwc {
padding-left:16%;
padding-right:2%;
border:0px solid green;
margin-top:5px;
margin-bottom:5px;
}


.md4centerhwc {

padding-left:3%;
padding-right:5%;
margin-top:5px;
margin-bottom:5px;
}


.rechterhelfthwc {
padding-left:16%;
padding-right:0%;
margin-top:5px;
margin-bottom:5px;
}



.plaatjerechts {
padding-top:156px;
}


.plaatjerechtsapp {
padding-top:156px;
}

.row {
border: 1px solid #c6c8c5;
}


.nobordertop

{
border: 0px solid #c6c8c5;
padding-top:0px;
}

.noborder

{
border: 0px solid #c6c8c5;

}



.textaligncenter {
text-align: center;
}


.container-fluid .kader {

width:100%;

border:0px solid red;
padding-left:2%:
padding-right:2%;
}

.img-responsive{
  display: block;
  margin-left: auto;
  margin-right: auto;}





@media (max-width: 992px) {

.linkerhelftlca {
padding-left:12%;
padding-right:16%;
padding-bottom:18px;
border:1px solid #c6c8c5;
margin-bottom:6px;
}

.md4center {
text-align:left;
padding-left:12%;
padding-right:16%;
padding-bottom:18px;
border:1px solid #c6c8c5;
margin-bottom:6px;
}

.rechterhelftlca {
padding-left:12%;
padding-right:16%;
padding-bottom:18px;
border:1px solid #c6c8c5;
}



.linkerhelfthwc {
padding-left:12%;
padding-right:2%;
border:1px solid #c6c8c5;
background-color:#dfe6e2;
}

.md4centerhwc {

padding-left:12%;
padding-right:5%;
border:1px solid #c6c8c5;
background-color:#dfe6e2;
}


.rechterhelfthwc {
padding-left:12%;
padding-right:0%;
border:1px solid #c6c8c5;
background-color:#dfe6e2;
}

.plaatjerechts {
padding-top:0px;
padding-bottom:74px;
}

.plaatjerechtsapp {
padding-top:46px;
} 

.textaligncenter {
text-align: left;
}


.linkerhelft {
padding-left:12%;
padding-right:12%;

}

.rechterhelft {
padding-left:12%;
padding-right:12%;
}  

.linkerhelftapptop {
padding-left:12%;
padding-right:12%;

}

.linkerhelftapp {

padding-left:12%;
padding-right:12%;
}


.rowlca {

padding-top:24px;
padding-bottom:32px;
}

.col-md-6 {

border:0px solid #c6c8c5;

min-height:auto;
} 
                               
                               
.borderbottom {

border-bottom:1px solid #c6c8c5;


}                                
                               
                               
                               
.albert-sansboven {
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: light;
    font-size:22px;
    color:#313c35;
}                               
                               
                               
                               
.albert-sans {
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: light;
    font-size:22px;
}                               
                               
                               
                               
  }





/*BUTTON*/

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #adadad;
  border-radius: 0px;
  
  font-family: "Assistant", sans-serif;
}

.btn-primary {
  color: #fff;
  background-color: #FE9B33;
  border-color: #FE9B33;
  margin-top:54px;
  margin-bottom:92px;
}


.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
                             background-color: #516358;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
                              background-color: #286090;
                              background-color: #516358;                              
                              
  border-color: #204d74;
}





.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
                                     background-color: #286090;
                                     background-color: #516358;                                     
                                     
  border-color: #204d74;
}


.btn-default-blauw:hover {
  color: #ffffff;
  background-color: #3e83c8;
  border-color: #adadad;
}


.btn-default-rood:hover {
  color: #ffffff;
  background-color: #f9351b;
  border-color: #adadad;
}



.btn-default-oranje:hover {
  color: #ffffff;
  background-color: #e56c37;
  border-color: #adadad;
}


.btn-default-lichtblauw:hover {
  color: #ffffff;
  background-color: #46a2e5;
  border-color: #adadad;
}



.btn-default-groen:hover {
  color: #ffffff;
  background-color: #3b965d;
  border-color: #adadad;
}



.posbottom {

position:absolute;
bottom:2px;
}






.white {
background-color: #ffffff;
}





















@media (min-width: 1200px) {
.table-responsive {
margin-top:38px;
padding:0px 0px 6px 0px; 
}
}




@media (min-width: 992px) and (max-width:1199px) {
.table-responsive {
margin-top:32px;
padding:0px 0px 6px 0px; 
}
}


@media (min-width: 768px) and (max-width:991px) { 
.table-responsive {
margin-top:36px;
padding:0px 0px 6px 0px; 
}


}



a.font-big {
font-size:16px;
}



/*TABLE*/



.table-hover > tbody > tr:hover {
                       background-color: #f5f5f5;
}



                   
      
      
   