/* ======================================

	MediaQuery-Reporter Styles
		
========================================= */
	#content {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		}

	#logo {
    margin: -102px auto 0;
    width: 240px;
	}
	
	.nav li {
	width:100%;	
		}
		
	.span-one-third img {
		width:100%;
		margin-right:0%;
		margin-bottom:10px;
		}

	#nieuws ul {
		list-style:none;
		}
		
	.left-menu-width {
		width:100%;
		}
		
	.form-title {
		float:left;
		width:100%;
		margin-right:0%;
		}
		
	.form-field {
		float:left;
		width:100%;
		}	

@media only screen and (min-width: 320px) {
	#content {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		}

	#logo {
    margin: -110px auto 0;
    width: 300px;
	}
	
	.nav li {
	width:100%;	
		}
		
	.span-one-third img {
		width:100%;
		margin-right:0%;
		margin-bottom:10px;
		}
		
	#nieuws ul {
		list-style:none;
		}
		
	.left-menu-width {
		width:100%;
		}
		
	.form-title {
		float:left;
		width:20%;
		margin-right:5%;
		}
		
	.form-field {
		float:right;
		width:70%;
		}	

}
@media only screen and (min-width: 480px) {
	#content {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		}

	#logo {
    margin: -129px auto 0;
    width: 420px;
	}
	
	.nav li {
	width:100%;	
		}
		
	.span-one-third img {
		width:29%;
		margin-right:3%;
		margin-bottom:10px;
		}

	#nieuws ul {
		list-style:square;
		}
		
	.left-menu-width {
		width:100%;
		}

	.form-title {
		float:left;
		width:20%;
		margin-right:5%;
		}
		
	.form-field {
		float:right;
		width:70%;
		}	

}
@media only screen and (min-width: 768px) {
	#content {
		width:100%;
		margin-left:0;
		margin-right:0;
		}

	#logo {
    margin: -179px auto 0;
    width: 740px;
	}
	
	.nav li {
	width:auto;	
		}
		
	.span-one-third img {
		width:100%;
		margin-right:0%;
		margin-bottom:10px;
		}
		
	#nieuws ul {
		list-style:square;
		}
		
	.left-menu-width {
		width:20%;
		}

	.form-title {
		float:left;
		width:20%;
		margin-right:5%;
		}
		
	.form-field {
		float:right;
		width:70%;
		}	
		
}
@media only screen and (min-width: 1024px) {
	
	#content {
		width:100%;
		margin-left:0;
		margin-right:0;
		}
	
	#logo {
    margin: -179px auto 0;
    width: 740px;
	}
	
	.nav li {
	width:auto;	
		}
		
	.span-one-third img {
		width:100%;
		margin-right:0%;
		margin-bottom:10px;
		}
	
	#nieuws ul {
		list-style:square;
		}
		
	.left-menu-width {
		width:20%;
		}
		
	.form-title {
		float:left;
		width:20%;
		margin-right:5%;
		}
		
	.form-field {
		float:right;
		width:70%;
		}	
}