/* Extra Large screens
=======================================================================*/
@media only screen and (min-width: 1825px) {

}
/* Large screens
=======================================================================*/
@media only screen and (max-width: 1824px) {
#contactrechtsonder{
	display:none;
}
#contactonder{
	display:block;
}
}
/* Large screens
=======================================================================*/
@media only screen and (min-width: 1650px) {
#socialmedia{
	margin-bottom:0px;
	position:fixed;
	right:15px;
	top:50px;		
}
}


@media only screen and (min-width: 1145px) and (max-width: 1474px){
#socialmedia{
	margin-bottom:0px;
	position:fixed;
	right:15px;
	top:50px;		
}
}
/* Desktops and laptops 
=======================================================================*/
@media only screen and (max-width: 1474px) {
	

body,html{
	background-position:0px 0%;
}
	
	
#menubalk{
	left:0px;	
}


#fotolinks{
	display:none;
}


#contentcontainer{
	margin-left:250px;
	width:680px;
}

#grijzebalk{
	background-position:250px 0%;
}



}
/* Tablet Layout: 768px.
=======================================================================*/
@media only screen and (max-width: 980px) {
body{
	background-position:-300px 0%;	
}

#grijzebalk{
	background-position:0px 0%;	
}

#broodkruimel{
	width:150px;	
}

#broodkruimelocatie{
	display:none;	
}

#menubutton{
	margin-top:6px;
	margin-right:10px;
	cursor:pointer;
	display:block;
}
	
.banner{
	display:none;	
}

#menubalk{
	left:-300px;
}


#contentcontainer{
	margin-left:0px;
	width:840px;
}




#toplogo{
	display:block;
	position:relative;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}

#contentspacer{
	height:50px;
	clear:both;	
}

}
/* Wide Mobile Layout: 480px. 
============================================================================*/
@media only screen  and (max-width: 880px) {
	
#contentcontainer{
	width:94%;
}

.nieuwsbriefoverzichtlijst2 .datum{
	width:25%;	
}

.nieuwsbriefoverzichtlijst2 .titel{
	width:70%;	
	overflow: hidden;
	white-space: nowrap; 
	height:25px;
	line-height:25px;
	text-overflow: ellipsis;
}

@media only screen  and (max-width: 667px) {
	
#contentcontainer{
	width:90%;
}

input[type=text], input[type=file], textarea {
  width: 150px;
}

.searchtable td{
	display:block;
}

.searchtable input[type=text] {
  width: 150px;
}

input[type=text], .formulierinhoud input[type=file], .formulierinhoud textarea {
  width: 150px;
}

.formulierinhoud{
	width:90%;	
}
}

@media only screen  and (max-width: 517px) {
	
#contentcontainer{
	width:85%;
}

#broodkruimel{
	width:100px;	
}



#toplogo{
	display:block;
	position:absolute;
	width:90%;
	text-align:center;
	height:auto;
	margin-top:-75px;
}

#toplogo img{
	margin-right:20%;	
}

#contentspacer{
	height:50px;
	clear:both;	
}


.nieuwsbriefoverzichtlijst2 .datum{
	width:30%;	
}

.nieuwsbriefoverzichtlijst2 .titel{
	width:65%;	
	overflow: hidden;
	white-space: nowrap; 
	height:25px;
	line-height:25px;
	text-overflow: ellipsis;
}
}


@media print{
	#menubalk{
		display:none;	
	}
}