*, *:before, *:after{
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page{
    width:100%;
    height:100%;
}
body,
html{
    width:100%;
    text-align:center;
    font-size:14px;    
    color:#646363;  
    line-height:140%;   
	font-family: 'AvenirLTStd';
    font-size:400;     
    background-color:#EFEBE8;  
    position:relative;
}
.bgHolder{       
    background-color:#F18700;  
    overflow:auto;
    width:100%;   
    height:400px;
}
.bg{              
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    height:400px;
    width:100%;
    z-index:0;
    background-image:url(/_img/bg2.jpg);
    background-size:cover;   
    background-position:center center;           
    background-repeat:no-repeat;
}
#f100 .blocks{
    display:block;  
    z-index:1;
}
.scroll .menu{
    text-align:center;
}
.scroll .top{
    width:100%;
    max-width:100%;
    position:fixed;  
    margin:0px;  
    left:0px;  
    top:0px;    
    z-index:999;   
    text-align:center;
}
.scroll .top .iframe{float:left;}

.toph{
    width:100%;
    max-width:960px;
    display:inline-block;
    
}
.scroll a.logo{
   float:none;
   display:inline-block; 
}
.scroll img.logo{
   display:none; 
}
.scroll img.logo2{
   display:inline-block; 
}
.scroll .space{ 
   height:400px;
}
.space{
   width:100%;
   height:250px;
}
.top{       
    position:absolute;        
    top:0px;
    z-index:2; 
    background-color:#646363; 
    color:#fff;
    display:inline-block;
    width:100%;
    max-width:940px;  
    left:50%;
    right:50%;
    text-align:left;
    margin:20px 10px 0px -470px;
} 
.top  a{
    display:inline-block;
    text-decoration:none;
    line-height:auto;  
    padding:0px 10px; 
    color:#FFF;
    padding:5px;  
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.top a:hover{
    color:#F18700;  
}
.top .social{
    display:inline-block;
    float:right;
}
.top .social a{
    display:inline-block;
    width:18px;
    heigth:18px;
    font-size:0px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain; 
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.top .social a:hover{    
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}       
.top .social a.youtube{ background-image:url(/_img/icon_youtube.png);}
.top .social a.html5{ background-image:url(/_img/icon_html5.png);}
.top .social a.paypal{ background-image:url(/_img/icon_paypal.png);}
.top .social a.rss{ background-image:url(/_img/icon_rss.png);}
.top .social a.linkedin{ background-image:url(/_img/icon_linkedin.png);}
.top .social a.googleplus{ background-image:url(/_img/icon_googleplus.png);}
.top .social a.twitter{ background-image:url(/_img/icon_twitter.png);}
.top .social a.facebook{ background-image:url(/_img/icon_facebook.png);}
.logo2{display:none;}
a.logo{  
    display:inline-block;
    margin:0px 25px 0px 15px;
    width:200px;
    height:auto;    
    padding:5px;   
    float:left;
}
.logo img{
    width:100%;
    height:auto;
}
.menu{   
    clear:both;  
    position:relative;
    z-index:10;
    background-color:#FFFFFF; 
    color:#646363;
    display:inline-block;
    width:100%;
    text-align:center; 
    border-bottom:7px solid #F18700;
}
.mobiel,
.menu ul ul{
    display:none;
}
.menu ul{
    position:relative;    
    width:100%;
}
.menu ul ul{
    position:absolute; 
    left:0px;  
    top:30px;         
    width:100%;
}
.menu ul,
.menu ul li{
    display:inline;  
}          
.scroll .menu ul li a{  
    margin-top:15px;
}
.menu ul li a{     
    color:#646363;   
    display:inline-block;
    text-decoration:none;
    font-size:16px;    
    margin-top:30px;
    padding:0px 10px;
    line-height:50px;
    position:relative;
    z-index:10;
}     
.menu ul li li a{     
    font-size:14px;
}
.menu ul li.selected a{
     color:#00A088;
}          
.menu ul li.selected li a{
    text-decoration:none;
    font-weight:400; 
    color:#fff;
}          
.menu ul li a:hover{   
     color:#F18700;
}
.menu ul li:hover ul{    
    display:block; 
    position:absolute;
    background-color:#F18700; 
    text-align:left;
    
}
.scroll .menu ul li li a,
.menu ul ul li a{ 
    margin-top:0px; 
    color:#fff;
    padding:10px;
    line-height:20px;
    
}  
.menu ul ul a:hover{
    color:#646363;  
}
.menu ul ul li.selected a{
    color:#646363;  
}

.blocks{       
    position:relative;
    display:inline-block;
    z-index:2;        
    display:none;
    width:100%;
    max-width:100%;
    text-align:center;
    margin-top:-200px;
}
.blocks a.b2,
.blocks a.b3{     
    display:inline-block;
    width:100%;
    max-width:280px; 
    height:280px;
    margin:20px;
    font-size:30px; 
    font-weight:900; 
    line-height:auto;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-border-radius: 80px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 80px;
-moz-border-radius-bottomleft: 0;
border-radius: 80px;
border-bottom-left-radius: 0;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    background-color:#F18700;    
    border:10px solid  #646363;
}            
.blocks a.b2:before,
.blocks a.b3:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}  
.blocks a.b2,
.blocks a.b3{ 
    box-shadow: inset 0 0 0 0 #646363;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}          
.blocks a.b2:hover,
.blocks a.b3:hover{
    box-shadow: inset 0 300px  0 0 #646363;
}

.blocks .b1{     
    display:inline-block;
    width:100%;
    max-width:280px; 
    height:280px;
    margin:20px;
    font-size:30px; 
    font-weight:900; 
    line-height:auto;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-border-radius: 80px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 80px;
-moz-border-radius-bottomleft: 0;
border-radius: 80px;
border-bottom-left-radius: 0;
    color:#fff;        
    padding:0px;
    text-align:center;
    vertical-align:middle;
    background-color:#F18700; 
    overflow:hidden;   
    border:10px solid  #646363;
}      
.blocks div.b1 a{      
    color:#fff;  
    width:100%;     
    height:130px;    
    display:inline-block;
    text-decoration:none;    
    line-height:50px;
    padding-top:10px;             
    background-color:transparent;
    box-shadow: inset 0 0 0 0 #646363;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}      
.blocks div.b1 a:first-child{ 
    border-bottom:5px solid #646363;
}   

.blocks div.b1 a:hover{
    box-shadow: inset 0 300px  0 0 #646363;
}

.blocks div{
    position:relative;
    z-index:9999;  
    display:inline-block;
    width:300px; 
    height:300px;    
    padding:10px;
    margin:0px 10px;   
    text-align:left;
    vertical-align:top;         
    background-color:#646363;
}    
.blocks div h2{
    line-height:60px;
    color:#FFF;
    font-weight:400;
    font-size:34px;
    padding-left:80px;
    background-position:20px center;
    background-repeat:no-repeat; 
    background-size:10%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; 
    text-shadow: 1px 1px #000000;
}    
.blocks div:hover h2{ 
    background-size:12%;

}
.blocks div:first-child{
    border-left:0px solid #EFEBE8;
}
.blocks div:nth-child(1) h2{
    background-image:url(/_img/icon_bemiddelaar.png);
}
.blocks div:nth-child(2) h2{
    background-image:url(/_img/icon_consument.png);
}
.blocks div:nth-child(3) h2{
    background-image:url(/_img/icon_ondernemer.png);
}  
h1{
    color:#F18700;
    font-weight:300; 
    font-size:24px; 
    line-height:30px;
    padding:0px 0px 10px 0px;
}
h2{     
    color:#F18700;    
    font-weight:300; 
    font-size:20px; 
    line-height:30px;
    padding:10px 0px 5px 0px; 
    clear:left;
}
h3{     
    background-color:#00A088;
    padding:20px;
    float:right;
    margin:0px 10px 10px 10px;
    width:300px;
    color:#FFFFFF;    
    font-weight:600; 
    font-size:18px; 
    line-height:24px;        
}
h3 sup{        
    font-size:12px; 
    line-height:14px; 
    padding:5px 0px;  
    
}
.txt h4{     
    background-color:#0084A7;
    padding:20px;
    float:left;
    margin:0px 20px 10px 0px;
    width:300px;
    color:#FFFFFF;    
    font-weight:600; 
    font-size:18px; 
    line-height:24px;        
}
.txt h5{     
    background-color:#FFFFFF;
    padding:20px;
    float:left;
    margin:0px 20px 10px 0px;
    width:300px;
    color:#646363;    
    font-weight:400; 
    font-size:12px; 
    line-height:18px;       
}     
.txt h5 img{
    width:100%;
    height:auto;  
}

.txt h5 a{  
   color:#0084A7
}
.content a{
    color:#F18700;  
}
.content p{
    padding-bottom:15px;
}
.content{        
    position:relative;
    z-index:2;
    max-width:960px;
    margin:0px auto;
    width:100%;              
    text-align:left;
    padding:20px 10px 40px 10px;         
}
.content a.icon img{
    width:100%;
    height:auto;
}
.content a.icon{
    display:inline-block;
    text-align:center; 
    color:#646363;    
    text-decoration:none;
    padding:20px;   
    font-size:20px;
    width:220px;
    white-space:no-wrap; 
}
.content a.icon:hover{
    
}
        
.content .contact a{
   background-repeat:no-repeat;
   background-position:left center;
}
.content .contact a.telefoon{
     background-image:url(/_img/small_telefoon.png);
}
.content .contact a.email{
     background-image:url(/_img/small_email.png);
}
.content .contact a.facebook{
     background-image:url(/_img/small_facebook.png);
}
.content .contact a.linkedin{
     background-image:url(/_img/small_linkedin.png);
}
.content .contact a.twitter{
     background-image:url(/_img/small_twitter.png);
}
    
.content .contact a:hover{
    color:#F18700;
}
.item{
    margin:0px 0px 20px 0px;
    padding:10px;
    background-color:#fff;   
    border:1px solid #fff;
    width:100%;  
    overflow:auto;  
    display:inline-block;     
    color:#646363;           
    text-decoration:none;
}      
a.item{     
    color:#646363;           

}
a.item:hover{   
    border:1px solid #00A088;
}
#f100 .item .txt{            
    vertical-align:top;
    display:inline-block;
    padding:10px;  
    margin:0px;      
    width:100%;
    max-width:460px; 
    float:left;    
}
#f100 .item .img{
    vertical-align:top;
    position:relative; 
    display:inline-block;
    background-position:center right;
    background-repeat:no-repeat; 
    background-size:contain;
    float:right;
    width:200px;
    height:200px;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;   
}

#f100 .item .img img{      
    position:relative;
    display:inline-block;
    width:95%;
    height:auto; 
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
       
.item h2{    
    margin:0px 0px 10px 0px;    
    padding:0px; 
    color:#00A088;
}   
.item p{
    padding-bottom:0px;

}
.footer{
    background-color: #646363;
}
.footer div{
    padding:10px 15px;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    text-align:left; 
    font-size:12px;
    line-height:160%;
}
.footer div h2,
.footer div h3,
.footer div h4{ 
    font-size:12px;
    font-size:20px;
    color:#fff;
    font-weight:300;
    line-height:200%;
}  

.footer div p{    
    font-size:14px;
    padding-bottom:15px;
}   
.footer a{
    color:#fff;   
    font-size:14px;
    text-decoration:none;
}
.footer .c a.tel,
.footer .c a.post,
.footer .c a.fax,
.footer .c a.web,
.footer .c a.adres,
.footer .c a.email,                
.footer .c a.linkedin,
.footer .c a.twitter,
.footer .c a.facebook{
    background-image:url(/_img/icon_facebook.png);
    background-repeat:no-repeat;
    background-position:0px center;
    background-size:contain;
    padding-left:20px;
}            
.footer .c a.tel{
    background-image:url(/_img/icon_tel.png);
}             
.footer .c a.fax{
    background-image:url(/_img/icon_fax.png);
}             
.footer .c a.post{
    background-image:url(/_img/icon_post.png);
}           
.footer .c a.web{
    background-image:url(/_img/icon_web.png);
}         
.footer .c a.adres{
    background-image:url(/_img/icon_adres.png);
}         
.footer .c a.email{
    background-image:url(/_img/icon_email.png);
}         
.footer .c a.twitter{
    background-image:url(/_img/icon_twitter.png);
}  
.footer .c a.linkedin{
    background-image:url(/_img/icon_linkedin.png);
}
.footer a:hover{
    color:#F18700; 
}
.bottom a,
.footer a{
    color:#fff;   
    font-size:14px;
    
}
.bottom{
    background-color:#333;
    color:#fff;   
    font-size:12px;
    padding:5px;
}
.dots{      
    background-image:url(/_img/dots.png);
    background-size:contain;
    background-repeat:no-repeat;
}
.bg .dots{    
    position:absolute;
    left:10%;
    top:60px;
    width:250px;
    height:250px;

}
.content iframe{
    width:100%;
}
#top{
    width:32px;
    height:32px;
    background-image:url(/_img/top.png);
    background-position:center center;
    background-repeat:no-repeat;
    font-size:0px;
    position:fixed;
    bottom:20px;
    right:20px; 
    display:none;
}
.smoel{
    width:100%;
    max-width:280px;
    height:280px; 
    background-color:#fff;
    display:inline-block;
    vertical-align:top;
    text-decoration:none;    
    background-image:url(/_img/unknown.png); 
    background-repeat:no-repeat;
    background-position:center center;   
    background-size:cover;
    margin:10px;    
    text-align:left;
    position:relative;
}
.smoelfoto{
    margin-top:-100px;
    float:right;
    border:8px solid #fff;
    -webkit-border-radius: 80px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 80px;
-moz-border-radius-bottomleft: 0;
border-radius: 80px;
border-bottom-left-radius: 0;
}
.smoelfoto:hover{         border:8px solid #F18700;

}
.smoel .info{
    position:absolute;
    bottom:0px;
    padding:10px;
}
.smoel .info h2{
    font-size:22px;
    padding:0px; 
    font-weight:600;
    margin:0px;   
    color:#646363;  
    text-shadow: 1px 1px #fff;
}
.smoel .info h3{
    font-size:15px;
    padding:0px;
    margin:0px;  
    color:#646363;  
    text-shadow: 1px 1px #fff;
}
.contact a{
    display:inline-block;
    color:#646363;
    text-decoration:none;
    padding:5px 5px 5px 30px;
}          
.contact a:hover{

}
#f710 .content,
#f770 .content{
    min-width:100%;
    text-align:center;
}

