@media only screen and (min-width: 960px) {
	.wrapper {
		width: 960px;
		margin: 0 auto;
	}
	
	#main-menu {
		float: right;
	}
	
	#main-menu ul {
		margin: 60px 0 0 0;
		padding: 0;
		list-style: none;
		float: right;
	}
	
	#main-menu li {
		float: left;
		margin-left: 30px;
	}
	
	#main-menu li:first-child {
		margin-left: 0;
	}
	
	#main-menu li a {
		color: #00257a;
		text-decoration: none;
	}
	
	#main-menu li a:hover, .hover {
		color: #00a1de !important;
	}
	
	#pull {
		display: none;
	}

	.home-blok {
		float: left;
		margin: 10px; 
		max-height: 275px;
	}
	
	.width-1 {
		width: 300px;
	}
	
	.width-1 > .home-blok-tekst {
		width: 290px !important;
	}
	
	.width-2 {
		width: 620px;
	}
	
	.width-2 > .home-blok-tekst {
		width: 610px !important;
	}
	
	.width-3 {
		width: 940px;
	}
	
	.width-3 > .home-blok-tekst {
		width: 930px !important;
	}
	
	.no-marg {
		margin-right: 0;
	}

	.home-blok-image {
		width: 100%;
		float: left;
	}

	.home-blok-titel, .home-blok-titel a {
		color: #00257a !important;
		text-decoration: none;
		padding-top: 10px;
		width: 290px;
		padding: 0 5px;
		float: left;
		font-size: 14px;
		background: #00a1de;
	}

	.home-blok-tekst, .home-blok-tekst a {
		/*width: 290px;*/
		padding: 5px;
		text-decoration: none;
		float: left;
		color: #ffffff;
		font-size: 10px;
		background: #00a1de;
		height: 95px;
	}
	
	.tekst-spec {
		height: 265px;
	}
	
	#openingstijden-links {
		width: 585px;
		float: left;
		margin: 20px 0 20px 15px;
	}
	
	#ervaren-open {
		max-width: 600px !important;
	}
	
	#nieuwsbrief {
		/*padding: 88px 33px;*/
	}
	
	#inschrijf-nieuws {
	/*	height: 76px;*/
	}

	#inschrijf-nieuws input[type="text"] {
		border: 1px solid #00a1de;
		border-radius: 0;
		padding: 10px 5%;
		margin-right: 30px;
		width: 90%;
	}

	#inschrijf-nieuws input[type="submit"] {
		border-radius: 0;
		border: 0;
		padding: 10px 15px;
		background: #ec7500;
		text-transform: uppercase;
		color: #ffffff;
	}
	
	.home-blok-rij {
		width: 100%;
		float: left;
	}
	
	#nieuwsbrief {
	}
	
	.home-blok #app {
		width: 100%;
	}
	
	#social img {
		margin-top: -5px;
	}
	
	#slideshow {
		margin: 0 0 10px 0;
	}
	
	#zoeken {
		float: right;
		height: 30px;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 960px) {
	.wrapper {
		width: 96%;
		margin: 0 2%;
	}
	
	#logo {
		text-align: center;
		width: 100%;
		margin: 0 0 20px;
	}

	#head-talen {
		width: 100%;
		text-align: center;
		margin: 5px 0 10px 0;
	}
	
	#pull {
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		float: left;
		color: #ffffff;
	}
	
	#pull span {
		margin-left: 5px;
	}
	
	#hoofd-span {
		float: left;
		margin-right: 20px;
		margin-top: 3px;
	}
	
	#jsddm {
		display: none;
		width: 98%;
		margin: 0 0 -2px 0;
		padding: 10px 0 2px 2%;
		list-style: none;
		float: left;
		background: #00a1de;
		border-radius: 4px 4px 0 0;
	}
	
	#jsddm li {
		width: 100%;
		margin: 5px 0;
		float: left;
	}
	
	#jsddm a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#jsddm a:hover {
		text-decoration: underline;
	}

	#jsddm li ul {
		width: 100%;
		float: left;
		visibility: visible !important;
		opacity: 1;
		position: static;
		background: #00a1de;
		margin-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
	}
	
	#nieuwsbrief {
		width: 96%;
		padding: 0 2%;
	}
	
	#tijdtabel {
		width: 100% !important;
		min-width: 300px !important;
		float: left;
	}
	
	#tijdtabel td {
		padding: 0 1px;
	}
	
	#webcam {
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	
	.border-right {
		border-right: 0;
		margin: 0 0 30px 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		width: 100% !important;
		text-align: center;
	}
	
	.home-blok {
		height: auto !important;
		margin: 1% !important;
		float: left;
		height: 355px;
	}
	
	.home-blok-imageonly img {
		width: 100%;
	}
	
	.tekst-spec {
	/*	height: 335px;*/
	}
	
	.width-1 {
		width: 48%;
	}
	
	.width-2 {
		width: 98%;
	}
	
	.width-3 {
		width: 98%;
	}
	
	.home-blok #app {
		width: 100% !important;
		float: left !important;
	}

	.home-blok-image {
		width: 100%;
		float: left;
	}
	
	.home-blok-image img {
		width: 100%;
	}

	.home-blok-titel, .home-blok-titel a {
		color: #00257a;
		padding-top: 10px;
		width: 96% !important;
		text-decoration: none;
		padding: 5px 2% 0 !important;
		float: left;
		font-size: 14px;
		background: #00a1de;
	}

	.home-blok-tekst, .home-blok-tekst a {
		text-decoration: none;
		width: 96% !important;
		padding: 10px 2% !important;
		padding: 5px 0;
		float: left;
		color: #ffffff;
		font-size: 10px;
		background: #00a1de;
	}
	
	.spec {
		max-height: 220px;
		overflow: hidden;
		margin: 1%;
	}
	
	.spec img {
		max-height: 220px;
	}
	
	#app {
		float: left !important;
		width: 100%;
		text-align: center;
	}
	
	#app-link img {
		max-width: 100% !important;
 	}
	
	#nieuwsbrief-wrap {
		width: 98%;
		margin: 1%;
	}
	
	#nieuwsbrief {
		width: 100% !important;
		padding: 10px 0 !important;
	}
	
	#nieuwsbrief-tekst {
		padding: 2%;
		width: 98% !important;
	}

	#inschrijf-nieuws input[type="text"] {
		border: 1px solid #00a1de;
		border-radius: 0;
		padding: 10px 0;
		margin: 0 0;
		width: 97% !important;
	}

	#inschrijf-nieuws input[type="submit"] {
		border-radius: 0;
		border: 0;
		padding: 10px 15px;
		background: #ec7500;
		text-transform: uppercase;
		color: #ffffff;
	}
	
	#social img {
		margin-top: -5px;
	}
	
	#slideshow {
		margin: 0 0 1% 0;
	}
	
	#zoeken {
		float: right;
		height: 30px;
	}

	#nieuws-overzicht {
		width: 100%;
		box-sizing: border-box;
	}

	.nieuws-item {
		width: 100%;
		box-sizing: border-box;
	}

	.nieuws-titel {
		width: 100%;
		box-sizing: border-box;
	}

	.nieuws-kort {
		width: 100%;
		margin-top: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	.nieuws-foto, .nieuws-foto img {
		width: auto;
		height: auto;
		margin: 0 0 10px 10px;
	}
	
	.contentitem img {
		max-width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 550px) {
	.nieuws-item {
		width: 100%;
	}

	.nieuws-titel {
		width: 100%;
	}

	.nieuws-kort {
		width: 100%;
	}

	.nieuws-foto {
		width: 100%;
		float: left;
		text-align: center;
		margin: 10px 0;
	}

	.nieuws-foto img {
		float: none;
		margin: 0;
	}
	
	#detail-image {
		width: 100%;
		float: left;
		text-align: center;
		max-width: none;
		box-sizing: border-box;
		margin-left: 0;
	}

	#detail-image img {
		margin: 0;
	}
	
	.nieuws-foto-detail {
		float: none !important;
	}
}

