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: 0;
	
	}

.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: 0;
}


#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:185px;
	height:120px;
	Padding:5px;
	float:left;
	Margin-right:6px;
	Margin-top:6px;
	OVERFLOW: auto;
	color: #FC1;
}

/*
#blokcard001 , #blokcard002 , #blokcard003 , #blokcard004 , #blokcard005 , #blokcard006 , #blokcard007 , #blokcard008 , #blokcard009,
*/


/*#blokcard001, #blokcard002 , #blokcard003, #blokcard004, #blokcard005, #blokcard006, #blokcard007, #blokcard008, #blokcard009, */
.blokcard
{
	BACKGROUND:none;
	text-shadow: none;color:#000;

	border:#987 1px solid;
	background-color:#eee;
	width:330px;
	height:100px;
	Padding:0px;
	Margin-right:1px;
	Margin-top:1px;
	/*OVERFLOW: auto;*/
	position:relative;
	xfloat:left;
	display:inline-block;
		text-align:left;

	border-radius: 7px;	

box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); 	
}


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

.blokcard  .type {
	
	text-shadow: none;
	Color: #000;
	xtext-shadow: 0 2px 2px #222; 
	FONT: bold 13px sans-serif;
	font-size:13px;
	position: absolute;
	
	Width:322px;
	xborder:1px solid #999;
	border-bottom:1px solid #999;
	Left: 4px;
	Top: 1px;
	
	background-color:#ddd;
	
	padding:0;
	margin:0;
	
	overflow:hidden;
}

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

.blokcard .go .btn {
	position: absolute;
	Left: 245px;
	Top:  60px;
	
	width: 80px;
	height: 18px;
	
	border: 1px solid #bbb;
	background-color:#DDD;
	border-radius:15px;

	
	Color: 0;
	FONT: bold 10px sans-serif;
	xtext-shadow: 0 -1px 1px #555;
	Line-height: 18px;
	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: #000; 
	text-shadow: none;
	FONT: bold 12px sans-serif;
	position: absolute;
	width:322px;
	Left:4px;
	Top:25px;
	padding:0;
	margin:0;
}

.blokcard .tekst{
	Color: #000;
	text-shadow: none;

	FONT: 11px sans-serif;
	position: absolute;
	
	overflow:hidden;
	xwhite-space: nowrap;
	text-overflow: ellipsis;
	
	Left:4px;
	Top:43px;
	width:240px;
	xheight:56px;
	height:42px;
	xLeft: 6px; /*42-36*/
	xTop: -45px; /*205-250*/
	margin-right:10px;
}

.blokcard .plaatje{
	width: 80px;
	height: 40px;
	border: 1px solid #777;
	border-radius: 0 5px 0 0;
	
	position: absolute;
	xLeft: 6px; /*42-36*/
	xTop: -210px; /*40-250*/
	left:auto;
	right: 5px;
	Top:4px;
}

.blokcard .ref{
	position: absolute;
	Left: 4px;
	Top:  85px;
	width: 322px;
	Color: #888;
	FONT: bold 10px sans-serif;
	text-align: right;
	vertical-align: bottom;
	border-top: 1px dotted #AAA;
	text-shadow: none;
}

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

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

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

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




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

#blokcard005 .tekst{
	/*Color: #FFF;*/
}

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

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

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

#blokcard009 .type {
	/*Website*/
	BACKGROUND-color: #EEE;
	/*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");
}