@media screen and (min-width: 0px)  {

	html{
		margin:0 auto;
		background-color:#ffffff;
		color:#000000;
		font-family: 'Open Sans', sans-serif;
		margin:0px;
		padding:0px;
		position:relative;
	}

	.modal {
		display:    none;
		position:   fixed;
		z-index:    1000;
		top:        0;
		left:       0;
		height:     100%;
		width:      100%;
		background: rgba( 255, 255, 255, .8 )
		            url('http://i.stack.imgur.com/FhHRx.gif')
		            50% 50%
		            no-repeat;
		opacity: 0.80;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
		filter: alpha(opacity = 80)
	}

	body.loading {
	    overflow: hidden;
	}

	body.loading .modal {
	    display: block;
	}


	input,textarea{
		border-radius:5px;
		padding:8px;
		border:0px;
	}

	textarea{
		font-family:inherit;
		font-size:0.8em:
	}

	.auto_select input, .auto_select textarea{
		padding:5px;
		border-radius:5px;
		border:1px solid #c9c9c9;
	}

	.auto_select .frm_focus{

	}

	.auto_select .button, .button{
		width:auto;
		cursor:pointer;
		-webkit-appearance: none;
		border-radius:5px;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
        outline:none;
		background-color:#146ba5;
		color:#ffffff;
		text-transform: uppercase;
		padding:10px;
		border:0px;
		font-size:0.9em;
	}

	.button:hover{
		opacity: 0.8;
		outline:none;
	}

	.button:active{
		position:relative;
		top:1px;
		outline:none;
	}
	
	.button-light{
		background-color:#2a9ae5;
	}

	#popup-content{

		min-width:140px;
		color:#000000;
		border-radius:5px ;
		opacity: 0;
   	 	transform: translateY(-50px);
    	transition: all .3s;

	}

	.fancybox-container a, .fancybox-controls, .fancybox-buttons , .fancybox-button--close{
		outline: none;
	}

	.fancybox-slide--complete #popup-content {
		opacity: 1;
		transform: translateY(0);
	}

	.btn-popup {
		display: inline-block;
		text-align:right;
		float:right;
		border:0px;
		background-color:#ad2100;
		border-radius:12px;
		color:#ffffff;
		padding:8px 15px;
		font-size:10px;
		outline:none;

	}



	.frmerror{
		border:1px solid #ff0000;
	}


	.formfeedback{
		color:#ff0000;
		font-style:italic;
	}



	.point{
		cursor:pointer;
	}


	a{
		outline: none;
		text-decoration:underline;
	}


	p, ul, ol{
		line-height:1.8em;
		margin-bottom:20px;
	}


	h1,h2,h3,h4{
		margin-bottom:50px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
	}

	h1{
		font-size:1.9em;

	}
	
	h1 small{
		font-size:0.8em;
		display:block;
		padding-top:15px;
	}

	h2{
		font-size:1.6em;
	}

	h3{
		font-size:1.3em;
	}
	
	h4{
		margin-bottom:15px;
	}

	strong{
		font-weight:bold;
	}

	small{
		font-size:0.8em;
	}

	em{
		font-style:italic;
	}


	ul, ol{
		list-style-type:disc;
		position:relative;
	}

	ol{
		list-style-type:decimal;
	}

	li{

	}


	.clear{
		clear:both;
	    height:0;
	    font-size: 1px;
	    line-height: 0px;
	}

	#cookiebanner{
		height:50px;
		position:fixed;
		color:#ffffff;
		width:100%;
		left:0px;
		top:0px;
		z-index:9997;
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);

	}
	
	
	#cookiebanner-background{
		height:50px;
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
		background-color:#000000;
		opacity: 0.7;
    	filter: alpha(opacity=70);
		z-index:9998;
			
	}
	
	
	#cookiebanner a{
		color:inherit;
	}

	#cookiebanner #cookiebanner-tekst{
		position:absolute;
		top:17px;
		left:10px;
		font-size:14px;
		z-index:9999;
		color:#ffffff;
	}

	#cookiebanner-accept{
		width:auto;
		position:absolute;
		top:11px;
		right:15px;
		z-index:9999;
		color:#ffffff;
	}

	#cookiebanner-accept button{
		width:auto;
		cursor:pointer;
		-webkit-appearance: none;
		border:0px;
		background-color:#ad2100;
		color:#ffffff;
		font-size:11px;
		border-radius:10px;
		font-size:12px;
		padding:5px;
	}
	#cookiebanner-accept button:hover{
		background-color:#d72900;
	}

	#trigger-nav{
		background-color:#2a9ae5;
    	color:#ffffff;
    	-webkit-transition: .5s ease-in-out;
	 	 -moz-transition: .5s ease-in-out;
	  	-o-transition: .5s ease-in-out;
	  	transition: .5s ease-in-out;
	  	cursor:pointer;
	  	width:auto;
	  	height:27px;
	  	font-size:1.7em;
	  	padding:8px;
	  	position:absolute;
	  	top:0px;
	  	right:0px;
	  	z-index:901;
	}

	#trigger-nav:hover{
		background-color:#51a7e1;
	}

	#nav-icon{
		width: 30px;
		height: 10px;
		position: relative;
		margin: 3px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display:inline-block;
		vertical-align:top;
	}

	#nav-icon span{
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #ffffff;
		border-radius: 4px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon span:nth-child(2) {
	  top: 8px;
	}

	#nav-icon span:nth-child(3) {
	  top: 16px;
	}

	#nav-icon.open span:nth-child(1) {
	  top: 8px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	#nav-icon.open span:nth-child(2) {
	  opacity: 0;
	  left: -60px;
	}

	#nav-icon.open span:nth-child(3) {
	  top: 8px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	
	header{
		background-image:url("../img/header.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size:cover;
		width:100%;	
	}
	
	#header-afspraak{
		font-family: 'Montserrat', sans-serif;
		text-transform:uppercase;
	}
	
	#header-contact-data a{
		color:inherit;
	}
	
	.nav-item{
		color:#ffffff;
		text-transform:uppercase;
		font-family: 'Montserrat', sans-serif;
		-webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
		
	}
	
	.nav-item a{
		color:#ffffff;
		text-decoration:none;

	}
	
	.container{
		width:80%;
		max-width:1200px;
		margin:80px auto;
	}
	
	#shortgalery{
		background-color:#eaeaea;
		padding:50px;
	}
	
	.slick-slide{
		text-align:center;
	}
	.slick img{
		height:auto; 
		width:80%;
		margin:auto;
	}
	
	.slick-prev {
		left: -25px;
	}
	
	.slick-next {
    	right: -25px;
	}
	
	.slick-prev, .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 20px;
		height: 20px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
	
	.slick-prev::before {
		content: '←';
	}

	.slick-next::before {
		content: '→';
	}
	
	.slick-prev::before, .slick-next::before {
		font-family: 'slick';
		font-size: 20px;
		line-height: 1;
		opacity: .75;
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	#subspecialisaties{
		background-color:#2a9ae5;
	}
	
	#subspecialisaties-opsomming{
		color:#ffffff;
		background-color:#51a7e1;
		padding:50px;
		height:auto;
	}
	
	.therapie-uitgelicht{
			color:#ffffff;
	}
	
	.therapie-uitgelicht p{
			line-height:1.4em;
	}
	
	.therapie-uitgelicht img{
		width:250px;
		height:auto;
	}
	
	.therapie-uitgelicht a{
		color:#ffffff;
		font-style:italic;
		font-size:0.9em;
	}
	
	#tinymce.mce-content-body p, #tinymce.mce-content-body h4{
		color:#000000; !important
	} 
	
	.subteam-item-foto{
		display:inline-block;
		vertical-align: middle;
		width:100px;
	}
	
	.subteam-item-foto img{
		width:80px;
		height:auto;
		margin-bottom:10px;
	}
	
	.subteam-item-naam{
		display:inline-block;
		vertical-align: middle;
		width:200px;
	}
	
	.subteam-item-naam h3{
		color:#2a9ae5;
		margin-bottom:0px;
	}
	
	.subteam-specialisaties ul{
		list-style-type:none;
		margin-left:20px;
	}
	
	.subteam-specialisaties ul li::before {
		  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		  color: #2a9ae5; /* Change the color */
		  font-weight: bold; /* If you want it to be bold */
		  display: inline-block; /* Needed to add space between the bullet and the text */
		  width: 1em; /* Also needed for space (tweak if needed) */
		  margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
	
	.subteam-header{
		margin-bottom:40px;
	}
	
	.subteam-item{
		margin-bottom:50px;
	}
	
	footer{
		background-color:#146ba5;
		padding:50px;
		color:#ffffff;
	}
	
	.footer-item img{
		float:left;
		margin-right:10px;
	}
	
	.footer-item h3 small{
		text-transform:none;
		font-size:0.7em;
	}
	
	.footer-item h3{
		margin-bottom:0px;
		height:65px;
	}
	
	.footer-item:nth-of-type(2) p{
		position:relative;
		top:6px;
	}
	
	footer a{
		color:#ffffff;
	}
	
	.about-team-item{
		margin-bottom:20px;	
	}
	.about-item-foto{
		float:left;
	}
	
	.about-item-foto img{
		width:70px;
		height:auto;
		margin-right:10px;
	}
	
	.about-item-naam{
		float:left;
		width:240px;
		font-size:0.9em;
	
	}
	
	#specialisaties-overzicht{
		
	}
	
	.specialisatie-item{
		margin-bottom:50px
	
	}
	
	
	.specialisatie-item-header{
		
	
	}
	
	.specialisatie-item-header img{
		
		width:95%;
		max-width:300px;
	}
	
	
	.specialisatie-item-content{
		
	}
	
	.specialisatie-item-content p{
		font-weight:lighter;
		line-height:1.6em;
		font-size:1em;
	}
	
	
	
	.specialisatie-item-content h3{
		text-transform: none;
		margin-bottom:25px;
		font-weight:bold;
	}
	
	
	
	
	#kinesisten{
		text-align:center;
	}
	
	.kinesisten-item{
		text-align:left;
		vertical-align: top
	}
	
	.kinesisten-item-header img{
		float:left;
		width:100px;
		height:auto;
		margin-right:10px;
		vertical-align: middle;
	}
	
	.kinesisten-item-header h2{
		position:relative;
		color:#2a9ae5;
		vertical-align: middle;
		top:22px;
	
	}
	
	
	.kinesisten-item-opleiding{
		padding:30px;
		min-height:180px;
	}
	
	
	.kinesisten-item-specialisaties{
		background-color:#2a9ae5;
		color:#ffffff;
		padding:30px;
		text-align:left;
	}
	
	#kinesisten ul{
		margin-bottom:0px;
		padding:0px;
	}
	
	#contactformulier{
		background-color:#146ba5;
		padding:40px;
	
	}
	
	#inner-contactformulier{
		width:100%;
		max-width:800px;
		margin:0 auto;
		text-align:center;
		color:#ffffff;
	}
	
	#map{
		width:100%;
		height:400px;
	}
	
	#frm-contact label{
		display:block;
		margin-bottom:5px;
		font-weight:bold;
	}
	
		
	#frm-contact #frm-contact-privacy{
		width:auto;
	}
	
	#frm-contact .button{
		width:auto;
	}
	
}
	





