p1 {
color: #008080;
 font-weight: bold;
	padding: 4px;
	background: #fffff0;
	outline: 1.2px solid #008080;
	box-shadow: 10px 10px 5px #888888;
}

p {
color: #008080; 
font-size: 12pt; 
text-shadow: #008080 1px 0 10px; 
font-family: \'Open Sans\', sans-serif;"
}

/* ----------------------------------------------------------------------- */
/* body, container, box en kolommen */
/* ----------------------------------------------------------------------- */

html, body {
	overflow: hidden;
	background: #f0f2e2;
	/* color: #008080; */
	color: #006161;
	font-family: 'Trebuchet MS', sans-serif;
	word-spacing: 0.2em;
	height:100%;
}


.container {
	position: relative;
	width: 65%;
	/* max-width: 960px; */
	width: min(100%,max(960px, 55vw));
	margin: auto;
	height: 100%;
}

main {
}

#footer {
	width: 96.5%;
	max-width: 960px;
	float: right;
	display:inline;
	margin-top: -10px;
	border-top: 1px solid #006161;
}

#footer li {
	display:inline;
	font-size: smaller;
	border-right: 1px solid;
	padding-right: 25px;
	padding-left: 10px;
}


/* ----------------------------------------------------------------------- */
/* Logo
/* ----------------------------------------------------------------------- */

#logo {
}

#logo h1 {
	font-weight: bold;
	font-size: 36px;
	line-height: 1.5;
	letter-spacing: 0.16em;
}

#logo h2 {
	font-size: 19px;
	font-style: italic;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding-bottom: 5px;
	margin-top: -12px;
	border-bottom: 1px solid #006161;
}

/* ----------------------------------------------------------------------- */
/* Navigatie */
/* ----------------------------------------------------------------------- */

nav {
	list-style: none;
	float: right;
	margin-top: -57px;
	margin-right: -20px;
}

nav ul li {
	display: inline;
	padding-left: 25px;
}

a:link  { 
	color: #006161;
	font-weight: bold; 
} 
a:hover { 
	color: #fffff0;
	background-color:#006161;
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------- *//* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- *//* ---------------------------------------------------------------------------------------------------------------------------------------------- */


#map {
 width: 94,5%;
 display: block;
 padding: 15px;
 margin-bottom: 30px;
 height: min(65%,max(95%,750px));
 border: 1em solid #fffff0;
 outline: 1.2px solid #DCDECE;
 box-shadow: 10px 10px 5px #888888;}       

.button-right {
  text-align: right;
}

.slider {
height: 10px;
accent-color: #006161;
}

.button {
  background-color: #006161; 
  border: 2px;
  color: #fffff0;
  padding: 5px 5px;
  margin-bottom:5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  cursor: pointer;
}

a.button:link {
  background-color: #006161; 
  border: 2px;
  border-style: solid;
  border-color: #fffff0;
  color: #fffff0;
  padding: 5px 46px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  cursor: pointer;
}