/*Styles for screen 960px and lower*/
@media only screen and (max-width: 1110px) {
	#floatingCntr { display: none; }
	#mainCntr { max-width: 952px; }
	#headerCntr { width: auto; }
	#footerText .inner { max-width: 952px; }
}


/*Styles for screen 961px and larger*/
@media only screen and (min-width: 961px) {
	body:after { content: "bp-DT"; display: none; }
}
/*Styles for screen between 761px and 960px*/
@media only screen and (min-width : 761px) and (max-width : 960px) {
	body:after { content: "bp-TL"; display: none; }
	/* ### Algemeen ### */
	#mainCntr { max-width: 760px; }		
	#contentCtr { width: 760px; background: url('./images/content_bg_760.png') no-repeat; }
	#meldingFeestdag { margin: 10px 11px 0 11px; }
	#leftCtr { width: 168px; padding-left: 11px; }
	#rightCntr { width: 579px; }
	#footerCntr .inner { max-width: 760px; }
	
	.menuBox ul { padding-right: 36px; }
	*:first-child+html .menuBox ul { width: 730px; }
	.menuBox li a { width: 154px; background: url('./images/menu_bg_medium.png') no-repeat; }
	.menuBox li.home a { background: url('./images/menu_home_medium.png') no-repeat; }
	.menuBox li.active a { background: url('./images/menu_bg_hover_medium.png') no-repeat; }
	
	.zoekBox { width: 144px; }
	.zoekBox h2 { font-size: 16px; }
	.zoekBox input.field { width: 130px; }
	.zoekBox select { width: 130px; }
	.zoekBox input.button { float: left; }
	
	.btnOpenOp { padding: 2px 3px; width: 154px; }

	.promSidebar { width: 160px; height: 600px; }
	.bffbox { background: url('./images/publi/sarenza/Long.png') no-repeat; width: 160px; height: 600px; }
	#provincie .promSidebar, #stad .promSidebar, #plaats .promSidebar, #winkelketen_plaats .promSidebar, #categorie_stad .promSidebar, #categorie_plaats .promSidebar, #straat .promSidebar, #categorieen_stad .promSidebar, #categorieen_plaats .promSidebar, #winkel .promSidebar { margin-top: 20px; width: 160px; height: 600px; }
	
	/* ### Homepage ### */
	.cityBox { display: none; }
		
	/* ### Categorieen ### */
	.linkBox { width: 162px; }
	.linkBox .kolom { width: 144px; }
	
	/* ### Provincie ### */
	.snelBox { width: 162px; }
	.snelBox input.field { width: 147px; }
	.snelBox input.button { float: right; margin: 3px 10px 0 0; }
	
	/* ### Openingsuren ### */
	.fbBox { width: 162px; }
}


