html {
	font-size: 16px;
	}

body {
	background: url(/bg_old_moon.png);
	}

body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0px;
	width: 100%;
	height: 10px;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

hr {
	border: none;
	border-bottom: 0.100em solid lightgrey;
	}

#loginDiv {
position: relative;
max-width: 1050px;
margin: 0.500em auto;
padding: 0.500em 1.000em;
background: url(/bg_exclusive_paper.png);
border: 0.200em solid red;
box-shadow: 1px 1px 5px black;
-moz-border-radius: 0.200em;
border-radius: 0.200em;
font-family: Futura;
font-size: 16px;
overflow: hidden;
}

table, th, td {
	border: 0.100em solid navy;
	border-collapse: collapse;
	}

table {
	width: 100%;
	}
caption {}
thead {}
tbody {}
tfoot {text-align: center; font-size: 90%;}
th {
	text-align: left;
	background-color: #dcdc00;
	}

th, td {
	padding: 0.500em;
	}

tr:nth-child(odd) {
	background: #dcdcdc;
	}

tr:nth-child(even) {
	background: #dcdcaa;
	}

tr.afspraak {
	background: ivory;
	}

a[href^="http"]::after,
a[href^="https://"]::after,
a[href^="./"]::after {
	content: "";
	width: 11px;
	height: 11px;
	margin-left: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}