@font-face {
    font-family: mplwf;
    src: url(myriadpro-light-webfont.woff);
}


BODY {
	font-family: mplwf, Verdana, "Verdana TT", Arial, sans-serif;
	letter-spacing: normal;
	font-size: 100%;
	padding: 0;
	margin: 0;
	
	/* Webkit: prevent flickers */
     -webkit-backface-visibility: hidden;
    
    /* Force hardware-acceleration in Webkits to prevent text flickering */
    -webkit-transition: translate3d(0,0,0);
}

.header {

        background: #ffffff; 
        opacity: 0.95;
        height: auto;
        /* min height is menu knop plus marge om balk weer te geven bij leeg*/

        min-height: 40px; 
        
        
        clear: both;
      
        max-width:1260px;
        margin-right: auto;
        margin-left: auto;
        border: #ffffff 0px none;
        /* border-bottom: 1px #616161 solid; */

}
.sticky {  

        position: fixed;  
        
        top: 0;  
        z-index: 100;  
        /* width: auto|value|initial|inherit;*/
        width:inherit;
         
        /* let op voor de juiste breedte moet deze en parent binnen #top vallen ander werkt inherit niet en wordt breedte berekend */
        border: 0px none #0000ff; 
        border-bottom: 1px solid #efefef;
}

#canvas {
/* zaken voor er om heen */
  width: 100%;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  height: auto;
  
  background: #ffffff;
  border: 0px none #e9e9e9;
  
  margin-right: auto;
  margin-left: auto;
  
  max-width:1280px;
  
}

#content-wrapper {
/* zaken voor de gehele content */
  width: auto;
  margin: 0px 10px 0px 10px;  
  
  /* marge voor de gehele site */
  padding: 0px 0px 0px 0px; 
  font-size: 1.2em;
  height: auto;
 
  
  border: 0px none #cccccc;
  
}
#tekstgedeelte {

	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px none #ffccff;
	border-collapse: collapse;
	
	overflow-x: hidden;

	clear: both;
	display: block;

    


}
#footer {
    /* nav is 80  foot zelf is 180 */
	/* iets meer nemen voor menubalk maar hoe veel? is dat hoogte van menu? ongeveer 80 nee lijkt maar 20 of zo (mooi voor imr logo onderaan .... )*/
   
	border: 0px none #ffffff;
	
	height: auto;
	width: 100%;
	
	padding: 0% 0% 0% 0%;
	border-collapse: collapse;
	
	overflow-x: hidden;
    /* background: #efefef;  */

    background-image: url(footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: scroll;  
    
    background-size: auto 100%;

}
#footer .linkafb {

margin: 0px 60px 0px 0px;

}


.logo_knop {

  float:left; 
  margin: 2px 0px 0px 0px;
  width: auto;
  height: 59px;
  
}
#logobalk {
   display: block;
   border: #ffffff 0px none;
   margin: 40px 0px 20px 0px;
   padding: 0px;
   height: 40px;
}
.sticky #logobalk {
   
   margin: 0px 0px 0px 0px;
   
}
.sticky .logo_knop {

    transition:all 0.4s 1s ease;
    -webkit-transition:All 0.4s  0.0s ease;
    -moz-transition:All 0.4s     0.0s ease;
    -o-transition:All 0.4s       0.0s ease;
    -ms-transition::All 0.4s     0.0s ease;

    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    -moz-transform: scale(0.65);
        
    -webkit-transform-origin: 5px 9px;
    -moz-transform-origin: 5px 9px;
    -o-transform-origin: 5px 9px;
    -ms-transform-origin: 5px 9px;
    transform-origin: 5px 9px;
}
    
.sideviewtoggleknop_snb {

     float:right; 
     margin: 2px 0px 0px 0px;
     width: auto;
     height: 59px;
     
}
.route_knop {

     float:right; 
     margin: 2px 10px 0px 0px;
     width: auto;
     height: 59px;
     
}
.telefoon_knop {

     float:right; 
     margin: 2px 10px 0px 0px;
     width: auto;
     height: 59px;
     display:block;
}
.telefoon_knop_tel {

     display: none;
     
}
.home_knop {

     float:right; 
     margin: 2px 10px 0px 0px;
     width: auto;
     height: 59px;
     
}

#navlist {
  margin: 0;
 
  padding: 0;
  text-align: center;
  max-width:1260px;
 
}

#navlist ul {
  
  list-style-type: none;
  list-style-image: none;
 
  text-align: center;
 
}

#navlist li {
  
  margin: 0;
  display: inline-block;
  /* padding: 5px 20px 5px 20px; */
  padding: 0.3em 0.4em ;
  border: #ff0000 0px none;
  /*line-height: 40px;*/
  line-height: 1.5em;
  height: 100%; 
  border: #ffffff 0px none;
  text-align: center;
    
}
#navlist li:hover {
    /* box-shadow:inset 0 0 10px #ffffff; */
    cursor: pointer;
}

#nav ul li a {

  text-decoration: none;
  margin: 0;
  padding: 0px 0px 0px 0px;
  color: #616161;
  border: #ff0000 0px none;
  font-weight: normal;
}