@media only screen and (max-width: 500px) {
	.slide-text {
		position: relative;
		height: 50px;
		margin-top: -55px;
		z-index: 100;
		padding: 0 15px;
	}

	.slide-title {
		font-size: 27px;
		color: #00a1de;
		font-weight: bold;
		text-shadow: 2px 2px #000000;
	}

	.slide-text {
		font-size: 12px;
		color: #ffffff;
		text-shadow: 2px 2px #000000;
	}
	
	#slideshow {
		display: none;
	}

	#disclaimer-menu {
		width: 100%;
		float: left;
		text-align: center;
	}
	
	#copyright {
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 10px;
	}

	.home-blok {
		width: 100% !important;
		float: left;
		margin: 1% 0 1% 0 !important;
	}
	
	#slideshow {
		margin: 0 0 1% 0;
	}

	.home-blok-image {
		width: 100%;
		float: left;
	}
	
	.home-blok-image img {
		width: 100%;
	}

	.home-blok-titel, .home-blok-titel a {
		color: #00257a;
		padding-top: 10px;
		text-decoration: none;
		width: 100%;
		padding: 0;
		float: left;
		font-size: 14px;
		background: #00a1de;
	}

	.home-blok-tekst, .home-blok-tekst a {
		width: 100%;
		text-decoration: none;
		padding: 5px 0;
		float: left;
		color: #ffffff;
		font-size: 10px;
		background: #00a1de;
	}
	
	#inschrijf-nieuws input[type="text"] {
		border: 1px solid #00a1de;
		border-radius: 0;
		padding: 10px 0;
		margin: 0 0;
		width: 90% !important;
	}

	#inschrijf-nieuws input[type="submit"] {
		border-radius: 0;
		border: 0;
		padding: 10px 15px;
		background: #ec7500;
		text-transform: uppercase;
		color: #ffffff;
		margin: 10px 0 0 0;
	}
	
	#app-link, #app-link img {
		width: 100% !important;
		float: left;
		margin: 20px 0 0 0 !important;
	}
	
	.spec {
		display: block;
	}
}

