.notifications-wrapper {
  position: fixed;
  z-index: 2;
  height: 0;
  overflow: visible;
  left: 0;
  right: 0;
  top: 45px; }

.notifications {
  width: 320px;
  margin: 0 auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .notifications > p {
    height: 32px;
    line-height: 32px;
    background: #e2eaf2;
    color: #626a72;
    text-align: center;
    margin: 0;
    border-top: 1px solid #c5d5e5; }

	

html, body {
	background:#d8d8d8;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.4;
}
html, body, h1, h2, h3,ul, ol, li, p {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
th {
	background:#FFBB17;
	color:#000;
	font-weight:bold;
	padding:5px;
	text-align:left;
}
td {
	padding:5px
}
tr:nth-child(2n) {
	background:#f9f9f9;
}
tr:nth-child(2n+1) {
	background:#eee;
}
tr:hover td {
	background:#ddd;
}
p {
	margin:12px 0;
}
h2 {
	color:#5d5d5d;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:70px;
	font-weight:normal;
	padding:20px 0 40px;
}
.right {
	text-align:right;
}
#page-header {
	/*
	   -moz-box-shadow:0 1px 10px 3px rgba(0,0,0,.45);
	-webkit-box-shadow:0 1px 10px 3px rgba(0,0,0,.45);
	*/
	        box-shadow:0 1px 10px 3px rgba(0,0,0,.5);
	background:#fff;
	height:66px;
	position:fixed;
	top:0;
	width:100%;
	z-index:500;
}
nav ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	width:610px;
}
nav li {
	cursor:pointer;
	float:left;
	margin:0 1px 0 0;
}
nav li a {
	border-bottom:7px solid #ffb400;
	color:#000;
	display:inline-block;
	padding:31px 6px 10px;
	letter-spacing:1px;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
}
nav li a:hover {
	font-weight:bold;
	border-color:#5d5d5d;
}
.page {
	padding-top:66px; /* height of nav */
}
.bg {
	background:url('Front1-blurred.jpg') no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
html.ipad .bg {
	background:url('Front1-blurred.jpg') no-repeat;
	background-size:1024px 768px;
	-webkit-background-size:1024px 768px;
}
#bg-overlay {
	background:#000;
	display:none;
	height:100%;
	left:0;
	opacity:.75;
	overflow:hidden;
	position:fixed;
	top:0;
	-webkit-transition:all 0.5s ease-out;
	   -moz-transition:all 0.5s ease-out;
	        transition:all 0.5s ease-out;
	width:100%;
	z-index:1020;
}
.bg-white {
	background:#fff;
}
#welcome {
	background-image:url('Front1.jpg');
	background-attachment:fixed;
	padding:250px 0 0;
	margin-top:-66px;
}
#welcome {
	min-height:1500px;
}
.bg-aanbod {
	min-height:800px;
}
html.os-iPad .bg {
	background-image:url('Front1.jpg');
}
#welcome p {
	color:#fff;
	background:rgba(0,0,0,0.4);
	font-size:60px;
	margin:0;
	padding:30px 10px;
}
.ga-verder {
	background:#fff url('arrow.png') 50% 75px no-repeat;
	border-radius:50%;
	color:#5d5d5d;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	font-weight:bold;
	padding-top:40px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	
	display:block;
	height:80px;
	margin:30px auto -20px;
	width:120px;
	position:relative;
	   -moz-box-shadow:0 1px 10px 3px rgba(0,0,0,.45);
	-webkit-box-shadow:0 1px 10px 3px rgba(0,0,0,.45);
	        box-shadow:0 1px 10px 3px rgba(0,0,0,.45);
	z-index:100;
}
.ga-verder:hover {
	background-position:50% 85px;
}
#welcome .ga-verder {
	margin-top:-30px;
}
/*
*/
h2 {
	color:#ffbb17;
	font-size:36px;
	text-align:center;
}
#project h2 {
	padding-bottom:3px;
}
.white-layer {
	background:rgba(255,255,255,0.2);
}
.box {
	float:left;
	margin-right:4px;
	width:59%;
}
.box.contrast  {
	width:39%;
}
.box .content {
	background:#fff;
	color:#5d5d5d;
	font-family: 'Droid Sans', sans-serif;
	font-size:14px;
	height:305px;
	padding:15px 25px 15px 15px;
	text-align:justify;
}
.box.contrast .content {
	background:#ffbb17 url('tel.png') 245px 205px no-repeat;
	background:#ffbb17 url('tel.png') 165px 205px no-repeat;
	color:#fff;
	padding-left:180px;
	padding-right:15px;
}
#maak-afspraak .content {
	height:376px;
}
.box .tel {
	color:#fff;
	font-size:22px;
	letter-spacing:2px;
	text-decoration:none;
}
#project h3 {
	color:#5d5d5d;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
