/**
 * Standaard tekst opmaak voor alle elementen
 */
 	html, body
	{
		font-family: "Lato", sans-serif;
		font-size: 1.063em;
		background: transparent;
		margin: 5px;
	}
	p
	{
		font-family: "Lato", sans-serif;
	font-size: 1.063em;
	font-weight: 300;
	color: #0a4b8d;
	}
	.tekst
	{
	}
	body
	{
		margin: 0;
		background: transparent;
	}
	.platBold {
		font-weight: bold;
	}
	.Links {
		white-space: pre;
		line-height: 20px;
	}

	.modulesContainer
	{
		width: 740px;
		text-align: center;
	}
	.moduleBlok
	{
		text-align: center;
		padding: 20px;
		cursor: pointer;
		width: 100px;
		float: left;
	}
	hr
	{
		border: 0;
		border-bottom: 1px solid #ACACAD;
		height: 1px;
		background: #0a4b8d;
	}

/**
 * Tabel opmaak
 */
	.tablestyle
	{
		border-collapse: collapse;
		font-family: "Lato", sans-serif;
		font-size: 1.063em;
	}

	.tdstyle
	{
		font-family: "Lato", sans-serif;
		font-size: 1.063em;
		margin-bottom: 5px;
	}
	tr .tdstyle:first-child, .chkbox_label
	{
		font-size: 0.875em;
		font-weight: 700;
		padding-right: 20px;
		text-align:right;
		vertical-align:middle;
	}
		.chkbox_label
		{
			vertical-align: top;
		}
/**
 * Form input opmaak
 */
.selectstyle, .editstyle
{
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.selectstyle:focus, .editstyle:focus
{
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(110, 82, 171, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(110, 82, 171, 0.6);
	border-color: #e03139;
	outline: 0;
}

/* Stijl van de drop-down lijsten */
.selectstyle
{
	font-family: "Lato", sans-serif;
	padding: 2px;
}

/* Stijl van de invoervelden */
.editstyle
{
	font-family: "Lato", sans-serif;
	padding: 2px;
}

/* Stijl van de knoppen */
.buttonstyle
{
	-webkit-border-radius: 0;
	border-radius: 0;
	background-clip: padding-box;
	border: solid 1px transparent;
	color: white;
	background-color: #0a4b8d;
	border-color: #0a4b8d;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	padding: 4px 25px;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-user-select: none;
}
.buttonstyle:hover
{
	background-color: #67AE3E;
	color: #fff;
}
	.disabled
	{
		background: #e4e4e4;
	}
/**
 * Formulier opmaak
 */
 	.kopstyle, .subtitel
 	{
		font-family: "Lato", sans-serif;
		font-size: 1.500em;
		font-weight: 700;
		color: #0a4b8d;
 	}

/**
 * Menu opmaak
 */
	ul#menu
	{
		margin: 0;
		padding: 0;
		list-style: none;
		height: 700px;
		width: 100%;
		border-right: 1px solid #0a4b8d;
	}
	ul#menu li
	{
		margin: 5px;
		padding: 5px;
	}
	ul#menu li a
	{
		display: block;
		padding: 5px;
	}

/**
 * Extra opmaak
 */
	.feedback
	{
		color: #ff0000;
	}
	.kleineTekst
	{
		font-size: 8pt;
		color: #544444;
	}
	.kleineTekst a
	{
		font-size: 8pt;
		color: #544444;
	}

/**
 * Hyperlinks opmaak
 */
	/**
	 * CSS Tooltip hyperlink
	 */
		a.info
		{
			position: relative; /*this is the key*/
			z-index: 1;
			color: #0a4b8d;
			text-decoration: none;
			cursor: help;
			outline: none;
		}

		a.info:hover
		{
			z-index: 2;
		}

		a.info span
		{
			display: none;
			position: absolute;
			background: #FFFFA0;
			top: 2em;
			left: 2em;
			width: 15em;
			padding: 5px;
			border: 1px solid #ccc;
			color: #000;
			text-align: center;
			text-decoration: none;
		}

	a { color: #0a4b8d; text-decoration: underline; }
	a:hover { text-decoration: none; color: #666; }

	/**
	 * De link van een module die op het moment actief is
	 */
	a.actief { text-decoration: none; }

.tblVoortgang td
{
	padding-bottom:10px;

}