
@media all and (max-width: 1600px) {
	}
@media all and (max-width: 1400px) {
	}
@media all and (max-width: 1240px) {
	}
@media all and (max-width: 1200px) {
	}
@media all and (max-width: 1110px) {
	}
@media all and (max-width: 1024px) {
	.wrap {
		width: 100%;
		}
	#home2 {
		float:none;
		margin:20px auto;
		}
	}
@media all and (max-width: 1023px) {
	#listbooks {
		width: 756px;
		}
	#home_koppel {
		width: 668px;
		margin: 0 auto;
		}
	.book_data2 {
		margin: 10px auto;
		width: 504px;
		}
	.owner_data {
		padding-left: 3px;
		}
	}
@media all and (max-width: 1016px) {
    /* login weghalen en kop tekst aanpassen */
	#nav ul li.login_link {
		display:none !important;
		}
	header h1 {
		font-size: 22px;
		}
	}
@media all and (max-width: 1000px) {
    /* floorplan aanpassen */
	#floor_plan_left, #floor_plan_right {
		width: 38%;
		}
	#floor_overlay {
		width: 24%;
		}
	}
@media all and (max-width: 975px) {
	.mainbar, .sidebar {
		width: 100% !important;
		}
	.sidebar {
		text-align: center;
		}
	.mainbar {
		padding: 3px;
		}
	}

@media all and (max-width: 864px) {
	header h1 {
		font-size: 20px;
		}
	}
@media all and (max-width: 850px) {
    /* floorplan aanpassen */
	#floor_plan_left, #floor_plan_right {
		width: 36%;
		}
	#floor_overlay {
		width: 28%;
		}
	}
@media all and (max-width: 808px) {
	header h1 {
		font-size: 18px;
		}
	}
@media all and (max-width: 774px) {
	.book_data2 {
		width: 252px;
		}
	.book_data {
		width: 100%;
		}
	#listbooks {
		width: 504px;
		}
	}

@media all and (max-width: 758px) {
	header h1 {
		font-size: 16px;
		}
	}
@media all and (max-width: 740px) {
    /* floorplan aanpassen */
	#floor_plan_left, #floor_plan_right {
		width: 55%;
		}
	#floor_overlay {
		width: auto;
		}
	#floor_overlay2 {
		display:block;
		width: auto;
		float:left;
		}
	#fp_small1 {
		display: none;
		}
	#fp_small2 {
		display: block;
		}
	}
/* mobile navigatie */
/*@media all and (max-width: 640px) {*/
@media all and (max-width: 736px) {
	#center, #right, #left {
		width				: 100%;
		}
	#right {
		padding				: 5px;
		}
	.wrap {
		width: 100%;
		}
	.width250 {
		width			: 200px;
		}
	#innerWrapper {
		width: 100%;
		margin: 0px auto;
		}
	.left, .tekst {
		float: none;
		clear: both;
		width: 100%;
		}
	#form {
		font-size: 14px;
		padding: 10px 0;
		}
	#newsletter {
		width: 100%;
		padding: 10px 10px 40px 15px;
		}
	#result {
		padding: 0;
		}
	#footright .width400 {
		width: 250px;
		}
	}
@media all and (max-width: 708px) {
	#headoverlayxx hgroup {
		padding: 10px;
		width: 50%;
		}
	#main-navigation {
		display: none;
		}
	#mobile-navigation {
		display: block;
		}
	header h1 {
		line-height: 20px;
		}
	.home_blok {
		float:none;
		margin:20px auto;
		}
	#home1 {
		float:none;
		margin:20px auto;
		}
	.mobiel {
		display: inline-block;
		}
	.desktop {
		display: none
		}
	#home_koppel {
		width: 328px;
		margin: 0 auto;
		}
	}
@media all and (max-width: 627px) {
	.bordertop {
		height: 50px;
		}
	.page_nr_small {
		display: block;
		}
	.page_nr {
		display: none;
		}
	.leftnav, .rightnav {
		width: 45%;
		}
	}
@media all and (max-width: 600px) {
	.mainbar, .sidebar {
		width: 100% !important;
		}
	.sidebar {
		text-align: center;
		}
	.mainbar {
		padding: 3px;
		}
	}
@media all and (max-width: 519px) {
	.list_book {
		float:none;
		}
	#listbooks {
		text-align: center;
		width: 100%;
		}
	}
@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
	header h2 {
		font-size: 14px;
		}
	#headoverlayxx hgroup {
		display:none;
		float:left;
		padding: 0 10px;
		width: 50%;
		}
	#footcenter {
		font-size:12px;
		display: none;
		}
	footer a {
		letter-spacing:0px;
		}
	#form {
		font-size: 12px;
		}
	#form label {
		padding: 7px 0 5px 0;
		}
	#newsletter {
		padding: 10px 10px 40px 10px;
		}
	}

@media all and (max-width: 453px) {
    /* floorplan aanpassen */
	#floor_plan_left, #floor_plan_right {
		width: 100%;
		}
	}
@media all and (max-width: 430px) {
	header h1 {
		font-size: 39px;
		}
	header h2 {
		font-size: 13px;
		letter-spacing:0px;
		}
	#footcenter {
		}
	}

@media all and (max-width: 380px) {
	#headoverlayxx {
		background-image		: url();
		background-position	: 90% center;
		background-repeat		: no-repeat;
		padding-right			: 5px;
		}
	header h2 {
		font-size: 12px;
		}
	#footcenter {
		}
	}

@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
	}

@media all and (max-width: 240px) {
	/* styles for smaller devices */
	}


