@font-face {
	font-family:"Phoenix Arise";
	src:
	url("phorise.eot?") format("eot"),
	url("phorise.woff") format("woff"),
	url("phorise.ttf") format("truetype"),
	url("phorise.svg#PhoenixArise") format("svg");
	font-weight:normal;
	font-style:normal;
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, sub, sup, u, i, center, ol, ul, li, form, label, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	padding:0;
	margin:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 75%; /* 12px/16px;*/
	color: #000000;
}
img{
	display:block;
}
p, li {
	margin:0px;
	margin:0px;
}
ul{
	margin: 0;
	padding:0 0 0 18px;
}
ol{
	margin:0;
	padding: 0 0 0 25px;
}
img{
	display:block;
}
h1{
	font-size: 133.3333333%;
	font-weight:bold;
	color:#E66C00;
}
h1 img{
	width:100%;
}
h2{
	font-size: 100%;
	font-weight:bold;
	color:#E66C00;
}
h3{
	font-size: 116.66666667%;
	font-weight:bold;
	color:#E66C00;
}
table{
	margin: 0 auto;
	border-collapse:collapse;
	border-spacing: 0;
}
a:link, a:visited,a:active {
	font-weight:bold;
	color: #C7301A;
	text-decoration:none;
}
a:hover {
	color: #65B868;
	text-decoration:underline;
}
#container{
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:left;
	width:90%;
	max-width:760px;
}
#header{
	width:100%;
}
#fotodiv{
	float:left;
	width:250px;
}
#socmed img{
	margin:10px 2px 0 2px;
	float:left;
	border:none;
}
#inhoud{
	margin-left:250px;
	overflow:auto;
	overflow:auto;
}
#slogan{
	text-align:right;
	padding:8px 15px 3px 0;
	overflow:auto;
}
#menu{
	padding:10px 0 0 0;
	text-align:left;
}
#menu ul{
	list-style: none;
	padding:0;
	overflow:auto;
}
#menu ul li{
	float:left;
	margin:5px 10px 5px 0;
	padding:0;
}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited{	
	background:#148696;
	padding:5px 10px;
	margin:0;
	color:#fff;
	text-decoration:none;
}
#menu ul li a.hv:link, #menu ul li a.hv:active, #menu ul li a.hv:visited{	
	background:#148696;
	padding:2px 20px;
	margin:0;
	color:#fff;
	text-decoration:none;
}
#menu ul li a.actief:link, #menu ul li a.actief:active, #menu ul li a.actief:visited{
	background:#E66C00;
}
#menu ul li a:hover{
	background:#65B868;
	color: #fff;
	text-decoration:none;
}
#menu ul li a img{
	display:block;
	margin:0;
}
#socmed{
	padding: 0 0 0 15px;
}
#kleinmenu, #menuinhoud2{
	display:none;
}
#kleinmenuknop{
	background: #C7301A;
}
#menuinhoud2 ul  {	
	list-style:none; 
	margin:0;
	padding:10px 10px 10px 5px; 	
}
#menuinhoud2 ul li a:link, #menuinhoud2 ul li a:active, #menuinhoud2 ul li a:visited {
	display:block;
	padding:2px 10px 2px 5px; 
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
#menuinhoud2 ul li a:hover {
	color:#65B868;
}
#menuinhoud2 ul li a.actief:link, #menuinhoud2 ul li a.actief:active, #menuinhoud2 ul li a.actief:visited, #menuinhoud2 ul li a.actief:hover   {
	display:block; 
}
#menuinhoud2 ul li ul li a:link, #menuinhoud2 ul li ul li a:active, #menuinhoud2 ul li ul li a:visited {	
	text-decoration:none; 
	font-weight:normal;
}



.inhoudblok{
	margin-left:250px;
	padding:15px 0;
	clear:right;
	display:block;
}
.telblok{
	float:right;
	display:block;
	width:50%;
}
#map_canvas{
	width:100%;
	height:250px; 
	border:1px solid #148696;
	margin-top:10px;
}
#onderaan {
	line-height: 22px;
	color: #ffffff;
	font-size:10px;
	text-align:center;
	background: url(../img/bg_.gif);
	height:22px;
}

.koppaars {
	line-height: 17px;
	font-size: 12px;
	font-weight:bold;
	color:#E66C00;
}

.kop {
	line-height: 16px;
	font-size: 14px;
	font-weight:bold;
	color:#E66C00;
}
.rondehoek16{
	-webkit-border-radius:16px;
	-o-border-radius:16px;
	-khtml-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
}
.rondehoek5 {
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.clear_all{
	clear:both;
	height:1px;
	overflow:hidden;
}
.niettonen{
	display:none;
}
#formulier{
	background:#329fb3;
	color:#ffffff;
	padding:15px 10px; width:95%;
}
.veldlabel{
	width:88px; 
	text-align:right;
	font-weight:bold;
	float:left;
}
.veldinput{
	margin-left:98px;
}
.tekstform {
	font-weight:bold;
	color: #ffffff;
	text-align:right;
	vertical-align:top;
}
.knop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	color:#C7301A;
}
.veld{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:94%;
	width:90%;
	margin:0 0 4px 0;
}
.zoekknop {
	line-height: 15px;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#5D64BF;
	margin: 10px 0;
}
.zoekveld {
	font-size: 11px;
	line-height:15px;
	width:150px;
	background-color:#CCFFCC;
	margin: 10px 0;
}
.frm500{
	width:500px;
}
.frm470{
	width:470px;
}
.frm400{
	width:400px;
}
.frm350{
	width:350px;
}
.frm300{
	width:300px;
}
.frm215{
	width:214px;
}
.frm150{
	width:150px;
}
.frm100{
	width:100px;
}
.frm75{
	width:75px;
}