/*Styles for screen between 591px and 760px*/
@media only screen and (min-width : 591px) and (max-width : 760px) {
	body:after { content: "bp-TP"; display: none; }
	/* ### Algemeen ### */
	#leftCtr { width: 579px; overflow: hidden; }
	#rightCntr { width: 579px; }
	#mainCntr { max-width: 590px; }
	#contentCtr { width: 590px; background: url('./images/content_bg_590.png') no-repeat; }
	#footerCntr .inner { max-width: 590px; }
	
	#categorie_stad #leftCtr, #categorie_plaats #leftCtr, #categorie_overzicht #leftCtr, #straat #leftCtr, #provincie #leftCtr, #stad #leftCtr, #plaats #leftCtr, #stad_open_op #leftCtr, #plaats_open_op #leftCtr, #categorieen_stad #leftCtr, #categorieen_plaats #leftCtr, #winkelketen_plaats #leftCtr, #winkelketen #leftCtr { order: 2; }
	#categorie_stad #rightCntr, #categorie_plaats #rightCntr, #categorie_overzicht #rightCntr, #straat #rightCntr, #provincie #rightCntr, #stad #rightCntr, #plaats #rightCntr, #stad_open_op #rightCntr, #plaats_open_op #rightCntr, #categorieen_stad #rightCntr, #categorieen_plaats #rightCntr, #winkelketen_plaats #rightCntr, #winkelketen #rightCntr { padding-left: 13px; order: 1; }
	#categorie_stad #contentCtr, #categorie_plaats #contentCtr, #categorie_overzicht #contentCtr, #straat #contentCtr, #provincie #contentCtr, #stad #contentCtr, #plaats #contentCtr, #stad_open_op #contentCtr, #plaats_open_op #contentCtr, #categorieen_stad #contentCtr, #categorieen_plaats #contentCtr, #winkelketen_plaats #contentCtr, #winkelketen #contentCtr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
		
	#categorie_stad #leftCtr, #categorie_plaats #leftCtr, #categorie_overzicht #leftCtr, #straat #leftCtr, #stad #leftCtr, #plaats #leftCtr, #stad_open_op #leftCtr, #plaats_open_op #leftCtr, #winkelketen_plaats #leftCtr, #winkelketen #leftCtr  { margin-top: 20px; }
	
	.menuBox ul { padding-right: 41px; }
	*:first-child+html .menuBox ul { width: 505px; }
	.menuBox li a { width: 110px; background: url('./images/menu_bg_small.png') no-repeat; }
	.menuBox li.home a { background: url('./images/menu_home_small.png') no-repeat; }
	.menuBox li.active a { background: url('./images/menu_bg_hover_small.png') no-repeat; }
	.shoppingcentersmenu { display: none; }
	
	.zoekBox { float: left; margin-bottom: 0px; }
	
	.promSidebar, #home .promSidebar { margin: 30px 20px 10px 0px; width: 200px; height: 200px; float: right; }
	.bffbox { background: url('./images/publi/sarenza/SmallSquare.png') no-repeat; width: 200px; height: 200px; }
	
	/* ### Homepage ### */
	#home .cityBox { display: none; }
	
	/* ### Steden ### */
	#steden .snelBox { margin-top: 10px; }
	
	/* ### Winkelketen ### */
	.btnOpenOp { width: 554px; }
	#winkelketen .promSidebar, #winkelketen_open_op .promSidebar { margin: 0; width: 0; height: 0; float: none; border: none; }
	
	/* ### Winkel ### */
	#winkel .linkBox { display: none; }
	#winkel .fbBox { display: none; }
	#winkel .promSidebar { border: none; width: 95%; height: 95%; overflow: none; float: none; margin: 10px auto 0px auto; text-align: center; }
	#winkel .bffbox { display: none; }
	
	/* ### Provincie ### */
	#provincie .snelBox { width: 300px; float: left; }
	#provincie .snelBox input.field { width: 177px; }
	#provincie .snelBox input.button { float: right; margin: 1px 10px 0 0; }
	
	#provincie .linkBox { width: 300px; }
	#provincie  .linkBox .kolom { width: 100%; }

	/* ### Categorie stad ### */
	#categorie_stad .linkBox { width: 338px; }
	#categorie_stad  .linkBox .kolom { width: 100%; }
	
	/* ### Categorie plaats ### */
	#categorie_plaats .linkBox { width: 338px; }
	#categorie_plaats  .linkBox .kolom { width: 100%; }
	
	/* ### Categorie Overzicht ### */
	#categorie_overzicht .promSidebar, #categorie_overzicht_open_op .promSidebar { margin: 0; width: 0; height: 0; float: none; border: none; }
	
	/* ### Shopping Centers ### */
	#shopping-centers .promSidebar { border: none; width: 95%; height: 95%; overflow: none; float: none; margin: 10px auto 0px auto; text-align: center; }
	#shopping-centers .bffbox { display: none; }
	
	/* ### Shopping Center ### */
	#shopping-center .promSidebar { margin: 0; width: 0; height: 0; float: none; border: none; }
	
	/* ### Straat ### */
	#straat .linkBox { width: 338px; }
	#straat  .linkBox .kolom { width: 100%; }
	
	/* ### Zoek ### */
	#zoek .zoekBox { width: 546px; }
	#zoek .zoekBox label { width: 156px; }
	#zoek .zoekBox input.field { width: 378px; }
	#zoek .promSidebar { display: none; }
	
	/* ### Contact ### */
	#contact .zoekBox { display: none; }
	#contact .promSidebar { display: none; }
	
	/* ### Privacy Policy ### */
	#privacy-policy .zoekBox { display: none; }
	#privacy-policy .promSidebar { display: none; }
	
	/* ### Winkel toevoegen ### */
	#winkel-toevoegen .zoekBox { display: none; }
	#winkel-toevoegen .promSidebar { display: none; }
}


