@media screen and (max-width: 630px){ 
/* start responsive hele grote situaties */

   #footer {
	height: auto;
	/* voor raar gedrag met scrollen bij korte pagina's moet de footer minimaal de hoogte van de header + de sticky balk zijn */
	min-height: auto;
   }	

    .logo_knop {

	  float:left; 
	  margin: 1% 0px 0px 1%;
	  width: 23%;
	  height: auto;
  
	} 

	.sticky .logo_knop {

	  float:left; 
	  margin: 1% 0px 0px 1%;
	  width: 17%;
	  height: auto;
      padding-bottom: 1%;
	}

	.sideviewtoggleknop {

		 display: block;
		 margin: 10px 2px 1px 0px;
		 height: 20px;
		 width: auto;
	 
	}    
	.tel_button {

		 float: right;
		 margin: 10px 15px 0px 0px;
		 width: auto;
		 height: 20px;
		 display: block;
	}  

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

    .kreet {
       display: none;
    }
}


@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;
		line-height: 1.3em;
		font-size: 1.0em;
	    
	}
	.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;
		
	}

	

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

	TEXTAREA {
			font-size: 0.75em;
		}


	INPUT {
			font-size: 0.75em;
		
	}

	.autohoogteanchor {
	 /* als er meer staat in telefoon menu dan is het veel hoger - dus? - regel 2 keer zo hoog? op padding? */
	 line-height: 2.5em;
	 font-size: 1.6em;
 
	 /* display: block; position: relative; top: -260px; visibility: hidden; */
	}

   


    
   




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;
		}
	
	
   #zoekveld {
	   display: none;
	   
   }

	   
	   .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_2
{
	
	padding: 0% 4% 0% 4%;
	margin: 0 auto;
	/* heeft txt align zin met ons cms? */
	border-bottom: 0px none #000000;
	
	
}
.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 .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 .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_4 img {
		   padding: 0px 0px 0px 0px;
		   width: 100%;
		   height: auto;
		   
		}
 
   
#footer {
		
		height: auto;
		font-size: 0.9em ;
		font-family: Arial, Verdana, "Verdana TT", sans-serif;
		padding: 0px 10px;
		
}
#footer TD {
			font-family: Arial, Verdana, "Verdana TT", sans-serif;
			
			font-size: 0.9em ;
	        
		    text-align: left !important; 
}

#footer IMG {
		padding: 5px 10px 0px 0px;
		width: auto;
		height: 30px;
		float: left;
}

#footer .tdlinksparent  {
        padding: 10px 0px 10px 0px;
		display:block;
		width:100%;
		}
#footer .tdmiddenparent  {
		
	
		display:block;
		width:100%;
		}
#footer .tdrechtsparent  {
		
	
		display:block;
		width:100%;
}

}