BODY {
	BACKGROUND-COLOR: #ffffff;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	PADDING: 0px;
	MARGIN: 0px;
	/* background: url("mac-desktop.png") repeat left top fixed; */
	BACKGROUND-IMAGE: url("mac-desktop.png");
	BACKGROUND-REPEAT: repeat;
	BACKGROUND-POSITION: left top;
}

:root {
	/* border color, tabel background color, font color */
  --brdclr: #000000;
  --tblbck: #ffffff;
  --fntclr: #000000;
}

@font-face {
    font-family: gfontmac;
	src: url("ChicagoFLF.ttf");
}

@font-face {
    font-family: gfontmaclink;
	src: url("DejaVuSans-ExtraLight.ttf");
	src: url("DejaVuSerifCondensed.ttf");
}

TABLE.inhoudm {
	MARGIN: 0px;
	PADDING: 0px;
	/*
	border-spacing: 0;
	border-collapse: collapse;
	BORDER: none;
	*/
	BORDER-SPACING: 0px;
	BORDER: 1px solid var(--brdclr);
	background-color: var(--tblbck);
}

TABLE.binnen {
	WIDTH: 100%;
	MARGIN: 0px;
	PADDING: 0px;
	/*
	border-spacing: 0;
	border-collapse: collapse;
	BORDER: none;
	*/
	BORDER-SPACING: 1px;
	BORDER: none;
	background-color: var(--tblbck);
}

TABLE.rand {
	WIDTH: 100%;
	BORDER: 1px solid var(--brdclr);
	background-color: var(--tblbck);
}
TABLE.rand TD.regel {
	FONT-FAMILY: gfontmaclink, Arial, Tahoma, "Times new roman", Georgia;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	FONT-SIZE: 11pt;
	LINE-HEIGHT: 1.5em;
	PADDING: 2px;
	padding-left: 0.2em;
	COLOR: var(--fntclr);
	BORDER: none;
}
TABLE.rand-kop {
	WIDTH: 100%;
	BORDER: none;
	BORDER: none;
}
TABLE.kop {
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px;
	width: 100%;
	/*margin-top: -2px;*/
}
TABLE.kop TD.jqmgrdyk {	
	FONT-FAMILY: "Times new roman", Georgia, Arial, Tahoma, ;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: center;
	FONT-SIZE: 12pt;
	LINE-HEIGHT: 1.2em;
	COLOR: var(--fntclr);
	BORDER: none;
	WHITE-SPACE: nowrap;
	VERTICAL-ALIGN: top;
	MARGIN: 0px;
	PADDING: 0px;
}
/*
TABLE.kop TD {
	border: 1px solid #000000;
*/
}

.line {
    padding: 0px 0px;
}
.line::after {
    content: "\0020";
    display: block;
    min-height: 1em;
    border-top: 1px solid var(--brdclr);
    border-bottom: 1px solid var(--brdclr);
    overflow: hidden;
}

TD.streep {
	FONT-SIZE: 2px;
	LINE-HEIGHT: 2px;
}
TD.vrk {
	background: url("xbox.png") no-repeat left center;
	font-size: 1.2em;
	vertical-align: center;
	text-align: left;
	width: 1.2em;
	border: none;
}
IMG.bk {
	margin-top: 1px;
	border: 1px solid var(--brdclr);
	filter: drop-shadow(1px 1px 1px #000000);
}
.col1 {
	FONT-FAMILY: gfontmac;
	BACKGROUND-COLOR: var(--tblbck);
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
}

TD.upd {
	FONT-FAMILY: gfontmac, Arial, Verdana, Georgia, "Times new roman";
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	FONT-SIZE: 9pt;
	LINE-HEIGHT: 1.5em;
	padding-left: 3px;
	COLOR: var(--fntclr);
	BORDER: none;
	BACKGROUND-COLOR: var(--tblbck);
}

#mytable {
	position: static;
	margin: auto;
	margin-top: 8px
}

A:link {
	COLOR: var(--fntclr);
	TEXT-DECORATION:none;
}

A:visited {
	COLOR: var(--fntclr);
	TEXT-DECORATION:none;
}

A:active {
	COLOR: var(--fntclr);
	TEXT-DECORATION:none;

}
A:hover { 
	COLOR: var(--fntclr);
	TEXT-DECORATION: underline;
}
A::before {
	content: "\2023";
	letter-spacing: 0.05em;
	/*padding-right: 2px;*/
}

A:focus { 
    OUTLINE: none; 
}
