@media screen and (max-width: 1030px) {
/* onder ipad resolute ipad landscape geeft normaal menu */
.sectieopmaak_4 {
	
	padding: 30% 0% 0% 0%;

	
}
}


@media screen and (max-width: 970px) {
/* onder ipad resolute ipad landscape geeft normaal menu */

	
    
  .sideviewtoggleknop {

     display: block;
     margin: 5px 5px 1px 0px;
     height: 26px;
     width: auto;
     
  }  
  
  #hmenu {
	   font-size: 1.1em;
	   display: none;
  } 

	.header {
   
	  
	  
	}
    	
}


@media screen and (max-width: 1023px) {
/* hoogte van bovendeel moet kleiner bij kleiner scherm*/
 
  #introfoto {
  
    width: 100%; 
    /* height: 350px;  */
    
    height: auto;
    padding-bottom: 40%;
  }
    

    	
}



@media screen and (max-width: 568px){ /* CSS when device width is 480px or less even nog kleiner du suitzetten - effect bekijken*/
/* telefoon zaken  Arial is beter op de telefoon  */
	BODY {
	
		font-family: Arial, Verdana, "Verdana TT",  sans-serif;
		/* font-family:  LatoWebLight,  Arial, Helvetica, sans-serif; */
		line-height: 1.3em;
		font-size: 1.0em;
	
	}

#hmenu {
	   font-size: 1.1em;
	   display: none;
}

#introfoto {
  
    width: 100%; 
    
    
 }


.verderopmaak {
		height: 30px;
		width:  30px;
}
.terugopmaak {
		height: 30px;
		width:  30px;
}
.printeropmaak {
		height: 30px;
		width:  30px;
}

.header {
   
  /*  max-height: 100px; */
}



	.sticky {  
			/* border: 1px solid #ff00ff;  */
			/*  width: 94%; */
			width: 94%;  /* voor oude browsers */
			width: -moz-calc(100% - 20px);
			width: -webkit-calc(100% - 20px);
			width: calc(100% - 20px);
	}

	A:HOVER {
		
			/* font als normaal */
			font-size: 1.0em;
		
	}

	.slidertitels {
	  font-size: 4.0em ; 
	  line-height: 90px ;
	  height: 90px ;
	  font-weight: normal;
	  left: 0px !important;
	  padding: 0 0 0 40px;
	  color: #163a6c !important;
	}

	TD {
		 font-family: Arial, Verdana, "Verdana TT", sans-serif; 
		/* font-family:  Lato-Medium,  Arial, Helvetica, sans-serif; */
		line-height: 1.1em;
	    font-size: 0.9em;
        
			/* color : #000000; */
	}
	

	TEXTAREA {
			font-size: 0.75em;
		}


	INPUT {
			font-size: 0.75em;
		
	}

#logo_tekst {
display: none;
}

.logo_knop {
		

        

	    /* max-height: 40px; */
}
	
.sticky .logo_knop {
    /* het effect alleen op de pc is niet echt tof op mobiel  */
    transition:all 0s ease;
    -webkit-transition:All 0s ease;
    -moz-transition:All 0s ease;
    -o-transition:All 0s ease;
    -ms-transition::All 0s ease;
    
      transform: scale(.7);
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    -moz-transform: scale(.7);
    
    margin: 2px 0px 0px 3px;
    
    }
   
 
 .tel_button {

     float: right;
     margin: 8px 20px 0px 5px;
     width: auto;
     height: 23px;
     display: block;
   }  



H1 {

  font-family: Verdana, "Verdana TT", sans-serif;
  font-size: 1.4em; 
  line-height: 1.4em;
  color: ff0000;

}
H2 {
  font-family: Verdana, "Verdana TT", sans-serif;
  font-size: 1.2em;
  line-height: 1.4em;
 
}


	   
	   .klikfotodiv {
			width: 33%;
	   }
   
	   .klikfotodiv img {
		 width: 100%;
		 height: auto;
	   }
	   .polaroidomschr {
		
			padding: 0.5em 0.5em 0.5em 0.5em;
			border: 1px solid #BFBFBF;
			line-height: 0.9em;
		
		}
	
		.polaroidomschr img {
			margin: 0 0 0 0;
		}
	
		.polaroid {
		
			padding: 0.5em 0.5em 0.5em 0.5em;
		}
	   .polaroidnormal {
		
			padding: 0.5em 0.5em 0.5em 0.5em;
		}
	   
.sectieopmaak_1 .tdlinksparent  {
		display:block;
		width:100%;
		
		/* background: #616161; */
		}
		.sectieopmaak_1 .tdmiddenparent  {
		display:block;
		width:100%;
		
		/* background: #610061; */
		}
		.sectieopmaak_1 .tdrechtsparent  {
		display:block;
		width:100%;
		
		/* background: #610061; */
}
.sectieopmaak_1 .kleinefoto {
    max-width:60%;
    height: auto;
}

.sectieopmaak_2 {
	
	padding: 0% 0% 0% 0%;
	margin: 0 auto;
	/* heeft txt align zin met ons cms? */
	border-bottom: 0px none #000000;
	
	background-image: none;
	
	/* background: none; */
    
	
}
.sectieopmaak_2 .tdlinksparent  {
        padding: 10px 0px 10px 0px;
		display:block;
		width:100%;
		}
