@font-face {
    font-family: 'martencapsregular';
    src: url('marten-caps-1361518361-webfont.eot');
    src: url('marten-caps-1361518361-webfont.eot?#iefix') format('embedded-opentype'),
         url('marten-caps-1361518361-webfont.woff2') format('woff2'),
         url('marten-caps-1361518361-webfont.woff') format('woff'),
         url('marten-caps-1361518361-webfont.svg#martencapsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
BODY {
	font-family:  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);
    
    background: #ffffff;
    
   -moz-osx-font-smoothing: grayscale;
}

.header {

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

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

}
.logo_knop {

  float:left; 
  margin: 2% 0px 2% 0px;
  
/*   width: 20%; */
  width: 280px;
  height: auto;

  max-height: auto;
  max-width: 280px;
 
     
     
  /* border: #ff0000 1px solid;  */
}


#hmenu {
   margin: 2% 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   /* border: 1px solid #ff0000; */
   float: right;
   /* background: #00adef; */
   width: auto;
   
}
.sticky {  

        position: fixed;  
        
        top: 0;  
        z-index: 100;  
        /* width: auto|value|initial|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;
          
         
        width: 98%; /* voor oude browsers */
	    width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px); 
        
        
        max-height: 60px;
        
             /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

  /* IE 5-7 */
  filter: alpha(opacity=95);

  /* Netscape */
  -moz-opacity: 0.95;

  /* Safari 1.x */
  -khtml-opacity: 0.95;

  /* Good browsers */
  opacity: 0.95;
}
.sticky .logo_knop {


  float:left; 
  margin: 1% 0px 0px 0px;
  /* 
  width: auto;
  height: 60px;
  */

    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.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -moz-transform: scale(0.7);
        
    -webkit-transform-origin: left 1%;
    -moz-transform-origin: left 1%;
    -o-transform-origin: left 1%;
    -ms-transform-origin: left 1%;
    transform-origin: left 1%;


}

.sticky #hmenu {

   margin: 1% 0px 0px 0px;
   
}
.tel_button {

     float:left; 
     margin: 5px 5px 0px 0px;
     width: auto;
     height: 23px;
     display: none;
}
#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.0em;
  font-size: 100%;
  height: auto;
 
  
  border: 0px none #cccccc;
  
}
#tekstgedeelte {

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

	clear: both;
	display: block;
max-width:1260px;
    


}
#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;
	min-height: 200px;
	width: 100%;
	border-collapse: collapse;
	overflow-x: hidden;
	/*     background: #adc7e0;  */
	background-color: #000000;
	padding: 0px 5px;
	max-width: 1260px;
	/*     voorkomen dat padding opgeteld wordt bij 100%   */
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
	background-image: url(footerbg);
	
	webkit-background-size: 100% auto;
    moz-background-size: 100% auto;
    o-background-size: 100% auto;

    background-size: 100% auto;
    
    margin : 1% 0 0 0;
    padding: 9% 0 0 0;
}

#zoekveld {
    
    /* border: #ff00ff 2px solid; */
	float: right;
	margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
	height: auto;
	/* background-color:#ff22ff; border: 1px solid #ff0000;*/
	text-align: right;
	/* display: none; */
}
.zoekinput {

 width: 168px;
 height: 21px;
 border: 1px solid #00acf2;
 
 font-family: Arial, Verdana, "Verdana TT", sans-serif;
		font-size: .7em;
		background-color: #ffffff;
padding: 0px 0px 0px 2px;
border-radius:0px;
/* voor aplle borders bij velden */
 
}

#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: #677076;
  border: #ff0000 0px none;
  font-weight: normal;
}


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

/* Active class bij nav hor*/

.sideviewtoggleknop {

     float:right; 
     margin: 5px 2px 0px 0px;
     width: auto;
     height: 30px;
     display: none;
}

.sectieopmaak_1 {
  /* alleen voor respnsive doet verder zelf niks */
  
  /* deze sectie stijl is voor info pagina de polaroid heeft geen marges hier links en rechts */
    
}

.sectieopmaak_1 .pull-right {
		/* 
float: right;
		margin: 0.8em 0 2em 0em;
 */
		
}
.sectieopmaak_1 .pull-left {
		float: left;
		margin: 0.8em 0em 2em 0;
}


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

   
    background: url(achtergrond-home.jpg)  center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='achtergrond-home.jpg',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='achtergrond-home.jpg', sizingMethod='scale');
    
    
}
.sectieopmaak_3 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  min-height: 100%;
  height: auto;
  padding: 10% 0% 10% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  

   
    background: url(bbq.jpg)  center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bbq.jpg',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bbq.jpg', sizingMethod='scale');
    
    
}
.sectieopmaak_4 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  min-height: 100%;
  height: auto;
  padding: 10% 0% 10% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  

   
    background: url(salade.jpg)  center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='salade.jpg',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='salade.jpg', sizingMethod='scale');
    
    
}
.sectieopmaak_5 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  min-height: 100%;
  height: auto;
  padding: 10% 0% 10% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  

   
    background: url(tapas.jpg)  center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tapas.jpg',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tapas.jpg', sizingMethod='scale');
    
    
}
.sectieopmaak_6 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  min-height: 100%;
  height: auto;
  /* padding: 10% 0% 10% 0%; */
   padding: 0 0 0 0;
   
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  

   
    background: url(events.jpg)  center center fixed;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='events.jpg',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='events.jpg', sizingMethod='scale');
    
    
}

.sectieopmaak_7 {
  /* alleen voor respnsive doet verder zelf niks */
  
  /* min hoogte voor blokken en anders  op telefoon */
  
    
}




.transparant-wit-30 {
   
   /* hoort bij sectie 2 opmaaktoevoeging in vardef*/
    
    padding: 0% 4% 0% 4%;
    /* position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%; */
   
   
    background-image: url("tansparant-wit-30procent.png");
	background-size: 100%;
   
}
.transparant-wit-50 {
   
   /* hoort bij sectie 9 opmaaktoevoeging in vardef */
    
    padding: 4% 4% 4% 4%;
    /* position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%; */
   
   
    background-image: url("tansparant-wit-50procent.png");
	background-size: 100%;
   
}
.transparant-wit-70 {
   
   /* hoort bij sectie 9 opmaaktoevoeging in vardef */
    
    /* padding: 4% 4% 4% 4%; */
    padding:  10% 0 10% 0;
   
    background-image: url("tansparant-wit-70procent.png");
	background-size: 100%;
   
}

.specialefoto {
   /* dit is door 99 als nr te kiezen  ipv link 21 of rechts 41 */
   /* display:inline-block; */
   margin: 0 1% 0 0;

}