@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: zapf;
    src: url(zapfinolinotypeone.ttf);
    font-weight: bold;
}
@media 
only screen and (min-width : 800px),
(min-device-width : 480px)
 {

body {
	background-color:#ffffff;
	color:#888888;
	font-family:'Raleway', sans-serif;
	
	margin:0px;
	padding:0px;
	line-height:1.2em;
	}

	 p {text-align:justify;}
div.achtergrond {
	position:relative;
	left:50%;
	margin-left:-1000px;
	top:0px;
	width:2000px;	
	height:251px;
 	
	overflow:hidden;
	display:block;
	border: 0px solid red;
	}	 
	
div.logo {
	position:absolute;
	left:300px;
	top:20px;
	border: 0px solid blue;

	 }	 
div.social{
	position:absolute;
	top:10px;
	left:1120px;
	width:150px;
	height:50px;
	border:0px solid red;
	text-align:right;
		 
	 }
	 
	 div.logok{
	position:relative;
	float:right;
	width:40px;
	height:40px;
	margin-left:10px;
	border:0px solid blue;
	 }
	 
	 
div.achtergrondmob {
	display:none;
	 }	
	 
img.headimg {
	width:100%;
	}	 

	 
div.knoppen {
	position:relative;
	margin-top:15px;
	width:1056px;
	height:auto;
	border:0px solid red;
	 }	
div.knop {
	position:relative;
	width:225px;
	height:auto;
	float:left;
	margin-right:20px;
	border:1px solid red;
	 }	 
	 
	 
div.site {
	position:relative;
	left: 50%;
 	margin-left: -500px;
	width:1000px;
	top:0px;
	border: 0px solid #028;
	background-color:#FFFAFA;
}


div.header {
	position:relative;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	border: 0px dotted #00F;
	margin:0px;
	padding:0px;
	}

div.headermobiel {
	display:none;
	position:relative;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	border: 0px solid #00F;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}

div.vlaggen {
	position:absolute;
	width:130px;
	
	top:15px;
	right:20px;
	border: 0px solid #00F;
	}

img.vlag {
	position:relative;
	height:27px;
	width:40px;
	float:right;
	margin-left:5px;
	border:0px solid #996666;

	}


	
div.mobielmenu {
	display:none;
	position:absolute;
	height:610px;
	width:200px;
	top:190px;
	left:0px;
	border:0px solid #060;
	text-align:center;
	}
	
div.horizontaalmenu {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	border:0px solid #909;
	background-color:#16497f;
	margin:0px;
	padding:5px;

	}
 
div.cont {
	position:relative;
	width:600px;
	height:auto;
	min-height:450px;
	left:0px;
	top:0px;
	padding:25px 40px 40px 10px;
	border: 0px solid #f00;
	background-color:#FFFFFF;
 	overflow:hidden;
	}
	
div.cont2 {
	position:absolute;
	width:350px;
	height:auto;
	right:0px;
	top:25px;
	padding:0px;
	border: 0px solid #f00;
	background-color:#FFFFFF;
 	overflow:hidden;
	}
	 
	 
div.footer {
	position:relative;
	width:100%;
	height:360px;
	left:0px;
	top:20px;
	padding-top:15px;
	text-align:center;
	border: 0px solid #FA0;	
	background-color:#16497f;
;
	}

p, li, td, a {
	
	font-size:16px;
	line-height:2em;
	letter-spacing:0.02em;
	text-align:left;
	padding: 0px;
	margin:  0px;
	}
	 td {
		 line-height:1.1em;
	 }
	 
	 ul {
		 margin-top:0px;
		 margin-bottom:0px;
	 }	
	 
p 	{	
	margin: 0px 0px 0px 0px;
	}
	 

p.midden, td.midden, p.foto {
	text-align:center;
	}
	
p.rechts, td.rechts {
	text-align:right;
	}

.footer p.foot {
	color:#FFFFFF;
	text-align:center;
	margin-top:0px;
	}	

	 span.rood {
		 color:#AA0000;
		 font-size:28px;
	 }	 

.mail p, .mail td{
	font-size:10px;
	line-height:1em;
	padding:0px 5px 0px 5px;
	text-align:right;
	}

	 
h1, h2, h3, h4 {
	text-transform:uppercase;
	font-weight:600;
	font-size:30px;
	line-height:1.6em;
	letter-spacing:0.2em;
	text-align:left;
	padding: 0px;
	margin: 0px;
	}

h2 {
	font-size:20px;
	}
	
h3 {
	font-size:18px;
	}

h4 {
	font-size:18px;
	}

td {
	vertical-align:top;
	padding:3px;
	}
	

a {
	color:#222;
	padding:0px;
	margin:0px;
	text-decoration:underline;
	font-weight:normal;
	}

a:hover {
	color:#aaa;
	text-decoration:underline;
	}

.footer a {
	color:#FFFFFF;
	font-weight:bold;
	}

.footer a:hover {
	color:#FFBBBB;
	}
	 
input[type=submit]
	 {
	font-size:20px;
	background-color:#8cca15;
		 font-weight:bold;
	 }

}

@media 
only screen and (max-width : 799px),
only screen and (min-device-width : 320px) and (max-device-width : 480px)
 {

body {
	background-color:#ffffff;
	color:#888888;
	font-family:'Raleway', sans-serif;
	margin:0px;
	padding:0px;
	line-height:0.6em;
	}
	 
div.site {
	position:relative;
	left: 0px;
 	margin-left: 0px;
	width:100%;
	top:15px;
	border: 0px solid #777;
	background-color:#FAFDFF;
}

div.social{
	position:relative;
	top:10px;
	left:1120px;
	width:150px;
	height:50px;
	border:1px solid red;
	text-align:right;
		 
	 }
	 
	 div.logok{
	position:relative;
	width:40px;
	height:40px;
	margin-left:10px;
	border:1px solid blue;
		 
		 
	 }
	 
	 
	 
	 
	 
div.header {
	width:100%;
	height:auto;
	overflow:hidden;
	}
img.headimg {
	width:140%;
	margin-left:-20%;
	}	
	 
div.knoppen {
	position:relative;
	width:100%;
	height:auto;
	border:0px solid red;
	 }	
div.knop {
	position:relative;
	width:27%;
	height:auto;
	float:left;
	margin:3%;
	border:0px solid red;
	 }	 
	 	 
div.achtergrondmob {
	position:relative;
	left:0px;
	margin: 0px;
	height:auto;
	top:0px;
	width:100%;	
	overflow:hidden;
	display:block;
	padding:0%;
	}	 
	 
div.achtergrond {
	display:none;
	 }	
	 
div.headermobiel {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	border: 0px solid #00F;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}

div.vlaggen {
	position:absolute;
	width:130px;
	height:40px;
	top:10px;
	right:10px;
	border: 0px solid #00F;
	}

img.vlag {
	position:relative;
	height:20px;
	width:30px;
	float:right;
	margin-left:5px;

	}
	
div.mobielmenu {
	display:block;
	position:relative;
	height:auto;
	width:100%;
	top:5px;
	left:0px;
	background-color:#DDDDDD;
	border:0px solid #060;
	text-align:center;
	overflow:hidden;
	}
	
div.horizontaalmenu {
	display:none;
	position:absolute;
	top:10px;
	left:0px;
	width:1000px;
	height:44px;
	border:1px solid #909;
	background-color:#16497f;
	}
 
div.cont {
	position:relative;;
	width:94%;
	min-height:400px;
	left:0px;
	top:20px;
	padding:3%;
	border: 0px solid #500;	
	background-color:#FFFFFF;
 	overflow:hidden;
	}
	
	
div.footer {
	position:relative;
	width:100%;
	height:120px;
	left:0px;
	top:40px;
	padding:10px;
	text-align:center;
	border: 0px solid #FA0;	
	background-color:#16497f;
	}

p, li, td, a {
	
	font-size:18px;
	line-height:1.6em;
	letter-spacing:0.01em;
	text-align:left;
	padding: 0px;
	margin:0px;
	 }
	 
	p {	
	margin: 15px 0px 0px 0px;
	}
	 
p::first-letter {
  
	font-size:24px;}	 

p.midden, td.midden, p.foto {
	text-align:center;
	}
	
p.rechts, td.rechts {
	text-align:right;
	}

.footer p {
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	}	
.mail p, .mail td{
	font-size:10px;
	line-height:1em;
	padding:0px 5px 0px 5px;
	text-align:right;
	}
	
h1, h2, h3, h4 {
	
	font-size:30px;
	line-height:1.6em;
	letter-spacing:0.01em;
	padding: 0px;
	margin: 0px;
	}

h2 {
	font-size:24px;
	}
	
h3 {
	font-size:20px;
	}

h4 {
	font-size:18px;
	}

td {
	vertical-align:top;
	padding:3px;
	}
	

a {
	color:#222;
	padding:0px;
	margin:0px;
	text-decoration:underline;
	font-weight:normal;
	}

a:hover {
	color:#aaa;
	text-decoration:underline;
	}


.footer a {
	color:#FFFFFF;
	font-weight:bold;
	}

.footer a:hover {
	color:#FFBBBB;
	}
	 
a.mmenu {
	color:#51750c;
	text-decoration:none;
	font-size:30px;
	font-weight:bold;
}


a.mmenu:hover{
	color:#338800;
	text-decoration:underline;
}
	 
	 
	 .mobielmenu a:hover {
		 color:#33cc00;
	 }	 
	 
.mobielmenu li {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 6px 00px;
	text-align: center;
	border: 0px solid green;
	float:none;
	background-color:transparent;
	list-style: none;
	}
.mobielmenu li  a {
	font-size: 24px;
	text-align: right;
	font-weight:bold;
	color:#335599;
	text-transform:uppercase;
	text-decoration:none;
	padding:8px 15px 8px 15px;
	
}


.mobielmenu li ul  {
	margin: 0;
	padding: 0px 0  14px 0;
	border: 0px solid red;
	}
	
.mobielmenu li ul li {
	margin: 17px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid yellow;
	line-height:1em;
}

	
.mobielmenu li ul li a {
	font-size:18px;
	margin:-10px 3px 0px 10px;
	line-height:0.55em;
	padding:0px 10px 0px 10px;
	text-align:center;
	border:0px solid black;
	}
	
	.mobielmenu li ul li ul li {
	letter-spacing: 0em;
	line-height:1.2em;
	font-size:11px;
	color:#5c214a;
	border: 0px solid grey;

	}
	.mobielmenu li ul li ul li a{
	letter-spacing: 0em;
	line-height:1.0em;
	font-size:14px;
	border: 0px solid grey;
	text-transform:none;
	padding:0px 0px 0px 0px;
	}	
	
	}