.nieuwsitem,
a.nieuwsitem{    
    color:#646363;  
    display:inline-block;
    width:100%;
    max-width:300px; 
    vertical-align:top;
    text-decoration:none;
    margin:5px;    
    text-align:left;
    height:480px;
    min-height:480px;
    overflow-y:hidden;   
    background-color:#fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.nieuwsitem:hover{   
    height:524px;
    min-height:524px;
}
.nieuwsitem .img{
    width:100%;
    height:220px;  
    overflow:hidden;  
    background-image:url(/_img/img.png);
    background-size:cover;
    ackground-repeat:no-repeat;
    background-position:center; 
    position:relative;   
}
.nieuwsitem .txt{
    padding:10px;
}
.nieuwsitem .txt h2{
    font-size:18px;
    line-height:20px;  
    margin:0px;
    padding:0px;
}     
.nieuwsitem a{display:inline;}

.nieuwsitem h3{
    position:absolute;
    bottom:-40px;
    width:100%;
    font-size:15px;
    line-height:16px;  
    margin:0px;
    padding:10px;
    color:#fff;    
    height:40px;
    background-color:#00A088;  
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.nieuwsitem:hover h3{
    bottom:0px;    
}
.images{
    float:right; 
    width:100%;
    max-width:300px;
    margin:0px 0px 20px 20px;      
    text-align:center;
}          
.images{

}
.date{
    display:inline-block;
    margin-bottom:15px;
    color:#000;
    border:1px solid #ccc;    
    padding:5px;
    border-top:8px solid red;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
border-radius: 3px;
background-color:#fff;
}
.content .txt{
    width:100%;
    max-width:700px;
    display:inline-block;
    vertical-align:top;
}
.call{     
    margin:0px 0px 0px 10px;
    width:220px;
    display:inline-block;
    vertical-align:top;  
    border:1px solid #ccc;
    padding:20px;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:#fff;
}     
.call h4{ 
    padding:0px 0px 5px 0px;
    margin:0px;   
    font-weight:600;
}    

.call a{ 
    display:block;
    color:#646363;
    text-decoration:none;
    
}           
.call li.selected a{       
    color:#fff;

} 
.call li.selected{ 
    background-color:#00A088;
    color:#fff;
    background-position:2px 6px; 
}
 
.call a:hover{
    color:#F39200;
}           

#f770 .txt,
#f710 .txt{
    width:100%;
    max-width:100%;
}
#f770 .call,
#f710 .call{
    display:none;
}
#f753 div.input{
    display:block;
}
div.input{
    display:inline-block;
    padding:5px 5px 5px 0px;
    width:100%;    
}
#contactFORM button{
    clear:left;
}
#contactFORM div.input{
    max-width:300px;
    margin-right:10px;
}
#contactFORM div.comments{
    max-width:600px;
    margin:0px;
}    
div.input span{
    color:red;         
    display:inline-block;
    vertical-align:top;
    padding:0px 0px 0px 5px;
}

