@media only screen and (max-width: 1217px) {	
/******* Tijdelijk ********/
#slider, #blokken, #blokken img {
width: 100%
}

}
@media only screen and (max-width: 1047px) {	
#main-content {
	float: none;
	width: 96%;	
	margin: 60px 2% 20px 2%;
}

#sidebar {
	float: none;
	width: 96%;	
	margin: 0 2% 20px 2%;
	text-align:center;
}

.sidebar-project {
	float: left;
	width: 23%;
	margin-right:2%;
}


.sidebar-project img {
	width: 100%;
}

.sidebar-project .project-content {
    line-height: 20px;
	height: 45px;
}

#sidebar ul li {
	margin: auto;
}

#sidebar ul li:before {
	content: normal;
	margin-right:0;
}

#inner-footer {
	width: 96%;	
	margin: 0 2% 20px 2%;
}

footer .column {
 width: 31%;
 margin: 0 1%;
}

#main-projecten #projecten {
	width: 99%;	
	padding-left: 1%;
	margin: 0 0 20px 0;
}

#sub-projecten .project:nth-child(2n+3), 
#sub-projecten .project,
#main-projecten .project { 
	width: 31%;
	margin: 0 1%;
}

.project img {
	width: 100%
}


a.fancybox {
	width: 31%;
	margin: 5px 1%
}

}


@media only screen and (max-width: 1010px) {	
#main-logo {
    margin: 20px ;
}

nav {
}

#cssmenu  {
	float: right;
	margin-right:10%;
}

#cssmenu #mobmenu {
	padding-left: 20px;
	width: 260px;
	display: block;
}

#cssmenu #mainnav {
	padding-left: 20px;
	width: 260px;
	display: none;
}

#cssmenu .show {
	display:block !important;
}
#cssmenu .has-sub ul.show {
	position:relative;
}


#cssmenu > ul {
	margin-left: 0;
}

#cssmenu ul li {
	display: block;
	
}

#cssmenu a {
	padding:0;
}

#cssmenu #mainnav li a {
}

#cssmenu #mainnav {
	background-color: rgba(255,255,255,0.9);
}

#cssmenu .has-sub:hover > ul {
  display: none;
}

.submenu-button {
	display:inline;
	margin-left: 10px;
}


}


@media only screen and (max-width: 850px) {	
footer .column:first-child, footer .column:nth-child(2) {
	display: none;
}
footer .column:nth-child(3) {
	width: 98%
}

#inner-footer {
	text-align:center;
}



#main-content {
	width: 94%;		
	margin: 60px 3% 20px 3%;
}

#main-projecten #projecten {
	width: 100%;	
	padding-left: 0;
}

#main-projecten .project,
#sub-projecten .project:nth-child(2n+3),
#sub-projecten .project { 
	width: 46%;
	margin: 0 2%;
}

#sidebar {
	width: 94%;
	margin: 60px 3% 20px 3%;
}



a.fancybox {
	width: 46%;
	margin: 5px 2%;
}


}


@media only screen and (max-width: 670px) {	
#main-logo {
	float: none;
    margin: 20px auto;
}

nav {
	float: left;
}

#cssmenu {
	margin-top: 0;
    margin-right: 0;
	margin-left: 20px;
}

}

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

#main-content {
	width: 90%;	
	margin: 60px 5% 20px 5%;
} 

#main-projecten .project,
#sub-projecten .project:nth-child(2n+3),
#sub-projecten .project { 
	width: 96%;
}

#sidebar {
	width: 90%;
	margin: 60px 5% 20px 5%;
}

.sidebar-project {
    width: 46%;
    margin-right: 4%;
}


a.fancybox {
	width: 96%;
}

}

@media only screen and (max-width: 350px) {	
#main-logo {
	width: 80%;
}
}