html, body {
	padding: 0px;
	margin: 0px;
	overflow: hidden; /* Hide scrollbars */

}

#master {
	height: 1920px;
	width: 1080px;
}

#header {
	width: 1080px;
	height: 169px;
	background: url('img/header.png') 0 0 no-repeat;
}

.section {
	background-image: linear-gradient(to bottom, #dfdceb, #ffffff);
}

.single {
	height: 258px;
}

.double {
	height: 490px;
}
.double .grid{
	grid-template-columns: 160px 160px 160px 160px 160px;
    grid-template-rows: 220px;
	grid-row-gap: 15px;
	grid-column-gap: 40px;
}
.double .placeholder{
	width: 175px;
}
.double img{
	width: 90%;
	height: auto;
}
#footer {
	width: 1080px;
	height: 488px;
	background: url('img/footer.png') 0 0 no-repeat;
}

#footer #hwd 
{
	width: 160px;
	height: 100px;	
	position: absolute;
	left:  850px;
	top:  1850px;
	color: #fff;
	font-family: 'hn', serif;
	font-size: 16pt;
	line-height: 34pt;
}

	#hwd a {
		text-decoration: none !important;
		color: #fff !important;
	}

#footer #facilitair 
{
	background: transparent url('img/facilitair.png') 0 0 no-repeat;
	width: 220px;
	height: 220px;	
	position: absolute;
	left:  162px;
	top:  1480px;

}

#footer #receptie 
{
	background: transparent url('img/receptie.png') 0 0 no-repeat;
	width: 273px;
	height: 273px;	
	position: absolute;
	left:  415px;
	top:  1510px;
}

#footer #pakket 
{
	background: transparent url('img/pakket.png') 0 0 no-repeat;
	width: 219px;
	height: 219px;	
	position: absolute;
	left:  721px;
	top:  1480px;
}

#footer #facilitairtxt {
	font-family: 'hnbdex', serif;
	color: #fff;
	font-size: 22pt;
	line-height: 28pt;
	text-align: center;
	position: absolute;
	left:  192px;
	top:  1715px;
}

#footer #receptietxt {
	font-family: 'hnbdex', serif;
	color: #fff;
	font-size: 22pt;
	line-height: 28pt;
	text-align: center;
	position: absolute;
	left:  440px;
	top:  1800px;
}

#footer #pakkettxt {
	font-family: 'hnbdex', serif;
	color: #fff;
	font-size: 22pt;
	line-height: 28pt;
	text-align: center;
	position: absolute;
	left:  750px;
	top:  1715px;
}






.placeholder {
	display: inline-block;
	width: 212px;
	height: 162px;
	background: #fff;
	box-shadow: rgba(202, 198, 220, 1) 0px 3px 8px;
}

.placeholder::after {
}

.grid {
	  padding: 0%;
	  display: grid;
	  grid-template-columns: 212px 212px 212px 212px;
	  grid-template-rows: 220px;
	  grid-column-gap: 35px;
	  grid-row-gap: 5px;
	  padding-top: 25px;
	  margin-left: 85px;
}

.imgholder {
	width: 100%;
	clear: both;
}

.imgholder img {
	clear: both;
}

.txtholder {
	display: block;
	width: 212px;
	clear: both;
	margin-top: 200px;

}

@font-face {
    font-family: 'hn';
    font-style: normal;
    font-weight: normal;
    src: url("fonts/hncn/HelveticaNeueLTStd-Cn.otf") format("opentype");
}

@font-face {
    font-family: 'hnbdex';
    font-style: normal;
	font-weight: normal;
    src: url("fonts/hnbdex/HelveticaNeueLTStd-BdEx.otf") format("opentype");
}

@font-face {
    font-family: 'hnex';
    font-style: normal;
	font-weight: normal;
    src: url("fonts/hnex/HelveticaNeueLTStd-Ex.otf") format("opentype");
}


.modal-body {
	padding: 70px 88px !important;
}

.modal h1 {
	font-family: 'hnbdex', serif;
	color: #422985;
	font-size: 34pt;
}

.modal p, .modal ul li {
	font-family: 'hnex', serif;
	color: #000;
	font-size: 16pt;
}

.green {
	font-family: 'hnbdex', serif;
	color:  #8cc63f;
	font-size: 18pt;
}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



.panel  {
	width: 100%;
 	text-align: center;
}

.panel .img{
	height: 165px;
	width: 100%;
	border: 0px solid grey;
	white-space: nowrap;
	text-align: center;

}



.ctitle {
	width: 100%;
	text-align: left;
	color: #422985;
	font-family: 'hn', serif;
	font-size: 16pt;
	line-height: 21pt;
	background: transparent !important;
	position: relative;
	top: 8px;
}

.floor {
	font-family: 'hnbdex', serif;
	color: #8cc63f;
	font-size: 28pt;
}

#f3 {
	position: absolute;
	top: 188px;
	left:  25px;
}

#f2 {
	position: absolute;
	top: 445px;
	left:  25px;
}

#f1 {
	position: absolute;
	top: 705px;
	left:  25px;
}

#fb {
	position: absolute;
	top: 1193px;
	left:  25px;
}




#c11 {
	position: absolute;
	top: 368px;
	left: 85px;
	z-index: 100;
	font-weight: 800;
}

#c21 {
	position: absolute;
	top: 625px;
	left: 85px;
	z-index: 100;
}

#c22 {
	position: absolute;
	top: 625px;
	left: 333px;
	z-index: 100;
}

#c23 {
	position: absolute;
	top: 625px;
	left: 581px;
	z-index: 100;
}


#c31 {
	position: absolute;
	top: 883px;
	left: 85px;
	z-index: 100;
}

#c32 {
	position: absolute;
	top: 883px;
	left: 333px;
	z-index: 100;
}

#c33 {
	position: absolute;
	top: 883px;
	left: 581px;
	z-index: 100;
}

#c34 {
	position: absolute;
	top: 883px;
	left: 828px;
	z-index: 100;
}


#c35 {
	position: absolute;
	top: 1105px;
	left: 85px;
	z-index: 100;
}

#c36 {
	position: absolute;
	top: 1105px;
	left: 333px;
	z-index: 100;
}

#c37 {
	position: absolute;
	top: 1105px;
	left: 581px;
	z-index: 100;
}

#c38 {
	position: absolute;
	top: 1105px;
	left: 828px;
	z-index: 100;
}

#c41 {
	position: absolute;
	top: 1375px;
	left: 85px;
	z-index: 100;
}

#terug {
	background: transparent url('img/terug.png');
	width: 68px;
	height: 68px;
	border: 0px;
}

.terugtxt {
	font-family: 'hn', serif;
	font-size:  21pt;
	line-height: 28pt;
	position: relative;
	top:  15px;
}

img[src=""], img[src="data:image/png;base64,"] {
    display: none;
}