#project .contrast h3 {
	color:#fff;
}
.cost {
	color:#ffb400;
	font-weight:bold;
}
a.big-button {
	background:#ffbb17;
	color:#414a52;
	display:block;
	font-size:20px;
	font-weight:bold;
	height:48px;
	margin-top:1px;
	padding-top:22px;
	text-align:center;
	text-decoration:none;
}
a.bekijk-aanbod:hover {
	color:#000;
}
#aanbod-intro.bg-white {
	color:#5d5d5d;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:60px;
	letter-spacing:1px;
	line-height:1;
	height:180px;
	padding:66px 0 40px;
	text-transform:uppercase;
}
#aanbod-intro, #aanbod, #lijst {
	margin-top:-66px; /*66px height of nav + 15px extra so circle moves over white bar */
}
.bg-aanbod {
	background:url('bg-aanbod.jpg');
	background:url('WOODEN_BG_TILED.jpg');
}
#aanbod .kies-type {
	color:#fff;
	display:block;
	font-size:20px;
	font-style:normal;
}
#aanbod-filters {
	list-style:none;
	margin:0 auto 70px;
	padding:0;
	width:640px
}
#aanbod-filters li {
	display:inline-block;
	float:left;
}
#aanbod-filters a {
	background:url('aanbod-filter.png') no-repeat;
	color:#414a52;
	display:block;
	font-weight:bold;
	height:64px;
	margin:0 1px 0 0;
	padding:7px 0 0;
	text-align:center;
	text-decoration:none;
	width:159px;
}
#aanbod-filters a b {
	color:#fff;
}
#aanbod-filters a:hover, #aanbod-filters a:active, #aanbod-filters a.active {
	background-position:-160px 0;
	color:#fff;
}
#aanbod-filters a:hover b, #aanbod-filters a:active b, #aanbod-filters a.active b {
	color:#ffb400;
}
.aanbod-plan {
	background:rgba(136,136,136,.2);
	display:none;
}
.aanbod-plan img {
	margin:40px 0 30px 155px;
}
#aanbod-overzicht a {
	color:#333;
	line-height:0;
}
#aanbod-overzicht a span {
	background:rgba(255,180,0,.75);
	background:rgba(0,0,0,.5);
	color:#fff;
	font-size:18px;
	display:block;
	height:100%;
	padding-top:0;
	left:0;
	top:0;
	position:absolute;
	text-align:center;
	width:100%;
}
#aanbod-overzicht a strong, #aanbod-overzicht a i, #aanbod-overzicht a em {
	display:block;
	line-height:1;
}
#aanbod-overzicht a strong {
	font-size:32px;
	font-weight:bold;
	padding:20px 0 0;
}
#aanbod-overzicht a i {
	font-style:normal;
	padding:10px 0;
}
#aanbod-overzicht a em {
	background:rgba(10,10,10,.7);
	background:rgba(255,180,0,.75);
	font-style:normal;
	line-height:1;
	padding:12px;
	margin-top:20px;
	text-transform:uppercase;
}
.aanbod-detail-popup {
	color:#5d5d5d;
	display:none;
	max-width:906px;
	margin:20px auto;
	padding-right:18px;
	position:relative;
	width:auto;
	
	position:fixed;
	z-index:1040;
	top:50%;
	left:50%;
	margin-top:-220px;
	margin-left:-453px;
}
.aanbod-detail-popup .close {
	position:absolute;
	top:-60px;
	right:20px;
}
.aanbod-detail-popup .description {
	float:left;
	width:439px;
}
.aanbod-detail-popup .intro {
	background:#e2e2e2;
	float:left;
	height:316px;
	padding:30px;
	width:379px;
}
.aanbod-detail-popup .controls li {
	background:#fff url('bg-aanbod-controls.png') no-repeat 0 0;
	color:#000;
	float:left;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	list-style-type:none;
	line-height:2;
	height:62px;
	margin:1px 1px 0 0;
	text-align:center;
	width:48px;
}
.aanbod-detail-popup .controls .number-of-bedrooms {
	background-position:0;
}
.aanbod-detail-popup .controls .number-of-bathrooms {
	background-position:-48px 0;
}
.aanbod-detail-popup .controls .number-of-carparks {
	background-position:-96px 0;
}
.aanbod-detail-popup .controls .download-grondplan {
	background:#fff;
}
.aanbod-detail-popup .controls .download-grondplan a {
	background:#fff url('bg-aanbod-controls.png') no-repeat -144px 0;
	display:block;
	color:inherit;
	font-style:normal;
	height:inherit;
	line-height:2.5;
	text-decoration:none;
	width:292px;
}
.aanbod-detail-popup .visuals {
	float:left;
	line-height:0;
	margin:0 0 0 1px;
}
.aanbod-detail-popup .visuals img {
	background:#505050;
	width:465px;
	height:313px;
}
.aanbod-detail-popup .visuals .big-button {
	height:44px;
	line-height:1.4;
	padding-top:18px;
/*
	margin-top:-4px;
	*/
}
.aanbod-detail-popup p {
	font-family:Verdana;
	font-size:12px;
}
.mfp-close {
	margin:-60px 23px 0 0;
}
.mfp-close, .mfp-close div {
	height:46px;
	width:46px;
}
.mfp-close div {
	background:url('close.png') no-repeat;
	text-indent:-999px;
}
.aanbod-detail-popup .location-info {
	display:block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	padding-bottom:15px;
}
.location-info h3 {
	color:inherit;
}
.location-info .cost {
	background:#e7bf01;
	color:inherit;
	padding:0 5px;
}
.row {
	margin:0 auto;
	width:908px;
}
input, textarea {
	font-family:inherit;
	padding:5px;
	width:225px;
}
textarea {
	height:100px;
}
label {
	display:inline-block;
	font-weight:normal;
	padding:5px;
	text-align:right;
	vertical-align:top;
	width:150px;
}
#submit {
	background:#ffbb17;
	border:0;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 164px;
	padding:10px;
	width:235px;
}
#contact .content {
	height:375px;
}
#googlemap {
/*
	margin-top:-66px;
	*/
	border:0;
	width:100%;
}




.mfp-iframe-holder .mfp-close {
	padding-right:0;
	top:0;
	right:-20px;
}

.mfp-iframe-holder .mfp-content {
	max-width:960px;
}

.mfp-iframe-scaler iframe {
	background:#fff;
	height:593px;
	width:907px;
}


	
	/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}