html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	height: 100%;
}





	
			

body	{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.3;
	color: #4D4D4D;
}
img	{
	border:none;
	display: block;
	margin:0;
	padding:0;
}


a:link, a:visited	{
	color: #0098AC;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #A7C8C7;
	text-decoration: underline;
}



h1	{
	font-family: 'Roboto Condensed';
	font-size:25px;
	font-weight:300;
	line-height:1.2;
	color: #0098AC;
}
h2	{
	font-family: 'Roboto Condensed';
	font-size:25px;
	font-weight:700;
	line-height:1.25;
	color: #FFFFFF;
}
h3	{
	font-family: 'Roboto Condensed';
	font-size:15px;
	font-weight:700;
	line-height:1.25;
	color: #4D4D4D;
}



hr {
	width:100%;
	clear:both;
	background-color:#DDDDDD;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
hr.topXL { margin-top:30px; }
hr.topL { margin-top:20px; }
hr.topM { margin-top:10px; }
hr.topS { margin-top:5px; }
hr.btmXL { margin-bottom:30px; }
hr.btmL { margin-bottom:20px; }
hr.btmM { margin-bottom:10px; }
hr.btmS { margin-bottom:5px; }






input[type=text], input[type=email], input[type=number], input[type=password], textarea {
	width:100%;
}
input.large, textarea.xlarge {
	max-width:500px;
}
input.large, textarea.large {
	max-width:250px;
}
input.medium, textarea.medium {
	max-width:185px;
}
input.small, textarea.small {
	max-width:55px;
}
input.mini, textarea.mini {
	max-width:25px;
}




ul {
	padding:3px 0 0 20px;
}



.hoofdkleur {
	color: #0B98AA;
}
.steunkleur {
	color: #70C79D;
}
.grijs {
	color:#999999;
}



.klein {
	font-size:13px;
}
.kleiner {
	font-size:12px;
}
.kleinst {
	font-size:11px;
}







.frm_row {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.frm_row.compact {
	margin-bottom:5px;
}
.frm_row.wide {
	margin-bottom:25px;
}
.frm_row > div {
	display:table-cell;
	vertical-align:top;
}
.frm_row > div:nth-child(1) {
	width:175px;
	color:#0098AC;
}


.frm_row.rows {
	display:block;
}
.frm_row.rows > div {
	display:block;
}
.frm_row.rows > div:nth-child(1) {
	display:block;
	width:100%;
	color:#0098AC;
	padding-bottom:5px;
}


.frm_row.subtitle {
	background-color:#3A8FA5;
	padding:10px 0;
	margin-bottom:25px;
}
.frm_row.subtitle > div {
	vertical-align:middle;
}
.frm_row.subtitle > div:nth-child(1) {
	padding-left:15px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.frm_row.subtitle.geel {
	background-color:#E1C43E;
}
.frm_row.subtitle.groen {
	background-color:#7EB992;
}
.frm_row.subtitle.lichtblauw {
	background-color:#A7C8C5;
}

@media (max-width: 640px) {
    .frm_row {
		display:block;
	}
	.frm_row > div {
		display:block;
		width:100%;
	}
	.frm_row > div:nth-child(1) {
		display:block;
		width:100%;
		padding-bottom:5px;
	}
	
	
	
	.frm_row.subtitle > div:nth-child(2) {
		padding-top:5px;
		padding-left:15px;
	}
}





.goed	{
		background-color:#F2FFF2;
		border:1px solid #73CC73;
		padding:10px;
		color:#333333;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.fout	{
		background-color:#FFF2F2;
		border:1px solid #FF7373;
		padding:10px;
		color:#333333;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.alertgoed {
	color:#009900;
}
.alertfout {
	color:#FF0000;
}
.invulmis	{
	color:#FF0000 !important;
}





.clearboth {
	clear:both;
}











#loader {
	display:none;
	width:100%;
	max-width:400px;
	background-color:#ECF4F6;
	padding:10px;
	border:1px solid #DBEAEE;
	margin:20px 0;
}









.h6 {
	color:#0B98AA;
	font-size:15px;
	line-height:1.25;
	font-weight:700;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* OPBOUW */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wrap {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -75px;
}
div.wrapper {
	width:100%;
	max-width:980px;
	padding:0 20px;
	margin:auto;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}






header {
	background-color:#0098AB;
	padding:30px 0 35px 0;
	margin-bottom:30px;
}

header #logo {
	float:left;
	clear:none;
}
header img {
	height:110px;
}
header #titel {
	float:right;
	clear:none;
	width:360px;
	font-family:'Roboto Condensed';
	font-weight:700;
	font-size:36px;
	line-height:1;
	color:#FFFFFF;
	text-align:right;
}
header #titel strong {
	color:#A7C8C5;
}
@media (max-width: 640px) {
	header {
		background-color:#0098AB;
		padding:10px 0;
		margin-bottom:30px;
	}

	header #logo {
		float:none;
	}
	header #logo img {
		height:75px;
	}
	header #titel {
		float:none;
		width:100%;
		font-size:25px;
		text-align:left;
		margin-top:20px;
	}
}





main {
	padding-bottom:50px;
}


.logout {
	margin-top:2px;
	float:right;
}

a.btn_logout:link, a.btn_logout:visited,
a.btn_logout:hover, a.btn_logout:active	{
	display:inline-block;
	padding:5px 7px;
	color: #0098AB;
	font-size:12px;
	line-height:16px;
	text-decoration: none;
	background-color:#CEE3E8;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
a.btn_logout:hover, a.btn_logout:active	{
	background-color:#BFDAE2;
}
a.btn_logout > img {
	display:inline-block;
	vertical-align:middle;
	padding-right:5px;
}
@media (max-width: 640px) {
	.logout {
		float:none;
		text-align:right;
		margin-top:0;
		margin-bottom:15px;
	}
}






#push {
	height:75px;
}
footer {
	position: relative;
	height:75px;
	background-color:#0098AB;
	
	font-size:11px;
	font-style:italic;
	color:#FFFFFF;
	text-align:center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
footer > .wrapper {
	display:table;
	height:75px;
}

footer > .wrapper > p {
	display: table-cell; 
	vertical-align: middle; 
}