/* Styles common to all small screen sizes */
@media only screen and (max-width : 1024px) {

	#page_m {
		/* hide on ipad */
		/* display: none; */
	}
	
	.content-container {
		background-size:100%;
	}
	

	#footer {
		position:relative;
		bottom:none;
		height:83px;
		background-color:#222;
		z-index:1000;
		border-top:1px;
		width:1004px;	
		padding:10px;
		color:#fff;
	}	

	#branding .branding-container {
		position:relative;
		width: 100%;
	}

#headertest {
	font-family:"Open Sans Condensed", arial, sans-serif;
	color:#fff;
	font-size:0.8em;
	width:450px;
	right:0px;
	float:right;
	/* text-align:right; */
}
	

}


@media only screen and (max-width : 1023px) {
	
	#ecf_logo {

		
  	height: 0;
    left: 3px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    width:100%;
    z-index: 10;		
		
		
	}		
}

@media only screen and (max-width : 768px) {

	div .alignright {
		position:relative;
		left:0px;		
		width: 200px;
	}	
	
	.quote {
		font-size: 16px;
		line-height: 20px;
	}
		
	.rechts {	
		position:relative;
		left:0px;
		top:0px;
		width:100%;
		border-width:1px;
		border-top-style:dotted;
		border-bottom-style:dotted;
	}	
	
	#ecf_logo {
		width: 100%;
		/* top:0px; */
		left:3px;
		z-index:-1;
	}
	
	nav#access ul.menu {
		margin-left: 5px;
	}
				
	.content section {
		width: 100%;
	}	
	
	.bloklinks {
	 width:95%;
	}
	
	.blokrechts {
	 width:80%;	
	}
	
	
	
	#wrapper {
		 max-width: 768px; 
	}

	.content section.left header, 
	.content section.left .entry-summary, 
	.content section.left .entry-content, 
	.content section.left footer.entry-meta  {
		/* width: 50%; */
	}

	.content section.center header, 
	.content section.center .entry-summary, 
	.content section.center .entry-content, 
	.content section.center footer.entry-meta  {
		left: 150px;
	}

	.content section.right header, 
	.content section.right .entry-summary, 
	.content section.right .entry-content, 
	.content section.right footer.entry-meta  {
		width: 50%;
		left: 318px;
	}

		

	
	#headertest {
		width: 450px;	
	}
	
	body.fixed .content:first-of-type .entry-header:first-of-type {
	    margin-bottom: 275px;
	}
	
	.entry-header {
		margin-bottom:250px;
	}
	.content header h1, .content header h1 a, .single .content header h1, #search-results #no-results header h1 {
		display: block;
		line-height: 1em;
		margin: 0px 0 0.5em 100px;
	}
	
	
	.entry-content-text {
		margin-left: 100px;	
		width: 630px;
	}		


	/*
	.content-container {
		background-position:50% 110px !important; 
	}
	*/
	#footer {
		height:200px;
	}
	
	#footer-widgets {
		float: left;
		width: 700px;
		margin-bottom: 3em;
	}
	
	.widget {
		display: block;
		float: left;
		width: 700px;
		margin-right: 30px;
		margin-bottom:20px;
	}
}

@media only screen and (max-width : 767px) {
	#headertest {
		display:none;
	}	
}