#logo
{
/*
<svg id="svgLogo" viewBox="0 0 300 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<style>
	#svgLogo
	{
		stroke-width:		2;
		stroke-linejoin:	round
	}

	#svgLogo use:nth-of-type(2n+1)
	{
		filter:				url(#blur)
	}

	#svgLogo use:nth-of-type(1)
	{
		filter: none
	}
	</style>

	<defs>
		<filter id="blur" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur in="SourceGraphic" stdDeviation="3"/></filter>
		<path id="O" d="M52 79c-17 0-25-13-25-29 0-19 10-42 28-41 8 0 24 1 24 27 1 20-11 43-27 43m3-62c-12 0-20 14-20 33 0 12 6 20 17 19 10-1 19-15 18-35-1-11-3-18-15-17" fill="#606060" stroke="#000"/>
		<path id="l" d="M149 15c0-8 9-8 9 0v57c0 8-9 8-9 0z"/>
		<path id="t" d="m189 41 1 31c0 8-9 8-9 0l-1-31h-10c-5 0-4-9 1-9l9 1v-12c0-4 8-6 8 0l1 11 11-1c5 0 6 9 1 9z"/>
		<path id="r" d="M214 37c-1-8 10-11 8 3 6-5 10-8 17-8 6 0 6 7 0 8-12 2-15 8-17 12v20c0 8-9 8-9 0z"/>
		<path id="a" d="M277 75c-3 1-6 4-13 4-7 0-12-1-14-5-9-9-6-27 1-34 8-7 16-11 28-6 0-3 8-4 7 3-3 15-4 23 1 36 1 5-8 10-10 2zm-1-33c-4-2-11-5-18 3-7 8-7 17-3 23 8 8 18 1 21-1-2-10-2-14 0-25z"/>
	</defs>
	<g transform="skewX(-10)">
		<rect x="13" width="287" height="90" rx="20" ry="20" fill="#FFF"/>
		<use xlink:href="#O"/>
		<use xlink:href="#O" x="59"/>
		<use xlink:href="#l" fill="hsl(40,100%,80%)"/>
		<use xlink:href="#l" fill="hsl(40,100%,80%)" stroke="hsl(40,100%,60%)"/>
		<use xlink:href="#t" fill="hsl(130,100%,60%)"/>
		<use xlink:href="#t" fill="hsl(130,100%,80%)" stroke="hsl(130,100%,60%)"/>
		<use xlink:href="#r" fill="hsl(220,100%,60%)"/>
		<use xlink:href="#r" fill="hsl(220,100%,80%)" stroke="hsl(220,100%,60%)"/>
		<use xlink:href="#a" fill="hsl(310,100%,60%)"/>
		<use xlink:href="#a" fill="hsl(310,100%,80%)" stroke="hsl(310,100%,60%)"/>
	</g>
</svg>
*/
	background:			url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnTG9nbyIgdmlld0JveD0iMCAwIDMwMCA5MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGU+I3N2Z0xvZ297c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kfSNzdmdMb2dvIHVzZTpudGgtb2YtdHlwZSgybisxKXtmaWx0ZXI6dXJsKCNibHVyKX0jc3ZnTG9nbyB1c2U6bnRoLW9mLXR5cGUoMSl7ZmlsdGVyOiBub25lfTwvc3R5bGU+PGRlZnM+PGZpbHRlciBpZD0iYmx1ciIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48cGF0aCBpZD0iTyIgZD0iTTUyIDc5Yy0xNyAwLTI1LTEzLTI1LTI5IDAtMTkgMTAtNDIgMjgtNDEgOCAwIDI0IDEgMjQgMjcgMSAyMC0xMSA0My0yNyA0M20zLTYyYy0xMiAwLTIwIDE0LTIwIDMzIDAgMTIgNiAyMCAxNyAxOSAxMC0xIDE5LTE1IDE4LTM1LTEtMTEtMy0xOC0xNS0xNyIgZmlsbD0iIzYwNjA2MCIgc3Ryb2tlPSIjMDAwIi8+PHBhdGggaWQ9ImwiIGQ9Ik0xNDkgMTVjMC04IDktOCA5IDB2NTdjMCA4LTkgOC05IDB6Ii8+PHBhdGggaWQ9InQiIGQ9Im0xODkgNDEgMSAzMWMwIDgtOSA4LTkgMGwtMS0zMWgtMTBjLTUgMC00LTkgMS05bDkgMXYtMTJjMC00IDgtNiA4IDBsMSAxMSAxMS0xYzUgMCA2IDkgMSA5eiIvPjxwYXRoIGlkPSJyIiBkPSJNMjE0IDM3Yy0xLTggMTAtMTEgOCAzIDYtNSAxMC04IDE3LTggNiAwIDYgNyAwIDgtMTIgMi0xNSA4LTE3IDEydjIwYzAgOC05IDgtOSAweiIvPjxwYXRoIGlkPSJhIiBkPSJNMjc3IDc1Yy0zIDEtNiA0LTEzIDQtNyAwLTEyLTEtMTQtNS05LTktNi0yNyAxLTM0IDgtNyAxNi0xMSAyOC02IDAtMyA4LTQgNyAzLTMgMTUtNCAyMyAxIDM2IDEgNS04IDEwLTEwIDJ6bS0xLTMzYy00LTItMTEtNS0xOCAzLTcgOC03IDE3LTMgMjMgOCA4IDE4IDEgMjEtMS0yLTEwLTItMTQgMC0yNXoiLz48L2RlZnM+PGcgdHJhbnNmb3JtPSJza2V3WCgtMTApIj48cmVjdCB4PSIxMyIgd2lkdGg9IjI4NyIgaGVpZ2h0PSI5MCIgcng9IjIwIiByeT0iMjAiIGZpbGw9IiNGRkYiLz48dXNlIHhsaW5rOmhyZWY9IiNPIi8+PHVzZSB4bGluazpocmVmPSIjTyIgeD0iNTkiLz48dXNlIHhsaW5rOmhyZWY9IiNsIiBmaWxsPSJoc2woNDAsMTAwJSw4MCUpIi8+PHVzZSB4bGluazpocmVmPSIjbCIgZmlsbD0iaHNsKDQwLDEwMCUsODAlKSIgc3Ryb2tlPSJoc2woNDAsMTAwJSw2MCUpIi8+PHVzZSB4bGluazpocmVmPSIjdCIgZmlsbD0iaHNsKDEzMCwxMDAlLDYwJSkiLz48dXNlIHhsaW5rOmhyZWY9IiN0IiBmaWxsPSJoc2woMTMwLDEwMCUsODAlKSIgc3Ryb2tlPSJoc2woMTMwLDEwMCUsNjAlKSIvPjx1c2UgeGxpbms6aHJlZj0iI3IiIGZpbGw9ImhzbCgyMjAsMTAwJSw2MCUpIi8+PHVzZSB4bGluazpocmVmPSIjciIgZmlsbD0iaHNsKDIyMCwxMDAlLDgwJSkiIHN0cm9rZT0iaHNsKDIyMCwxMDAlLDYwJSkiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiBmaWxsPSJoc2woMzEwLDEwMCUsNjAlKSIvPjx1c2UgeGxpbms6aHJlZj0iI2EiIGZpbGw9ImhzbCgzMTAsMTAwJSw4MCUpIiBzdHJva2U9ImhzbCgzMTAsMTAwJSw2MCUpIi8+PC9nPjwvc3ZnPg==)0/contain no-repeat;
	width:				15em;
	height:				4.5em;
	margin-bottom:		1em
}body
{
	background:			hsl(40,100%,94%)
}

h2
{
	color:				hsl(40,100%,20%)
}

table
{
	border-collapse:	collapse
}

td, th
{
	text-align:			left
}

tr
{
	vertical-align:		top
}

#logo
{
	display:			inline-block
}

.selected 
{
	background-color:	DarkBlue;
	color:				Gold
}

.overrule
 {
	border-top-style:	groove;
	border-width:		2px;
	margin-top:			1ex;
	padding-top:		1ex
}

.centred
{
	text-align:			center
}

.centred > div
{
	display:			inline-block
}

/*a*/.ref
{
	text-decoration:	none
}

.playBtn
{
	border-radius:		15%;
	display:			block;
	height:				2em
}