html {
	height						: 100%;
	margin						: 0;
	padding						: 0px;	
}

body {	
	color						: #000000;
	font-family					: 'Roboto', Verdana, Arial, sans-serif;
	font-weight					: 300;
	margin-left					: 0px;
	margin-right				: 0px;
	margin-top					: 0px;
	padding						: 0px;
	text-align					: center;
}

a, a.visited {
	color						: #0080C0
	text-decoration				: none;
}

a:hover {
	color						: #339933;
	text-decoration				: none;
}

h1 {
	color						: #004878;
	font-weight					: bold;
	line-height					: 1em;
}

h2, h3, h4 {
	color						: #0080d5;
	font-weight					: normal;
	line-height					: 1em;
}

input[type=button], input[type=submit], .button {
	background-color			: #0080d5;
	border						: 1px solid #ffffff;
	color						: #ffffff;
	padding-bottom				: 5px;
	padding-top					: 5px;
}

.website_topbox {
	clear						: both;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_outerbox {	
	clear						: both;
	float						: center;	
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	max-width					: 1080px;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_outerbox h2 a, .website_outerbox h3 a {
	font-weight					: normal;
}

.website_innerbox {
	clear						: both;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_topheader {
	background-color			: #0080d5;
	clear						: both;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: right;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_header {
	clear						: both;
	float						: left;	
	position					: relative;	
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_header img {
	height						: auto;
	max-width					: 100%;	
	width						: 100%;
}

.website_menu {			
	background-color			: #0080d5;
	float						: left;	
	font-weight					: bold;
	position					: relative;
	width						: 100%;
	z-index						: 1000;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_menu_center {			
	float						: right;	
	left						: -50%;
	position					: relative;
	text-align					: left;	
}

.website_menu ul {
	left						: 50%;
	float						: left;
	margin						: 0;
	padding						: 0;
	position					: relative;
	list-style-type				: none;
	width						: auto;
}

.website_menu li {
	float						: left;
	height						: 25px;
	padding-bottom				: 2px;
	padding-left				: 10px;
	padding-right				: 10px;
	padding-top					: 2px;
	position					: relative;
	width						: auto;
}

.menu_spacer {
}

.website_menu ul a {
	color						: #ffffff;
	padding-left				: 2px;
	padding-right				: 2px;
	text-decoration				: none;
}

.website_menu ul a:hover {
	color						: #62b8fc;
	text-decoration				: none;
}

.website_menu ul .children {	
	background-color			: #ffffff;
	border-bottom				: 1px solid #0080d5;
	border-left					: 1px solid #0080d5;
	border-right				: 1px solid #0080d5;
	color						: #000000;
	display						: none;
	float						: none;
	list-style					: none;	
	margin-left					: -50%;
	margin-top					: 5px;
	padding-left				: 10px;
	padding-bottom				: 10px;
	padding-top					: 10px;
	position					: absolute;
	text-transform				: none;
	width						: 240px;
	z-index						: 2000;
	/*box-shadow					: 0px 0px 3px #cccccc;*/
}

.website_menu ul .children li {	
	border-right				: none;
	float						: left;
	height						: 15px;
	list-style					: none;	
	margin						: 0;
	padding-bottom				: 2px;
	padding-top					: 2px;
	width						: 210px;
}

.website_menu ul .children li:hover {	
}

.website_menu ul .children li a {	
	color						: #0080d5;
	text-decoration				: none;	
}

.website_menu ul .children li a:hover {
	color						: #888888;
	text-decoration				: none;
}

.website_menuitem {
}

.website_menusubitem {
}

.website_menusubsubitem { 
	font-size					: 0.8em;
}

.mobile-nav {
	display						: none;
}

.website_content {
	float						: center;
	padding						: 10px 10px 10px 10px;
	position					: relative;	
	text-align					: left;		
	vertical-align				: top;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content b, .website_content strong {
	font-weight					: 700;
}

.website_content_kolom1 {
	border-right				: 1px solid #0080d5;
	float						: left;
	line-height					: 1.2em;
	padding-right				: 3%;
	position					: relative;
	width						: 66%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content_kolom1 ul, .website_content_kolom1_2 ul {
  list-style-type: none;
}

.website_content_kolom1 ul li:before, .website_content_kolom1_2 ul li:before {
  content: '\2011';
  position: absolute;
  margin-left: -20px;
}

.website_content_kolom1 img {
	max-width					: 100%;
}

.website_content_kolom2 img {
	max-width					: 100%;
}

.website_content_kolom2 {
	/*
	font-size					: 1.2em;
	font-style					: italic;
	text-shadow					: 2px 1px rgba(0,0,0,0.4);
	*/
	float						: left;
	line-height					: 1.2em;
	padding-left				: 3%;
	position					: relative;
	width						: 34%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content_kolom1 ul, .website_content_kolom2 ul {
 	padding-left				: 1em;
}

.website_content_kolom1_2 {
	float						: left;
	line-height					: 1.2em;
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_footer {
	border-top					: 1px solid rgb(221, 244, 255);
	font-size					: 0.9em;
	text-align					: center;
	margin-left					: auto;
	margin-right				: auto;	
	width						: 100%;
	padding						: 10px;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.website_footer a, .website_footer.visited {
}

.website_footer a:hover {
}

.website_kolommen_box, .website_kolommen_k1, .website_kolommen_k2, .website_kolommen_k3, .website_kolommen_k4 {
	float						: left;
	position					: relative;
	text-align					: left;
	width						: 100%;
}

.website_kolommen_k1 img, .website_kolommen_k2 img, .website_kolommen_k3 img, .website_kolommen_k4 img {
	height						: auto;
	max-width					: 100%;
}

.website_kolommen_k1, .website_kolommen_k2 {
	padding-right				: 1%;
	width						: 24%;
}

.website_kolommen_k3, .website_kolommen_k4 {
	padding-left				: 1%;
	width						: 24%;
}

hr {
	border						: none;
	background-color			: #0080d5;
	height						: 1px;
	width						: 100%;
}

.website_slideshow {
	clear						: both;
	float						: center;	
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	/*max-width					: 100%;*/
	max-width					: 1080px;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.rslides {
	float						: left;
  	list-style					: none;
  	padding						: 0;
  	margin						: 0;  	
  	position					: relative;
  	width						: 100%;
}

.rslides li {
  	-webkit-backface-visibility	: hidden;
  	display						: none;
  	left						: 0;
  	position					: absolute;
  	top							: 0;
  	width						: 100%;
}

.rslides li:first-child {
  	position					: relative;
  	display						: block;
  	float						: left;
  	width						: 100%;
}

.rslides img {
  	display						: block;
  	height						: auto;
  	float						: left;
	max-width					: 100%;
	width						: 100%;
  	border						: 0;
}

.caption {
    /*background-color			: rgba(0,0,0,.3);*/
    bottom						: 10%;
    color						: #fff;
    display						: block;
	font-size					: 1.2em;
	font-style					: italic;
	text-shadow					: 2px 2px 3px #000000;
    left						: 0;
    padding						: 15px;
    position					: absolute;
    right						: 0;
    text-align					: left;
    width						: 70%;
}

.google-maps {
	position					: relative;
	padding-bottom				: 75%; // This is the aspect ratio
	height						: 0;
	overflow					: hidden;
}

.google-maps iframe {
	position					: absolute;
	top							: 0;
	left						: 0;
	width						: 100% !important;
	height						: 100% !important;
}

.tableheader {
	border-bottom				: 1px solid #0080d5;
	font-size					: 0.8em;
	font-weight					: normal;
	text-align					: left;
	vertical-align				: top;
}

.TR_even {
	background-color			: rgba(255,255,255,0.1);
}

.TR_odd {
	background-color			: rgba(255,255,255,0.2);
}

.TD_label, .TD_label_website {
	text-align					: left;
	vertical-align				: top;
	width						: 150px;
}

.TD_smalllabel {
	font-size					: 0.8em;
	font-weight					: bold;
	text-align					: left;
	vertical-align				: top;
}

.TD_input, .TD_input_website {
	text-align					: left;
	vertical-align				: top;
}

.TD_label_website, .TD_input_website {
	border-bottom				: 1px solid #0080d5;
}

.TD_label_website {
	color						: #ff0000;
	width						: 25%;
}

.TD_input_website {
	width						: 75%;	
}

.menu_crm {
	border-bottom				: 1px solid #0080d5;
	border-top					: 1px solid #0080d5;
}

.breadcrums_outerbox {	
	float						: center;
	margin-left					: auto;	
	margin-right				: auto;	
	padding-bottom				: 2px;
	padding-top 				: 2px;
	position					: relative;
	text-align					: left;
	/*width						: 100%;*/
	max-width					: 1080px;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.breadcrums {
	color						: #ffffff;
	float						: left;	
	font-size					: 0.8em;
	text-align					: left;
	position					: relative;
	width						: 100%;
	padding-left				: 10px;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.breadcrums a {
	color						: #0080d5;
	text-decoration				: none;
}

.breadcrums a:hover {
	color						: #ffffff;
	text-decoration				: underline;
}

.helptekst {
	font-size					: 0.8em;
	font-style					: italic;
}

.video-container {
    position					: relative;
    padding-bottom				: 56.25%;
    padding-top					: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position					: absolute;
    top							: 0;
    left						: 0;
    width						: 100%;
    height						: 100%;
}

.div_table, .div_table2, .div_row, .div_row2, .div_label, .div_data, .div_label2, .div_data2  {
	float						: left;
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.div_table2 {
}

.div_row {
	padding-bottom				: 1em;
}

.div_row2 {
	border-bottom				: 1px solid rgb(221, 244, 255);
}

.div_label {
	width						: 25%
}

.div_data {
	width						: 75%
}

.div_label2 {
	width						: 50%
}

.div_data2 {
	width						: 50%
}
	
.accordion {
  background-color: #d33d29; /*rgba(191,33,45,1);*/
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: rgb(240,101,35);
}

.accordion:after {
  content: '\002B';
  color: #ffffff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: rgb(240,101,35);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 5px;
}

.panel a {
	text-decoration: none;
}

.panel a:hover {
	text-decoration: underline;
}

.foto-homepage {	
  	border						: 1px solid #ddd;
  	border-radius				: 4px;
  	clear						: both;
  	float						: center;
  	height						: auto;
  	margin						: 0.5%;
  	max-width					: 100%;
  	padding						: 0.5%;
  	width						: 75%;
}

.image-popup-vertical-fit { 
  	border						: 1px solid #ddd;
  	border-radius				: 4px;
  	float						: left;
  	margin						: 0.5%;
  	padding						: 0.5%;
  	width						: 47%;
}

.image-popup-vertical-fit img { 
	height						: auto;
	max-width					: 100%;
	width						: 100%;
}

.image-popup-vertical-fit:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

@media screen and (max-width: 1000px) {
	.breadcrums {	
		padding-left			: 15px;
	}	
}

@media screen and (max-width: 900px) {
	.website_outerbox {
		margin-top				: 0px;
	}
	
	.website_kolommen_k1 {
		padding-right			: 0;
		width					: 100%;
	}
	
	.website_kolommen_k2, .website_kolommen_k3, .website_kolommen_k4 {
		width					: 32%;
	}	
	
	.website_header {
		text-align				: center;
		width					: 100%;		
	}
	
	.website_menu {
		top						: 0px;
		width					: 100%;
	}
}

@media screen and (max-width: 600px) {
	.caption {
	    bottom						: -15px;
		font-size					: 1.1em;
		font-style					: italic;
	    width						: 95%;
	}
	
	.website_content_kolom1, .website_content_kolom2 {
		border					: none;
		padding					: 0;
		margin					: 0;
		width					: 100%;
	}	
	
	.website_content_kolom1 {
		border-bottom			: 1px solid #0080d5;
	}

	.website_content_kolom1 img, .website_content_kolom2 img, .website_content_kolom1_2 img {
		clear					: both;
		float					: none;
    	height					: auto;	
	    width					: 100%;
	}
	
	.website_menu_center {			
		float					: none;	
		left					: 0;
		padding					: 10px;
	}

	.website_menu ul {	
		display					: none;
	}	

	.mobile-nav {
		background-color		: #0080d5;
		border					: 1px solid #ffffff;
		color					: #ffffff;
		display					: block;		
		width					: 100%;
	}
	
	.website_laatstenieuws_item {
		width					: 100%;		
	}
	
	.website_kolommen_k2, .website_kolommen_k3, .website_kolommen_k4 {
		width					: 49%;
	}

	.TABLE_filters {
		width					: 100%;
	}
	
	.div_label {
		width					: 100%;
	}
	
	.div_data {
		width					: 100%;
	}	
}

@media screen and (max-width: 500px) {	
	.website_footer_menu_item {
		width					: 50%;		
	}	
}

@media screen and (max-width: 400px) {
	.website_content_kolom1 img {
		clear					: both;
		float					: none;
    	height					: auto;	
	    width					: 100%;
	}
	
	.website_kolommen_k1, .website_kolommen_k2, .website_kolommen_k3, .website_kolommen_k4 {
		font-size				: 1em;
		padding-left			: 0;
		padding-right			: 0;
		width					: 100%;
	}		
}

#centerpoint {
    left							: 50%;
    position						: absolute;
    top								: 50%;
}

#dialog {
	background-color				: rgba(255,255,255,0.9);
	border							: 2px solid #283114;
	color							: #283114;
    height							: 300px;
    margin-left						: -200px;
    margin-top						: -150px;
    padding							: 5%;
    position						: relative;
    width							: 400px;
    vertical-align					: middle;
    z-index							: 2000;
	-webkit-box-sizing				: border-box;
	-moz-box-sizing					: border-box;
	box-sizing						: border-box;					
	border-radius					: 5px;	
	box-shadow						: 1px 2px 4px rgba(0, 0, 0, .5);	
}