/************************************************************************************
smaller than 2500
*************************************************************************************/
@media screen and (max-width: 2500px) {



#header #social {
float:right;
width:140px;
margin-top:-45px;	
}




}

/************************************************************************************
smaller than 1250
*************************************************************************************/
@media screen and (max-width: 1250px) {

#header #social {
float:right;
width:100px;
margin-top:80px;	
}

#header_wraper p  {
	clear:both;
	float:left;
	padding-top:18px;
	font-size:15px;
}


#header_wraper p span {
	padding-right:15px;	
}

#header #social {
padding-top:6px;
}

#header #social a.fb {
	display:inline-block;
	width:23px;
	height:30px;
}

#header #social a.yt {
	display:inline-block;
	width:43px;
	height:30px;
}

#logo {
	float:left;
	margin-top:60px;
	margin-left:30px;	
}

#content li {
float:none;
width:80%;
margin-left:10%;
}

#afspraak .tel {
	display:inline-block;
}

#afspraak .telb {
display:none;
}

#footer_wraper .credits {
	font-size:14px;
	float:none;
	width:100%;
	text-align:center;
	padding-bottom:15px;
}

#footer_wraper .gegevens {
	font-size:14px;
	float:none;
	width:100%;
	text-align:center;
}

}

/************************************************************************************
smaller than 1074
*************************************************************************************/
@media screen and (max-width: 1084px) {

body {
		background: url(../images/header_drumles_in_bodegraven1b.jpg) no-repeat top center; 	   	
}


#header_wraper p {
float:left;
font-size:18px;
max-width:300px;
}

#logo {
width:330px;	
}

#header_wraper {	
padding-top:20px;
}

#header_wraper p span {
clear:both;
float:left;	
padding-left:0;
}

#header #social {
clear:both;
float:left;
width:100px;
margin-top:20px;	
margin-left:20px;
}

#menu .contact {
width:55%;
padding-left:10%;
font-size:16px;
}

#content li {
float:inherit;
width:100%;
margin-left:0;
}

#content p.pt {
clear:both;
float:left;
margin-left:-50px;
}


#prijzen .prijs {
	float:left;
	width:40%;
	margin-bottom:20px;
}

#footerimg {
	
}

#footerimg p {
	padding-top:150px;
}




}


/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {
	
#keuzes {
padding:40px 0 0px 0;
}


#keuzes  span {
width:20%;
margin-bottom:40px;
}

#keuze #text span img {
padding-bottom:10px;	
}

#prijzen .prijs {
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:20px;
}

#prijzen .toelichting  {
	text-align:center;
}

#footerimg a.fb {
	width:83px;
	height:83px;
}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

html {
background:none;	
}

body {
background:none;	
}

#logo {
width:100%;	
}

#header {
min-height:inherit;
background:#040404;
}

#header_wraper p{
	color:white;
}

#header_wraper p span a {
	color:white;
	text-decoration:underline;	
}

#header_wraper p span a:hover {
	color:white;
	text-decoration:underline;	
	}


#logo {
margin-top: 5%;
margin-left:7%;
margin-bottom:7%;
width:85%;	
max-width:320px;
}

.header_mb {
display:block;	
width:100%;
border-top:6px solid white;
border-bottom:6px solid #d99101;
}


#header_wraper p {
float:none;
font-size:18px;
max-width:inherit;
width:90%;
margin-left:5%;
margin-top:20px;
margin-bottom:20px;
}

#header_wraper p span {
clear:none;
float:left;	
padding-left:0;
display:inline-block;
}

#header #social {
 margin-bottom:40px;
 width:auto;
}

#header #social a.fb {
  background: url(../images/fb_wit.png) no-repeat left top; 
  	display:inline-block;
	width:30px;
	height:40px;
}

#header  #social a.fb:hover {
 background: url(../images/fb_wit.png) no-repeat left top;
  transition:0.5;
  opacity:0.7;
  	display:inline-block;
	}
	
	
#header #social a.yt {
background: url(../images/yt_wit.png) no-repeat left top; 
	display:inline-block;
	width:57px;
	height:40px;
	display:inline-block;
}

#header  #social a.yt:hover {
  background: url(../images/yt_wit.png) no-repeat left top; 
    transition:0.5;
	opacity:0.7;
	}


h1, h2 {
padding-left:10px;
padding-right:10px;
font-size:35px;
}

#foto .dt {
display:none;
}

#keuzes {
padding:40px 0 0px 0;
}


#content {
margin-top:55px;
}


#afspraak  {
		margin-top:55px;
	margin-bottom:0px;
}

#afspraak .invulvak {
	margin:2%;
	width:86%;
	padding:4%;
}

#afspraak .invulvak_b {
	margin:2%;
	width:86%;
	padding:4%;
}


#afspraak  .button {
	width:96%;
	margin-left:2%;
	margin-right:2%;
}


#footerimg p {
	padding-top:180px;
}


#keuzes  span {
width:40%;
margin-bottom:40px;
}

#footer .top {
display:block;
}

}

/************************************************************************************
smaller than 500
*************************************************************************************/
@media screen and (max-width: 500px) {








}



/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px) {





}