@media screen and (max-width: 900px)  {		/* DIT IS VOOR DE MOBIELE BROWSERS */
	#cookiebanner{
		height:100px;
	}

	#cookiebanner-accept{
		top:55px;
		left:10px;
	}

	nav{
		display:none;
		position:absolute;
		top:40px;
		left:0px;
		width:100%;
		background-color:#51a7e1;
		z-index:900;
		padding:20px 0px;
	}

	.nav-item{
		text-align:center;
		width:80%;
		margin:10px auto;
		color:#ffffff;
		padding:10px;
		border-bottom: 1px solid #ffffff;
	}

	.home-list{
		text-align:center;
	}

	.home-list ul{
		left:0px;
		list-style-type:none;
	}

	header{
		height:250px;
	}
	#header-top-afspraak{
		width:90%;
		height:30px;
		padding-top:13px;
		padding-left:10px;
		background-color:#51a7e1;
		color:#ffffff;
		font-size:0.8em;
	}
	
		
	#header-contact-logo{
		position:absolute;
		top:60px;
		left:0px;
		width:100%;
		text-align:center;
	}
	
	#header-contact-logo img{
		max-width:300px;
		width:80%;
		height:auto;
	}
	
	#header-contact-data{
		display:none;
	}
	
	.container{
		margin:80px auto;
		text-align:center;
	}
	
	#home-inleiding{
		margin-bottom:40px;
		
	}
	
	#home-afbeelding{
		
	}
	
	#home-afbeelding img{
		height:auto;
		width:90%;
		max-width:500px;
	}
	
	
	#subspecialisaties-opsomming{
		text-align:center;
	}
	
	#subspecialisaties-uitgelicht{
		text-align:center;
		width:100%;
			
	}
	
	#subspecialisaties-uitgelicht img{
		margin-bottom:30px;
	}
	
	.therapie-uitgelicht{
		padding:20px;
	}
	
	.kinesisten-item{
		width:90%;
		padding:10px;
		margin-bottom:40px;
	}
	
	.kinesisten-item{
		font-size:0.9em;
	}
	
	.footer-item{
		text-align: left;
		margin:0px auto 50px auto;
		width:80%;
		
	}
	
	.footer-item img{
		margin-bottom:10px;
		width:40px;
		height:auto;
	}
	

	#frm-contact input,	#frm-contact textarea{
		width:80%;
		margin:0 auto;
		margin-bottom:30px;
	}
	
	#frm-contact #frm-contact-privacy{
		margin-bottom:30px;
	}
	
	#frm-contact .button{
		width:auto;
	}
	
	.specialisatie-item-header{
		margin-bottom:20px;
	}
	

	#specialisaties-andere ul{
		margin-bottom:0px;
		padding:0px;
		list-style-type: none;
	}
	
	
}




