/* Bovenwijs base */

/* global */
html, body 					{ background-color:rgba(0,119,179,1.00); margin:0; padding:0; height:100%; min-height:100%; }
#outer 						{ position:relative; float:none; top:0; margin:0 auto; padding:0; }
.bgwhite					{ background-color:rgba(255,255,255,1.00); padding-top:0; }
.bggrey						{ background-color:rgba(223,223,223,1.00); padding-top:0; }
.content960					{ position:relative; overflow:hidden; display:block; margin:0 auto; max-width:960px; }

.column30, .column50, .column70 { position:relative; float:left; clear:none; display:block; margin:0; padding:2.5%; }
.column30					{ width:25%; }
.column50 					{ width:45%; }
.column70 					{ width:65%; }
.w40						{ max-width:40%; } 
.w50 						{ max-width:50%; }
.w60 						{ max-width:60%; }

article, aside				{ position:relative; margin:0 auto; padding:1em 4%; overflow:hidden; }
aside 						{ margin:0 0 1em; padding:1em 4%; background-color:rgba(255,255,255,1.00); }

img, embed, object, video 	{ max-width: 100%; }
img 						{ margin-bottom:1em; padding:0; display:inline-block; border:1px solid rgba(229,0,125,1.00); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.imgfull 					{ width:100%; }
.imgleft 	 				{ float:left; margin:0.5em 1em 0.25em 0; }
.imgright					{ float:right; margin:0.5em 0 0.25em 1em; }

figure 						{ display:block; margin:0; padding:0; }
figcaption 					{ display:block; border:0; margin:-1em 0 0.8em; } /* 100%/85%=1.1764706 */
.figleft 					{ display:table; float:left; margin: 0.5em 1em 0 0; }
.figright 					{ display:table; float:right; margin: 0.5em 0 0 1em; } 
.figleft figure, .figright figure  			{ display:table; }
.figleft figcaption, .figright figcaption 	{ display:table-caption; caption-side:bottom; }

table 				{ border-collapse: collapse; margin: 0 0.2em 1em 0.2em; }
caption 			{ caption-side:bottom; max-width:100%;  margin:0.2em 0 0 0; }
thead 				{ border:1px dotted rgba(229,0,125,1.00); border-collapse:inherit; }
tbody 				{ border:1px dotted rgba(229,0,125,1.00); border-collapse:inherit; }
tfoot 				{ border:1px dotted rgba(229,0,125,1.00); border-collapse:inherit; }
th, td 				{ padding:0.2em; border:1px dotted rgba(229,0,125,1.00); border-collapse:inherit; }
.tablecenter		{ margin-left:auto; margin-right:auto; }
.tableright			{ float:right; min-width:40%; max-width:60%; }

.box				{ position:relative; display:flex; padding:1em; border:rgba(229,0,125,1.00) solid 0px; background-color:rgba(239,239,239,1.00); }
.boxfull			{ float:none; clear:both; margin:0 auto 1em auto; }
.box50				{ width:50%; margin-bottom:0.5em; }
.boxleft			{ float:left; margin-left:0; margin-right:1em; }
.boxright			{ float:right; margin-left:1em; margin-right:0; }

hr 				{ clear:both; border-width:0px; border-top:1.5px dotted rgba(0,60,90,1.00); margin-bottom:1em; }

.clearboth			{ clear:both; }
.left 				{ float:left; }
.right				{ float:right; }
.bordernone			{ border:none; }
.freetop            { margin-top:1em; }
.freebottom         { margin-bottom:1em; }
.stickytop			{ margin-top:-1em; }
.stickybottom		{ margin-bottom:-1em; }
.nomargin			{ margin:0; }
.overflow 			{ overflow-x:auto; }

/* header en footer */
#header				{ width:100%; padding:0; background-color:rgba(255,255,255,1.00); }
#header img			{ display:inline-block; max-height:9em; margin:2em auto 0.5em; border:0; }
#footer				{ width:100%; padding:0; background-color:rgba(255,255,255,1.00); }
#footer-content		{ position:relative; margin:0 auto; max-width:960px; }
#footer-content img	{ padding:0 0.5em 0.5em; border:none; }

/* nav */
nav					{ position:relative; margin:0 auto; padding: 0 5%; max-width:960px; }
nav .nav ul 		{ display: inline; }
nav .nav ul li 		{ display: inline; padding:0; }
nav .nav-global		{ position:relative; display:block; max-width:960px; margin:0 auto; }


/*-----*/

@media screen and (min-width:960px) {
	.googlemaps		{ width:100%; height:auto; margin:0; }
}

@media screen and (max-width: 960px) {
	article 		{ padding:0.5em 1em; } 
	}

@media screen and (max-width: 640px) {
	.column50 					{ width:100%; }
	article 					{ padding:0.25em 0.5em; }
	.imgleft, .imgright, .figtopleft, .figtopright 		{ float:none; clear:both; margin:0.5em auto; max-width:100% }
	.imgleft, .imgright			{ display:block; }
	}

/* header, footer */

@media screen and (max-width: 960px) { }
	
@media screen and (min-width:960px) {
	#header nav 					{ max-width:100%; }
	}
	
@media screen and (max-width: 800px) {
	#header 			{ margin-top:0; padding:1em 0; }
	}

@media screen and (min-width: 640px) {
	.responsive-small 					{ display:none; }
	.responsive-big 					{ display:block; }
}

@media screen and (max-width: 640px) {
	#header img 	 					{ border:0; height:auto; }
	.responsive-big 					{ display:none; }
	.responsive-small 					{ display:block; clear:both; }
	nav .nav-global						{ display:none; }
	nav .responsive 					{ width:100%; display:block; }
	nav .nav 							{ padding-top:0.5em; }
	nav .nav ul li 						{ display: block; }
	.column60 .fotogalerij figure, .column50 .fotogalerij figure, .column40 .fotogalerij figure, .column25 .fotogalerij figure 		{ max-width:45%; }

@media screen and (max-width: 480px) {
	}

/* home */

@media screen and (min-width:640px) and (max-width: 800px) {	}

@media screen and (max-width: 640px) {	}
	
@media screen and (max-width: 480px) {  }
	
@media screen and (max-width: 320px) {	}