body {
		background-color: #171717;
		font-family: Verdana;
		font-size: 12px;
		color: #fff;
		margin: 0px;
		padding: 0px;
	}
	
	a.darkred {
		color: #2f6c7b;
		text-decoration: none;
		outline: none;
	}
	
	a {
		color: #fff;
		text-decoration: none;
		outline: none;
	}
	
	a:hover {
		color: #c5c5c5;
		text-decoration: none;
		outline: none;
	}
	
	a.darkred:hover {
		color: #367e8f;
		outline: none;
		text-decoration: none;
	}
	
	#lang_selection_container {
		width: 100%; height: 29px; background-color: #464646; padding: 0px;
	}
	#lang_selection_container div {
		left: 47%; margin-top: 9px; padding: 0px; position: absolute;
	}
	
	ul#menu {
		margin: 0p;
		padding: 0;
		list-style-type: none;
		width: 348px;
		/*height: 64px;*/
		height: 47px;
		padding-top: 17px;
		display: block;
	}
	
	ul#menu li {
		float: left;
		margin: 1px;
		margin-bottom: 3px;
	}
	
	ul#menu a {
		display: block;
		height: 25px;
		width: 114px;
		padding-top: 3px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		font-family: "Trebuchet MS", Verdana;
		outline: none;
	}
	
	ul#menu a:hover {
		color: #c5c5c5;
	}
	
	ul#menu a.active {
		background-image: url('/homepage/images/menu_bg.jpg');
	}
	
	ul#menu a.active:hover {
		background-image: url('/homepage/images/menu_bg.jpg');
		color: #fff;
	}
	
	div#container {
		width: 1033px;
		margin: auto;
	}
	div#container div#header {
		width: 1033px;
		height: 270px;
		background-image: url('/homepage/images/header_bg.jpg');
	}
	
	div#container div#header div#display {
		float: right;
		margin-right: 90px;
		margin-top: 22px;
	}
	
	div#container div#header div#display div#navigation {
		display: block;
		margin: auto;
	}
	div#container div#header div#display div#login {
		margin-top: 16px;
		padding-top: 17px;
		display: block;
		border-top: 1px solid #464646;
		text-align: right;
	}
	
	input.login {
		width: 130px;
		height: 16px;
		background-color: #2d2d2d;
		border: 1px solid #525252;
		color: #fff;
		padding-left: 2px;
	}
	
	input.submit {
		padding-left: 17px;
		padding-right: 17px;
		border: 1px solid #2f6c7b;
		background-image: url('/homepage/images/submit_bg.jpg');
		background-repeat: repeat-x;
		color: #fff;
		outline: none;
	}
	
	div#content {
		width: 953px;
		background-image: url('/homepage/images/content_bg.jpg');
		background-repeat: repeat-y;
		padding-left: 80px;
		margin: 0px;
	}

	div#content div#stats {
		float: right;
		width: 202px;
		height: 180px;
		background-image: url('/homepage/images/stats_bg.jpg');
		background-repeat: no-repeat;
		margin-right: 108px;
		background-color: #c5c5c5;
	}
	
	div#content div#stats p {
		margin-left: 40px;
		margin-top: 35px;
	}
	
	div#content-bottom {
		width: 1033px;
		height: 146px;
		background-image: url('/homepage/images/content_bottom.jpg');
		background-repeat:no-repeat;
		margin: 0px;
	}
	
	h2 {
		margin-top: 6px;
		margin-left: 21px;
		color: #e6e6e6;
		font-size: 17px;
	}
	
	h1 {
		margin-top: 0px;
		font-size: 25px;
	}
	
	
	p.main {
		width: 580px;
		margin: 0px;
	}
	input {
			background-color: #373737;
			color: #ffffff;
			border: 1px dotted #010101;
			font-size: 11px;
			font-family: Verdana;
		}
	select {
			background-color: #373737;
			color: #ffffff;
			border: 1px dotted #010101;
			font-size: 11px;
			font-family: Verdana;
		}

/* ===== 4-11-2026: startpagina netter ===== */
div#container div#header div#display div#login { background: rgba(0,0,0,.62); border: 1px solid #3a3a3a; border-radius: 6px; padding: 12px 14px; margin-top: 12px; text-shadow: 0 1px 2px #000; }
div#login label { color: #e6e6e6; font-weight: bold; margin: 0 4px 0 8px; }
div#login input.login { height: 22px; padding: 0 6px; border-radius: 3px; }
div#login .cc-login-onder { margin-top: 10px; }
div#login .oauth-btns { margin: 10px 0 0 auto !important; max-width: 100% !important; }
div#login .oauth-btn { padding: 7px 12px !important; font-size: 13px !important; }
a.cc-reg-knop { display: inline-block; padding: 9px 34px; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none;
	background: linear-gradient(180deg, #8b1a1a, #5e0f0f); border: 1px solid #3a0808; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.45); }
a.cc-reg-knop:hover { background: linear-gradient(180deg, #a12020, #6e1212); }
p.cc-reg-rij { text-align: center; margin: 26px 0 18px; }
p.cc-legal { text-align: center; font-size: 11px; margin: 10px 0; color: #bdbdbd; }
p.cc-legal a { color: #e0e0e0; }

/* formulieren op de startsite (wachtwoord vergeten), 4-11-2026 */
table.cc-formgrid { width: 100%; border-collapse: collapse; }
table.cc-formgrid td { padding: 5px 0; vertical-align: middle; }
table.cc-formgrid td.cc-lbl { width: 150px; padding-right: 10px; white-space: nowrap; color: #e0e0e0; }
table.cc-formgrid td.cc-lbl img { width: 16px; height: 16px; vertical-align: -3px; margin-right: 7px; }
table.cc-formgrid input[type=text], table.cc-formgrid input[type=password] { width: 100%; max-width: 260px; box-sizing: border-box; height: 26px; padding: 2px 8px;
	background: #2d2d2d; color: #fff; border: 1px solid #6a6a6a; border-radius: 3px; }
table.cc-formgrid input[type=submit] { height: 28px; padding: 0 14px; cursor: pointer; }
