/**
 * Standaard tekst opmaak voor alle elementen
 */
	body
	{
		font-family: "Lato", sans-serif;
		font-size: 1.063em;
		background: transparent;
		margin: 0px;
	}


/**
 * Tabel opmaak
 */
	.tablestyle
	{
		border-collapse:	collapse;
	}
a
{
	color: #0a4b8d;
	text-decoration: underline;
}

/* Stijl van de tabel-velden waarin de diverse invoervelden worden weergegeven */
.tdstyle
{
	font-family: "Lato", sans-serif;
	font-size: 1.063em;
}

tr .tdstyle:first-child
{
	font-size: 0.875em;
	font-weight: 700;
	padding-right: 20px;
	text-align:right;
	vertical-align:middle;
}

/**
 * Form input opmaak
 */
.selectstyle, .editstyle, .disabled
{
	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;
	margin-bottom: 5px;
	-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;
	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;
}
	.disabled
	{
		background: #e4e4e4;
		padding: 2px;
	}

/**
 * Formulier opmaak
 */
 	.kopstyle
 	{
		font-family: "Lato", sans-serif;
		font-size: 1.500em;
		font-weight: 700;
		color: #0a4b8d;
 	}
	.cbstyle
	{
	}

	.waitmessage
	{
	}

	.kopoverzicht
	{
		background-color: 	#000000;
		text-align:			Left;
		font-family: 		arial;
		font-size:			15pt;
		color: 				#FFFFFF;
	}
	.subkopstyle
	{
		font-family: "Lato", sans-serif;
		font-size: 1.200em;
		font-weight: 700;
		color: #0a4b8d;
		padding-bottom: 15px;
	}

	.lichtoverzicht
	{
		background-color: 	#C0C0C0;
		text-align:			Left;
		font-family: 		arial;
		font-size:			15pt;
		color: 				#FFFFFF;
	}

	.donkeroverzicht
	{
		background-color: 	#808080;
		text-align:			Left;
		font-family: 		arial;
		font-size:			14pt;
		color: 				#FFFFFF;
	}

	.geendata
	{
	}

/**
 * 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: #000;
			text-decoration: none;
			cursor: help;
			outline: none;
		}

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

		a.info span
		{
			display: none;
		}

		a.info:hover span
		{
		/*the span will display just on :hover state*/
			display: block;
			position: absolute;
			background: #FFFFA0;
			top: 2em;
			left: 2em;
			width: 15em;
			padding: 5px;
			border: 1px solid #ccc;
			color: #000;
			text-align: center;
		}
		.labelstyle {
			font-size: 0.875em;
			font-weight: 700;
			vertical-align: middle;
		}

.subtitel
{
	font-size: 1.063em;
	font-weight: 300;
	color: #0a4b8d;
}