/*	==========================================================
								GENERAL CSS				
	==========================================================
/* html{ overflow: hidden; } /* added for IE lag in scrolling with fixed background */ 
*{
	box-sizing:border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em; line-height:150%; 
}
html, body{
	margin:0px; padding:0px; width:100%; 
}
html{
}
body{
	overflow: auto;
	color: #333333;
}
.weg{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}
a{	color:#0057a8; } /* 0066FF */
/*	==========================================================
	HEADER
	==========================================================
*/
#HEAD{		z-index:0; position:relative; width:100%; text-align:center; /*	background: url(./pic/trans-white-80.png) repeat; */ background-color:#FFFFFF; } /* border-top:2px solid #08367a; */
#HEADCONT{	display:table; border-collapse:collapse; width:100%; margin:0px auto; }

#HEADLOGO{		display:table-cell; vertical-align:middle; width:70%; max-width:600px; min-width:200px; text-align:center; }


/*	==========================================================
	FOOTER
	==========================================================
*/

footer{
/*	background:url(./pic/trans-white-70.png) repeat; */
	background-color:#FFFFFF;
	color:#0057a8;
	box-sizing;initial;
}
#FOOTCON{
	margin:50px auto 0px auto; width:100%; max-width:1200px;
	display:table;
	padding:30px 0px;
	text-align:center; font-size:1.5rem;
}

footer h2{
	padding:0px 20px 30px 20px;
	text-align:center;
	font-size:0.6rem; letter-spacing:0.05rem; font-weight:normal;
}
footer a{		text-decoration:none; color:#999999; }

/*	==========================================================
	GENERAL
	==========================================================
*/
body{
/*	background: url(./pic/back1.jpg) no-repeat center center fixed; 
	background-size:cover;
*/
	background-color:#FFFFFF;
}

section{
}
article{
	margin:100px auto 0px auto; width:100%; max-width:1200px;
	display:table;
	font-size:1.1rem;
	text-align:center;
}
.CELL{
	display:table-cell; width:50%; text-align:center; vertical-align:top; padding:0px 50px; 
}
.CELL .CARD{
	display:inline-block; text-align:left; 
}
h1{
	text-align:center;
/*	color:#003366; */
/*	padding-top:50px; */
	margin:0px;
	font-size:2rem; /*letter-spacing:0.15em;*/
	font-weight:normal;
/*	text-transform:uppercase;*/
	color:#0057a8;
	font-style:italic;
	font-weight:bold;
}

.CELL h3{
	font-size:2.5rem;
	color:#000000;
	margin:0px;
}
.CELL h4{
	font-size:1.8rem;
	color:#0057a8;
	font-style:italic;
	margin:0px;
}

/*	==========================================================
	WELKOM
	==========================================================
*/
#FEEST{
	font-size:1.5rem;
	color:#0057a8;
	font-style:italic;	
	font-weight:bold;
}

.GENE{
	background: url(./pic/klopper.jpg) no-repeat center center; 
	background-size:contain;
}

.TANJA{
	background: url(./pic/pen.jpg) no-repeat center center; 
	background-size:contain;
}

/*	==========================================================
		RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt
		TABLET (landscape) (55em) now 60em for menu width
	==========================================================	
*/
@media all and (max-width: 60em){
 

}

/*	==========================================================
		RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt
		PHONE normally 40, now 45 for me,nu
	==========================================================	
*/
@media all and (max-width: 45em){
	article{display:block; margin:40px auto; }
	.CELL{	display:block; width:100%; padding:40px 40px; }
	.CELL .CARD{	display:block; }
}