#nav ul li a:hover {
/* mouseover of touche tablet */
  
  text-decoration: none;
  /* color: #fbe202; */
}

/* Active class bij nav hor*/


.slidertitels {
  font-size: 1.5em; 
  line-height: 50px;
  height: 50px;
  font-weight: normal;
}

.sectieopmaak_1 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(hoe-kunnen-wij-jou-helpen.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;  
    
    background-size: 100% 100%;
    
    
}

.sectieopmaak_2 {
  
  background: #000000;
  min-height: 100%;
  height: auto;
  padding: 6% 6% 6% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  
}
/* afwijkende kleur van standaard */
.sectieopmaak_2 A:LINK, .sectieopmaak_2 A:VISITED, .sectieopmaak_2 A:ACTIVE {
		
		color: #ffffff;
		
}
.sectieopmaak_2 A:HOVER {
		
	   text-decoration : underline;
		
	   -webkit-transition: color .4s linear;  
       -moz-transition: color .4s linear;  
       -o-transition: color .4s linear;  
       -ms-transition: color .4s linear;  
       transition: color .4s linear;  
}
.sectieopmaak_2 TD {	
   color: #fbe202;
}
.sectieopmaak_2 HR {	
   color: #fbe202 !important ;
   background-color: #fbe202  !important;
   width: 80%;
}

.sectieopmaak_3 {
  
  background: #000000;
  min-height: 100%;
  height: auto;
  padding: 6% 6% 6% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  
}
/* afwijkende kleur van standaard */
.sectieopmaak_3 A:LINK, .sectieopmaak_3 A:VISITED, .sectieopmaak_3 A:ACTIVE {
		
		color: #fbe202;
		
}
.sectieopmaak_3 A:HOVER {
		
	   text-decoration : underline;
		
	   -webkit-transition: color .4s linear;  
       -moz-transition: color .4s linear;  
       -o-transition: color .4s linear;  
       -ms-transition: color .4s linear;  
       transition: color .4s linear;  
}
.sectieopmaak_3 TD {	
   color: #ffffff;
}
.sectieopmaak_3 HR {	
   color: #ffffff !important ;
   background-color: #fbe202  !important;
   width: 80%;
}


.sectieopmaak_4 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
 
  background: #fbe202;
  min-height: 100%;
  height: auto;
  padding: 6% 6% 6% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
    
}
.sectieopmaak_4 A:LINK, .sectieopmaak_4 A:VISITED, .sectieopmaak_4 A:ACTIVE {
		
		color: #ffffff;
		
}

.sectieopmaak_5 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  background: #616161;
  min-height: 100%;
  height: auto;
  padding: 6% 6% 6% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
    
    
}
.sectieopmaak_5 A:LINK, A:VISITED {
		
		color: #ffffff;

}
.sectieopmaak_5 A:HOVER {
		
		color: #000000;
		
}
.sectieopmaak_5 TD {	
   color: #fbe202;
}
.sectieopmaak_5 HR {	
   color: #fbe202 !important ;
   background-color: #fbe202  !important;
   width: 80%;
}


.sectieopmaak_6 {
  /* alleen voor testen richard */
  
  background: #fdc9aa;
  min-height: 100%;
  height: auto;
  padding: 0% 0% 0% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
   
  -moz-transition:all 1.8s ease; /* Firefox 4 */
    -webkit-transition:all 1.4s ease; /* Safari and Chrome */
    -o-transition:all 1.4s ease;
    -ms-transition: all 1.4s ease; 
    transition:all 1.4s ease;
    
}

.grotefoto {

}

.sectieopmaak_6 .grotefoto:HOVER {
   width: 100%;
}
.sectieopmaak_6:HOVER {
   background: #ffffff;
}



.sectieopmaak_7 {
  /* alleen voor testen richard */
  
  /* deze sectie stijl is voor de welkom pg de grijze blokken die op de tel groter moeten zijn */
    /* kan ook met de stijl hieronder die er 100% blokken van maakt */
}


.sectieopmaak_8 {
  /* alleen voor testen richard */
  
  /* deze sectie stijl is voor tabel links midden rechts responsive */
    
}

.sectieopmaak_9 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
}
.sectieopmaak_10 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
}
.sectieopmaak_11 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(03.jpg);
	background-repeat: no-repeat;
	background-position: 80% top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
}
.sectieopmaak_12 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll; 
	background-size: auto 100%; 
    
    
}

.sectieopmaak_13 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
}
.sectieopmaak_14 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(06.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;  
   background-size: auto 100%;  
    
}
.sectieopmaak_15 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(07.jpg);
	background-repeat: no-repeat;
	background-position: 20% top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
}
.sectieopmaak_16 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(08.jpg);
	background-repeat: no-repeat;
	background-position: 80% top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
    
}
.sectieopmaak_16 A:LINK, A:VISITED {
		
		color: #616161;

}


.sectieopmaak_17 {
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(09.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;  
    background-size: auto 100%; 
    
}