textarea{
    padding:10px; 
    width:95%;
    border:1px solid #ccc;    
    color:#646363;   
    
	font-family: 'AvenirLTStd';
}
select,
textarea,
input[type="text"]{
    padding:10px; 
    width:95%;
    max-width:300px;
    border:1px solid #ccc;    
    color:#646363;
}
button{
    padding:10px 20px;
    border:0px;
    color:#fff;  
    font-size:18px; 
    background-color:#646363;
}

button{
    margin-top:10px;
    border-bottom:4px solid #F39200;
    box-shadow: inset 0 0 0 0 #F39200;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
button:hover {
    box-shadow: inset 0 -100px 0 0 #F39200;
}


.hammenu{
    position:absolute;
    background-color:#333;   
    width:100%;
    height:100%;  
    display:none;

}
       
.hammenu ul,
.hammenu ul li{
    display:inline;
}                
.hammenu ul li a{
    display:inline-block;
    padding:10px;
    color:#fff;  
    width:100%;
    font-size:12px;
    text-align:left;
    text-decoration:none;    
    border-bottom:1px solid #666;
}        
.hammenu ul li li a{     
    background-color:#666; 
    font-size:11px;   
    padding:5px 5px 5px 20px;

} 
.hammenu ul li li li a{     
    background-color:#999; 
    font-size:11px;   
    padding:5px 5px 5px 30px;

}
.menu a.hamburger{
    width:40px;
    height:40px;
    position:absolute;
    top:20px;
    left:10px;
    background-image:url(/_img/threelines.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    max-width:40px;  
    display:none;
}
a.archive{
    display:inline-block;
    padding:10px;
    margin:0px 10px;
    background-color:#646363;
    color:#fff;
    text-decoration:none;
    box-shadow: inset 0 0 0 0 #00A088;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    transition: all ease 1s;
}
a.archive:hover {
    box-shadow: inset 0 300px  0 0 #00A088;
}
.content a.zoekitem {
    display:inline-block;
    text-decoration:none;   
    color:#646363;
    padding:0px 10px  10px  10px;
    border-bottom:1px solid #ccc;
}
.content a.zoekitem:hover {
   background-color:#fff; 
}
     
.content a.zoekitem div{
    
}
.content img[align="right"]{
    float:right;
    margin:5px 0px 20px 20px;
}
.webform div.input {
    display:block;
    width:100%;
    max-width:100%;
    vertical-align:top;
    padding:10px 0px;
    border-bottom:1px solid #ccc;
}
.webform div.input span{
    color:#333;
    display:inline-block;
    width:50%;
}          
.webform div.input span i{
    font-weight:bold;
    color:red;
}
@media (max-width: 1100px) {
    .blocks a{     
        display:inline-block;
        width:240px; 
        height:240px;
        margin:20px;
    }
}
@media (max-width: 1000px) {
              
.blocks a{     
    display:inline-block;
    width:200px; 
    height:200px;
    margin:15px;
    }

}
@media (max-width: 770px) {

    .content a.icon{  
        padding:10px;   
        font-size:16px;
        width:48%;
    }
    .call{
        padding:10px;
        margin:20px 0px; 
        width:100%;
        max-width:100%;
    }     
    h3,h4{               
        width:100%;
        max-width:100%;
    
    }
    
    
    .input input[type="text"]{
        width:95%;
        max-width:95%;
    }     
    #contactFORM div.input,
    .input,
    textarea, 
    button,
    .footer div{     
        padding:10px;
        margin:0px; 
        width:100%;
        max-width:100%;
    
    }
    .footer,   
    #f100 .item .txt,
    .nieuwsitem .txt,
    .content .txt,
    #f770 .txt,
    #f710 .txt,
    div.txt{
        padding:0px;
        margin:0px; 
        width:100%;
        max-width:100%;
    }      
    .item{
        padding:0px;
        margin:0px 0px 20px 0px;
    }     
    #f100 .item .img,
    .item .img{
        padding:0px;
        margin:0px;
        width:100%; 
        background-size:contain;   
        background-position:center top;
    }
    a.logo{
       float:none;  
       padding:5px 0px;
       margin:0px;
       display:inline-block; 
    }
    img.logo{
       display:none; 
    }
    img.logo2{
       display:inline-block; 
    }
    .content{
        margin:0px;
        padding:10px;  
        background-color:#fff; 
    }
    .top,
    .scroll .top{
        position:relative;
        margin:0px; 
        top:0px;
        left:0px;
        width:100%;
        max-width:100%;
    }   
    .hammenu,
    body, html{
        background-color:#333;   
    } 
    .page{
        background-color:#fff;   
        position:absolute;
        left:0px;
    
    }
    .menu a.hamburger{
        display:inline-block;
    }   
    .hammenu{ 
        display:block;
    }
    
    .menu ul,
    #f100 .blocks,
    .bgHolder {
        display:none;
    }
}