/*CSS file for layout Genius Walking Tours website*/
/* Luc Van Puyelde - 2017*/
 

*{   /*logischer boxmodel*/ 
	 	/* door het sterretje is dit geldig voor alle box elementen*/
     -moz-box-sizing:border-box; 		/*code voor logisch box model bij niet internet explorer browers*/
	 -webkit-box-sizing:border-box; 	/*code voor logisch box model bij niet internet explorer browers*/
	  box-sizing:border-box;			/*code voor logisch box model bij internet explorer browers*/
	 /* breedte die je nu definieert is content + padding + border (margin zit er niet bij)*/
 }

*{    margin: 0; /* steeds margin en padding op 0 zetten in het begin */
	  padding:0;
 }

html{
	   font-family:calibri,sans-serif;
	   /*font-family:'Fjalla+One', sans-serif;*/   	   
	   font-size: 100%;
	   line-height: 1.4; 
    }
/* 1rem is de font-size van het html element
   standaard heeft root em 16 pixels*/
/* tekst sizes */
h1  { font-size:1.4rem;}

h2  { font-size:1.1rem;}	

h3 	{ font-size:1rem;} 

h4	{ font-size:1rem;}

h5  {font-size:0.6rem;}

a 	{font-size: 1rem;}

p
  	{font-size:    1rem;
     margin-bottom:0.5rem;
  	}

li
	{ font-size: 1rem;    	
  	}

ul
	{ font-size: 0.9rem;}

.phelegrotemarge
	{margin-bottom: 2rem;}

.pgrotemarge
	{margin-bottom: 1.5rem;}

.grotemarge
	{margin-bottom: 1rem;}

.pkleinemarge  
	{margin-bottom:  0.2rem;}

.geenpaddingmargin
	{margin:  0 0 0 0;
	 padding: 0 0 0 0;}

.geenpaddingmarginonder
  	{margin-bottom: 0rem;
  	padding-bottom: 0rem;
  	}

.borderonder {border-width:0.05rem;  
			  border-style: none none solid none;
			  padding: 0rem 0rem 0.8rem 0rem;
			 }

.tekstsizesupergroot {font-size:2.3rem}
.tekstsizeheelgroot {font-size:1.7rem}
.tekstsizetitel  {font-size:1.4rem}
.tekstsizegroter {font-size:1.2rem}
.tekstsizegroot  {font-size:1.2rem} 
.tekstsizebeetjegroter  {font-size:1.1rem}
.tekstsize		 {font-size:1rem}
.tekstsizenormal {font-size:1rem}
.tekstsizekleiner{font-size:0.8rem}
.tekstsizeheelklein{font-size: 0.6rem}
/*einde tekst sizes*/

