@charset "utf-8";

/* -----------------------------------------------------------
   Dit stylesheet bevat alle styles die van toepassing zijn op 
   de daadwerkelijk pagina content, ongeacht scherm width, print
   en tevens bedoeld als editor stylesheet.
   Het wordt geladen na screen-common.css
   ----------------------------------------------------------- */

/* notes: 
	- in normalize.css we set html font-size to 62,5% which == 10px == 1(r)em
	- we use rem unit (and as fallback em) to get root (=html) relative font sizing (r=root) while em is parent relative */

/* This first (body:after) rule can be queried form javascript to detect the current layout mode (wide|narrow) */
body:after { 
	content: 'wide'; 
	display:none;
}

body {		
	background-image:url(/wp-content/themes/grensimmo/images/wide-screen-bg.jpg);
	xbackground-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 0;
	color:#424242;
	overflow-y: scroll;
}

div#page {
	margin: 0 auto;	/* horizotal align */
	max-width: 960px;	
}

header#masthead {
	padding-top: 3.4179687%;
}

div#page-header {
	background-image:url(/wp-content/themes/grensimmo/images/header-bg.jpg);
	background-position: center top;	
	width: 100%;	
	height: 0; /* height: 167px; */
	padding-bottom: 17.39583333333333%;	
	margin: 0 auto 0;
}

img#header-logo {
	width: 25%;
	height:auto;
	border: 0;
	margin-left: 3.125%;
	margin-top: 4.166666666666667%; /* 40px */
}

div.vlag {
	width: 5.416666666666667%;
	padding-bottom: 3.75%;  /* = a responsive way to set height */
	margin-top: 1.770833333333333%; /* 17 : 960 */
}

#mobile-menu {
	display:none;	
}

#sidebar {
	float:left;	
	width: 21.8753%;
	margin-left: 3.125%;
	margin-right: 5.208333333333333%; /* 50px : 960px */
	margin-top: 2.08%;	
}

div#main-menu-box, div#search-box {		
	position:static;
	display: block;
}

div#search-box {
	margin-top: 12%;					
	margin-bottom: 12%;
}

div#main {
	width: 100%;	
}

div#content {	
	margin-top: -11.875% ; /* -114px : */
	width: 69.791667%;	
	float: right;
}

article {
	min-height: 42em; /* hiermee stel ik zeker dat de onderkant van een artikel altijd de footer raakt, ziet soewieso beter uit */
	padding: 2.6315789%;	
}

/*
article#object-single { 
	padding-top: 0;
}
*/

div#site-info {
	height: 0;
	padding-bottom: 10.41666666666667%;	/* sets relative height! */
}

#ip-info {
	float: left;
}

#disclaimer-av {
	float:right;	
}