BODY {
	BORDER-BOTTOM-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-TOP-WIDTH: 0px; 
	Color: #0;
	/*HEIGHT: 100%; */
	MARGIN: 0px; 
	/*max-height: 100%;*/
	/*OVERFLOW: hidden; */
	PADDING: 0px;
}
}

* /*, BODY, HTML, P, DIV, SPAN, TH, TD, H1, H2, H3, H4, H5, H6*/
	{	FONT-FAMILY:  sans-serif !important;
		/*FONT-SIZE: 12px;*/
		Color: #222;
	}
:root
	{	FONT-FAMILY:  sans-serif !important;
	}


H1, H2, H3, H4
		{ FONT-WEIGHT:bold }


DL		{ LINE-HEIGHT: 14pt}
DD		{ MARGIN-LEFT: 12pt}
H1		{ FONT-SIZE:	22px;	COLOR: #FC1;}
H2		{ FONT-SIZE:	20px;	COLOR: #444;}
H3		{ FONT:	bold 12px sans-serif;	COLOR:	#444; TEXT-ALIGN: Left; padding:5px;}
H4		{ FONT-SIZE:	12px;	COLOR: white; TEXT-ALIGN: center; MARGIN: 0}
H5		{ FONT-SIZE:	12px;	COLOR: #FC1}
H6		{ FONT-SIZE:	10px;	COLOR: #FC1}

span	{ FONT-SIZE:	20px;	COLOR: #444;}

A.info:link		{ COLOR: #DC1; text-decoration:underline}
A.info:visited	{ COLOR: #DC1;}
A.info:active	{ COLOR: #DC1; BACKGROUND-COLOR:#070}
A.info:hover	{ COLOR: white; BACKGROUND-COLOR:#227; TEXT-DECORATION:none}
x.txt		{ COLOR:#FC1}


.nomnu					{ Font-size:12px; FONT-WEIGHT:bold; MARGIN-LEFT: 12pt; Color:White}
.submnu				{ Font-size:12px; FONT-WEIGHT:bold; MARGIN-LEFT: 12pt}
A.submnu:link		{ COLOR:#FD8; Text-decoration:underline; }
A.submnu:visited{ COLOR:#FD8; TEXT-DECORATION:underline;}
A.submnu:active	{ COLOR:#300; BACKGROUND-COLOR:#FC1;Text-decoration:underline;}
A.submnu:hover	{ COLOR:white; BACKGROUND-COLOR: #942;Text-decoration:underline;}



HTML #voet	{	POSITION: absolute } 
HTML #hoofd	{	POSITION: absolute }
HTML #mnu	{	POSITION: absolute }

HTML {
	BACKGROUND:#DCB;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-TOP-WIDTH: 0px;
	/*FONT-SIZE: 76%;*/
	/*width: 100%;*/
	/*HEIGHT: 100%;*/
	MARGIN: 0px;
	/*max-height: 100%;*/
	/*OVERFLOW: hidden;*/
	PADDING: 0px;
	}



#logo	{
	BACKGROUND: url(WBlogo.jpg)  0px 0px;
	background-repeat: no-repeat;
	HEIGHT: 134px;
	LEFT: 3px;
	POSITION: absolute;
	TOP: 80px;
	WIDTH: 128px;
	Z-INDEX: 6;
}

#content {
	/*xDISPLAY: block;
	xHEIGHT: 100%;
	xmax-height: 100%;
	xOVERFLOW: auto;
	xPOSITION: relative;
	*/
	PADDING-LEFT: 20px;
	
	Z-INDEX: 2;
	
	}

.contentblok {
	/*xDISPLAY: block;
	xHEIGHT: 100%;
	xmax-height: 100%;
	xOVERFLOW: auto;
	xPOSITION: relative;
	*/
	PADDING-LEFT: 0px;
	
	Z-INDEX: 0;
	
	xdisplay:table; text-align:center;
	
	word-spacing: 0;
	font-size:0;
	
		/*transition: transform 2s;*/
}

#contentnologo {
	DISPLAY: block;
	HEIGHT: 100%;
	max-height: 100%;
	OVERFLOW: auto;
	PADDING-LEFT: 15px;
	POSITION: relative;
	Z-INDEX: 2;
}


#voet {
	BACKGROUND: #300;
	BOTTOM: -1px;
	COLOR: #fff;
	DISPLAY: block;
	FONT-SIZE: 1em;
	HEIGHT: 50px;
	MARGIN: 0px;
	POSITION: fixed;
	RIGHT: 18px;
	TEXT-ALIGN: right;
	WIDTH: 100%;
	Z-INDEX: 4;
}


.hoofd {
	BACKGROUND: url(me8sx42.jpg) no-repeat #edc;
	/* background-repeat: repeat-x; */
	COLOR: #000;
	xDISPLAY: block;
	FONT-SIZE: 4em;
	HEIGHT: 42px;
	right:0px;
	MARGIN: 0px;
	POSITION: fixed;
	TOP: 0px;
	WIDTH: 100%;
	Z-INDEX: 5;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	
	vertical-align: middle;
}

#mnu	{
	BACKGROUND: url(mnurest.jpg)  #300 -18px 100px;
	background-repeat: repeat-y;
	COLOR: #fff;
	FONT-SIZE: 1em;
	HEIGHT: 100%;
	LEFT: 0px;
	POSITION: fixed;
	TOP: 0px;
	WIDTH: 153px;
	Z-INDEX: 4;
}

.blok {
	
	border:#E97 1px solid;
	BACKGROUND: #521;
	width:320px;
	height:300px;
	Padding:5px;
	float:left;
	Margin-right:6px;
	Margin-top:6px;
	OVERFLOW: auto;
	color: #FC1;
}


.blokcard {
	/*border:#987 1px solid;*/
	width:330px;
	height:320px;
	Padding:0px;
	Margin-right:2px;
	Margin-top:2px;
	/*OVERFLOW: auto;*/
	position:relative;
	xfloat:left;
	display:inline-block;
		text-align:left;

	border-radius: 7px;		
}

/*.blokcard:hover {transform: rotate(15deg);}*/

.blokcard .type {
	Color: #FFF;
	Color: rgba(255, 255, 255, 0.85);
	text-shadow: 0 2px 2px #222; 
	FONT: bold 22px sans-serif;
	position: absolute;
	Left: 42px;
	Top: 15px;
	padding:0;
	margin:0;
}

.blokcard .go{	
	xposition: absolute;
	xLeft: 36px;
	xTop:  250px;
	position: absolute;
	width:100%;
	xLeft: 0;
	xTop:  -250px;
}

.blokcard .go .btn {
	position: absolute;
	Left: 36px;
	Top:  250px;
	
	width: 132px;
	height: 36px;
	background-image: url("EllipsisB1.png");

	
	Color: #FFF;
	FONT: bold 12px sans-serif;
	text-shadow: 0 -2px 2px #555;
	Line-height: 36px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.blokcard .btn:hover{
	background-image: url("EllipsisB2.png");
}
.blokcard a:not([href]) .btn{
	visibility:hidden;
}

.blokcard .titel {
	Color: #FFF;
	text-shadow: 0 2px 3px #555; 
	FONT: bold 18px sans-serif;
	position: absolute;
	Left:42px;
	Top:175px;
	xLeft: 6px; /*42px-36*/
	xTop: -75px; /*175-250 */
	
	padding:0;
	margin:0;
}

.blokcard .tekst{
	Color: #FFF;
	text-shadow: 0 1px 3px #000; 
	FONT: 12px sans-serif;
	position: absolute;
	Left:42px;
	Top:205px;
	xLeft: 6px; /*42-36*/
	xTop: -45px; /*205-250*/
	margin-right:10px;
}

.blokcard .plaatje{
	width: 240px;
	height: 120px;
	border: 2px solid #BBB;
	
	position: absolute;
	xLeft: 6px; /*42-36*/
	xTop: -210px; /*40-250*/
	Left: 42px;
	Top:40px;
}

.blokcard .ref{
	position: absolute;
	Left: 20px;
	Top:  295px;
	width: 280px;
	Color: #BBB;
	FONT: bold 10px sans-serif;
	text-shadow: 0 1px 1px #555; 
	text-align: right;
	vertical-align: bottom;
	border-top: 1px dotted #999;
}

.blokcard2 {
	/*border:#987 1px solid;*/
	width:330px;
	height:320px;
	Padding:0px;
	Margin-right:2px;
	Margin-top:2px;
	/*OVERFLOW: auto;*/
	position:relative;
	xfloat:left;
	display:inline-block;
		text-align:left;	
}

.blokcard2 .type {
	Color: #FFF;
	Color: rgba(255, 255, 255, 0.85);
	text-shadow: 0 2px 2px #222; 
	FONT: bold 22px sans-serif;
	position: absolute;
	Left: 42px;
	Top: 15px;
}

.blokcard2 .titel {
	Color: #FFF;
	text-shadow: 0 2px 3px #555; 
	FONT: bold 18px sans-serif;
	position: absolute;
	Left: 42px;
	Top: 175px;
}

.blokcard2 .tekst{
	Color: #FFF;
	text-shadow: 0 1px 3px #000; 
	FONT: 12px sans-serif;
	position: absolute;
	Left: 42px;
	Top: 205px;
	margin-right:10px;
}

.blokcard2 .plaatje{
	width: 240px;
	height: 120px;
	border: 2px solid #BBB;
	
	position: absolute;
	Left: 42px;
	Top: 40px;
}

.blokcard2 .go{
	width: 132px;
	height: 36px;
	background-image: url("EllipsisB1.png");
	
	position: absolute;
	Left: 36px;
	Top:  250px;
	
	Color: #FFF;
	FONT: bold 12px sans-serif;
	text-shadow: 0 -2px 2px #555;
	Line-height: 36px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.blokcard2 .go:hover{
	background-image: url("EllipsisB2.png");
}

.blokcard2 .ref{
	position: absolute;
	Left: 20px;
	Top:  295px;
	width: 280px;
	Color: #BBB;
	FONT: bold 10px sans-serif;
	text-shadow: 0 1px 1px #555; 
	text-align: right;
	vertical-align: bottom;
	border-top: 1px dotted #999;
}

#blokcard001 {
	/*Fractal*/
	BACKGROUND: url("Card001.jpg") no-repeat  #43A 0px 0px/330px 320px ;
}

#blokcard002 {
	/*Artwork*/
	BACKGROUND: url("Card002.jpg") no-repeat  #B44 0px 0px/330px 320px ;
}

#blokcard003 {
	/*Green*/
	BACKGROUND: url("Card003.jpg") no-repeat  #4A4 0px 0px/330px 320px ;
}

#blokcard004 {
	/*Calendar*/
	BACKGROUND: url("Card004.jpg") no-repeat  #8BB 0px 0px/330px 320px ;
}




#blokcard005 {
	/*Photo*/
	BACKGROUND: url("Card005.jpg") no-repeat  #BBA 0px 0px/330px 320px ;
}


#blokcard006 {
	/*LinksAndReference*/
	BACKGROUND: url("Card006.jpg") no-repeat #CA5 0px 0px/330px 320px ;
}

#blokcard007 {
	/*MathAndPhysics*/
	BACKGROUND: url("Card007.jpg") no-repeat  #75A 0px 0px/330px 320px ;
}

#blokcard008 {
	/*Puzzles*/
	BACKGROUND: url("Card008.jpg")  no-repeat #A58 0px 0px/330px 320px ;
}

#blokcard009 {
	/*Puzzles*/
	BACKGROUND: url("Card009.jpg")  no-repeat #99A 0px 0px/330px 320px ;
}

.blokfree {
	border:#E97 1px solid;
	BACKGROUND: #521;
	Padding:5px;
	float:left;
	Margin-right:6px;
	Margin-top:6px;
	OVERFLOW: auto;
}

.smallblok {
	border:#E97 1px solid;
	BACKGROUND: #521;
	width:151px;
	height:131px;
	Padding:5px;
	float:left;
	Margin-right:6px;
	Margin-top:6px;
	OVERFLOW: auto;
}

.topspc {	DISPLAY: block; HEIGHT: 50px; }

/*Hide and preload*/
body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
   content:url("EllipsisB1.png") url("EllipsisB2.png");
}