.sectieopmaak_2 .tdmiddenparent  {
		
	
		display:block;
		width:100%;
		}
.sectieopmaak_2 .tdrechtsparent  {
		
	
		display:block;
		width:100%;
		}


.sectieopmaak_3 {
	
	padding: 0% 0% 0% 0%;
	margin: 0 auto;
	/* heeft txt align zin met ons cms? */
	border-bottom: 0px none #000000;
	
	background-image: none;
   
	
}
.sectieopmaak_3 .tdlinksparent  {
/* 		verspringen links gaat 80px naar beneden */
		width: 5%;
			/* border: #ff0000 2px solid;	 */
		/* background: #616161; */
		}
.sectieopmaak_3 .tdmiddenparent  {
		width: 90%;
		
		/* background: #610061; */
		}
.sectieopmaak_3 .tdrechtsparent  {
		width: 5%;
		
		/* background: #610061; */
}

.sectieopmaak_4 {
	
	padding: 0% 0% 0% 0%;
	margin: 0 auto;
	/* heeft txt align zin met ons cms? */
	border-bottom: 0px none #000000;
	
	background-image: none;
   
	
}

      .sectieopmaak_4 .tdlinksparent  {
      /* deze sectie stijl is voor tabel links midden rechts responsive  afbeeldingen worden 100%*/
		display:block;
		width:100%;
		
		/* background: #616161; */
		}
		.sectieopmaak_4 .tdmiddenparent  {
		display:block;
		width:100%;
		
		/* background: #610061; */
		}
		.sectieopmaak_4 .tdrechtsparent  {
		display:block;
		width:100%;
		
		/* background: #610061; */
		}
		
		.sectieopmaak_4bk img {
		   padding: 0px 0px 0px 0px;
		   width: 100%;
		   height: auto;
		   
		}
		.sectieopmaak_4 .grotefoto {

          margin: 2% 0 0 0;
   
         }
 
 .sectieopmaak_7 {
     
/*      ipad zet er net een border omheen anders  */
      padding: 0 0 0 0;
      margin:  0 0 0 0;
      width: 100%; 
}
.sectieopmaak_7 .tdlinksparent  {
      /* deze sectie stijl is voor tabel links midden rechts responsive  afbeeldingen worden 100%*/
		display:block;
		width:100%;
		padding: 0 0 0 0;
		/* background: #616161; */
		}
		.sectieopmaak_7 .tdmiddenparent  {
		display:block;
		width:100%;
		padding: 0 0 0 0;
		/* background: #610061; */
		}
		.sectieopmaak_7 .tdrechtsparent  {
		display:block;
		width:100%;
		padding: 0 0 0 0;
		/* background: #610061; */
} 
.sectieopmaak_7 .tabelkop3 {
 /* stijl 5 */

  border: 0px none #009eda; 
  
}
.sectieopmaak_8 {

	padding: 1% 0% 1% 0%;
	margin: 0 0 0 0;
	
	/* background: #e7ec9b; */
	
}

.sectieopmaak_8 .tdlinksparent  {
		display:block;
		width:100%;
		padding: 0% 0.5% 0% 0.5%;
		margin: 0 0 30px 0;  
		/* background: #610061; */
		}
		.sectieopmaak_8 .tdlinksparentdiv {
		width: 100%;
		
		}
		.sectieopmaak_8 .tdmiddenparent  {
		display:block;
		width:100%;
		padding: 0% 0.5% 0% 0.5%;
		/* background: #610061; */
		}
		.sectieopmaak_8 .tdmiddensparentdiv {
		width: 100%;
		
		}
		.sectieopmaak_8 .tdrechtsparent  {
		display:block;
		width:100%;
		padding: 0% 0.5% 0% 0.5%;
		
		/* background: #610061; */
        }
        .sectieopmaak_8 .tdrechtsparentdiv {
	    	width: 100%;
		
}
.sectieopmaak_8 .kleinefotodiv {
       display:block;
	   max-width:32%;
	   padding-left: 0;
	   padding-right: 0;
       padding-bottom: 23px;
       /* border: 1px solid #ff9eda;  */
}

   
#footer {
		
		height: auto;
		font-size: 0.9em ;
		font-family: Arial, Verdana, "Verdana TT", sans-serif;
		padding: 0px 0px 0px 0px;
		
}
#footer TD {
			font-family: Arial, Verdana, "Verdana TT", sans-serif;
			
			font-size: 1.0em ;
	        
		    
		    padding: 10px 0px 0px 0px  !important;
}

#footer IMG {
    
    margin: 0px auto;
    float: none;
    
	width: 10% ;	

}


#footer .tdlinksparent  {
        padding: 0px 0px 0px 10px !important;
		display:block;
		width:100%;
		text-align: left ; 
		/* border: 1px #ff00ff solid; */
		}
#footer .tdmiddenparent  {
	    padding: 0px 0px 0px 10px !important;
		display:block;
		width:100%;
		text-align: left ; 
		}
#footer .tdrechtsparent  {
		
 	    padding: 0px 0px 0px 10px !important; 
		display:block;
		
		width:100%;
		text-align: center;
		margin: 0px auto;
}
#footer .linkafb {
   width: 50% ;
   
}

}