/*tekstkleuren en bold*/
.titelkleur 		  {color:#262858} /*donkerblauw*/
.tekstkleur 		  {color:#262858} /*donkerblauw*/
.tekstkleurdonkerblauw{color:#262858} /*donkerblauw*/
.tekstkleurlichtblauw {color:#0B9DEA} /*lichtblauw*/
.tekstkleurgroen 	  {color:#006400} /*donkergroen*/
.tekstkleurlichtgroen {color:green}   /*groen*/
.tekstkleurrood		  {color:darkred;}/*donkerrood*/
.tekstkleurwit		  {color:white;}
.tekstkleurzwart	  {color:black;} /*zwart*/
.tekstbold  	 	  {font-weight:bold}
.tekstnormal	 	  {font-weight:normal}

.achtergrondkleurwit
 {background-color:white;}

/*niet tonen tekst*/
.niettonen
	{display:none;
	}

.niet_tonen_heading
	{display:none;
	}

/*geen onderlijning bullets points*/
.geendecoratie { text-decoration: none; }

/* centereren en positioneren */
.centreer
		{
		  text-align:center;
		  display:block;
  		}


.iconopscherm15
		{
		  max-width:15%;
		  margin: 0% auto;		  
		} 

.iconopscherm10
		{
		  max-width:10%;
		  margin: 0% auto;		  
		}
.iconopscherm4		 
		{
		  max-width:4%;
		  margin-top:1%;	  		  
		}
.iconopscherminstagram		 
		{
		  width: 1.2rem;
		  margin-top:1.8%;
		  margin-right:2%;	  		  
		}
.iconopschermfacebook		 
		{
		  width: 1.2rem;
		  margin-top:1.8%;	  		  
		}

.positioneertekstachteraan
  {	 text-align: right;  	 
  	 display:block;   	 	   		 		
  }

.positioneerrelative
  {position: relative;
  }
 		
.pmarginbottomkleiner 
  	{ 	margin-bottom: 0.3rem;
    }

.achtergrondkleurgeel
	{
		background-color:#F0E68C;/*geel*/
	}
.achtergrondkleurgrijs
	{
		background-color:#F3F3F3;/*grijs*/
	}	

.onderschrift
  { 
  	text-align:center;
  	font-size:1rem;
  	font-weight: bold;
  	color:#fff /*white*/;
  	background: rgba(0,115,230,.5); 
  	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
  	padding:1%;  				  	     
  }
/*rij layout */
.row
 	{
      width:96%; /*fluid*/
      margin: 0% auto; /*links en rechts centreren*/  
      overflow: hidden;    
	}

.rowfooter
 	{
      width:98%; /*fluid*/
      margin: 0 auto; /*links en rechts centreren*/
	}

.rowheight
	{height: 820px;
	 overflow: hidden;
	/* background:#4CAF50;lichtgroen*/	 
	}

.rowzijkolom
 	{
      width:96%; /*fluid*/
      margin: 0 auto; /*links en rechts centreren*/
	}
        
.row::after /*after wil zeggen doe dit na elke uitvoering van row*/
   {    	
   	content:""; /*na elke clearfix is de content leeg*/
   	clear:both;/*floating elements are not allowed to float at both sides of the element*/
   	/*om te vermijden dat door float left de rijen de kolomstructuur niet volgen*/
   	display:table; /* de row gedraagt zich als een table element*/
   } 

.clearfix::after /*after wil zeggen doe dit na elke uitvoering van clearfix*/
 {	
 	content:"";
	clear: both;
	/*floating elements are not allowed to float at both sides of the element*/
   	/*om te vermijden dat als er bv er een voorgaande float left is, de tekst, afbeelding of kolom die erna komt zich rond het voorgaande float element nestelt.
   	door de clear komt het mooi eronder te staan*/
	display:table; /* het volgende element komt onder het vorige, aan de linkerkant en de breedte is maar zo groot als dat element*/
 }

 .clearfix .flexslider
		{margin-top: 2%;}

.col{
	 display:inline-block;/*naast elkaar*/
	 vertical-align:top;	 
	 }

.tooninline
	{
	 display:inline-block;/*naast als 1 block naast elkaar*/
	 vertical-align:top;	
	 }

.toonblock
	{
	 display: block;/*onder elkaar*/
	 
	 }	

.col section, aside, article
   {padding: 1%;} /*schuif tekst en foto op van de rand*/  				

.floatlinks
		{	float:left;
			padding: 1%;
		}
.floatrechts
		{	float:right;
			padding: 1%;
		}


.floatrechtsgrootkleinscherm
		{	float:right;
			padding: 0% 0% 6% 0%;
		}

.verschuiflinks20
		{	-ms-transform: 		translate(-20px,0px);/*IE9 20 links en 0 naar beneden*/
			-moz-transform: 	translate(-20px,0px);/*Mozilla */
			-webkit-transform:	translate(-20px,0px);/*Safari and Chrome*/
			transform: 			translate(-20px,0px);/*Standard syntax*/
		}


.verschuifrechts25
		{	-ms-transform: 		translate(25px,0px);/*IE9 25 rechts en 0 naar beneden*/
			-moz-transform: 	translate(25px,0px);/*Mozilla */
			-webkit-transform:	translate(25px,0px);/*Safari and Chrome*/
			transform: 			translate(25px,0px);/*Standard syntax*/
		}

.verschuifrechts10
		{	-ms-transform: 		translate(10px,0px);/*IE9 10 rechts en 10 naar beneden*/
			-moz-transform: 	translate(10px,0px);/*Mozilla */
			-webkit-transform:	translate(10px,0px);/*Safari and Chrome*/
			transform: 			translate(10px,0px);/*Standard syntax*/
		}

.verschuifrechts1
	{	-ms-transform: 		translate(1%,0%);/*IE9 25 rechts en 0 naar beneden*/
		-moz-transform: 	translate(1%,0%);/*Mozilla */
		-webkit-transform:	translate(1%,0%);/*Safari and Chrome*/
		transform: 			translate(1%,0%);/*Standard syntax*/
	}

.verschuifrechts2
	{	-ms-transform: 		translate(2%,0%);/*IE9 25 rechts en 0 naar beneden*/
		-moz-transform: 	translate(2%,0%);/*Mozilla */
		-webkit-transform:	translate(2%,0%);/*Safari and Chrome*/
		transform: 			translate(2%,0%);/*Standard syntax*/
	}


.verschuifrechts5
		{	-ms-transform: 		translate(5px,0px);/*IE9 25 rechts en 15 naar beneden*/
			-moz-transform: 	translate(5px,0px);/*Mozilla */
			-webkit-transform:	translate(5px,0px);/*Safari and Chrome*/
			transform: 			translate(5px,0px);/*Standard syntax*/
		}
		
.verschuif
		{	-ms-transform: 		translate(25px,16px);/*IE9 25 rechts en 16 naar beneden*/
			-moz-transform: 	translate(25px,16px);/*Mozilla */
			-webkit-transform:	translate(25px,16px);/*Safari and Chrome*/
			transform: 			translate(25px,16px);/*Standard syntax*/
		}
.verschuifnaarboven
		{	-ms-transform: 		translate(25px,-32px);/*IE9 25 rechts en 32 naar boven*/
			-moz-transform: 	translate(25px,-32px);/*Mozilla */
			-webkit-transform:	translate(25px,-32px);/*Safari and Chrome*/
			transform: 			translate(25px,-32px);/*Standard syntax*/
		}


.verschuifnaarbeneden
		{	-ms-transform: 		translate(0px,16px);/*IE9*/
			-moz-transform: 	translate(0px,16px);/*Mozilla */
			-webkit-transform:	translate(0px,16px);/*Safari and Chrome*/
			transform: 			translate(0px,16px);/*Standard syntax*/
		}
.verschuifnaarbeneden1
		{	-ms-transform: 		translate(0px,16px);/*IE9*/
			-moz-transform: 	translate(0px,16px);/*Mozilla */
			-webkit-transform:	translate(0px,16px);/*Safari and Chrome*/
			transform: 			translate(0px,16px);/*Standard syntax*/
		}

.verschuifnaarbeneden2
		{	-ms-transform: 		translate(0px,32px);/*IE9*/
			-moz-transform: 	translate(0px,32px);/*Mozilla */
			-webkit-transform:	translate(0px,32px);/*Safari and Chrome*/
			transform: 			translate(0px,32px);/*Standard syntax*/
		}

.verschuifnaarbeneden3
		{	-ms-transform: 		translate(0px,48px);/*IE9*/
			-moz-transform: 	translate(0px,48px);/*Mozilla */
			-webkit-transform:	translate(0px,48px);/*Safari and Chrome*/
			transform: 			translate(0px,48px);/*Standard syntax*/
		}

.verschuifnaarbeneden4
		{	-ms-transform: 		translate(0px,64px);/*IE9*/
			-moz-transform: 	translate(0px,64px);/*Mozilla */
			-webkit-transform:	translate(0px,64px);/*Safari and Chrome*/
			transform: 			translate(0px,64px);/*Standard syntax*/
		}
.verschuifnaarbeneden5
		{	-ms-transform: 		translate(0px,80px);/*IE9*/
			-moz-transform: 	translate(0px,80px);/*Mozilla */
			-webkit-transform:	translate(0px,80px);/*Safari and Chrome*/
			transform: 			translate(0px,80px);/*Standard syntax*/
		}
.verschuifnaarbeneden6
		{	-ms-transform: 		translate(0px,96px);/*IE9*/
			-moz-transform: 	translate(0px,96px);/*Mozilla */
			-webkit-transform:	translate(0px,96px);/*Safari and Chrome*/
			transform: 			translate(0px,96px);/*Standard syntax*/
		}

.verschuifnaarbeneden7
		{	-ms-transform: 		translate(0px,112px);/*IE9*/
			-moz-transform: 	translate(0px,112px);/*Mozilla */
			-webkit-transform:	translate(0px,112px);/*Safari and Chrome*/
			transform: 			translate(0px,112px);/*Standard syntax*/
		}

.flex /*foto tot max 100%*/    	
		{
		  max-width:100%;
		  margin: 0% auto;	  
		}
.flex95 /*foto tot max 95%*/    	
		{
		  max-width:95%;
		  margin: 0% auto;	  
		}	
.flex90 /*foto tot max 90%*/    	
		{
		  max-width:90%;
		  margin: 0% auto;	  
		}			
.flex85 /*foto tot max 85%*/    	
		{
		  max-width:85%;
		  margin: 0% auto;
		 }
.flex80 /*foto tot max 80%*/    	
		{
		  max-width:80%;
		  margin: 0% auto;
		 }	

.flex75 /*foto of tekstblock tot max 75%*/	
		{
		  max-width:75%;
		  margin: 0% auto;		  
		}
.flex75b /*foto of tekstblock tot max 75%, niet gecentreerd*/	
		{
		  max-width:75%;		  		  
		}

.flex70 /*foto of tekstblock tot max 70%*/	
		{
		  max-width:70%;
		  margin: 0% auto;		  
		}
.flex65 /*foto of tekstblock tot max 65%*/	
		{
		  max-width:65%;
		  margin: 0% auto;		  
		}

.flex60 /*foto of tekstblock tot max 60%*/	
		{
		  max-width:60%;
		  margin: 0% auto;		  
		}

.flex50 /*foto of tekstblock tot max 50%*/	
		{
		  max-width:50%;
		  margin: 0% auto;
		 }

.flex45 /*foto of tekstblock tot max 45%*/	
		{
		  max-width:45%;
		  margin: 0% auto;		   
		}
.flex48tweefotos /* 2 fotos of tekstblock samen tot max 96%*/	
		{
		  max-width:48%;
		  margin: 0% auto;		   
		}

.flex40tweefotos /* 2 fotos of tekstblock samen tot max 96%*/	
		{
		  max-width:40%;
		  margin: 0% auto;		   
		}


.flex40 /*foto of tekstblock tot max 40*/	
		{
		  max-width:40%;
		  margin: 0% auto;
		 }


.flex35 /*foto of tekstblock tot max 40*/	
		{
		  max-width:35%;
		  margin: 0% auto;
		 }

.flex32 /*foto of tekstblock tot max 40*/	
		{
		  max-width:32.5%;
		  margin: 0% auto;
		 }

.flex30 /*foto of tekstblock tot max 30%*/	
		{
		  max-width:30%;
		  margin: 0% auto;
		}

.flex28 /*foto of tekstblock tot max 28%*/	
		{
		  max-width:28%;
		  margin: 0% auto;
		}

.flex25 /*foto of tekstblock tot max 25%*/	
		{
		  max-width:25%;
		  margin: 0% auto;
		}

.flex20 /*foto of tekstblock tot max 20%*/	
		{
		  max-width:20%;
		  margin: 0% auto;
		}

.flex18 /*foto of tekstblock tot max 18%*/	
		{
		  max-width:18%;
		  margin: 0% auto;
		}


.flex15 /*foto of tekstblock tot max 15%*/	
		{
		  max-width:15%;
		  margin: 0% auto;
		}
.flex13 /*foto of tekstblock tot max 13%*/	
		{
		  max-width:13%;
		  margin: 0% auto;
		}
.flex10 /*foto of tekstblock tot max 10%*/	
		{
		  max-width:10%;
		  margin: 0% auto;
		}
.flex5 /*foto of tekstblock tot max 5%*/	
		{
		  max-width:5%;
		  margin: 0% auto;
		} 

.fotokolombreedte
	 {width: 40%}

.fotokolombreedte100
	 {width: 100%}

.fotokolombreedte90
	 {width: 90%}

.fotokolombreedte85
	 {width: 85%}	 
	 
.fotokolombreedte80
	 {width: 80%}

.fotokolombreedte70
	 {width: 70%}

.fotokolombreedte65
	 {width: 65%}

.fotokolombreedte60
	 {width: 60%}

.fotokolombreedte55
	 {width: 50%}

.fotokolombreedte50
	 {width: 50%}

.fotokolombreedte45
	 {width: 45%}	 

.fotokolombreedte35
	 {width: 35%}

.fotokolombreedte30
	 {width: 30%}

.fotokolombreedte25
	 {width: 25%}

.fotokolombreedte20
	 {width: 20%}

.fotokolombreedte10
	 {width: 10%}	 

.fotokolombreedte5
	 {width: 5%}	 	 

.tekstkolombreedte
	 {width: 60%}

.tekstkolombreedte100
	 {width: 100%}

.tekstkolombreedte90
	 {width: 90%}

.tekstkolombreedte85
	 {width: 85%}	 

.tekstkolombreedte80
	 {width: 80%}

.tekstkolombreedte75
	 {width: 75%}	 

.tekstkolombreedte70
	 {width: 70%}

.tekstkolombreedte65
	 {width: 65%}	 

.tekstkolombreedte60
	 {width: 60%}

.tekstkolombreedte55
	 {width: 55%}
	 
.tekstkolombreedte50
	 {width: 50%}

.tekstkolombreedte45
	 {width: 45%}

.tekstkolombreedte40
	 {width: 40%}		 

.tekstkolombreedte35
	 {width: 35%}	 

.tekstkolombreedte25
	 {width: 25%}
	 
.tekstkolombreedtedagtrip
	 {width: 65%}

.tekstkolombreedtenews
	 {width: 60%}

.fotokolombreedtenews
	 {width: 40%}
	 
.flextwee /* foto of tekstblock tot max 48% van de kolom*/
 		{ 
  		 max-width:48%;  		 
		}

.flexdrie /* foto of tekstblock tot max 28% van de kolom*/
 		{ 
  		 max-width:28%
		}	 

.flexvier /* foto of tekstblock tot max 23% van de kolom*/
 		{ 
  		 max-width:23%
 		}

  
.schuiftekstlogoop
		{ 
  		 margin-bottom: 4%;
  		 margin-left: 1%
 		} 

.footeraelement a:hover
 {
    text-decoration: underline;
 }
 
.opmaaka a { text-decoration: none;
			 color: black;

			}

.opmaaka a:hover
	{
		color: #0B9DEA;	/*opmaak van de knoppen als je erover hovered, lichtblauw*/ 
	 	font-weight: bold;		
	 }

.footernav {	  			
	  			overflow: hidden;
	  			border-style: solid;
	  			background-color: white;
				border-color: #262858;/*donkerblauw*/
				border-width: 0.1rem;
				max-width: 100%;
				padding-top: 0%;
				margin:auto;
			}

.footernav ul li	
			{
				display: inline-block;
				text-decoration: none;
				font-family:calibri,sans-serif;
				color: black;
				font-size:0.6rem;
	    		font-style:italic;
	    		vertical-align: middle;
	    		padding: 0.5% 0.5% 0.5% 0.5%;	    			 						 					 				        		
       		}

.footerbalkopmaakpaddinglinks  
	  		{	float: right;	  			  		
	  			vertical-align: middle;	
	  			padding: 0.5% 0.5% 0.5% 0.5%;
	 		}


.navigatiebalkpositioneerrechts 
	  	{	position: absolute;
	  		display: inline-block;
	  		text-decoration: none;		  		
	  		right: 5%;	 
	  		padding: 1.2% 1% 1% 1%;	  		
	 		margin: 0% 0%; 		  		    		   				
	 	}
.locnavgroen a:link  
	 {
	 	color:#006400; /*opmaak van de knoppen als ze nog niet bezocht zijn, kleur groen */
	 }
.locnavgroen a:visited
	 {
	 	color:#003300; /*opmaak van de knoppen als je ze bezocht hebt, kleur donkergroen*/  
	 } 

.locnavgroen a:hover
	{
		color: #696969;	/*opmaak van de knoppen als je erover hovered, dim gray*/ 
	 	font-weight: bold;		
	 }

.locnavgroen a:active
 	{		 
  		 color:#003300;	/*opmaak van de knoppen als er op opgeklikt wordt, donkergroen*/		 
	}

.locnavblauw a:link  
	 {
	 	color:black; /*opmaak van de knoppen als ze nog niet bezocht zijn, kleur zwart */
	 }

.locnavblauw a:visited
	 {
	 	color:#0000ff; /*opmaak van de knoppen als je ze bezocht hebt, kleur donkerblauw*/  
	 }

.locnavblauw a:hover
	{
		color: #696969;	/*opmaak van de knoppen als je erover hovered, dim gray*/ 
	 	font-weight: bold;		
	 }

.locnavblauw a:active
 	{		 
  		 color:#0000ff;	/*opmaak van de knoppen als er opgeklikt wordt, donkerblauw*/		 
	}

.locnavgrijs a:link  
	 {
	 	color:white; /*opmaak van de knoppen als ze nog niet bezocht zijn, kleur wit */
	 }

.locnavgrijs a:visited
	 {
	 	color:white; /*opmaak van de knoppen als je ze bezocht hebt, kleur wit*/  
	 }

.locnavgrijs a:hover
	{
		color: #696969;	/*opmaak van de knoppen als je erover hovered, dim gray*/ 
	 	font-weight: bold;		
	 }

.locnavgrijs a:active
 	{		 
  		 color:black;	/*opmaak van de knoppen als er opgeklikt wordt, zwart*/		 
	}

.homenav a
	   {text-decoration: none;}
	 
.homenav a:hover
	 {
	 	color: #696969;	/*opmaak van de knoppen als je erover hovered, dim gray*/ 
	 	font-weight: bold;		
	 }

.verticaalnav a 
	 { 	text-decoration: none;	 	
	 	text-align: center;	 	
	 	width: 100%;
	  }

.verticaalnav a:hover
	 {
	 	color: darkgreen;	/*opmaak van de knoppen als je erover hovered, donkergroen*/ 
	 	font-weight: bold;		
	 }	

.horizontaalnav
 { text-align: center;
  }

.horizontaalnav ul 
 	{
  		list-style-type: none;
  		margin: 0;
  		padding: 0;
  		overflow: hidden;  		
 	}

.horizontaalnav	li
     {
  		display: inline;  		
  		padding: 0.3%;
  	  }

.horizontaalnav li a 
 	{ 
  		display: inline-block;
  		text-align: center;
  		text-decoration: none;
  	 }

.horizontaalnav li a:hover 
 	{
   		text-decoration: underline;
   		color: darkgreen;	/*opmaak van de knoppen als je erover hovered, donkergroen*/ 
   		font-weight: bold;	
 	}
	 
.topnav {
  			overflow: hidden;
  			border-style: solid;
  			background-color: #0d3173;/*donkerblauw*/;
			border-color: #0d3173;/*donkerblauw*/;
			border-width: 0.1rem;			
			margin: 0.5% 3% 0% 3%; 			
		}

.topnav a 
	 { 	text-decoration: none;
	 	display: inline-block;
	 	color:white;	 	
	 	font-family:calibri,sans-serif;
	 	font-size:1rem;	
	 	font-weight:bold;
	 	vertical-align: middle;
	 	padding: 1% 1% 1% 1%;
	 	margin: 0% 0%;
	 }

.topnav a:before
	{
		display:none;
	}
	 
.topnav a:link  
	 {
	 	color:white; /*opmaak van de knoppen als ze nog niet bezocht zijn, kleur wit */
	 } 
	 
.topnav a:visited
	 {
	 	color:white; /*opmaak van de knoppen als je ze bezocht hebt, kleur wit*/  
	 } 
	 
.topnav a:hover
	 {
	 	color: #696969;	/*opmaak van de knoppen als je erover hovered, dim gray*/ 
	 	font-weight: bold;		
	 }
	 
.topnav a:active
	 {
		 background-color: white;
  		 color:#0000ff;	/*opmaak van de knoppen als er opgeklikt wordt, donkerblauw*/		 
	 }

.topnav a abbr
	 {  font-family: calibri,sans-serif;
	 	font-size: 0.8rem;	
	 	font-weight:bold;
	 	text-decoration: underline;
	 	vertical-align: middle;
	 }

.topnav .icon 
	{
  		display: none;
	}

.navigatiebalkopmaak ul
				{
	 				border-style: solid;
					border-color: #0d3173;/*blauw*/;
					border-width: 0.1rem;						 			
	 		  	}


.opmaakpadding1
		{	
			padding: 1% 1% 1% 1%;
		}


.opmaakpaddinglr10
		{
	 		padding: 0% 10% 0% 10%;	
	 	}	 			

.opmaakpaddinglinks
				{/*extra padding links*/
	 			 padding: 0% 0% 0% 4%;	
	 			}	
.opmaakpaddinglinks6
				{/*extra padding */
	 			 padding: 0% 0% 0% 6%;	
	 			}

.opmaakpaddinglinks10
				{/*extra padding */
	 			 padding: 0% 0% 0% 10%;	
	 			}	 	 			 			
.opmaakpaddingrechts20
				{/*extra padding */
	 			 padding: 0% 20% 0% 1%;	
	 			}	 	 			 	

.opmaakpaddingboven
				{/*extra padding boven*/
	 			 padding: 4% 0% 0% 0%;	
	 			}
.opmaakpaddingboven1
				{/*extra padding boven 1%*/
	 			 padding: 1% 0% 0% 0%;	
	 			}

.opmaakpaddingboven2
				{/*extra padding boven 2%*/
	 			 padding: 2% 0% 0% 0%;	
	 			}

.opmaakpaddingboven3
				{/*extra padding boven 2%*/
	 			 padding: 3% 0% 0% 0%;	
	 			}

.opmaakpaddingboven3rechts5
				{/*extra padding boven 2%*/
	 			 padding: 3% 5% 0% 0%;	
	 			}

.opmaakpaddingboven12
				{/*extra padding boven 1%*/
	 			 padding: 12% 0% 0% 0%;	
	 			}
.opmaakpaddingbovenlinks1
				{/*extra padding boven 1%*/
	 			 padding: 1% 0% 0% 1%;	
	 			}

.opmaakpaddingonder1				
				{/*extra padding onderaan 1%*/
	 			 padding: 0% 0% 1% 0%;	
	 			}

.opmaakpaddingonder2
				{/*extra padding onderaan 2%*/
	 			 padding: 0% 0% 2% 0%;	
	 			}
.opmaakpaddingonder3
				{/*extra padding onderaan 2%*/
	 			 padding: 0% 0% 3% 0%;	
	 			}


.opmaakpaddingonder4
				{/*extra padding onderaan 4%*/
	 			 padding: 0% 0% 4% 0%;	
	 			}
.opmaakpaddingonder8
				{/*extra padding onderaan 4%*/
	 			 padding: 0% 0% 8% 0%;	
	 			}


.opmaakpaddingboven10onder3
				{/*extra padding boven 10% en onderaan 3%*/
				 padding: 10% 0% 3% 0%;	
	 			}

.opmaakpaddingboven1onder2
				{/*extra padding boven 10% en onderaan 3%*/
				 padding: 1% 0% 2% 0%;	
	 			}
.opmaakpaddingboven8onder3
				{/*extra padding boven 10% en onderaan 3%*/
				 padding: 8% 0% 3% 0%;	
	 			}

.opmaakpaddingonderenlinks4
				{/*extra padding onder en links*/
	 			 padding: 0% 0% 4% 4%;	
	 			}

.opmaaklistpadding li
		 { 
  			padding-left: 16px; 
		 }



.opmaaklistpuntbullet li::before
		 {
  			content: "."; /* Insert content that looks like bullets */
  			padding-right: 0.4rem;
  			color: black; /* zwart */
		}

.opmaaklistgeenpuntbullet li::before

		 {	content: " ";
		 	padding-right: 0.24rem;
		 	color: black; /* zwart */ 			
		 }


.opmaaklistgeenbullets li
				{
	 				list-style:none; /*geen bullets */
	 				border-style: none;	 					 									 			
	 		  	}
.opmaaklist
				{
	 				list-style: none; /*geen bullets*/
	 				border-style: none;
	 				text-decoration: none;
				 	display: block;
				 	color:black;	 	
				 	font-family:calibri,sans-serif;
				 	font-size:1rem;				 						 	
				 	vertical-align: middle;				 		
				 	margin: 0%;	

	 		  	}

.opmaaklistdonkerblauw 
				{
	 				list-style: none; /*geen bullets*/	 				
	 				border-style: none;
	 				text-decoration: none;
				 	display: block;	
				 	font-weight:bold;			 	
				 	color:#262858;/*donkerblauw*/
				 	font-family:calibri,sans-serif;
				 	font-size:1rem;					 	
				 	vertical-align: middle;				 	 				 		
				 	margin: 0%;
				 		 								 			
	 		  	}


.opmaaklistmetbulletsenpadding 
				{
	 				list-style: disc; 
	 				border-style: none;
	 				text-decoration: none;
				 	display: block;
				 	color:black;	 	
				 	font-family:calibri,sans-serif;
				 	font-size:1rem;					 	
				 	vertical-align: middle;
				 	padding: 0;
				 	margin: 0;	 									 			
	 		  	}

.opmaaklistmetbullets 
				{ 	list-style-type: square;			
	 				list-style-position: outside;
	 				border-style: none;
	 				text-decoration: none;
				 	display: block;
				 	color:black;
				 	font-size:1rem;	 	
				 	font-family:calibri,sans-serif;				 				 						 	
				 	vertical-align: middle;					 	
	 		  	}


		  										 			
	 					 		  		 		  	
.navigatiebalkopmaak li 
	 {  display: inline-block;	 			 	
	 	color:#0d3173;/*donkerblauw*/	 	
	 	font-family: calibri,sans-serif;
	 	font-size:1rem;	
	 	font-weight:bold;
	 	vertical-align: middle;
	 	padding: 1% 1% 1% 1%;
	 	margin: 0% 0%;
	 }
.navigatiebalkopmaak li a abbr
	 {  font-family: calibri,sans-serif;
	 	font-size: 0.8rem;	
	 	font-weight:bold;
	 	text-decoration: underline;
	 	vertical-align: middle;
	 }
	 
.navigatiebalkopmaakpaddinglinks 
	  	{	display:inline-block;
	 		padding-left: 5%;
	 	}

.geleachtergrondkader
			 {
			  background-color: #ffdb4d;/*geel*/
			  padding: 1% 0% 1% 1%;			  			  	  			 			 
  			 }
  			 
.groeneachtergrondkader
			 {
			  background-color: #54A96F;/*groen*/
			  padding: 1% 0% 1% 1%;			  			  	  			 			 
  			 }

.grijzeachtergrondkader
			{
			  background-color: #F3F3F3;/*grijs*/
			  padding: 15% 5% 15% 5%;			  			  	  			 			 
  			 }

.scrollmenu {
			  background-color: #ffdb4d;
			  overflow: auto;
			  margin: 1% 0% 1% 0%; 
			  white-space: nowrap;
			  /*no wrap: sequences of whitespace will collapse into a single whitespace.
			    Text will never wrap to the next line. 
			    The text continues on the same line until a <br> tag is encountered*/			 			 
  			 }

.overflowvisible
			{
				overflow:visible;
			}

.overflowhidden
			{overflow:hidden;}			

.scrollmenu li 
			{
		  		display: inline-block;
		  		color: black;
		  		text-align: center;
		  		padding: 5px;
		  		text-decoration: none;		  			  		
			}

.footeropmaakpaddinglinks25
	  	{	display:inline-block;
	 		text-align: right;
	 	}	 

.twee_fotos li 
   { 	display:inline;
   		padding: 1% 1% 1% 0%;     
		list-style:none;
		vertical-align: top
	}
.twee_fotos_naast_elkaar li 
   { 	display:inline;
   		padding: 1% 1% 1% 0%;     
		list-style:none;
		vertical-align: top
	}

.twee_naast_elkaar li 
   { 	display:inline;
   		padding: 0% 0% 0% 0%;     
		list-style:none;
		vertical-align: top;		
	}

.drie_fotos li
   { display:inline;
     padding: 1% 1% 1% 0%;
	 list-style:none;
	 }	

	 		
.vier_fotos li
   { display:inline;
     padding: 1% 1% 1% 0%;
	 list-style:none;
	 }	 		

.kaderteam
   		{ 	 border-style: solid;
			 border-width: 0.1rem;
			 border-color: #262858;/*donkerblauw*/;			 
			 padding: 2% 2% 2% 2%;
			 margin:  2% 0% 2% 0%;			 
		}
.hoogte
	{height:430px;}	 


	
.margenavbalkover3kol
			{	width: 98%;
				margin: 1% 1% 1% 1%; /*links en rechts centreren*/					
			}


.margenavbalkover2kol
			{	width: 98%;
				margin: 1% 1% 1% 1%; /*links en rechts centreren*/					
			}    

.margefooter
   	 		{	width: 94%;
				margin: 1% 1% 0% 1%; /*links en rechts centreren*/					
			} 
.margefooterover2kol
	 		{	width: 98%;
				margin: auto; /*links en rechts centreren*/					
			} 
.margefooterover3kol
   	 		{	width: 98%;
				margin: 1% 1% 1% 1%; /*links en rechts centreren*/					
			} 

.margefooterover4kol
   	 		{	width: 98%;
				margin: 1% 1% 1% 1%; /*links en rechts centreren*/					
			} 		


.titelopmaak
  {padding:  1% 0.5% 0.5% 1%;
   margin:   0% 0.5% 0.5% 0%;}

.blokopmaak
  {padding:  4% 0.5% 0.5% 0.5%;
   margin:   0% 0.5% 0.5% 0%;}   

.titelopmaakrechterkolom
  {padding:  1% 0.5% 0.5% 0%;
   margin:   0% 0.5% 0.5% 0%;}

.p_eerste_letter p::first-letter
	{font-size: 200%; color:#ff3366;
	}


.lijnhoogte
	{line-height: 1.4;
	} 

.lijnhoogtefooteritems
	{line-height: 1.3;
	} 


.schuinetekst 	{font-style:italic}	

.onderlijn
	{ text-decoration: underline;
	}

.nietonderlijn
	{ text-decoration: none;
	}

.fotosonderelkaar 
				{
					display:block;
				}

.meerinfoknop
	{   
		text-decoration:none;		 
		text-align: left;		
		display: inline-block; 
		font-weight:bold; 			
	}

.meerinforuimteopmaak
 	{
 		padding: 1% 0% 0% 0%;
 	}
.naarrechtspadding
	{
 		padding: 0% 0% 0% 5%;
 	}
.naarrechtspadding5
	{
 		padding: 0% 0% 0% 5%;
 	}

.naarrechtspadding3
	{
 		padding: 0% 0% 0% 3%;
 	}
.naarrechtspadding1
	{
 		padding: 0% 0% 0% 1%;
 	}
.naarlinkspadding
	{
 		padding: 0% 5% 0% 0%;
 	}	
.fotopadding
	{padding: 1% 0% 0% 1%;}	

.onderlijn
	{ text-decoration: underline;
	}
.achtergrondbeeld1 { 
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.achtergrondtekst {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.achtergrondtekst2 
	{
	position: relative;
	}

.positioneerrelatief
	{position: relative;}

[class*="col-"]
	{
	 float: left;
	 padding: 1%;
    }

.posright
	{
		position: relative;
		left: 5rem; /*5 rem van links naar rechts*/
	}



/* voor screen kleiner dan 320 px*/
[class *="col-"] {width:100%;}
/* door het sterretje is dit geldig voor alle col- elementen*/

/*voor de indexfile*/
.ind1	{width:  2%;}
.ind48  {width: 96%;} 
.ind49  {width: 98%;}
.ind50  {width:100%;}				 



 @media only screen and (min-width: 320px) 
{
    /* For smart mobile phones gebaseerd op 12 kolommen indx is voor de index file
       Do this if the viewport is >= 320px*/
    .col-m-1 	{width: 8.33%;}
    .col-m-2 	{width: 16.66%;}
    .col-m-3 	{width: 25%;}
    .col-m-4	{width: 33.33%;}
    .col-m-5 	{width: 41.66%;}
    .col-m-6 	{width: 50%;}
    .col-m-7	{width: 58.33%;}
    .col-m-8 	{width: 66.66%;}
    .col-m-9 	{width: 75%;}
    .col-m-10 	{width: 83.33%;}
    .col-m-11 	{width: 91.66%;}
    .col-m-12 	{width: 100%;}
    .ind1		{width:  2%;}
    .ind48  	{width: 96%;}  
	.ind49  	{width: 98%;}
	.ind50  	{width:100%;}

	.tekstsizetitelsupergroot {font-size:1.6rem}
	.tekstsizetitelheelgroot {font-size:1.1rem}

}   

@media only screen and (min-width: 600px)
{
    /* For tablets gebaseerd op 12 kolommen indx is voor de index file
    Do this if the viewport is >= 600px*/
    .col-t-1 	{width: 8.33%;}
    .col-t-2 	{width: 16.66%;}
    .col-t-3 	{width: 25%;}
    .col-t-4 	{width: 33.33%;}
    .col-t-5 	{width: 41.66%;}
    .col-t-6 	{width: 50%;}
    .col-t-7 	{width: 58.33%;}
    .col-t-8 	{width: 66.66%;}
    .col-t-9 	{width: 75%;}
    .col-t-10 	{width: 83.33%;}
    .col-t-11 	{width: 91.66%;}
    .col-t-12 	{width: 100%;}
    .ind1		{width:  2%;} 
    .ind48  	{width: 96%;} 
	.ind49  	{width: 98%;}
	.ind50  	{width:100%;}
}
@media only screen and (min-width: 944px)
 {
    /* For desktop gebaseerd op 12 kolommen indx is voor de index file */
   /* Do this if the viewport is >= 944px*/
    .col-span1 		{width: 8.33%;}
    .col-span2 		{width: 16.66%;}    				
    .col-span3 		{width: 25%;}
    .col-span4 		{width: 33.33%;}
    .col-span5 		{width: 41.66%;}
    .col-span6 		{width: 50%;}
    .col-span7 		{width: 58.33%;}
    .col-span8 		{width: 66.66%;}
    .col-span9 		{width: 75%;}
    .col-span10 	{width: 83.33%;}
    .col-span11 	{width: 91.66%;}
    .col-span12 	{width: 100%;}
    .ind1			{width:  2%;} 
    .ind48  		{width: 96%;} 
	.ind49  		{width: 98%;}
	.ind50  		{width:100%;}
 }

@media screen and (max-width: 1444px)
/* Do this if the viewport is <= 1444px*/
 {	
 	/* When the screen is less than 1444 pixels wide, hide all links,
 	 except for the first one ("Home"). 
 	 and show the hamburger link that opens and close the topnav (.icon) */
 	.topnav a:not(:first-child) {display: none;}
  	.topnav a.icon
   		{
   		 
   		 display: inline;
   		}
 }

@media screen and (max-width: 1150px)
/* Do this if the viewport is <= 1150px*/
 {
 	.tekstsizekleinermidgrootscherm {font-size:0.85rem}

 }

@media screen and (max-width: 942px)
/* Do this if the viewport is <= 942px*/
 {

   	h1  { font-size:1.1rem;}

	h2	{ font-size:0.9rem;}

	h3 	{ font-size:0.9rem;}	   	  

	h4	{ font-size:0.9rem;}

	h5  { font-size:0.6rem;}

	p
  		{ 	font-size:    0.9rem;
    		margin-bottom:0.3rem;
  		}

	a 	{ font-size: 0.9rem;}
	
	li
		{ font-size:    0.9rem;}
  	ul
		{ font-size:    0.9rem;}

	.tekstsizesupergroot {font-size:2.1rem}	
	.tekstsizeheelgroot {font-size:1.5rem}
	.tekstsizetitel  {font-size:1.1rem}
	.tekstsizegroter {font-size:1rem}
	.tekstsizegroot  {font-size:1rem} 
	.tekstsizebeetjegroter   {font-size:0.9rem}
	.tekstsize		 {font-size:0.9rem}	
	.tekstsizenormal {font-size:0.9rem}
	.tekstsizekleiner{font-size:0.8rem}
	.tekstsizeheelklein{font-size: 0.6rem}

	
	.topnav .myButton2
	{font-size: 0.8rem;
	 padding: 1.5% 0% 1.5% 0%;
	 width: 6rem;	
	}

	
	.opmaakpaddingtablet10
	  {padding: 0% 10% 0% 10%;
	  }

	.floatlinks
		{	float:none;
			margin:auto;
			padding: 1%;
		} 

	.floatrechts
		{	float:none;
			margin:auto;
			padding: 1%;
		}
			
	.floatlinkstablet
		{	float:left;
			padding: 1%;
		}

	.floatrechtstablet
		{	float:right;
			padding: 1%;
		}	
	/* centereren en positioneren */


	.centreer
		{
		  text-align:center;
		  display:block;
  		}
  	.centreertablet
		{
		  text-align:center;
		  display:block;
  		}

  	.centreerteksttablet
		{
		  text-align:center;
		  display:block;
  		}	

  	.centreerbeeld
  		{ display:block;
  		  margin:auto;
  		}

	.centreerblocktablet
  		{  display:block;
  		   margin:auto;		  
  		}

	.opmaakpadding2tablet
				{/*links extra padding */
	 			 padding: 0% 0% 0% 2%;	
	 			}

	.tekstkolombreedte70
	{width: 100%}

	.tekstkolombreedte80
	 {width: 100%}

	.tekstkolombreedte85
	 {width: 100%}	

 	.tekstkolombreedtetablet100
 	  {width: 100%} 

 	.tekstkolombreedtetablet85 
 	  {width: 85%}

	.tekstkolombreedtetablet80 
 	  {width: 80%}

	.tekstkolombreedtetablet70
	 {width: 70%}

	.tekstkolombreedtetablet40
	 {width: 40%}

	.fotokolombreedte80
	 {width: 100%} 
	
	.fotokolombreedtetablet100
	 {width: 100%}

	.fotokolombreedtetablet85
	 {width: 85%}

	.fotokolombreedtetablet60
	 {width: 60%}	 

	.tekstkolombreedtereduced
	 {width: 67%;
	  float:none;
	  clear:both;
	  margin:auto;} 
  	  	
	.borderonder {border-width:0.05rem;  
				  border-style: none none solid none;
				  padding: 0rem 0rem 0.8rem 0rem;
				  width: 90%;
				 }

	.hoogte
	 {max-height:380px;}
	 /*de team kolommen hebben een flex hoogte als de span van de kolom = 12 deelkolommen*/

	.iconopscherm10
		{
		  max-width:10%;
		  margin: 0% auto;		  
		}

	.iconopscherm15
		{
		  max-width:15%;
		  margin: 0% auto;		  
		}				

	.reducenone
	  	{
		  max-width:100%;
		  margin: 0% auto;	
		}
	
	.reducefleximagetablet50	
		{
		  max-width:50%;		  
		}
	.reducefleximagetablet45	
		{
		  max-width:45%;		  
		}	
	.reducefleximagetablet40
      	{
		  max-width:40%;		  
		}
	.reducefleximagetablet35
      	{
		  max-width:35%;		  
		}	
	
	.reducefleximagetablet30
      	{
		  max-width:30%;		  
		}	

	.reducefleximagetablet25
      	{
		  max-width:25%;		  
		}

	.margesrondfotobovenonder
	 {padding: 2% 0% 2% 1%;}

	.verschuifrechts
		{	-ms-transform: 		translate(0px,0px);/*IE9 25 rechts en 15 naar beneden*/
			-moz-transform: 	translate(0px,0px);/*Mozilla */
			-webkit-transform:	translate(0px,0px);/*Safari and Chrome*/
			transform: 			translate(0px,0px);/*Standard syntax*/
		} 

	.fotosonderelkaartablet li
			{
				display:block;
				padding: 1% 1% 1% 0%;
				list-style:none;
			}

	.twee_naast_elkaar_tablet li 
   		{ 	display:inline;
   			padding: 1% 1% 1% 0%;     
			list-style:none;
			vertical-align: top;		
		}			

	.flex48tweefotostablet /*2 fotos tot 96% op tablet*/	
		{
		  max-width:48%;
		  margin: 0% auto;		   
		}
	.flex40tweefotos /* 2 fotos tot 40% op tablet*/	
		{
		  max-width:40%;
		  margin: 0% auto;		   
		}
	
	.flex70tweefotostablet /*foto of tekstblock tot 70% op tablet*/	
		{
		  max-width:70%;
		  margin: 0% auto;		   
		}	

  }
 
@media screen and (max-width: 1444px) 
/* Do this if the viewport is <= 1444px*/
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon.
   This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  {
  	.topnav.responsive {position: relative;}
  	.topnav.responsive .icon 
  		{
    		position: absolute;
    		right: 0;
    		top: 0;
  		}
	.topnav.responsive a 
		{
    		float: none;
    		display: block;
    		text-align: left;
 		} 	

   }
   
@media screen and (min-width: 944px)
/* Do this if the viewport is >= 950px*/
 {
 
 	.verschuifnaarboven
		{	-ms-transform: 		translate(0px,-10px);/*IE9*/
			-moz-transform: 	translate(0px,-10px);/*Mozilla */
			-webkit-transform:	translate(0px,-10px);/*Safari and Chrome*/
			transform: 			translate(0px,-10px);/*Standard syntax*/
		}
	.vergroottekstkolombreedte
		{ width: 100%;
		}	
 }

@media screen and (max-width: 600px)
/* Do this if the viewport is <= 600px*/
 {
	
    h1  { font-size:1.1rem;}

	h2	{ font-size:0.9rem;}

	h3 	{ font-size:0.9rem;}	   	  

	h4	{ font-size:0.9rem;}

	h5  { font-size:0.6rem;}

	p
  		{ font-size:    0.9rem;
    	  margin-bottom:0.3rem;
  		}

	a 	{ font-size: 0.9rem;}
	
	li
		{ font-size:    0.9rem;}
  	ul
		{ font-size:    0.9rem;}


	.tekstsizesupergroot {font-size:1.6rem}
	.tekstsizeheelgroot {font-size:1.4rem}
	.tekstsizetitel  {font-size:1.1rem}
	.tekstsizegroter {font-size:1rem}
	.tekstsizegroot  {font-size:1rem} 
	.tekstsize		 {font-size:0.9rem}	
	.tekstsizenormal {font-size:0.9rem}
	.tekstsizekleiner{font-size:0.8rem}
	.tekstsizeheelklein{font-size: 0.6rem}

	.lijnhoogtekleinscherm
	  {line-height: 2;
	  }

	.weltonenkleinscherm
	{display:block;
	}

	 /*extra padding links*/
	.floatlinks
		{	float:none;
			margin:auto;
			padding: 1%;
		}
	.floatrechts
		{	float:none;
			margin:auto;
			padding: 1%;
		}

	.floatrechtskleinscherm
		{	float:right;
			padding: 1%;
		}			
	.floatlinkskleinscherm
		{	float:left;
			padding: 1%;
		}	
	
	.centreerkleinscherm
		{ text-align:center;
		  display:block;
  		}

  	.centreerflexkleinscherm
 		{display: flex;
 	 	 justify-content: center;
 	 	}

  	.centreerblockkleinscherm
  		{ 
		  display:block;
		  margin:auto;
  		}
  	
	.tekstkolombreedtemaxkleinscherm
	 {width: 100%;
	  float:none;
	  clear:both;
	  margin:auto;}	

	.fotokolombreedtemaxkleinscherm
	 {width: 100%;
	  float:none;
	  clear:both;
	  margin:auto;}		
	/* centereren en positioneren */
	
  	  	
	.borderonder {border-width:0.05rem;  
				  border-style: none none solid none;
				  padding: 0rem 0rem 0.8rem 0rem;
				  width: 90%;
				 }

	.hoogte
	 {max-height:380px;}
	 /*de team kolommen hebben een flex hoogte als de span van de kolom = 12 deelkolommen*/

	.iconopscherm15
		{
		  max-width:15%;
		  margin: 0% auto;		  
		}

	.iconopscherm10instagram		 
		{
		  max-width:10%;
		  margin-top:1%;	  		  
		}

	.reducenone
	  	{
		  max-width:100%;
		  margin: 0% auto;		  
		}
	.reducefleximage
      	{
		  max-width:50%;		  
		}

	.reducefleximage85
      	{
		  max-width:85%;		  
		}

	.reducefleximage80
      	{
		  max-width:80%;		  
		}		

	.reducefleximage2
      	{
		  max-width:75%;		  
		}

	.reducefleximage75
      	{
		  max-width:75%;		  
		}
	.reducefleximage70
      	{
		  max-width:70%;		  
		}	
	.reducefleximage60
      	{
		  max-width:60%;		  
		}
	.reducefleximage55
      	{
		  max-width:55%;		  
		}

	.reducefleximage50
      	{
		  max-width:50%;		  
		}	
	.reducefleximage45
      	{
		  max-width:45%;		  
		}

	.reducefleximage40
      	{
		  max-width:40%;		  
		}

	.reducefleximage35
      	{
		  max-width:35%;		  
		}

	.reducefleximage30
      	{
		  max-width:30%;		  
		}	
	.reducefleximage25
      	{
		  max-width:25%;		  
		}	

	.reducefleximage20
      	{
		  max-width:20%;		  
		}
	.reducefleximage22
		{max-width: 22%;
		} 		

	.reducefleximage15
      	{
		  max-width:15%;		  
		}

	.centreer
		{
		  text-align:center;
		  display:block;
  		}

  	.centreerbij12kol
  	   	{
		  text-align:center;		  
  		}

  	.centreerbeeld
  		{ display:block;
  		  margin:auto;
  		}

  	.naarrechtspadding
		{
 	 	 padding: 0% 0% 0% 1%;
 		}	

 	.pgrotemargekleinscherm	 	
		{
		 	padding: 0% 0% 70% 0%;
		}

	.phelegrotemargekleinscherm	
		{
		 margin-bottom: 2rem;		
		}

	.opmaakpaddinggeen
		{
	 		padding: 0% 0% 0% 0%;	
	 	}

	.opmaakpaddingl10
		{
	 		padding: 0% 0% 0% 10%;	
	 	}
	.opmaakpaddingl2kleinscherm
		{
	 		padding: 0% 0% 0% 2%;	
	 	} 	
	.opmaakpaddingkleinscherm
		{/*extra padding */
	 			 padding: 0% 0% 0% 0%;	
	 	}
	
	.opmaakpaddingrechts20
				{/*fake geeft geen padding bij kleinscherm */
	 			 padding: 0% 0% 0% 0%;	
	 			}			


	.fotokolombreedte
	 {width: 100%}

	.fotokolombreedte90
	 {width: 100%}

	.fotokolombreedte85
	 {width: 100%}

	.fotokolombreedte80
	 {width: 100%}

	.fotokolombreedte75
	 {width: 100%}

	.fotokolombreedte70
	 {width: 100%}	

	.fotokolombreedte60
	 {width: 100%}

	.fotokolombreedte55
	 {width: 100%}

	.fotokolombreedte50 
	 {width: 100%}
	  	
	.fotokolombreedte45 
	 {width: 100%}

	.fotokolombreedte40
	 {width: 100%}

	.fotokolombreedte35
	 {width: 100%}

	.fotokolombreedte30
	 {width: 100%}

	.fotokolombreedte25
	 {width: 100%}

	.fotokolombreedte20
	 {width: 100%}

	.tekstkolombreedte
	 {width: 100%}

	.tekstkolombreedte90
	 {width: 100%}

	.tekstkolombreedte85
	 {width: 100%}

	.tekstkolombreedte80
	 {width: 100%}

	.tekstkolombreedte75
	 {width: 100%}  

	.tekstkolombreedte70
	 {width: 100%;	
	  }
	.tekstkolombreedte65
	 {width: 100%;
	  margin:auto;}

	.tekstkolombreedte60
	 {width: 100%;
	  margin:auto;} 	

	.tekstkolombreedte55
	 {width: 100%}

	.tekstkolombreedte50
	 {width: 100%}

	.tekstkolombreedte45
	 {width: 100%} 

	.tekstkolombreedte40
	 {width: 100%}	

	.tekstkolombreedte35
	 {width: 100%}

	.tekstkolombreedtereduced
	 {width: 67%;
	  float:none;
	  clear:both;
	  margin:auto;} 

	.tekstkolombreedtereduced80
	 {width: 80%;
	  float:none;
	  clear:both;
	  margin:auto;} 

	.margesrondfotobovenonder
	 {padding: 2% 0% 2% 1%;}

	.verschuifrechts
		{	-ms-transform: 		translate(0px,0px);/*IE9 25 rechts en 15 naar beneden*/
			-moz-transform: 	translate(0px,0px);/*Mozilla */
			-webkit-transform:	translate(0px,0px);/*Safari and Chrome*/
			transform: 			translate(0px,0px);/*Standard syntax*/
		} 

   	    	

 }	

@media screen and (max-width: 1010px)
/* Do this if the viewport is <= 1010px*/
 {
	.tekstsizesupergroot {font-size:1.8rem}
	.tekstsizeheelgroot {font-size:1.5rem}
	.tekstsizetitel  {font-size:1.1rem}	
			
 }


/*Button - knop 1 en 2*/
.positioneerbutton
	{	position:relative;
		top:5px;	
	}

.myButton2 {	
	background-color:#54A96F;/*groen*/
	-moz-border-radius:3rem;
	-webkit-border-radius:3rem;
	border-radius:3rem;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Arial;		
	text-decoration:none;	
	background: #54A96F; /*groen*/
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
	width: 7rem;	
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;		
	}

.myButton {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:1rem;
	padding:1% 2%;
	margin:2% 0% 1% 0%;	
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
				}
.myButton:active {
	position:relative;
	top:1px;
				}