body {
	position:			relative;
	padding:			0;
	margin:				0;
	border:				none;
	font-family:		Arial;
	font-size:			14px;
	background-color:	rgba(255,0,0,1.0);
    font-weight:		normal;
    outline:			none;
}

#container {
	display:			flex;
	background-color:	rgb(0,0,51);
	color:				rgb(255,255,255);
	width:				1000px;
	min-height:			100vh;
	margin:				0 auto;
	flex-direction:		column;
}

/*** General ***/
section {
	// flex-direction:		row;
}

#top {
	width:				100%;
}

#mid {
	display:			flex;
	flex:				1;
	flex-direction:		row;
	background-image:	url("/images/system/silhouette.svg");
	background-repeat:	no-repeat;
	background-position:center center;
	background-size:	35%;
}

#bottom {
	margin:				0;
	width:				100%;
	height:				35px;
	background-color:	rgb(50,50,50);
//	background-color:	rgb(255,255,0);
}

/*** Top section ***/

#topleft {
	position:			relative;
	display:			block;
	float:				left;
	width:				250px;
}

#topleft img {
	display:			block;
	margin:				10px auto;
	width:				150px;
	padding-top:		10px;
}

#toplogo {
	position:			relative;
	display:			block;
	float:				left;
	width:				500px;
	background-color:	rgb(0,0,51);
}

#toplogo img {
	position:			relative;
	display:			block;
	margin:				10px auto;
	width:				400px;
}

#topright {
	position:			relative;
	display:			block;
	float:				left;
	width:				250px;
}

#topright img {
	display:			block;
	margin:				10px auto;
	width:				150px;
	padding-top:		10px;
}

#topmenu {
	position:			relative;
	display:			block;
	float:				left;
	width:				100%;
	height:				25px;
	font-family:		Arial;
	font-weight:		bold;
}

#topmenu ul {
	position:			relative;
	display:			block;
	padding:			10px;
	list-style:			none;
	width:				100%;
	border:				none;
	padding:			0;
	margin:				0;
}

#topmenu li {
	position:			relative;
	display:			block;
	float:				left;
	width:				125px;
	text-align:			center;
	cursor:				pointer;
}

/*** Mid section ***/

#leftbar {
//	background-color:	rgb(0,255,0);
	flex:				0 1 200px;
}

#leftbar div.examen {
	background-image:	url('/images/system/examen.png');
	background-repeat:	no-repeat;
	background-position:5px right;
	height:				125px;
	width:				125px;
	border:				solid 1px rgb(255,255,255);
	margin:				10px;
}

#leftbar div.tournooi {
	background-image:	url('/images/system/tournooi.png');
	background-repeat:	no-repeat;
	background-position:center center;
	background-color:	rgba(0,0,51,0.5);
	height:				125px;
	width:				125px;
	border:				solid 1px rgb(255,255,255);
	margin:				10px;
}

#leftbar div.formlink {
	position:			relative;
	display:			block;
	background-color:	rgba(0,0,51,0.5);
	height:				125px;
	width:				125px;	
	cursor:				pointer;
	margin:				0;
	text-align:			center;
	font-weight:		bold;
	font-size:			18px;
	line-height:		50px;
}

#maincontent {
	float:				left;
	background-color:	rgba(0,0,51,0.6);
	flex:				1;
}

#rightbar {
//	background-color:	rgb(0,255,0);
	flex:				0 1 200px;
}

#rightbar div.adlink {
//	background-image:	url('/images/system/tournooibg.png');
	position:			relative;
	display:			block;
	float:				right;
	border:				solid 1px rgb(255,255,255);
	cursor:				pointer;
	height:				125px;
	width:				125px;
	margin:				10px;
	text-align:			center;
	font-weight:		bold;
	font-size:			14px;
}

#rightbar div.adlink img {
	height:				125px;
	width:				125px;
}

/*** Bottom section ***/

#footer {
	position:			relative;
	display:			block;
	width:				1000px;
	height:				25px;
	font-family:		Arial;
	font-weight:		bold;
	padding:			0 auto;
}

#footer #footercopyright {
	position:			relative;
	display:			block;
	float:				right;
	height:				25px;
	line-height:		25px;
	margin:				0 25px 0 0;
}

#footer ul#footermenu {
	position:			relative;
	display:			inline-block;
	padding:			10px;
	list-style:			none;
	border:				none;
	padding:			0;
	margin:				0;
	height:				25px;
}

#footer li.footerlink {
	position:			relative;
	display:			block;
	float:				left;
/*	width:				125px; */
	text-align:			center;
	cursor:				pointer;
	height:				25px;
	line-height:		25px;
	padding:				0 25px;
	border:				none;
	border-left:		solid 1px rgb(255,255,255);
}

#footer li.footerlink:first-child {
	border-left:		none;
}

.vergroot {
	cursor:				zoom-in;
}

#maincontent ul.pdf_list {
	position:				relative;
	display:				block;
	list-style:				none;
	padding:				0;
	margin:					0;
	border:					none;
}

#maincontent ul.pdf_list li {
	position:				relative;
	display:				block;
	width:					500px;
	height:					50px;
	line-height:			25px;
	margin:					15px 0;
	cursor:					pointer;
}

#maincontent ul.pdf_list li img {
	position:				relative;
	display:				block;
	float:					left;
	height:					50px;
	width:					50px;
	margin:					0 25px 0 0;
}