/* Alleen zeer algemene settings, het menu en het infoboxje. */
html {
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: calc((1.1vh + 1vw)/2);
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
	overflow: hidden;
/*
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
 	user-select: none;
*/
	background: #FFFFFF url(../img/mainbg.png) bottom left / contain repeat-x;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
body {
	width: 100%;
	height: 98%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.titelbar {
	position: absolute;
	top: 1%;
	width: 96%;
	height: 5%;
	margin-left: 2%;
	padding: 1% 0 0 0;
	border: thin solid #FFFFFF;
	color: #134381;
	font-size: calc((2vh + 2vw)/2);
	text-align: center;
	background: #FFFFFF url(../img/boxbg.png) top left / contain repeat-x;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

/* --- Titels voor diverse boxjes, in aparte div en geen padding li-re anders past het niet --- */
.titelDiv {
	width: 100%;
	margin: 0 0 0 0;
	padding: 3% 0 3% 0;
	text-align: center;
	background-color: #134381;
	color: #FFFFFF;
	border-bottom: thin solid #FFFFFF;
	font-weight: bold;
}
.errmesg {
	background-color: #FFFF00;
	color: #000000;
	text-align: center;
}

/* --- Menuboxje links --- */
.menuDiv {
	position: absolute;
	width: 12%;
	margin-left: 2%;
	top: 7%;
	margin-top: 1%;
	border: thin solid #FFFFFF;
}
.sidemenu, .sidemenu li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;		/* Hoofdmenu (=Submenu breedte) */
	cursor: pointer;

}
.sidemenu li { position: relative; }
.sidemenu li a {
	color: #FFFFFF;
	display: block;
	width: auto;
	padding: 5px 0 5px 3%;
	text-decoration: none;
	background: #FFFFFF url(../img/menufg.png) bottom left repeat-x;
}
.sidemenu li ul {					/* Sub menu */
	position: absolute;
	width: 100%;				/* Submenu breedte = Hfddmenu brdte */
	left: 0;
	top: 0;
	display: none;
	border: 1px solid #FFFFFF;
}
.sidemenu li ul li {
	float: left;
	width: 100%;
}
.sidemenu li ul a {
	width: 97%;					/* Sub menu items breedte - 3% padding left voor a elementen */
}
.sidemenu .subdiv {
	position: absolute;
	right: 2px;
	background: transparent url(../img/menusub.gif) center right no-repeat;
}
.sidemenu li a:visited, .sidemenu li a:active { color: #FFFFFF; }
.sidemenu li a:hover { background-image: url(../img/menubg.png); }
* html .sidemenu li { float: left; height: 1%; }	/*  Voor IE */
* html .sidemenu li a { height: 1%; }			/*  Voor IE */

/* --- Infoboxje rechts --- */
.infoDiv {
	position: absolute;
	width: 12%;
	right: 2%;
	top: 7%;
	margin-top: 1%;
	border: thin solid #FFFFFF;
}
.infotitel {
	width: 100%;
	padding: 3% 0 3% 0;
	text-align: center;
	background-color: #134381;
	color: #FFFFFF;
	border-bottom: thin solid #FFFFFF;
	font-weight: bold;
}
.infobox {
	width: 100%;
	text-align: left;
	padding: 3% 0 3% 3%;
	color: #2B2F37;
	background: #FFFFFF url(../img/boxbg.png) bottom left / contain repeat-x;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.rocolor  {
	background-color: #134381;
	color: #FFFFFF;
}
.taleft   { text-align: left; }
.tacenter { text-align: center; }
.taright  { text-align: right; }