/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS'; font-size: 12px; color: #555; }
input, select, textarea { font-family: 'Trebuchet MS'; font-size: 14px; color: #555; }
body { background: #fff none; }
img { border: 0px; }
a, input { outline: none; }

a { color: #2faccd; text-decoration:none; }
a:hover { color: #2faccd; text-decoration:underline; }

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr {     
	padding: 0;
    position: relative;
    width: 100%; }

#topCntr {     
	padding: 0;
    position: fixed;
	left:0;
	top:0;
    width: 100%;
	height:40px;
	background-color: #2fabcc;
	border-top: 5px solid #22839d;
	z-index:9999999;
}

.centering {     
	margin: 0 auto;
    position: relative;
    width: 1200px;
}

.mobileMenu, .mobileBox, #nav {
    display: none;
}	

.mobileBox {
	position: absolute;
    right: 0;
    top: 70px;
	font-size:16px;
	font-weight:bold;
	color:#6b6b6b;
}
.mobileMenu img, .home img { float:left; margin:3px 3px 0 0; }

.mobileBox ul {
	list-style:none;
}
.mobileBox li {
	float:left;
	color:#6b6b6b;
	line-height:24px;
	margin-left:14px;
	
}
.mobileBox li a {
	color:#6b6b6b;
	text-decoration:none;
}
	
.phoneBox {
	float:left;
	color: #fff;
	font-size: 18px;
	line-height:40px;
	padding:0;
	width:300px;
}
.phoneBox img { 
    margin: 6px 2px 0 0;
    display: block;
    float: left;
}
.phoneBox .afspraak {
	float:left;
	font-family: 'GirlsHaveManySecrets';
	margin-right:14px;
	font-size:22px;
}
.phoneBox .telnr {
	float:left;
	font-size:20px;
	color:#FFF;
	display:block;
}
.phoneBox .telnrmob {
	display:none;
	color:#FFF;
}

.phoneBox .telnr a, .phoneBox .telnr a:hover, .phoneBox .telnrmob a, .phoneBox .telnrmob a:hover {
	color:#FFF !important;
	text-decoration:none;
}

.socialBox {
	float:right;
	width: 120px;
	line-height:40px;
	text-align: right;
	color:#FFF;
	font-family: 'GirlsHaveManySecrets';
	font-size:22px;
}

.socialBox .volgons {
		float:right;
		display:block;
		line-height:40px;
		margin-right:8px;
}
.socialBox a {
	float:right;
}
	
		/* ### search box ### */
		.searchBox { float: right; margin-right:20%; }
.searchBox fieldset { 
	border: 1px solid #fff;
    overflow: hidden;
    background: #fff none;
    width: 250px;
    padding: 4px;
    margin: 4px 0 0 0; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}
	
		.searchBox input.field { border: none; background: none; width: 150px; line-height: 20px; padding: 0 10px; text-align: left; color: #CCC; float: left; font-size:16px; font-weight:normal;} 
		.searchBox input.button { border: none; background: #FFF url(../images/searchicon.png) top left no-repeat; width: 22px; height: 20px; cursor: pointer; float: right; }  
		
		
		
		/* ### header container ### */
	#headerCntr {     
	position: fixed;
	left:0;
	top:45px;
	width: 100%; 
	z-index:999999;
	background:#fff none;
	}
	#headerCntr.large { height: 190px; }
	#headerCntr.large .logo { float: left; width: 436px; height: 133px; margin-top:20px; }
	#headerCntr .logo img { width: 436px; height: 133px; }
	#headerCntr.small { height: 110px; border-bottom:3px solid #6b6b6b; }
	#headerCntr.small .logo { float: left; width: 262px; height: 80px; margin-top:20px; }
	#headerCntr.small .logo img { width: 262px; height: 80px; }
	#headerCntr,nav, #headerCntr .logo a, #headerCntr img, #headerCntr .menuBox, #headerCntr .slogan {
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}
		
		
		/* ### menu box ### */
		#headerCntr.large .menuBox { position: absolute; right:0; top: 140px; }
		#headerCntr.small .menuBox { position: absolute; right:0; top: 88px; }
		.menuBox ul { list-style: none; } 
		.menuBox li { float: left; margin-left: 26px; font-size: 16px; } 
		.menuBox li a { color: #6b6b6b; text-decoration: none; padding-bottom: 3px; } 
		.menuBox li a:hover, .menuBox li.selected a { border-bottom: 3px solid #2eabcc; }
		
		#headerCntr.large .slogan{ width: 300px; float:right; text-align:right; color: #ababab; font-size: 30px; line-height: 60px; font-weight: normal; font-family: 'GirlsHaveManySecrets'; font-style:italic; margin-top:50px; }
		
		#headerCntr.small .slogan {  
		width: 300px;
    float: right;
    text-align: right;
    color: #ababab;
    font-size: 22px;
    line-height: 60px;
    font-weight: normal;
    font-family: 'GirlsHaveManySecrets';
    font-style: italic;
    margin-top: 26px;
		}
	/* ### banner container ### */ 
	#bannerCntr { margin: 250px 0 0 0; width: 100%; background: #fff; height: 319px; }
	#bannerCntr img.big { float: left; margin-right: 8px; }
	#bannerCntr .mid { width: 143px; z-index: 99999; right:27%; position: absolute; border-right: 8px solid #fff; border-left: 8px solid #fff;}
	#bannerCntr .right { width: 100%; position: absolute; right: 0; top: 0; z-index:99998;}
	#bannerCntr .text { width: 28%; height: 358px; text-align: center; margin-bottom: 0; background: #6b6b6b none; }
	
	#bannerCntr .mid ul { list-style: none; overflow: hidden; }
	#bannerCntr .mid li { float: left; border-bottom: 8px solid #fff; height:114px; }
	#bannerCntr .mid li.last { border-bottom: 0; }
	#bannerCntr .right .text { list-style: none; overflow: hidden; float: right;}
	#bannerCntr .right .text ul { margin-top:14px; }
	#bannerCntr .text h3 { color: #fff; font-size: 20px; line-height: 36px; font-weight: normal; font-family: 'GirlsHaveManySecrets'; }
	#bannerCntr .right .text li { float: left; width: 100%; text-align:center; color:#FFF; line-height: 34px; font-size: 20px; font-weight: normal;font-family: 'GirlsHaveManySecrets'; }
	#bannerCntr .right .text li a { color:#FFF; text-decoration:none; }	
	#bannerCntr .right .text li a:hover { color:#FFF; text-decoration:none; }	
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 100%; }
	#contentCntr.page { margin:250px 0 0 0; }
	
		/* ### text container ### */
		#textCntr { width: 900px; border: 1px solid #ccc; padding: 40px 0 20px 38px; margin-left: 22px; overflow: hidden; background: #fff; position: relative; z-index: 300; }
		
		#textCntr .left { width: 216px; float: left; margin-right: 8px; padding: 0 0 0 0; color: #555; font-size:14px; line-height:27px; }
		
		#textCntr .massages { width: 200px; height: 305px; float: left; margin-right: 8px; padding: 14px 0 0 16px; background: #f0f0f0;color: #555; font-size:14px; line-height:27px; }
		#textCntr .left .massages { margin-right: 0px; }
		#textCntr .massages strong { color: #2faccd; }
		#textCntr .massages h3, #textCntr .naw h3 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 14px; } 
		#textCntr .massages ul { list-style: none; padding-left: 4px; }
		#textCntr .massages li { line-height: 27px; font-size: 14px; background: url('../images/arrow1.png') no-repeat 0 12px; padding-left: 13px; } 
		#textCntr .massages li a { color: #555; text-decoration: none; } 
		#textCntr .massages li a:hover, #textCntr .massages li.active a { color: #2eabcc; }
		
		#textCntr .naw { width: 200px; float: left; margin: 28px 0; padding: 0 0 0 16px; color: #555; font-size:14px; line-height:27px; }
		
		#textCntr .welcome { width: 637px; float: left; }
		#textCntr .welcome .img { width: 637px; float: left; height: 319px; overflow:hidden; }
		#textCntr .welcome h3, #textCntr .welcome h1 { color: #363636; font-size: 28px; font-weight: normal; padding: 30px 0 16px 0; }
		#textCntr p { color: #555; font-size: 14px; line-height: 27px; padding-bottom: 22px; }
		#textCntr .welcome #newstitle h3 { padding-top: 0; }
		#newsoverzicht td { font-size: 14px; }
		#newsoverzicht tr.active td { font-weight:bold; }
		.newsdate {  width: 36px; text-align: center; line-height: 14px; border: 1px solid #22839D; border-radius: 3px; color: #22839d; font-size: 14px; float: left; display: block; margin-right: 10px; min-height: 32px; padding-top: 4px; margin-top:32px; float:right;}
			
			
		#leftContentCntr { margin: 14px 0 36px 0; float:left; width:73%; }	
			
		/* ### detail container ### */
		#detailCntr { margin: 0 0 36px 0; float:left; width:100%; }
		#detailCntr h3, #detailCntr h1 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 15px; }
		.contentBox h1 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 15px; margin-top:10px; }
		.contentBox h3 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 15px; }
		.contentBox  {  
		width: 71%;
		margin-left:2%;
		float:right;
		color: #555;
    font-size: 14px;
    line-height: 27px;
		 }
		 .contentBox li { margin-left: 16px;}
		 .contentBox p {  color: #555;
    font-size: 14px;
    line-height: 27px;
    padding-bottom: 20px;
		 }
		 
	.bannerBox {
		margin: 0 0 2px 0;
    width: 100%;
    background: #fff;
    height: 316px;
	overflow:hidden;
	}
	.headerImg {
    width: auto;
    height: 316px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: left;
    margin-right: 8px;
}
	.bannerBox .mid { height:316px; width:125px; z-index: 99999; right:125px; position: absolute; border-right: 8px solid #fff; border-left: 8px solid #fff; background:#fff none;}
	.bannerBox .mid ul { list-style: none; overflow: hidden; }
	.bannerBox .mid img { width:100%; height:auto; }
	.bannerBox .mid li { float: left; border-bottom: 8px solid #fff; height: 100px; margin-left:0; }
	.bannerBox .mid li.last { border-bottom:0; }
	.bannerBox .imgright { height:316px; width: 125px; position: absolute; right: 0; top: 0; z-index:99998;background:#fff none;}
		 
		 /* ### submenu box ### */
			.submenuBox { width: 23%; float:left; background: #f3f3f3; padding: 2%; position: relative; color: #555; font-size:14px; line-height:27px; margin:0 0 24px 0; }
			.submenuBox .submenu { width:100%; float:left; margin: 0 0 35px 0; }
			.submenuBox .opening { margin-bottom:25px; }
			.submenuBox .submenu h2 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 15px; }
			.submenuBox h3, .submenuBox h1 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 15px; }
			.submenuBox address { line-height: 27px; font-size: 14px; color: #333; font-style: normal; }
			.submenuBox strong, .submenuBox b { color: #2faccd; }
			.submenuBox img.pin { position: absolute; top: -20px; right: 8px; }
			.submenuBox img.pic { display: inline; margin: 0 0 9px 48px; }
			.submenuBox a { color: #555; }
			.submenuBox a.button { display: block; text-decoration: none; background: #2fabcd; border-radius: 3px; width: 131px; min-height: 21px; line-height: 21px; text-align: center; font-size: 14px; color: #fff; margin:20px auto; padding:3px; }
			.submenuBox a.button:hover { text-decoration: underline; }
			
		.submenuBox h3 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 14px; } 
		.submenuBox ul { list-style: none; }
		.submenuBox li { width:86%; float:left; line-height: 27px; font-size: 14px; background: url('../images/arrow1.png') no-repeat 0 12px; padding-left: 4%; } 
		.submenuBox li a { color: #555; text-decoration: none; } 
		.submenuBox li a:hover, .submenuBox li.active a { color: #2eabcc; }
		 
		
			/* ### news box ### */
			.newsBox { width: 40%; float: left; margin: 16px 5% 0 0; }
			.newsBox ul { list-style: none; }
			.newsBox li { overflow: hidden; margin-bottom: 15px; }
			.newsBox li span { width: 36px; text-align: center; line-height: 14px; border: 1px solid #22839d; border-radius: 3px; color: #22839d; font-size: 14px; float: left; display: block; margin-right: 10px; min-height: 32px; padding-top: 4px; }
			.newsBox li a { color: #555; font-size: 14px; text-decoration: none; list-style: none; } 
			.newsBox a.button { display: block; text-decoration: none; background: #3b3b3b; border-radius: 3px; width: 110px; min-height: 21px; line-height: 21px; text-align: center; font-size: 14px; margin-left: 50px; color: #fff; padding:3px; }
			.newsBox a.button:hover { text-decoration: underline; } 
			
			/* ### welcome box ### */
			.welcomeBox { width: 50%; margin: 16px 0 0 0; float: left; }
			.welcomeBox p { color: #555; font-size: 14px; line-height: 27px; padding-bottom: 20px; }
			
			/* ### massages box ### */
			.massagesBox { width: 20%; float: right; border: 1px solid #fff; padding: 16px 0 40px 0; }
			.massagesBox ul { list-style: none; padding-left: 4px; }
			.massagesBox li { line-height: 27px; font-size: 14px; background: url('../images/arrow1.png') no-repeat 0 12px; padding-left: 13px; } 
			.massagesBox li a { color: #555; text-decoration: none; } 
			.massagesBox li a:hover { color: #2eabcc; }
		
		/* ### bottom container ### */
		#bottomCntr { overflow: hidden; width: 94%; margin-left: 0; border: 1px solid #ccc; background: #fff; padding: 3%; position: relative; z-index: 100; }
		#bottomCntr h3, .sportsBox h3 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 14px; }
		
			/* ### sports box ### */
			.sportsBox.sportsleft { width: 39%; float: left; margin-top: 4px; margin-right:6%; }
			.sportsBox.sportsright { width: 50%; float: left; margin-top: 4px; margin-right:0; }
			.sportsBox p { color: #555; font-size: 14px; line-height: 27px; padding-bottom: 20px; }
			.sportsBox img { display: inline;  }
			.sportsBox.sportsleft img { width:100%; height:auto; max-width:100%; }
			.sportsBox a.button { display: block; text-decoration: none; background: #3b3b3b; border-radius: 3px; width: 110px; min-height: 21px; line-height: 21px; text-align: center; font-size: 14px; color: #fff; padding:3px; }
			.sportsBox a.button:hover { text-decoration: underline; }
			
			/* ### contact box ### */
			.contactBox { width: 25%; float: right; background: #f3f3f3; padding: 8px 1% 12px 1%; position: relative; color: #555; font-size:14px; line-height:27px; margin:24px 0; }
			.contactBox h3, .contactBox h1 { color: #363636; font-size: 28px; font-weight: normal; padding-bottom: 15px; }
			.contactBox address { line-height: 27px; font-size: 14px; color: #333; font-style: normal; }
			.contactBox strong, .contactBox b { color: #2faccd; }
			.contactBox img.pin { position: absolute; top: -20px; right: 8px; }
			.contactBox img.pic { display: inline; margin: 0 0 9px 48px; }
			.contactBox a { color: #555; }
			.contactBox a.button { display: block; text-decoration: none; background: #2fabcd; border-radius: 3px; width: 131px; min-height: 21px; line-height: 21px; text-align: center; font-size: 14px; color: #fff; margin:20px auto; padding:3px; }
			.contactBox a.button:hover { text-decoration: underline; }
			.contactBox .opening { margin-bottom: 25px; }
		
		/* ### left container ### */
		#leftCntr { float: left; width: 320px; }
		
			/* ### copy box ### */
			.copyBox { width: 320px; }
		
		/* ### center container ### */
		#centerCntr { float: left; width: 340px; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 320px; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #6b6b6b none; color:#bbb;font-size: 14px;}
	#footerCntr .inner { margin: 0 auto; width: 100%; padding:2% 0; float:left; }
	
	#footerCntr ul { list-style: none; }
	#footerCntr li { float: left; width: 100%; line-height:24px;  }
	#footerCntr a { color: #bbb; text-decoration: none; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr li.last { background: none; }
	#footerCntr address { float:left; width:31%; line-height: 24px; font-style: normal; margin-right:2%; }
	#footerCntr address a { text-decoration: none; }
	#footerCntr address img { vertical-align: middle; margin-right: 10px; display: inline; }
	#footerCntr address a:hover { text-decoration: underline; }
	#footerCntr .col { margin: 0 2% 0 0; float: left; width:31%; }
	#footerCntr .colfb { margin: 0 0; float: right; width:33%; text-align:right; }
	

	#footerCntr p img { display: inline; vertical-align: middle; margin-right: 7px; }
	#footerCntr p span { color: #2fabcc; }
	#footerCntr #powered { float: right; text-align: right; }
	#footerCntr #powered, #footerCntr #powered a, #footerCntr #powered a:hover { color: #2fabcc; }
	
	#footerBtmCntr { overflow: hidden; width: 100%; background: #2fabcc none; height:40px; color:#076f9d;font-size: 14px; line-height:40px; text-align:center; border-top:5px solid #22839d; }
	#footerBtmCntr a { color:#076f9d;font-size: 14px; text-decoration:none; }
	#footerBtmCntr a:hover { color:#076f9d;font-size: 14px; text-decoration:underline; }
	
#sliderimgs {
	width: 715px; 
	height:358px;
	padding:0;
	margin: 0;
	overflow:hidden;
	float:left;
	margin-right:8px;
}


/* ### slider container ### */
	#sliderCntr { width: 100%; height: auto; overflow: hidden; }
	#sliderCntr .slider { width: 100%; height: 100%; position: relative; }
	#sliderCntr ul { width: 100%; height: 100%; }
	#sliderCntr li { width: 100%; height: 100%; position: relative;  display: none;}
	#sliderCntr li img { /* height: auto!important; */ top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }
	#sliderCntr .cycle-pager1 { text-align: center; z-index: 500; overflow: hidden; position: absolute; bottom: 24px; left: 0; width: 100%; }
	#sliderCntr .cycle-pager1 span { text-indent: -9999px; border: 1px solid #464646; width: 12px; height: 12px; display: inline-block; color: #ddd; cursor: pointer; background: #fff; margin: 0 4.5px; }
	#sliderCntr .cycle-pager1 span.cycle-pager-active { background: #fbcf00; }
.cycle-pager > * { cursor: pointer; }




/*============== sitemap ==================*/
div.sitemap {
	margin-top: 20px;
}

div.sitemap a {
	font-weight: normal;
	color:#898A8D;
	text-decoration:none;
}

div.sitemap li a {
	font-weight: normal;
	text-transform:none;
	font-size:14px;
	padding:12px;
	text-decoration:none;
} 
div.sitemap a:hover {
	text-decoration:underline;
	color:#000;
	font-weight: normal;
}

div.sitemap ul, div.sitemap li  {
	margin-top: 2px;
}

div.sitemap li  {
	margin-left: 20px;
	background:none;
	list-style:circle;
	list-style-position:inside;
	float: none;
}

/* ------------- Contact formulier --------------------------*/

#frmflds span {
	display:block;
	margin: 2px 0 14px 520px;
}
table.input {
	clear:both;
	float:left;
}
.input td {
	height: 40px;
	vertical-align:top;
	font-size:14px;
}
.input td.tdlabel {
	width:240px;	
}
.input input, .input textarea, .input select {
	width: 390px;
	border:1px solid #ddd;
	background:#FFF;
	padding: 5px;
}
.input textarea {
	height: 100px;
}

.input select {
	width: 414px;
}

.input input#Postcode {
	width: 60px;
}


.input img {
	margin-left: 200px;
}

.input .radio {
	width: 18px;
	border:1px solid #fff;
}


input#sendBtn {float: left; display: block; text-decoration: none; background: #3b3b3b; border-radius: 3px; width: 110px; min-height: 21px; line-height: 21px; text-align: center; font-size: 14px; color: #fff; border-color:#3B3B3B; padding:3px; cursor: pointer; }

#submitmsg {
	margin-top: 12px;
}

/* ------------- Fieldvalidation errors ------------------------ */
#errormsg {
	display: none;
	color: #FF2000;
	padding: 12px 0 12px 0;
	clear:both;
	float:right;
	font-size:14px;
}

#frmflds #errormsg {
	float: left;	
}
input.error, select.error, textarea.error  {

	background-color:#2faccd;
	color:#FFFFFF;
}
label.error, .error {
	color:#FF2000;
	line-height: 1.5;
	display:block;
	font-weight:normal;
	clear: both;
}

fieldset label.error, fieldset select.error {
	display:inline;
}

.radiofld label.error, .radio.error {
	display: inline;
}

	#breadcrumb {clear:both; float:left; width:100%; height:22px; margin-top:0;}
	#breadcrumb ul { list-style: none; float:right; }
	#breadcrumb li { float: left; font-size: 11px; color: #bbb; margin:0; }
	#breadcrumb li a {  padding: 0px 12px 0px 6px; color: #bbb; text-decoration: none; background: url('../images/np-sep.png') right no-repeat; }
	#breadcrumb li a:hover { text-decoration: none; color: #000; }
	#breadcrumb li.last {  padding: 0px 0px 0px 6px; }
	#breadcrumb a.first { padding: 0px 2px 0px 0px; }
	#breadcrumb li.active { padding-left: 6px;}
		
.ngs { line-height:14px; color:#555; float:left; margin:20px 0;padding-left: 16px; text-align:center; }	
.ngs a, .ngs a:hover { color:#555; }	
			
.pages .numbers {
	float:right;
}

#searchresults {
	float:left;
	margin-top:20px;
}

#searchresults .result-item {
	float:left;
	clear:both;
	margin: 0 0 20px 0;
	color: #555; font-size: 14px; line-height: 27px; 
}

.pages.bottom .label {
	display:none;
}

#searchresults h2 {
	color: #363636; font-size: 22px; font-weight: normal; padding: 0px 0 2px 0;
}

table.price {
	width: 100%;
	padding:0;
	margin:0;
}
table.price td {
	font-family: 'Trebuchet MS'; font-size: 14px; color: #555; line-height:27px;
	border-bottom:1px solid #f0f0f0;
	padding:0 5px;
}
table.price tr.noborder td {
	border: 0;
}
table tr.grey td {
	background-color: #f0f0f0;
	font-weight:bold;
	border-bottom: 1px solid #2faccd;
}
tr.head td {
	font-weight:normal;
	background-color: #2faccd;
	font-size:16px;
	color:#FFF;
}


@media only screen and (max-width: 1239px) {
	.centering { width: 96%; margin:0 2%; }
}
@media only screen and (max-width: 1179px) {
	#bannerCntr .text { width: 25%; }
	#bannerCntr .mid { right:25%; }
	.contactBox { width:23%; }
	#leftContentCntr { width:75%; }
}
@media only screen and (max-width: 1119px) {
	.bannerBox .imgright { display:none; }
	.bannerBox .mid { right:0; }
}
@media only screen and (max-width: 1069px) {
	#headerCntr.small .logo, #headerCntr.large .logo { margin-top:10px; }
	#headerCntr.large .slogan{ margin-top:40px; }
	#headerCntr.small .slogan{ margin-top:16px; }
}
@media only screen and (max-width: 1019px) {
	#bannerCntr .text { border-left: 8px solid #fff; width: 27%; }
	#bannerCntr .mid { display:none; }
	.contactBox { width:25%; }
	#leftContentCntr { width:73%; }
	.searchBox { margin-right:15%; }
	.bannerBox { height:auto; }
	.bannerBox .mid { display:none; }
	.headerImg { width:100%; margin:0; height:auto; }
	.headerImg img { width:100%; margin:0; height:auto; }
	#frmflds span { float: right; margin-left:0; margin-right:0;}
	.input input, .input textarea, .input select { width:99%; }
	.input td.tdlabel { width:200px; }
}
@media only screen and (max-width: 1019px) {
	#footerCntr address { width:34%; }
	#footerCntr .col { width:28%; }
}
@media only screen and (max-width: 959px) {
	#headerCntr.large .menuBox, #headerCntr.small .menuBox { display:none; }
	.mobileMenu, .mobileBox { display: block;}	
	#headerCntr.large, #headerCntr.small { height: 100px; border-bottom:3px solid #6b6b6b; }
	#headerCntr.large .logo, #headerCntr.small .logo { float: left; width: 262px; height: 80px; margin-top:10px; }
	#headerCntr.large .logo img, #headerCntr.small .logo img { width: 262px; height: 80px; }
	#headerCntr.large .slogan, #headerCntr.small .slogan {  width: 225px; text-align: right; font-size: 22px; line-height: 60px; margin-top: 16px; }
	#bannerCntr { margin-top:165px; }
	.contactBox .opening { margin-top:14px; }
	#contentCntr.page {  margin-top:165px; }
}
@media only screen and (max-width: 899px) {
	.searchBox { margin-right:10%; }
	.submenuBox { width:26%; }
	.contentBox { width:68%; }
	.input td.tdlabel { width:140px; }
	#footerCntr address { width:38%; }
	#footerCntr .col { width:25%; }
}
@media only screen and (max-width: 829px) {
	.searchBox { margin-right:7%; }
	.searchBox fieldset { width:200px; }
	#footerCntr address { width:41%; margin-right:1%; }
	#footerCntr .col { width:24%; margin-right:1%; }
}
@media only screen and (max-width: 779px) {
	.submenuBox { width:30%; }
	.contentBox { width:64%; }
}
@media only screen and (max-width: 765px) {
	#bannerCntr { height:auto; }
	#bannerCntr .right { display:none; }
	#sliderimgs { width:100%; height:auto; }
	#sliderCntr li img { width:100%; height:auto; }
	.phoneBox .afspraak { display:none; }
	.phoneBox { width:160px; }
	.phoneBox img { display:none; }
	.searchBox { margin-right:10%; }
	.phoneBox .telnr { display:none; }
	.phoneBox .telnrmob, .phoneBox .telnrmob img { display:block; color: #fff; font-size: 18px; line-height:40px; padding:0; }
	.phoneBox, .phoneBox .telnrmob { width:200px; }
	.phoneBox .telnrmob a, .phoneBox .telnrmob a:hover { color: #fff; font-size: 18px; line-height:40px; padding:0; text-decoration:none; } 
	#leftContentCntr { width:100%; }
	.newsBox, .welcomeBox, .sportsBox.sportsleft, .sportsBox.sportsright { width:47%; }
	.contactBox { width: 96%;float: left; padding: 2%; }
	.contactBox .opening, .submenuBox .opening { width:50%; margin-right:3%; float:left; margin-top:0; }
	.contactBox .contact, .submenuBox .contact { width:47%; margin-left:0%; float:right; }
	.contactBox a.button, .submenuBox a.button { margin:20px 0 0 0; }
	.submenuBox { width:96%; height:auto!important; }
	.submenuBox .submenu { display:none; }
	.contentBox { width:100%; margin:0; height:auto!important; }
	.input input, .input textarea, .input select { width:97%; }
	#footerCntr address { width: 51%; margin-right: 2%; }
	#footerCntr .col { width: 47%; margin-right: 0%; }
	#footerCntr .colfb { margin: 20px 0 0 0; float: left; width: 100%; text-align: center; }
}

@media only screen and (max-width: 699px) {
	/*#bannerCntr { display:none;} */
	/* #contentCntr { margin-top:165px; } */
}
@media only screen and (max-width: 629px) {
	#footerCntr address { width: 60%; margin-right: 2%; }
	#footerCntr .col { width: 38%; margin-right: 0%; }
}
@media only screen and (max-width: 599px) {
	.socialBox .volgons { display:none; }
	.socialBox { width:40px; }
}
@media only screen and (max-width: 569px) {
	#headerCntr.large .slogan, #headerCntr.small .slogan { display:none; }
	#footerBtmCntr, #footerBtmCntr a, #footerBtmCntr a:hover { font-size:12px; }
}
@media only screen and (max-width: 529px) {
	#footerCntr address { width: 100%; margin-right: 0%; margin-bottom:25px; }
	#footerCntr .col { width: 100%; margin-right: 0%; }
}
@media only screen and (max-width: 499px) {
	.searchBox { margin-right:5%; }
	.bannerBox { display:none; }
	.bannerBox.maps { display:block; }
	#contentCntr.page { margin-top:155px; }
	.contactBox .opening, .submenuBox .opening { width:100%; margin:0 0 25px 0; float:left; }
	.contactBox .contact, .submenuBox .contact { width:100%; margin:0 0 25px 0; float:left; }
	.newsBox, .welcomeBox, .sportsBox.sportsleft, .sportsBox.sportsright { width:100%; margin:0; }
	.newsBox, .welcomeBox, .sportsBox.sportsleft { width:100%; margin:0; border-bottom: 1px solid #efefef; padding-bottom: 25px; }
	.welcomeBox, .sportsBox.sportsleft, .sportsBox.sportsright { margin-top:20px; }
	#detailCntr { margin:0; }
}
@media only screen and (max-width: 469px) {
	.searchBox fieldset { width:120px; }
	.searchBox input.field { width:80px; padding:0; }

}
@media only screen and (max-width: 449px) {
	#footerBtmCntr, #footerBtmCntr a, #footerBtmCntr a:hover { font-size:11px; }
}
@media only screen and (max-width: 389px) {
	.phoneBox .telnrmob a, .phoneBox .telnrmob a:hover { font-size:16px; }
	.phoneBox { width:122px; }
	#footerBtmCntr, #footerBtmCntr a, #footerBtmCntr a:hover { font-size:10px; }
	.input td.tdlabel { width:100px; }
}
@media only screen and (max-width: 349px) {
	.searchBox { display:none; }
}