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


.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  background:#000000;
                                 margin-top:48px;
}



@media (min-width: 768px) {
  .container {
    width: 760px;
  }
  
}


@media (min-width: 992px) {
  .container {
                              width: 962px;
                                                           
  }

}


/*FOOTER*/

.footer      {

                                                height: 20px;
                                                background:#000000;
                                                color:#fff;
                                                         padding:63px 0 36px 0;
                                                         margin:0 0 0 0;
                                    
                                                  /*border-top:solid 4px #ccc;*/
                                                  
                                                 
                                    text-align:center;    
                                    
              }
              
              
.footer p {
font-size:0.7em;
color:#787878;


}


@media (max-width: 768px) {


  .footer  {
height: 20px;
  }
}




/*ROWS COLUMNS*/


.row {
  margin-right: 0px;
  margin-left: 0px;
}


@media (min-width: 767px) {

.row {
  margin-right: 0px;
  margin-left: 0px;
}

}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-sm-3-expo, .col-sm-3-right, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
                 padding-right: 0px;
                 padding-left: 0px;
                 
                  
}



@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3,  .col-sm-3-expo, .col-sm-3-right, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-6-new, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    border:0px solid green;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
                                                width: 80.3%;
                                                   
                                        min-height:26px;
    
  }
  
  
  
  
  
  
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
                               /*width: 60%; */                              
                               width: 50%;
                                 border:1px solid #737373;
                                                                 
                               margin-bottom:0;
                               min-height:400px;
  }
  


  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
                               width: 20%;
                               
                               
                                border:0px solid red;                              
                                  
                               
  }
  
  
  .col-sm-3-expo {
                               width: 20%;
                               
                               
                                border:0px solid red;                              
                                  
                               
  }
  
  
  
  .col-sm-3-right {
                               width: 20%;
                               
                               min-height:700px;
                               border:0px solid red;
                                  
                               
  }  
  
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  
  

  
  
  
  
.col-sm-12 {

                                       border:0px solid blue;
margin-right: auto;
margin-left: auto;
                                                                            background:  #000000 url('home/jan_grotenbreg.png') center top no-repeat;
min-height:426px;
}   
  

.col-sm-12 .inner-div {

                                       border:0px solid blue;
float:right;
         
         
         
    margin-top:278px;
                                      margin-right:264px;
min-height:116px;
} 






.content-top, .imghome{
display:none;
}







  
}












@media (min-width: 768px) and (max-width: 991px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-3-expo, .col-sm-3-right, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    border:0px solid green;
  }



  .col-sm-12 {
    width: 100%;
  }




.col-sm-12 {

                                       border:0px solid blue;
margin-right: auto;
margin-left: auto;
                                                                            background:  #000000 url('home/jan_grotenbreg.png') center top no-repeat;
min-height:426px;
}   
  

.col-sm-12 .inner-div {

                                       border:0px solid blue;
float:right;
         
         
         
    margin-top:278px;
    margin-right:163px;
min-height:116px;
} 







.content-top{
display:none;
}





}










                   @media (max-width: 767px) {

.row {
  margin-right: 0px;
  margin-left: 0px;
  
                                     background-image: none;
                                     margin-top:66px;
                                     
  }



.col-sm-12 {

                                       border:0px solid blue;

      margin-right: auto;
margin-left: auto;                                                                     
min-height:426px;
} 




.col-sm-12 .inner-div {

                                       border:0px solid blue;

       
 margin-top:-128px;        
margin-right: auto;
margin-left: auto;
                  
min-height:116px;
} 


.col-sm-12 .img-responsive
 {
  display: block;
  max-width: 100%;
  height: auto;
  
  margin-right: auto;
  margin-left: auto;
  
  padding:0px;
  border:1px solid #515151;
}




.nodisplay {
display:none;
}

.content-top p.kop {
font-size:2.3em;

font-family: 'Crimson Text';
padding:0 0 6px 0;
color:#828282;
text-align:center;
font-weight:bold;
}


.content-top p.subkop {
font-size:1.4em;

font-family: 'Crimson Text';
padding:0 0 0 0;
color:#828282;
text-align:center;
font-weight:500;
}



.first  {
margin-top:-6px;
}

.exposities .inner-div  {
border-left:1px solid #737373; 
border-right: 1px solid #737373; 
border-top: 0px solid #737373; 
width:82%; 
margin-right: auto;
margin-left: auto;

}

.rowexpositie  {
margin-bottom:0px;
}



.rowexpositielast  {
margin-bottom:40px;
}






.sans-bg {
border:0px solid green;
text-align:center;
margin-bottom:6px;
}

.col-sm-9 {
border:0px solid red;
text-align:center;
margin-bottom:8px;
}


.minder {
border:0px solid red;
text-align:center;
margin-top:-28px;
}





.last  {
margin-bottom:22px;
}


.divider {
display:inline-block;
}


.centrerenbio  {
border-left:1px solid #737373; 
border-right: 1px solid #737373; 
border-top: 0px solid #737373; 
width:80%; 
margin-right: auto;
margin-left: auto;

padding:0 10% 96px 10%;


}

.lastone  {
height:60px;
}




.contactpagina  {
margin-right: auto;
margin-left: auto;
border-left:1px solid #737373; 
border-right: 1px solid #737373; 
width:80%;



padding:0 10% 116px 10%;
}



}






/*TYPO*/



p.datum  {
color:#0083db;

font-size:0.8em;
margin:0;
padding:0;
}

p {
color:#828282;


font-size:0.8em;
margin:0;
padding:0;
}



.col-sm-12 p {
text-align:justify;
margin-bottom:18px;
line-height:1.6em;
}



.contactpagina p {
text-align:justify;
margin-bottom:4px;
line-height:1.6em;
}



a.weblink, a.weblink:hover  {
color:#828282;
text-decoration:none;
outline:0;
}


a.internelink {
color:#828282;
text-decoration:none;
outline:0;
}

a.internelink:hover {
color:#0083db;
text-decoration:none;
outline:0;
}


.blaauw {
 color:#0083db;
}







/*MODAL*/




.modal-header {
  padding: 15px;
  border-bottom: 0px solid #ff0000;
}


h5,
.h5 {
  font-size: 14px;
  color:#787878;
  text-align:center;
  font-weight:bold;
}


.modal-body {
  position: relative;
  padding: 15px;
  margin-bottom:16px;
}




                   @media (max-width: 767px) {

p.pcentreer  {
border:0px solid red;
text-align:center;
}


}