/*Styles for screen 590px and lower*/
@media only screen and (max-width : 590px) {
	body:after { content: "bp-Mob"; display: none; }
	/* ### Algemeen ### */
	body { background: #fff url('./images/body_bg_mobile.png') repeat-x; }
	
	#headerCntr { height: 70px; }
	#headerCntr .logo { top: 27px; margin:0; width: 239px; height: 29px; background: url('images/logo_mobile.png') no-repeat; }
	#headerCntr .winkeltoevoegen { display: none; }
	#leftCtr { width: 100%; overflow: hidden; padding: 0; }
	#rightCntr { width: 100%; }
	#mainCntr { max-width: 100% }
	#contentCtr { width: 100%; background: none; }
	#meldingFeestdag { margin: 10px 5px 0 5px; }
	
	#footerText .inner { padding-left: 0px; }
	#footerText p { width: 100%; text-align: center; }
	#footerText p.links { float: left; padding-right: 0px; width: 100%; text-align: center; }
	
	#stad #leftCtr, #plaats #leftCtr, #stad_open_op #leftCtr, #plaats_open_op #leftCtr, #provincie #leftCtr, #categorie_stad #leftCtr, #categorie_plaats #leftCtr, #categorie_overzicht #leftCtr, #straat #leftCtr, #winkelketen_plaats #leftCtr, #categorieen_stad #leftCtr, #categorieen_plaats #leftCtr, #winkelketen #leftCtr  { order: 2; }
	#stad #rightCntr, #plaats #rightCntr, #stad_open_op #rightCntr, #plaats_open_op #rightCntr, #provincie #rightCntr, #categorie_stad #rightCntr, #categorie_plaats #rightCntr, #categorie_overzicht #rightCntr, #straat #rightCntr, #winkelketen_plaats #rightCntr, #categorieen_stad #rightCntr, #categorieen_plaats #rightCntr, #winkelketen #rightCntr { order: 1; }
	#stad #contentCtr, #plaats #contentCtr, #stad_open_op #contentCtr, #plaats_open_op #contentCtr, #provincie #contentCtr, #categorie_stad #contentCtr, #categorie_plaats #contentCtr, #categorie_overzicht #contentCtr, #straat #contentCtr, #winkelketen_plaats #contentCtr, #categorieen_stad #contentCtr, #categorieen_plaats #contentCtr, #winkelketen #contentCtr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	
	#stad #leftCtr, #plaats #leftCtr, #stad_open_op #leftCtr, #plaats_open_op #leftCtr, #categorie_stad #leftCtr, #categorie_plaats #leftCtr, #categorie_overzicht #leftCtr, #straat #leftCtr, #winkelketen_plaats #leftCtr, #winkelketen #leftCtr  { margin-top: 20px; }
	
	.menuMobile { display: inline; }
	.menuBox { position: relative; bottom: 0; left: 0px; width: 100%; top: 0px; height: 140px; }
	.menuBox ul { margin-top: 2px; padding-left: 0px; padding-right: 0px; display: block; clear: both; float: none; width: 100%; background: #eef7ff; border-bottom: solid #003b63; }
	*:first-child+html .menuBox ul { width: 100%; }
	.menuBox li { float: none; width: 95%; margin: 0px auto; border-top: 1px solid #003b63; }
	.menuBox li:first-child { border-top: none; }
	.menuBox li a { width: 100%; background: #eef7ff; color: #003b63; padding-left: 8px; text-align: left; text-decoration: none; text-transform: uppercase; font-weight: bold; }
	.menuBox li.home a { background: #eef7ff; }
	.menuBox li.active a { background: #eef7ff; }
	.menuBox { display: none; }
	.fb-button { display: none; }
		
	.promSidebar { margin: 0; width: 0; height: 0; float: none; border: none; }
	.bffbox { display: none; }
	.bffboxUren { display: none; }
	.adMobile { display: block; }
	.bannerCenter { margin-bottom: 10px; }
	.bannerTopSpace { margin-top: 20px; }
	
	.winkelBox { width: 95%; margin: 0 auto; }
	.winkelBox h1, .winkelBox h2, .winkelBox h3.nieuwste { font-size: 18px; }
	.winkelBox .left { width: auto; }
	.winkelBox .leftad { width: 234px; }
	.winkelBox .right { width: 75px; }
	.winkelBox input.field { width: 95%; }
	.winkelBox input.button { float: right; }
	
	.zoekBox { width: 298px; float: none; margin: 20px auto; }
	.zoekBox input.field { width: 148px; }
	.zoekBox select { width: 150px; }
	
	.retailBox { width: 95%; padding-top: 0px; margin: 0px auto; }
	.retailBox ul { width: 298px; margin: 0px auto; }
	.retailBox h1 { font-size: 18px; }
	.retailBox h3 { font-size: 18px; }
	.retailBox li { height: 95px; }
	.retailBox li a { width: 65px; }
	.retailBox li img { width: 65px; }
	
	#mededelingen .promSidebar { display: inline-block; border: none; width: 100%; height: 100%; overflow: none; margin: 10px auto 0 auto; text-align: center; }
	#mededelingen .mededelingenBox { width: 95%; padding-top: 0px; margin: 0 auto; }
	.mededelingenBox { width: 95%; padding-bottom: 25px; margin: 0 auto; }
	.mededelingenBox h1 { font-size: 18px; }
	.mededelingenBox h3 { font-size: 18px; }
	.mededelingenBox li .col2 { -moz-width: calc(100% - 73px); -webkit-width: calc(100% - 73px); width: calc(100% - 73px);}
	
	.pagingBox li.text a { width: 95%; }
	.pagingBox li.prev a { padding-bottom: 10px; }
	.pagingBox li.next a { padding-top: 10px; }
	
	
	/* ### Homepage ### */
	#home .cityBox { display: none; }
	
	/* ### Steden ### */
	#steden .promSidebar { display: inline-block; border: none; width: 100%; height: 100%; overflow: none; margin: 10px auto 0 auto; text-align: center; }
	#steden .snelBox { width: 95%; float: none; margin: 10px auto 0px auto; }
	#steden .snelBox h2 { font-size: 18px; }
	#steden .snelBox input.field { width: 95%; }
	#steden .snelBox input.button { float: right; margin: 5px 10px 0 180px; clear: both; }

	.stadBox { width: 95%; margin: 0 auto; }
	.stadBox h1 { font-size: 18px; }
	.stadBox .part { float: none; width: 100%; padding-left: 0px; margin: 0 auto; }
	.stadBox .sec { width: 272px; overflow: hidden; padding: 7px 0 2px 0; margin: 0 auto; }
	
	/* ### Winkelketens ### */
	.categoryBox { width: 95%; padding-top: 0px; margin: 0 auto; }
	.categoryBox h1, .categoryBox h2 { font-size: 18px; }
	.categoryBox h3 { font-size: 18px; }
	
	/* ### Winkelketen ### */
	.btnOpenOp { width: 90%; margin: 0 auto; }
	#winkelketen .winkelBox .beschrijving { width: 99%; }
	#winkelketen .winkelBox .beschrijving .image { display: none; }
	#winkelketen .winkelBox .beschrijving .tekst { float: left; width: 98%; }
	
	/* ### Winkelketen stad ### */
	#winkelketen_plaats .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	.linkBox { width: 95%; margin: 10px auto; padding-left: 0px; }
	.linkBox h2, .linkBox h3 { font-size: 18px; }
	.linkBox .kolom { float: left; width: 100%; }
		
	/* ### Provincie ### */
	#provincie .snelBox { width: 95%; float: none; margin: 10px auto; }
	#provincie .snelBox h2 { font-size: 18px; }
	#provincie .snelBox input.field { width: 95%; }
	#provincie .snelBox input.button { float: right; margin: 5px 10px 0 180px; clear: both; }
	#provincie .categoryBox { padding-top: 10px; }
	#provincie .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	
	/* ### Stad ### */
	#stad .promSidebar, #plaats .promSidebar, #stad_open_op .promSidebar , #plaats_open_op .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	
	/* ### Categorieen stad ### */
	#categorieen_stad .categoryBox { padding-top: 10px; }
	#categorieen_stad .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	
	/* ### Categorieen plaats ### */
	#categorieen_plaats .categoryBox { padding-top: 10px; }
	#categorieen_plaats .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	
	/* ### Categorie stad ### */
	#categorie_stad .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	
	/* ### Categorie plaats ### */
	#categorie_plaats .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
		
	/* ### Winkel ### */
	#winkel .linkBox { display: none; }
	#winkel .fbBox { display: none; }
	.openBox { width: 100%; margin: 0 auto; }
	.openBox h1 { font-size: 18px; width: 95%; margin: 0px auto 10px auto; }
	.openBox .open { text-align: center; width: 95%; margin: 0px auto 7px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.openBox .gesloten { text-align: center; width: 95%; margin: 0px auto 7px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.openBox .contact { width: 95%; margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.openBox .contact h4 { display: none; }
	.openBox .contact address { width: 220px; }
	#weekSwitch { width: 301px; margin: 18px auto 0px auto; }
	#week { width: 82px; letter-spacing: -0.5px; font-size: 10px; }
	#nextPrev { width: 219px; font-size: 10px; }
	#nextPrev a .icon { font-size: 8px; }
	.openBox .dayH { margin: 2px auto; width: 301px; }
	.openBox ul { width: none; border-right: none; } 
	.openBox li { width: none; }
	.openBox li .col1 { width: 70px; }
	.openBox .publHour { float: none; margin: 0; width: 0; height: 0; }
	.openBox .feestdag li { width: 281px; }
	#foutmelden .left { width: 301px; float: none; margin: 10px auto 0 auto; }
	#foutmelden .right { display: none; }
	#on-map { width: 90%; height: 300px; margin: 0 auto 10px auto; padding-bottom: 20px; }
	#map { width: 100%; height: 300px; }
	#report-popup { position: absolute; left: 5%; top: auto; margin-top: -150px; margin-left: 0px; width: 90%; }
	.infoBox { width: 97%; }
	
	/* ### Shopping Centers ### */
	#shopping-centers .promSidebar { display: inline-block; border: none; width: 100%; height: 100%; overflow: none; margin: 10px auto 0 auto; text-align: center; }
	
	/* ### Categorie ### */
	#straat .promSidebar { display: inline; border: none; width: 100%; height: none; overflow: none; text-align: center; }
	
	/* ### Zoek ### */
	#zoek .zoekBox { margin: 20px auto 0px auto; }
	
	/* ### Winkel Toevoegen ### */
	#winkel-toevoegen .zoekBox { display: none; }
	
	/* ### Contact ### */
	#contact .zoekBox { display: none; }
	.contentBox { width: 95%; margin: 0 auto; }
	.contentBox h1 { font-size: 18px; }
	#message { width:97%; }
	
	/* ### Privacy Policy ### */
	#privacy-policy .zoekBox { display: none; }
	
	/* Cookiemelding */
	.cc-cookies { font-size: 10px; }
}

/*Styles for screen 450px and lower*/
@media only screen and (max-width: 450px) {
	.winkelBox li.ad .right { display: none; }
}

/*Responsive AdSense*/
.openingstijdengidsnl-responsive-sidebar { display: block;}
@media only screen and (min-width : 591px) and (max-width : 760px) {
	#winkelketen .openingstijdengidsnl-responsive-sidebar { display: none; }
	#winkelketen_open_op .openingstijdengidsnl-responsive-sidebar { display: none; }
	#categorie_overzicht .openingstijdengidsnl-responsive-sidebar { display: none; }
	#categorie_overzicht_open_op .openingstijdengidsnl-responsive-sidebar { display: none; }
	#shopping-center .openingstijdengidsnl-responsive-sidebar { display: none; }
}
@media(max-width: 590px) {
	.openingstijdengidsnl-responsive-sidebar { display: none; }
	#mededelingen .openingstijdengidsnl-responsive-sidebar { display: block; }
	#steden .openingstijdengidsnl-responsive-sidebar { display: block; }
	#winkelketen_plaats .openingstijdengidsnl-responsive-sidebar { display: block; }
	#provincie .openingstijdengidsnl-responsive-sidebar { display: block; }
	#stad .openingstijdengidsnl-responsive-sidebar { display: block; }
	#plaats .openingstijdengidsnl-responsive-sidebar { display: block; }
	#stad_open_op .openingstijdengidsnl-responsive-sidebar { display: block; }
	#plaats_open_op .openingstijdengidsnl-responsive-sidebar { display: block; }
	#categorieen_stad .openingstijdengidsnl-responsive-sidebar { display: block; }
	#categorieen_plaats .openingstijdengidsnl-responsive-sidebar { display: block; }
	#categorie_stad .openingstijdengidsnl-responsive-sidebar { display: block; }
	#categorie_plaats .openingstijdengidsnl-responsive-sidebar { display: block; }
	#straat .openingstijdengidsnl-responsive-sidebar { display: block; }
	#shopping-centers .openingstijdengidsnl-responsive-sidebar { display: block; }
}

.openingstijdengidsnl-responsive-winkel { display: block;}
@media(max-width: 590px) { .openingstijdengidsnl-responsive-winkel { display: none; } }

.openingstijdengidsnl-responsive-mobile { display: none;}
@media(max-width: 590px) { .openingstijdengidsnl-responsive-mobile { display: block; } }

.openingstijdengidsnl-responsive-mobile-rect { display: none;}
@media(max-width: 590px) { .openingstijdengidsnl-responsive-mobile-rect { display: block; } }

.openingstijdengidsnl-responsive-results { display: block; margin-bottom: 10px; }