@media only screen and (max-width: 450px) {
	#logo img {
		width: 96% !important;
		margin-left: 2% !important;
		margin-right: 2% !important;
	}
	
	#header {
		height: 125px !important;
		text-align: center !important;
	}
	
	#tel-nummer {
		width: 100% !important;
		float: left !important;
		text-align: center !important;
	}
	
	#social {
		float: left !important;
		box-sizing: border-box;
	}
	
	#social-head {
		float: none;
		margin: 10px auto;
		text-align: center !important;
		width: 200px;
		box-sizing: border-box;
	}
	
	#social-head a {
		float: left !important;
	}
	
	#social-head img {
		width: 30px;
		height: 30px;
		float: left !important;
	}
	
	#zoeken {
		width: 98%;
		float: none;
		height: 30px;
		position: absolute;
		margin-top: 40px;
		box-sizing: border-box;
	}

	/*#head-talen {*/
		/*width: 98%;*/
		/*float: none;*/
		/*position: absolute;*/
		/*margin-top: 85px;*/
		/*margin-left: 0;*/
		/*margin-right: 0;*/
		/*box-sizing: border-box;*/
	/*}*/
}



.box-1 {
      float: left;
      position: relative;
      width: 31.3%;
      /*padding-bottom: 31.3%;*/
        padding-bottom: 26.05%;
	  margin: 1%;
	  font-size: 14px;
    }
	
	.box-2 {
      float: left;
      position: relative;
      width: 64.6%;
      /*padding-bottom: 31.3%;*/
        padding-bottom: 26.05%;
	  margin: 1%;
	  font-size: 14px;
    }
	
	.box-3 {
      float: left;
      position: relative;
      width: 98%;
      /*padding-bottom: 31.3%;*/
        padding-bottom: 26.05%;
	  margin: 1%;
	  font-size: 14px;
    }
    .boxInner {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
    }
    .boxInner img {
      width: 100%;
    }
    .boxInner .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: -50px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
      margin-bottom: 0;
    }
    @media only screen and (max-width : 560px) {
      /* Smartphone view: 1 tile */
      .box-1 {
        width: 98%;
        padding-bottom: 81.8%;
		margin: 1%;
      } 
	  
	  .box-2 {
        width: 98%;
        padding-bottom: 81.8%;
		margin: 1%;
      }
	  
	  .box-3 {
        width: 98%;
        padding-bottom: 81.8%;
		margin: 1%;
      }
    }
    @media only screen and (max-width : 960px) and (min-width : 560px) {
      /* Tablet view: 2 tiles */
      .box-1 {
        width: 48%;
        padding-bottom: 40%;
		margin: 1%;
      }
	  
	  .box-2 {
        width: 98%;
        padding-bottom: 40%;
		margin: 1%;
      }
	  
	  .box-3 {
        width: 98%;
        padding-bottom: 40%;
		margin: 1%;
      }
    }
    @media only screen and (max-width : 1050px) and (min-width : 960px) {
      /* Small desktop / ipad view: 3 tiles */
      .box-1 {
        width: 31.3%;
        padding-bottom: 26.05%;
		margin: 1%;
      }
	  
	   .box-2 {
        width: 64.6%;
        padding-bottom: 26.05%;
		margin: 1%;
      }
	  
	   .box-3 {
        width: 98%;
        padding-bottom: 26.05%;
		margin: 1%;
      }
    }
	
	.home-teksten, .home-teksten a {
		text-decoration: none;
		color: #ffffff;
		padding: 0 10px;
	}
	
	.home-teksten a {
		padding: 0 !important;
	}