/* @override 
	http://architectuurfonds.nl/lib/css/stretch.css */

/* media queries */


@media screen and (min-width:1460px) {
#header .g5, .footer .g5, .content { width: 1300px; }
#content, #bg { left: 0; }
.g1, .g2, .g3, .g4 { float: left; margin: 0 5px; display: inline; }
.g1 { width: 240px; }
.g2 { width: 500px; }
.g2 .img img { width: 500px; }
.g2 .img img.l { width: 500px; height: auto; }
.g2 .img img.p { width: auto; height: 400px; max-width: 500px; max-height: 500px; }
.g2 .g1 img { width: 220px; }
#nws { width: 1040px; }
.g3 { width: 760px; }
.g3 img { width: 740px; }
.g4 { width: 1020px; }
.push1 { margin-left: 250px; }
.inner { margin-right: 0; }
.items { width: 1040px; }
/*.items .img {
	height: 180px;
	overflow: hidden;
	margin-bottom: 10px;
}*/

.items img { height: inherit; width: auto; }
.g1 .img, .g1 img { width: 240px; height: 180px; }
.g1 .img img.l { width: auto; }
.g1 .img img.p { height: auto; }
.itemstext .g1 { min-height: 420px; margin-bottom: 10px; }
.items .g1 .noimg { max-height: 270px; }
.files { margin-bottom: 10px; }
.files img { width: 50px; }
.mainnav .g1:nth-child(2) { width: 140px !important; }
.slideshow { margin: 0; padding: 0; height: 380px; z-index: 0; }
.slideshow .g2 { height: 380px; }
.slideshow div.img { width: 500px; height: 375px; overflow: hidden; }
.slideshow .g2 img.l, .slideshow .g2 img.p { width: auto; height: 375px; }
}
 @media screen and (max-width:596px) {
#header .g5, .footer .g5, .content { width: 380px; }
#content, #bg { left: 0; }
#header div.contact { display: block; top: 54px; left: 200px; position: relative; width: 170px; z-index: 10; }
div.contact, .contact a, .contact h5 { font-size: 11px; line-height: 13px; }
#header .contact a { border-bottom: 1px solid; }
#searchForm { position: absolute; top: 110px; margin-left: 198px; margin-bottom: 10px; }
#searchForm input { background: none; border: 0px; padding: 2px; width: 100px; }
#searchForm .inpWrap label { width: 100px !important; position: absolute; padding-left: 2px; padding-top: 3px; cursor: text; }
#header div.logoc { position: relative; top: 0; margin-top: -30px; }
#header { background: #fff; height: 145px; position: absolute; margin-top: 0; padding-top: 0; top: 0; }
div.wrapper { position: absolute; }
.content { margin-top: 60px; }
.footer { display: none; }
.g1, .g2, .g3, .g4 { float: left; display: inline; }
#header .g1, .g2, .g3, .g4, .items { width: 380px; float: none; display: block; clear: both; }
.g1 { width:  180px; }
.items { width: 400px; }
#bg { top: 0; }
ul.nav { display: none; }
#header fieldset select#mobile-menu { position: absolute; display: block; margin-left: 200px; top: 37px; width: 170px; }
.content ol, .gennav, div#sfaLogo, div.lanbuts { display: none; }
.slideshow { width: 400px; height: 540px; }
.aside, .aside ol { display: block; }
.aside h3 { display: none; }
.image-item .img { display: block; }
#header h6 { margin-bottom: 0px; }
#header .clndr-cont, #header .lan-cont { clear: none; width: 180px; }
.g2 img.l { width: 380px; }
#sb{top:100px;margin:0;}
}

/* iPhone */

@media only screen and (max-device-width: 480px) {
#header .g5, .footer .g5, .content { width: 380px; }
#content, #bg { left: 0; }
#header div.contact { display: block; top: 54px; left: 200px; position: relative; width: 170px; z-index: 10; }
div.contact, .contact a, .contact h5 { font-size: 11px; line-height: 13px; }
#header .contact a { border-bottom: 1px solid; }
#searchForm { position: absolute; top: 110px; margin-left: 198px; margin-bottom: 10px; }
#searchForm input { background: none; border: 0px; padding: 2px; width: 100px; }
#searchForm .inpWrap label { width: 100px !important; position: absolute; padding-left: 2px; padding-top: 3px; cursor: text; }
#header div.logoc { position: relative; top: 0; margin-top: -30px; }
#header { background: #fff; height: 145px; position: absolute; margin-top: 0; padding-top: 0; top: 0; }
div.wrapper { position: absolute; }
.content { margin-top: 60px; }
.footer { display: none; }
.g1, .g2, .g3, .g4 { float: left; display: inline; }
#header .g1, .g2, .g3, .g4, .items { width: 380px; float: none; display: block; clear: both; }
.g1 { width:  180px; }
.items { width: 400px; }
#bg { top: 0; }
ul.nav { display: none; }
#header fieldset select#mobile-menu { position: absolute; display: block; margin-left: 200px; top: 37px; width: 170px; }
.content ol, .gennav, div#sfaLogo, div.lanbuts { display: none; }
.slideshow { width: 400px; height: 540px; }
.aside, .aside ol { display: block; }
.aside h3 { display: none; }
.image-item .img { display: block; }
#header h6 { margin-bottom: 0px; }
#header .clndr-cont, #header .lan-cont { clear: none; width: 180px; }
.g2 img.l { width: 380px; }


}