@import "typography.css";

*									{ margin: 0; padding: 0; border: none; }

/* =Basics
-----------------------------------------------------------------------*/
body, html							{ width: 100%; height: 100%; margin: 0; padding: 0; }
body 								{ font-family:}

/* =Main Markup
-----------------------------------------------------------------------*/
div#wrapper							{ width: 100%; height: 100%; margin: 0; position: relative; }
div#wrapper .inner					{ width: 960px; position: relative; margin: 0 auto; height: 100%; }

/* =Header
-----------------------------------------------------------------------*/
div#header							{ position: relative; width: 100%; height: 338px; background: #941c32; }
/* div#header							{ position: relative; width: 960px; margin: 0 auto; height: 338px; background: #941c32; } */
div#header .inner					{ z-index: 20; }
div#header .inner a.logo			{ position: absolute; display: block; top: 10px right: 10px; margin: 270px 0 0 765px; padding: 0; }
div#header .inner a.logo img		{ width: 120px; }
div#header .headerimage				{ z-index: 10; }
div#header .inner,
div#header .headerimage				{ position: absolute; left: -480px; margin-left: 50%; }

/* =Navigatie
-----------------------------------------------------------------------*/
div#wrapper ul						{ font-size: 12px; list-style: none; position: absolute; margin: 200px 0 0 30px; }
div#wrapper ul li					{ width: 300px; text-align: left; margin-bottom: 15px; }

/* =Inhoud
-----------------------------------------------------------------------*/
div#inhoud							{ width: 960px; margin: 0 auto; padding: 30px 0; overflow: hidden; }
div#inhoud div.content				{ float: left; width: 285px; margin-left: 30px; }
div#inhoud div.content_two			{ float: left; width: 25.2em; padding: 2em; }
div#inhoud div.content ul			{ position: relative; margin: 0; }

/* =Intro
-----------------------------------------------------------------------*/
.intro								{ overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin: 0 30px 20px 30px; }
.intro h1							{ margin: 0 0 10px 0; }

.intro a							{ display: block; position: relative; float: left; margin: 0 30px 0 0; padding: 0; border: 1px solid #fff; }
.intro a.last						{ margin-right: 0; }
.intro a:hover						{ border-color: #e3e1e1; }
.intro a img						{ border: 0; margin: 0; padding: 0; display: block; }

.intro a .zoom						{ position: absolute; bottom: 0; right: 0; display: none; }
.intro a:hover .zoom				{ display: block; z-index: 81; }

.intro a .plattegronden				{ color: #fff; font-size: 10px; padding: 4px 0 4px 10px; display: block; position: absolute; bottom: 0; width: 266px; text-transform: uppercase; z-index: 80; background: #941c32; }

.overkrijtenberg .intro img			{ display: block; position: relative; float: left; margin: 0 30px 0 0; padding: 0; }
.overkrijtenberg .intro a img		{ display: block; float: none; border: 0; margin: 0; padding: 0; border: none; }
.overkrijtenberg .intro .zoom		{ display: none; position: absolute; z-index: 81; }

#inhoud .intro .content				{ margin-left: 0; margin-right: 20px; padding: 0; }
#inhoud .intro .last				{ margin-right: 0; }

.voorbereiding						{ margin: 30px 0 15px 30px; padding: 0 0 10px; border-bottom: 1px solid #ddd; }
.extraimg							{ margin: 0; padding: 0; display: none; width: 0; height: 0; }
.meerinfo 							{ display: block; border: 1px solid #fff; margin: 20px 0 0 0; padding: 0; }
.meerinfo:hover						{ border: 1px solid #333; }
.meerinfo img						{ margin: 0; padding: 0; display: block; }

/* =Brochures
-----------------------------------------------------------------------*/
.brochures							{ margin: 15px 0 0 35px; width: 350px; }
.error								{ border: 1px solid #f30; padding: 2px; background: #eee; }
.hiddenfield						{ width: 0; height: 0;}

/* =Footer
-----------------------------------------------------------------------*/
div#footer							{ position: relative; width: 100%; clear: left; height: 30px; padding: 11px 0 0 0; background: #941c32; }
div#footer ul						{ position: relative; width: 960px; margin: 0 auto; padding: 0 0 0 55px;   }
div#footer ul li					{ margin: 0; padding: 0; }
div#footer ul li,
div#footer ul li a					{ color: #fff; }

ul#maat-makelaars {
	padding-top: 30px;
}