#flashdiv{
	padding-top:5px;
	padding-bottom:5px;
}
#rij0 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje0 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #E66C00;
	-webkit-border-radius: 16px 0 0 0;
	-o-border-radius: 16px 0 0 0;
	-khtml-border-radius: 16px 0 0 0;
	-moz-border-radius: 16px 0 0 0;
	border-radius: 16px 0 0 0;
}
#blokje1 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #A31D17;
}
#blokje2 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #C7301A;
	-webkit-border-radius: 0 16px 0 0;
	-o-border-radius: 0 16px 0 0;
	-khtml-border-radius: 0 16px 0 0;
	-moz-border-radius: 0 16px 0 0;
	border-radius: 0 16px 0 0;
}
#rij1 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje3 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #329FB3;
}
#blokje4 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #C7301A;
}
#blokje5 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #148696;
}
#rij2 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje6 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #A31D17;
}
#blokje7 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #E66C00;
}
#blokje8 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #329FB3;
}
#rij3 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje9 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #65B868;
}
#blokje10 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #C7301A;
}
#blokje11 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #148696;
}
#rij4 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje12 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #E66C00;
}
#blokje13 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #329FB3;
}
#blokje14 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #C7301A;
}
#rij5 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje15 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #148696;
}
#blokje16 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #A31D17;
}
#blokje17 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #65B868;
}
#rij6 {
	margin: 0px 24px 0 7px;
	overflow:auto;
}
#blokje18 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #A31D17;
	-webkit-border-radius: 0 0 0 16px;
	-o-border-radius: 0 0 0 16px;
	-khtml-border-radius: 0 0 0 16px;
	-moz-border-radius: 0 0 0 16px;
	border-radius: 0 0 0 16px;
}
#blokje19 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #E66C00;
}
#blokje20 {
	float:left;
	width:70px;
	height:70px;
	margin: 3px 0px 0 3px;
	background: #C7301A;
	-webkit-border-radius: 0 0 16px 0;
	-o-border-radius: 0 0 16px 0;
	-khtml-border-radius: 0 0 16px 0;
	-moz-border-radius: 0 0 16px 0;
	border-radius: 0 0 16px 0;
}
#foto0 {
	-webkit-border-radius: 16px 0 0 0;
	-o-border-radius: 16px 0 0 0;
	-khtml-border-radius: 16px 0 0 0;
	-moz-border-radius: 16px 0 0 0;
	border-radius: 16px 0 0 0;
}
#foto2 {
	-webkit-border-radius: 0 16px 0 0;
	-o-border-radius: 0 16px 0 0;
	-khtml-border-radius: 0 16px 0 0;
	-moz-border-radius: 0 16px 0 0;
	border-radius: 0 16px 0 0;
}
#foto18 {
	-webkit-border-radius: 0 0 0 16px;
	-o-border-radius: 0 0 0 16px;
	-khtml-border-radius: 0 0 0 16px;
	-moz-border-radius: 0 0 0 16px;
	border-radius: 0 0 0 16px;
}
#foto20{
	-webkit-border-radius: 0 0 16px 0;
	-o-border-radius: 0 0 16px 0;
	-khtml-border-radius: 0 0 16px 0;
	-moz-border-radius: 0 0 16px 0;
	border-radius: 0 0 16px 0;
}
@media screen and (max-width: 700px) {
	#flashdiv {
		display:none;
	}
	#fotodiv{
		width:35%;
	}
	#inhoud{
		margin-left:2%;
	}
	.inhoudblok{
		margin-left:0;
	}
	#socmed{
		width:100%;
		overflow:auto;
		float:left;
		padding:10px 30px 0 11px;
		text-align:left;
		display:inline-block;
	}
	#socmed img{
		margin:2px;
	}	
	#slogan{
		padding:8px 0px 3px 0;
		display:inline-block;
		width:100%;
	}
}

@media screen and (max-width: 550px) {
	.frm500{
		width:400px;
	}
	.frm470{
		width:370px;
	}
	.frm400{
		width:300px;
	}
	.frm350{
		width:250px;
	}
	.frm300{
		width:220px;
	}
	.frm215{
		width:134px;
	}
	.frm150{
		width:150px;
	}
	.frm100{
		width:100px;
	}
	.frm75{
		width:75px;
	}
}
@media screen and (max-width: 420px) {
	#kleinmenu{
		display:block;
		width:100%;
		padding:10px 0;
		border-bottom: 1px solid #65B868;
	}
	#menu{
		display:none;
	}
	#inhoud{
		display:block;
		float:none;
		width:100%;
	}
	#fotodiv{
		width:95%;
	}
	#socmed{
		display:block;
		padding-right:30px;
	}
	#socmed img{
		width:15px;
		float:right;
	}
}

@media screen and (max-width: 450px) {
	.frm500{
		width:330px;
	}
	.frm470{
		width:280px;
	}
	.frm400{
		width:250px;
	}
	.frm350{
		width:220px;
	}
	.frm300{
		width:170px;
	}
	.frm215{
		width:108px;
	}
	.frm150{
		width:110px;
	}
	.frm100{
		width:100px;
	}
	.frm75{
		width:50px;
	}
	.tekstform, .tekstformtekst{
		font-size:80%;
	}
}
@media screen and (max-width: 360px) {
	.inhoudblok img{
		width:100%;
	}
}
@media screen and (max-width: 320px) {
	.telblok{
		float:none;
		display:block;
		width:100%;
	}
	.veldlabel{
		float:none;
		text-align:left;
	}
	.veldinput{
		margin:0;
	}
}