body {
	margin:0; padding:0;
	font-family: CalibreLight, Roboto, Calibri, Sans-Serif;
	height:100%;
	width:100%;
}

.intro {
	position:relative;
	margin-top:-3%!important;
}
										 										 

.profiel { border:none; z-index:2;}
.naam {  z-index:2;}



.parent{
	display:table;
	position:relative; 
}

.child_1{
	margin-top:30px;
	display: table-row;
	height:130px;
	margin-bottom:30px!important;
}
	
.child_2{
	display: table-row;
	height:10px;
	width: 100px;
}


.bold{
	font-weight:bold;
}

.colour-block {
  background:#f1f1f1;
	width:85%; /*  images width, amount of pictures  */
	padding:10% 0% 5% 15%;	
}
.white-block {
  background:#fff;
	width:85%; /* images width, amount of pictures  */
	padding:10% 0% 5% 15%;

}


/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.skew-cc{					
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to right bottom, #f1f1f1 50%, #fff 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}

/*-------------------------*/
/* SKEW COUNTER CLOCKWISE  */
/*-------------------------*/
.skew-c{						
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 50%, #f1f1f1 50%);
}

.link {text-decoration:underline!important; font-weight:bold; }
		
		
		h1, h2, h3, h4, h5, p, a { color:#777777; }
		h3 { font-size: 2.1em; margin:0px;	padding-top:20px; padding-bottom:20px; font-weight: bold; }
		h3 span{font-size:30px}
		
		
		h2{ margin-bottom:30px; font-size: 1.3em!important; font-weight: bold;}
		
		h1 {font-size: 1.3em!important; margin-top: 5px; margin-bottom:0px; }
	
		
		h4 { font-size: 1.3em!important; font-weight: bold; }	

		
		h5 { font-size: 1.3em!important; margin-top: 5px; margin-bottom: 0px; }
		
		
		p	{	font-size: 1.1em;	text-decoration:none; outline:none; color:#777; }
		p1 { font-size: 1.1em; margin: 0px; margin-bottom: 20px; color:#777;}
    p em { color:gray; }
		a {	text-decoration:none; outline:none; cursor:pointer !important; }
		.text-center .design { color:#3f6f95; font-weight: bold;}

.lighter, h1, h5 { font-weight: lighter!important; /*lighter class, projecten*/ }

	.subtitel {font-size: 1.3em!important; font-weight: lighter!important; }
	.submargin { margin-top: 5px; margin-bottom: 0px;}
	
	.kopmargin {margin-top: 0px; margin-bottom:40px; margin-top:-20px; }
	.koptitel {margin-bottom: 30px; font-size: 1.3em!important; font-weight: bold!important; color:#777!important;}
	
#footer { position:absolute; min-height:50px;  width:100%;   }	
#footer { position:absolute; height:75px; min-height:50px;  width:100%;  padding-bottom:50px; z-index:2;  }	
.footerLinks { padding-top:15px;  text-align:center;  font-size:0.95em; margin-bottom:-5px; margin-top:-15px;    }

		.text-center {  font-size: 1em !important; width:100% !important;  text-align: center !important;}
		.bottom_border {     border-bottom: 1px dotted #dddddd !important;   padding-bottom:20px;}	
Seolabel {height:0px!important;}
iframe {border-width: 0px!important; }


/* Gebruikt bij aanbetaling */
.underline{ 
text-underline-offset:0px;
text-decoration-thickness:0.5em;
text-decoration: underline;
text-decoration-color:#aaa;
}

.linefade {cursor: none !important; }
.linefade-box {position:relative; height:20px; }
.block-size {left:0px; }

.imageList li {
   display:inline-block;
 }
	 
/* ----------- Galaxy Tab 2 ----------- */
/* Portrait and Landscape */

@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
.imageList li {	position:relative; 

} /* Fixes ul android tablet  mis-alignment */ 
}	 


.imageList li a img {
   border:none;
}



/* Revieuws COMMENTICS*/

.cmtx_search_focus, .cmtx_search_wrapper, .cmtx_sort_by_field, option,
#cmtx_comment, #cmtx_headline, #cmtx_name, #cmtx_email, #cmtx_town, #cmtx_securimage {
		color: #888;
    outline: none !important;
    border:0px !important;
    box-shadow: 0 0 3px #719ECE !important;
		font-size: 0.75em !important;
} /* the colour and properties of the reviews input box border and search box */

.cmtx_user_area, .cmtx_headline_area, .cmtx_comment_area p { font-size: 1.15em !important; line-height:1.2em!important; }

.cmtx_comment_area 	{zoom: 0.8!important;}

.reviews { color:#555 !important; font-size: 1.1em; /* 30px/16=1.875em */ }
.cmtx_date_area { color:#719ECE!important; float: right!important; }

.cmtx_row_middle {width:0px!important; background-color: #f1f1f1!important; border: 0px!important;}
.cmtx_row_right, .cmtx_row_left {width:49%!important;}

.cmtx_last_separation_line { width: 100%;	border-bottom: 1px dotted #dddddd !important; height: 1px; position: absolute; }

#cmtx_container .fa { color:#888 !important; }

.cmtx_comment_section:not(:last-of-type) { border-bottom: 1px dotted #dddddd !important; }

.cmtx_error { margin-top: 5px!important;}

/* END commentics*/




.error {text-align:left;}

.button, .btn_send { border:none; font-size:15px; color:#fff;  background-color:#3f6f95; border-radius:6px;  }

a.button { padding:10px 30px 10px 30px!important;  }

.cursor { cursor: pointer !important; }

.highlight {color:#fff!important; }

textarea, .cmtx_sort_by_field, .cmtx_search, .cmtx_search_focus {font-size: 13px;}

.prj-page {max-width:850px!important;} 





/* ########################## */

ul {width: 110%; padding-left:0; padding-inline-start: 0px;}

li{ margin-top:1%; margin-right:5%; margin-bottom:3%;}

ul { margin-top:4%; } /* topmargin */

.imageList li a img { width:180px; height:180px; } /* IMGgrote */

.imageList li { padding: 5px!important; }		/* ruimte tussen alle photos in gallery */

.block-size, .linefadeProjecten	{width:650px; max-width:650px; } /* blocksize */
/* WAS: .block-size, .linefade, .linefade-box  	{width:650px!important; max-width:650px!important; } /* blocksize */

.white-block {padding-top:25%!important;}	/* whitetop boven ruimte */
.colour-block 	{padding-top:12%!important;}	/* colourtop boven ruimte */	

.intro 				{margin-top:3%!important;}		/* ruimte eerste tekst/plaatje */

/* ########################## */


@media (min-width: 851px) {
			.colour-block {padding-top:100px!important;}	/* colourtop boven ruimte */
			.white-block {padding-top:150px!important;}	/* whitetop boven ruimte */	

}

@media (max-width: 850px) {
			.cmtx_row_right, .cmtx_row_left {width:100%!important;}		
			
			.colour-block {padding-top:20%!important;}	/* colourtop boven ruimte */
			.white-block {padding-top:25%!important;}	/* whitetop boven ruimte */			
			.imageList li a img { width:100px; height:100px; } /* IMGgrote */	
			.block-size 	{width:500px; max-width:500px; } /* blocksize */	
			
			li { margin-top:0; margin-right:1%; margin-bottom:0; }
			
 /* ### COLORDIV GREEN ###   .colourdiv { position:fixed; bottom:50px; left:0; 
																width:800px; height:1px; text-align:center; height:2px;  
																border-top:4px dotted green; }	*/
			
}


@media (max-width: 700px) {
			.block-size 	{width:400px; max-width:400px; } /* blocksize */	

}


@media (max-width: 600px)  {
			#cmtx_town { font-size:0.7em!important;}
			.cmtx_row_left, .cmtx_row_right{ margin-bottom:0px!important; text-align: right!important;}
			.cmtx_sort_by_container, .cmtx_search_wrapper {margin-right:5px;}	
			
			.intro 				{margin-top:-5%!important;}		/* ruimte eerste tekst/plaatje */	
			.colour-block {padding-top:40%!important;}	/* colourtop boven ruimte */			
			.white-block {padding-top:40%!important;}	/* whitetop boven ruimte */
			ul { margin-top:8%; } /* topmargin */			
			
			.imageList li { padding:4px!important; }		/* ruimte tussen alle photos in gallery */	
			.imageList li a img { width:78px; height:78px; } /* img grote */
			.block-size 	{width:275px; max-width:275px; } /* blocksize */	
			li { margin-top:0; margin-right:1%; margin-bottom:0; }

 /* ### COLORDIV BLUE ###   .colourdiv { position:fixed; bottom:50px; left:0; 
															width:800px; height:1px; text-align:center; height:2px;  
															border-top:4px dotted blue; }		*/	
															
															
			.sidenav .closebtn { top: 0px; right: 80px; margin-left: 80px; }
			.ham {  top:12px;right:80px; }												
	
}

@media (max-width: 425px)  {
			.block-size 	{width:225px; max-width:225px; } /* blocksize */	
			li { margin-top:5%; margin-right:1%; margin-bottom:0; }
			
			
 /* ### COLORDIV RED ###   .colourdiv { position:fixed; bottom:50px; left:0; 
														 width:800px; height:1px; text-align:center; height:2px;  
															border-top:4px dotted red; }*/
	
}


/*
h1, h2, p1, li{ border: 1px solid lightgreen !important;}
ul 						{ border: 1px solid red !important;}
.linefade 		{ border: 1px solid magenta !important;}
.linefade-box	{ border: 1px solid cyan !important;}
.block-size 	{	border: 1px solid blue !important; } */