@media screen and (min-width: 900px)  {		/* DIT IS VOOR DE STANDAARD BROWSERS */
	#trigger-nav{
		display:none;
	}
	
	header{
		height:400px;
	}
	
	#header-top{
		width:100%;
		position:absolute;
		height:30px;
		top:0px;
		left:0px;
		background-color:#2a9ae5;
		color:#ffffff;
		z-index:850;
	}
	
	nav{
		position:absolute;
		top:0px;
		right:10px;
		z-index:900;
	
	}
	
	.nav-item{
		display:inline-block;	
		margin-left:15px;
		padding:7px;
	}
	
	.nav-item:hover, .nav-item-selected{
		background-color:#51a7e1;
	}
	
	

	
	#header-top-afspraak{
		width:300px;
		height:25px;
		padding-top:5px;
		padding-left:10px;
		background-color:#51a7e1;
	}
	
	#header-contact{
		width:310px;
		background-color:rgba(255,255,255,0.5);
		height:400px;
	}
	
	#header-contact-logo{
		position:absolute;
		top:40px;
		left:20px;
	}
	
	#header-contact-logo img{
		width:250px;
		height:auto;
	}
	
	#header-contact-data{
		position:absolute;
		top:160px;
		left:20px;
	}

	#header-contact-data>div{
		margin-bottom:20px;
	}
	
	
	.header-contact-data-icon{
		display: inline-block;
		margin-right:30px;
		vertical-align: middle;
	}
	
	.header-contact-data-icon img{
		width:35px;
		height:auto;
	}
	
	
	.header-contact-data-info{
		display: inline-block;
		vertical-align: middle;
	}
	
	#home-inleiding{
		float:left;
		width:60%;
	}
	
	#home-afbeelding, #about-team{
		float:right;
		width:30%;
	}
	
	#home-afbeelding img{
		height:auto;
		width:100%;
	}
	
	
	#subspecialisaties-opsomming{
		float:left;
		width:30%;
		padding:30px;
	}
	
	#subspecialisaties-uitgelicht{
		float:left;
		width:60%;
		
	}
	
	.specialisatie-item-header{
		display:inline-block;
		width:30%;
		margin-right:25px;
		vertical-align:top;
	}
	
	.specialisatie-item-content{
		display:inline-block;
		width:60%;
		vertical-align:top;
	}
	
	.therapie-uitgelicht{
		width:90%;
		margin: 30px auto;
		font-size:0.9em;
	}
	
	
	.therapie-uitgelicht img{
		width:90%;	
	}
	
	.therapie-uitgelicht-foto{
		width:35%;
		float:left;
	}
	
	.therapie-uitgelicht-tekst{
		float:left;
		width:60%
	}
	
	#subteam-outer{
		
	}
	
	#subteam-conventie{
		padding-top:40px;
		text-align:center;	
		font-style:italic;
		font-size:0.9em;
	
	}
	
	
	#subteam{
	 	display: flex;
		justify-content: center;
	}
	.subteam-item{
		display:inline-block;
		margin:0px 50px;
	}
	
	.subteam-specialisaties{
		height:260px;
		overflow:hidden;
	}
	
	.footer-item{
		float:left;
		width:40%;
	}
	
	.footer-item:nth-of-type(2){
		width:25%;
	}
	
	.footer-item:nth-of-type(3){
		width:30%;
		float:right;
		text-align:right;
	}
	
	.kinesisten-item{
		display:inline-block;
		padding:40px;
		width:40%;
		max-width:400px;
	}
	
	.form-row{
		margin-bottom:30px;
		
	}
	
	.form-col{
		display:inline-block;
		margin-right:10px;
		text-align:left;
	}
	
	
	
	#frm-contact input{
		width:300px;
	}
	
	#frm-contact textarea{
		width:640px;
		height:80px;
		position:relative;
		left:-5px;
	}

	
	#specialisaties-andere{
		display:flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	
	#specialisaties-andere ul{
		display:inline-block;
		margin-left:15px;
	}
	
		

	
}


@media screen and (min-width: 1100px)  {		/* DIT IS VOOR DE STANDAARD BROWSERS */
	header{
		height:400px;
	}
	
	
	.therapie-uitgelicht{
		margin: 40px auto;
		font-size:1em;
	}
	
	
	.subteam-specialisaties{
		height:200px;
		overflow:hidden;
	}
	
	#subspecialisaties-opsomming{
		width:25%;
		padding:60px;
	}
}


@media screen and (min-width: 1300px)  {		/* DIT IS VOOR DE STANDAARD BROWSERS */
	header{
		height:500px;
	}
	
	#header-contact{
		height:500px;
	}
	
	#header-contact-logo{
		
		top:60px;
	}
	
	#header-contact-logo img{
		width:250px;
		
	}
	
	#header-contact-data{
		top:200px;
	}

	#header-contact-data>div{
		margin-bottom:30px;
	}
	

	.header-contact-data-icon img{
		width:40px;
		
	}
	
	.therapie-uitgelicht{
		margin: 60px auto;
		font-size:1em;
	}
}