html, body {font-size:13px; height: 100%;width: 100%;overflow:auto;padding: 0px;margin: 0px;background-color:#0078c1;color:#000000;font-family:Arial,sans-serif;line-height:1.5;}
*, html, body, div, ul, ol, li, form, input, p, blockquote, tr, td { margin:0px; padding:0px; border:0px; }
table { border-collapse:collapse; border-spacing:0px }


#MXbackgroundfoto{z-index: -999;  position: fixed;  top: 0px;  right: 0px; }
#MXmain {   z-index: 10;             position: absolute;         width: 100%;  height:100%;   min-height:100%;  top: 0px;   left: 0px;      }

.clear  	{clear:both; }
.but		{cursor:pointer;}

.blokbut	{cursor:pointer;overflow:hidden;}
.blokbut:hover	{background-color:#f2f2f2;}
.klein		{font-size:10px;}

.plicht 	{color:#FF0000;}
.blauw 		{color:#0078c1;}
img 		{border: 0px; }
a img 		{border: 0px; } 

a:link 		{color:#0078c1;	text-decoration:none;}
a:visited 	{color:#0078c1;	text-decoration:none;}
a:hover 	{color:#0078c1;	text-decoration:underline;}
a:active 	{color:#0078c1;	text-decoration:none;}

.youtubeframe	{width:640px; height:480px;}
.inputvelden	{border:1px solid #0078c1;font-size:12px; padding:2px;width:250px;margin-top:2px;}

.terugknop { width:70px;height:20px;padding:5px;cursor:pointer; background:#FFFFFF; border:1px solid #0078c1;}
.terugknop:hover { background:#dddddd;  border:1px solid #cccccc;}

.nwsblok	{ cursor:pointer; border:1px solid #eeeeee; overflow:hidden;}
.nwsblok:hover	{ border:1px solid #0078c1;}
.meerbut 	{ float:right; color:#0078c1;}
.meerbut:hover 	{ color:#ee4444; text-decoration:underline;}

.paglinks{width:210px;float:left;}
.pagrechts{width:100%;max-width:730px;float:left;padding:5px;}

#header				{width: 100%;padding-top:2px;}
#headercenter			{position: relative;	max-width: 990px; margin-right: auto;	margin-left: auto;	padding-top:3px; background-color: #ffffff; overflow:hidden;}
#header a 			{text-decoration:none;}
#header .hlogolinks		{float:left;	margin-right:5px;	width:310px;max-height:154px;}
#header .hmenuicons		{float:right;	margin:1px 4px 1px 2px; line-height:1.0;}

#menuA				{float:left;	background-color: #FFFFFF; width:350px;max-height:154px;}
#menuA .hmenu 			{float:left;	text-align:center;	margin:0px 3px 1px 3px;	width:160px; font-size: 12px; padding:3px 0px;}
#menuA .hmenu:hover		{background-color: #D7F0FF; color:#0078c1;	}
#menuA .normaal			{background-color: #AADFFF; color:#000000;	}
#menuA .actief			{background-color: #0078c1; color:#ffffff;	}


#hmenuBheel			{float:left;	background-color: #FFFFFF; width:100%; margin-left:-1px;}
#hmenuBheel .hmenu 		{float:left;	text-align:center;	min-height:20px;	font-size: 14px; 	padding:3px 30px; margin:1px 0px 0px 1px;}
#hmenuBheel .hmenu:hover	{background-color: #0078c1; color:#aaaaaa;	}
#hmenuBheel .normaal		{background-color: #0078c1; color:#ffffff;	}
#hmenuBheel .actief		{background-color: #000000; color:#ffffff;	}


#menuknop			{display:none;float:left;}
#menuBknop			{display:none;float:left;}
#bladbottom 			{display:none;}


#content			{width: 100%;	min-height: 500px;	height:auto !important;	height:100%;	overflow: hidden;}
#contentcenter			{position: relative;	max-width: 990px;	margin-right: auto;	margin-left: auto;background-color:#FFFFFF;}


#tussen 			{width: 100%; }
#tussenbalk			{position: relative;	max-width: 990px;	margin-right: auto;	margin-left: auto;background-color:#000000;height:5px; }


#content			{width: 100%;	min-height: 500px;	height:auto !important;	height:100%;	overflow: hidden;}
#contentcenter			{position: relative;	max-width: 990px;	margin-right: auto;	margin-left: auto;background-color:#FFFFFF;}
.contentbox			{padding:10px;	}
.contenttitel 			{font-size:18px;	color:#0078c1;	border-bottom:1px solid #eee;}
.contenttxt 			{color:#000000; font-size:14px;}
.pad				{padding:0px 10px;}
.li30 				{padding-left:30px;}




#footer				{z-index:150;	position:fixed;	bottom: 0px;		width: 100%;}
#footercenter			{position: relative;	max-width: 990px;	 margin-right: auto;	margin-left: auto; background-color:#000000; overflow:hidden;}
#footercenter .midden		{float:left;	width:100%;	padding: 5px 0px;    	color:#ffffff;	font-size: 12px; text-align:center;}
#footercenter .links		{float:left;			padding: 0px 5px;    	color:#ffffff;	font-size: 12px; text-align:left;}
#footercenter .rechts		{float:right;			padding: 0px 5px;    	color:#ffffff;	font-size: 12px; text-align:right;}
#footer a:link			{color:#ffffff;	text-decoration:none;}
#footer a:visited		{color:#ffffff;	text-decoration:none;}
#footer a:hover			{color:#ffffff;	text-decoration:underline;}
#footer a:active		{color:#ffffff;	text-decoration:none;}

#footer .hmenu 			{text-decoration:none;	margin-top:10px;	width:200px;	color:#FFFFFF;	}
#footer .hmenu:hover		{text-decoration:none;	margin-top:10px;	width:200px;	color:#ffcccc;}
#footer .normaal		{border:1px solid #000000;}
#footer .actief			{border:1px solid #FF0000;}




.googlelegenda	{	float:left;	width:20%;	max-width:177px;	padding-top:80px; padding-left:5px;}
.googleiframe	{	float:left;	width:80%;	min-width:310px;	max-height:320px;	}



@media only screen and  (max-width:1000px){
.hmenuicons			{width:155px;}
	#menuknop		{display:block;}
	#menuA			{display:none;width:100%;max-height:500px;}
.pagrechts{width:560px;}
}

@media only screen and  (max-width:790px){
	body			{font-size:12px;}
	#tussenbalk		{height:4px;}
	.pad	 		{padding:0px 8px;}
	.contentbox		{padding:8px;}
	#bladtop 		{display:none;}
	#bladbottom 		{display:block;}
	.hmenu			{font-size:13px;}
	.hmenuB			{font-size:13px;}
	.contenttitel 		{font-size:16px;}
	.contenttxt 		{font-size:13px;}
.pagrechts{width:410px;}
}

@media only screen and  (max-width:645px){
	body			{font-size:11px;}
	#tussenbalk		{height:3px;}
	.pad 			{padding:0px 5px;}
	.contentbox		{padding:5px;}
	#MXbackgroundfoto	{width:120px; }
	.youtubeframe	{width:480px; height:360px;}
	.googlelegenda	{	width:100%;	padding-top:5px; }
	.googleiframe	{	width:100%;	}
}

@media only screen and (max-width: 500px){
	body			{font-size:11px;}
	#tussenbalk		{height:2px;}
	.pad 			{padding:0px 3px;}
	.contentbox		{padding:3px;}
	.youtubeframe	{width:320px; height:240px;}
.paglinks{width:100%;}
.pagrechts{width:100%;}
}


@media only screen and (max-width: 340px){ 
	#menuBknop		{display:block;}
	#hmenuBheel		{display:none;}
	#tussenbalk		{height:1px;}
	.hlogolinks		{width:100%;}
	.hmenu			{width:100%;font-size:13px;}
	.hmenuB			{width:100%;font-size:13px;}
	.contenttitel 		{font-size:14px;}
	.contenttxt 		{font-size:12px;}
	.youtubeframe	{width:240px; height:180px;}
}