/* CSS reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End reset */



a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

html {
	min-height: 100%;
	position: relative;
}

body {
	height: 100%;
	background: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
}

/* Align classes */

.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.center {margin-left:auto; margin-right:auto;}

/* Header */

.wrap {
	margin-left: auto;
	margin-right: auto;
	/*width: 1024px;*/
	width: 828px;
	height: 100%;
}


.head-left {
	display: block;
	float: left;
	width: 530px;
	margin: 0px;
	/*margin: 15px 0px 0px 30px;/*
	     /* top right bottom left */
	padding: 15px 0px 0px 30px;
	border: 0px solid #FFFFFF;
	border-bottom: none;
	background: none;
}

.head-right {
	display: block;
	height: 125px;
	width: 190px;
	float: right;
	margin: 0px 30px 2px 0px;
	     /* top right bottom left */
	padding-bottom: 0px;
	padding-top: 25px;
	background-color: #0033CC;
	text-align: center;
	font-size: 80%;
	color: #CCCCCC;
}

.logo-text {
	float: left;
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	letter-spacing: 7px;
	font-size: 20px;
}

.ruler {
	margin: 0px 0px 0px 0px;
	height: 45px;
	width: 100%;
	float: left;
	background-color: #91B1FF;
	background-color: #75A1F9;
	/*background-color: #C4E8F7;*/
}

/* Menu */

.menu-spacer {
	display: block;
	height: 1px;
	width: 190px;
	background-color: #CCCCCC;
}

.menu-blue {
	height: calc(100% - 150px);
	width: 190px;
	float: right;
	margin: 2px 30px 0px 0px;
	     /* top right bottom left */
	padding-bottom: 0px;
	padding-top: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #CCCCCC;
	background-color: #0033CC;
}

.menu-blue ul li {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

.menu-blue a {
	display: block;
	width: 190px;
	padding: 18px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #0033CC;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #CCCCCC;
}

.menu-blue a:hover {
	background-color: #0055EE;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}

/* Huisjes */

.home-blue a {
	border-top: 0px;
	border-bottom: 0px;
	margin: 60px 0px 0px 0px;
	display: block;
	height: 12px;
	width: 190px;
	background-image:url(../images/huisje_grijs.png);
	background-repeat:no-repeat;
	}

.home-blue span {
	display: none;
}

.home-blue a:hover {
	border-top: 0px;
	border-bottom: 0px;
	background-color: #0033CC;
	background-image:url(../images/huisje_blauw.png);
} 


/* Vlaggetjes: */

.en a {
	float: right;
	margin: 10px 10px 0px 20px;
	display: inline-block;
	height: 30px;
	width: 60px;
	background-size: cover;
	background-image:url(../images/en.png);
	background-repeat:no-repeat;
}
.en span{
	display: none;
}

.en a:hover {
	background-image:url(../images/en_bright.png);
} 

.nl a {
	float: right;
	margin: 10px 10px 0px 20px;
	display: inline-block;
	height: 30px;
	width: 60px;
	background-size: cover;
	background-image:url(../images/nl.png);
	background-repeat:no-repeat;
}
.nl span {
	display: none;
}

.nl a:hover {
	background-image:url(../images/nl_bright.png);
} 

.preload { display: none; }

/* Content */

.content {
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0px solid #CCCCCC;
	padding: 15px 0px 30px 30px;
	     /* top right bottom left */
	width: 530px;
	border-top: none;
	border-bottom: none;
	background: #FFF;
	font-size: 100%;
	text-align: justify;
}


.content a {
	text-decoration: none;
	color: #000088;
}

.content a:hover {
	text-decoration: underline;
	/*text-decoration: none;*/
	/*color: #0033CC;*/
	color: #0055EE;
	/*color: #777777;*/
}

.content p {
	font-size: 100%;
	padding: 30px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #272525;
}

.content h2 {
	font-size: 120%;
	padding: 30px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #272525;
}

.content h3 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 108%;
	font-weight: bold;
	letter-spacing: -1px;
	color: #272525;
}

.content ul {
	list-style-type: circle;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	margin-bottom: -30px;
}

.content table ul {
	list-style-type: circle;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}

.content td {
	padding-bottom: 20px;
	padding-top: 0px;
}

/* Footer */

.foot {
	float: left;
	margin: 0px auto;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
	font-size: 80%;
	color: #272525;
}