@font-face {
    font-family: font1;
    src: url('../fonts/font1.ttf');
}

@font-face {
    font-family: font2;
    src: url('../fonts/font2.ttf');
}


header h1
,header h1 abbr
,header h1 a, header h1 abbr a
,header h1 a:hover, header h1 abbr a:hover {
	font-family: font1, "Cooper Black";
	color: #db621b;
	margin-bottom:0;
}

header h1 {
	margin-top: 3rem;
}

a.header-zin {
	color: black;
	font-size: 0.8rem;
}



body.EloAccommodatiePaginaDetailsPage header h1 {
	margin-top: 0.7rem;
}

#topadres {
	display: block;
	float: right;
	color: #009dc4;
	font-size: .8rem;
	padding: .7rem;
	text-align: right;

}

header h2
,header h2 a {
	font-family: font2, "Segoe Print";
	color: #0d79d4;
	margin-top: 0;
	font-size: 1.5rem;
	line-height:100%;
	margin-bottom: 0.7rem;
}



@media only screen {


  .row .columns, .row .column {
    padding-left: .35rem; /* change the values to anything that you want */
    padding-right: .35rem;
  }
  .row {
    max-width: 90.063em;

  }

  img.keuzeimg {
  	margin-bottom: .7rem;
  }

  #accommodatieLinkerKolomWrapper {

  	padding-bottom:0.3rem;
  }

  div.keuzepanel, #accommodatieLinkerKolom   {
  	padding: .7rem;
  	color: white;

  }



  div#accommodatieLinkerKolom
  ,div#accommodatieLinkerKolom
  ,div#accommodatieLinkerKolom p
  ,div#accommodatieLinkerKolom h2
  ,div#accommodatieLinkerKolom a
  ,div#accommodatieLinkerKolom td

  ,div.keuzepanel
  ,div.keuzepanel p
  ,div.keuzepanel h2
  ,div.keuzepanel a
  ,div.keuzepanel td


  ,div.bottompanel
  ,div.bottompanel p
  ,div.bottompanel h2
  ,div.bottompanel a
  ,div.bottompanel td


  {
  	color: white;
  	font-size: .9rem;
  	line-height: 130%;
  }

  div#accommodatieLinkerKolom a {
  	text-decoration:underline;
  }

  div.keuzepanel a
  ,div.bottompanel a {
  	text-decoration: underline;
  	font-weight: bold;
  }

  div.keuzepanel a:hover
  ,div.bottompanel a:hover {
  	text-decoration: underline;

  }





  div.keuzepanel h2
  ,div.bottompanel h2 {
  	font-size: 1.4rem;
  	font-family: font2, "Segoe Print";
  	font-weight: bold;
  }

  div.bottompanel h2, div.bottompanel div.onderschrift{
  	padding-left: 0.7rem;
  	font-size: 1rem;
  }

  div.bottompanel h2 {
  	padding-top: 0.7rem;
  }

  div.bottompanel {
  	height: 19rem;
  }

	nav ul {
		margin:.7rem;
		margin-left: 2rem;
		padding: 0;
	}
  nav li {
  	float: left;

  	margin: 0 1.5rem 0 0 ;
  	padding:0;
  	font-size: .8rem;
  }

  nav a {
  	color: #666;

  }

  nav a:hover {
  	color: #666;
  	text-decoration: underline;
  }

  #toprightpart {
  	margin:0;
  	/*padding: .7rem;*/
  	padding-right:0;
    	padding: 1.7rem; /* NEW */
  }

  #toprightpart img {
  	display: block;
  	width: 216px;
  	/*height: 166px;*/
  	height: 110px;  /* NEW */
  	float: right;
  	margin-right: .3rem;
  }

}



article h1, div#accommodatieLinkerKolom h1 {
	font-size: 2rem;
}

div#accommodatieLinkerKolom h1 {
	color: white;
	font-family: font1, "Cooper Black";
}

article h2
 {
	font-size: 1.2rem;
	color: #376b9e;
	font-weight: bold;

	border-top: 1px solid #376b9e;
	padding-top: 1rem;
}

div.intro h2 {
	font-size: 1.2rem;
	height: 2rem;
}


div.intro h2 a, div.intro a {
	color: #ac000d;
	text-decoration: none;
}

div.intro a {
	text-decoration: underline;
}






.intropartpanel {
	background-color: #eaf4cc;
	border: 1px solid #8db526;
	min-height: 370px;
}

.intropartpanel img {
	margin-top: 1rem;
	margin-bottom: 1rem;
}




#thumbsKolom {
	overflow: hidden;
	height: 18rem;

}

.thumbDiv {
	margin-bottom:.7rem;
	cursor: pointer;
}




#reserverenbutton {
	position: absolute;
	top:10%;
	right: 20%;
	cursor: pointer;
}



.firstlinkclick {
	cursor: pointer;
}

div.pntCompulsorySign {
	float:right;
}

a#reserverenlink.button {
	border: 2px solid white;
	text-decoration:none;
}

table.pntDetailsTable {
	border-width: 0;
	border-collapse: collapse;
}

table.pntDetailsTable td {
	padding-top:0;
	padding-bottom:0;
}