body {
	position: relative;
	display: block;
	width:auto;
	max-width:100%;
	margin: 0 auto;
	padding: 1% 0;
	background-color: #9c9;
	font-size: 16px;
	font-weight: 200;
	color: #030;
	cursor: default;}
#box {
	display: block;
	margin: 0 auto;
	width: 1250px;
	max-width: 100%;
	height: auto;}
#container-singel {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: auto;}
#container-camping {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: auto;}
#top {
	display: block;
	position: relative;
	background-color: #9c9;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: auto;}
#belons {
	display: block;
	float: left;
	width: auto;
	height: 25px;
	margin: 15px 25px 2px 50px;
	font-family: "Adobe Caslon Pro";
	font-style: italic;
	font-weight: 600;
	font-size: 18px;}
#top address {
	display: inline;
	width: auto;
	max-width: 15%;
	margin: 10px 10px 0 25px;
	font-family: "Adobe Caslon Pro";
	font-size: 18px;
	font-weight: 400;
	color: #030;}
#menu {
	display: inline-block;
	position: relative;
	float: right;
	width: auto;
	height: 25px;
	margin: 15px 25px 10px 25px;
	font-weight: bold;
	text-align: center;
	z-index: 1;}
#volledig-menu {
	display: inline-block;
	position:absolute;
	width: fit-content;
	height: auto;}
nav {
	display: block;
	height:auto;
	width:auto;
	max-width:100%;
	min-height:28px;
	padding:1% 1.5%;
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	background-color: #9c9;}
#reserveren-dropdown {
    position:absolute;
    background-color:#99cccc;
    width:960px;
	max-width:100%;
    height:auto;
    padding:1.2% 0.6% 0.2% 0.6%;
    margin:0 auto;
    text-align:center;
    font-weight:700;
    z-index:1;}
#reserveren-dropdown li {
    display:inline-block;
    width:160px;
    height:120px;}
#breadcrumb {
	display: block;
	position: relative;
	width: auto;
	max-width: 100%;
	margin: 3px 0 3px 30px;}
#breadcrumb div,span,img {
	display: inline;}
#breadcrumb a {
    font-size:14px;}
#taalkeuze {
     display:inline-block;
	 position:absolute;
	 right:30%;
	 margin: 1% 0 1.4% 0%;}
#header {
	display: block;
	position: relative;
	background-image: none;
	width: fit-content;
	max-width: 100%;
	height: auto;
	margin: 0 auto;}
.carousel {
  width:fit-content;
  max-width: 100%;
  position: relative;
  margin: 0 auto;}
.mySlides {
  display: none;}
.prev, .next {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 82%;
  width: auto;
  margin:0% 2% 4% 2%;
  padding: 0.3%;
  color: white;
  background-color:transparent;
  transition: 0.6s ease;
  border-radius: 20px;
  user-select: none;
  border-color:#030;
  border:2px solid;}
.next {
  right: 0;
  border-radius: 20px;}
.prev:active, .next:active {
  background-color: #030;
  transition: 0.6s ease;}
.prev:active:after, .next:active:after {
color:white;
transition: 0.6s ease;
background-color:none;}
.text {
  font-size: 15px;
  padding: 8px 12px;
  margin: 0 auto;
  position: absolute;
  bottom: 8px;
  width: fit-content;
  max-width:80%;
  text-align: center;}
#midden {
	display: block;
	position: relative;	
	background-color: #ffc;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height:630px;}
#midden-tweede {
	display: block;
	position: relative;
	background-color: #ffc;
	margin: 0 auto;
	padding: 0 0 1.5% 0;
	width: 100%;
	max-width: 100%;
	height: auto;}
#kop {
	display: block;
	position: relative;
	height: auto;
	margin: 0px 60px 25px 60px;
	padding-top:30px;}
main {
	display: block;
	float:left;
	width: 75%;
	max-width: 75%;
	height: auto;
	margin: 0 0.5% 0 2.5%;
	padding: 0 0 2% 0;
	line-height: 1.3;}
#main1 {
	display: block;
	float:left;
	width: 75%;
	max-width: 75%;
	height: auto;
	margin: 0 0.5% 0 2.5%;
	padding: 0 0 2% 0;
	line-height: 1.3;}
article {
	display: block;
	max-width:100%;
	margin: 0;
	padding: 2%;}
main address {
	float: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 160%;
	width: fit-content;
	max-width: 100%;
	padding: 1% 1% 2% 0%;
	margin: 0;}
main iframe {
	display: inline;
	position: relative;
	float: left;
	width: 70%;
	max-width: 100%;
	height: 680px;
	max-height: 100%;
	border: 0;
	border-style: none;}
table {
    display:table;
	border:none;}
table tr {
	display: table-row;
	border-style: none;
    width:fit-content;	
	border:none;
	vertical-align:inherit;}
table td {
    display:table-cell;
    vertical-align:inherit;
    border:none;}
#first-td {
	min-width:220px;}
table th {
	display: table-cel;
	border-style: none;
	line-height: 130%;}
#ondertekst {
    display:block;
	position:absolute;
	bottom:4%;
	left:6%;
	margin: 2%;}
#reserveren {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 1% 1.5% 2%;
	line-height: 1.3;}
#aside {
	display: inline-block;
	position:relative;
	float:right;
	width: 20%;
	height: auto;
	max-width: 20%;
	padding: 0 2% 0 0;
	margin: 0 auto;}
#rechts-onder {
    display:block;
    position:relative;
    float:right;
    margin:0 6% 0 0;}
#bottomtext {
    display:block;
    position:relative;
    width:750px;
    min-height:156px;
    margin:2% auto 0 auto;}
#aside1 {
	display: inline;
	position: relative;
	float: right;
	width: auto;
	max-width: 20%;
	padding: 1% .5%;
	margin: 0 0 0 0;
	height: auto;}
#below {
    display:none;	
	border-bottom: 2px solid #030;
	width: auto;
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:2% 0 2% 4%;
	font-size:16px;}
#below .middle {
    width:fit-content;
	max-width:94%;
    margin:2% auto;}
#sitemap {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	background-color: #9c9;
	margin:0 auto;
	padding: 35px 0px 5px 0px;
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: 400;
	text-align: center;}
#sitemap img {
	display: inline-block;
	margin: 1%;
	width:max-content;}
#sitemap footer {
	display: block;
	margin: 0 auto;
	height: auto;}
header {
	display: block;}
ul {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	list-style-image: none;}
nav ul {
display:inline-block;
    width:90%;
	max-width:90%;
    margin:0 auto;}
#sitemap ul {
	display: inline-block;
	width: 150px;}
#bottomtext ul {
	display: block;
	position:relative;
	float: left;
	width: 150px;
	height:auto;
	text-align:center;
	margin:0 2%;}
li {
	display: list-item;
	list-style: none;
	list-style-type: none;
	margin: 2% 0;
	padding: 2% 0;}
nav li {
	display: inline;
	padding: 1% 0;
	margin:0 0.5%;
	text-align:center;}
nav li:hover {
background-color:#99cccc;}
#aside li {
    display:inline-block;
	width:fit-content;
	height:auto;
	margin:0.2%;
	padding: 2% 5%;}
h1 {
	display: block;
	font-family: "Adobe Caslon Pro";
	font-size: 38px;
	font-weight: 600;
	margin:0;
	padding: 50px 0 15px 55px;}
#kop h1 {
display:block;
width:92%;
max-width:100%;
margin:0 auto;
padding:1.8% 1% 0% 1%;
text-align:center;}
h1 div {
	display: inline;}
h1 span {
	display: inline;}
article h1 {
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	text-indent: 20px;
	margin: 30px 0 30px 0;}
h1 small {
    font-size:48%;
    color:#030;}
h2 {
	display: block;
	font-family: Georgia,"Times New Roman";
	font-size: 20px;
	font-weight: 400;
	margin: 20px 0 30px 0;}
main h2 {
	font-size: 22px;
	font-weight: 500;
	padding:0 4%;}
article h2 {
	font-size: 22px;
	font-weight: 500;}
h3 {
	display: block;
	font-family: "Adobe Caslon Pro";
	font-size: 24px;
	font-weight: 600;
	margin: 2% 0 1% 12%;}
h4 {
	display: block;
	font-family: "Adobe Caslon Pro";
	font-size: 18px;
	font-weight: 550;
	margin: 15px 0 0 4%;}
#below h4 {
    text-align:left;
	margin:0.6% 0;
	padding:0;}
h5 {
	display: block;
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: 300;
	margin: 10px 0 0 0;}
h6 {
    display: block;
	font-family: "Adobe Caslon Pro";
	font-size: 30px;
	font-weight: 500;
	font-style:italic;
	margin: 35px 0 15px 5px;}
p {
	display: block;
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: 400;
	text-indent: 40px;
	margin: 0;
	padding: 0 4%;}
#kop p {
	display: block;
	font-family: Georgia,"Times New Roman";
	font-size: 20px;
	font-weight: 400;
	margin: 20px 0 20px 0;
	text-indent: 0;}
#sitemap p {
    font-size:16px;
	margin: 2% 0;
	text-indent: 0;
	font-style: normal;}
#aside p {
	text-indent: 0;
	margin:0 0 0 10px;
	padding:0;}
#below p {
    text-indent:0;
	text-align:left;
	margin:0;
	padding:0;}
table p {
	font-size: 14px;
	font-weight:600;
	text-align: left;
	text-indent: 0;
	width:fit-content;
	padding:0;
	margin-right:8px;}
#ondertekst p {
	text-indent: 0;
	padding-left: 40px;}
#bottomtext li p {
    text-align: center;
    text-indent:0;}
strong {
	font-weight: 800;}
a {
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	color: #030;
	cursor: pointer;}
a:hover {
	color: #f00;}
a:active {
	text-decoration: line-through;}
#top a {
	font-family: "Adobe Caslon Pro";
	font-size: 18px;
	font-weight: 400;}
#top a:hover {
	font-size: 18px;
	text-decoration: none;}
#top a:active {
	font-size: 18px;
	text-decoration: line-through;}
nav a {
    font-size:20px;
	padding: 0.2% 1%;}
nav a:hover {
text-decoration:none;}
nav a:active {
text-decoration:line-through;}
#menu a {
	float: left;
	width: 125px;}
#kop a {
	font-family: Georgia,"Times New Roman";
	font-size: 20px;
	font-weight: 400;}
#kop a:hover {
	font-family: Georgia,"Times New Roman";
	font-size: 20px;
	font-weight: 400;
	color: #f00;}
#kop a:active {
	font-family: Georgia,"Times New Roman";
	font-size: 20px;
	font-weight: 400;}
#sitemap a {
    font-size:16px;
	margin: 2% 0;
	text-indent: 0;
	font-style: normal;}
address {
	display: block;
	line-height:160%;}
address a {
	font-size: 18px;
	font-weight: 400;
	font-style: normal;}
address a:hover {
	font-size: 18px;}
address a:active {
	font-size: 18px;}
#below a {
    font-size:16px;}
#below address {
    display:inline-block;}
#call {
    display: none;
	width:max-content;
	left: 0;
	top: 0;
	margin: 1% 0 1.4% 6%;
	text-decoration: none;}
#call a {
		font-weight: 400;}
#call a:hover {
		color: #f00;
		font-weight: 400;
		text-decoration: none;}
#call a:active {
		color: #030;
		font-weight: 400;
		text-decoration: line-through;}
#iframe {
	display: block;
	width: auto;
	height: auto;}
img {
    max-width:100%;
	height:auto;}
#zuidoostfriesland {
    height:1000px;
    width:98%;
    max-width:98%;
	border:none;}
#evenementenzuidoostfriesland {
    height:620px;
    width:98%;
    max-width:98%;
	border:none;}
.links {
	display: block;
	float: left;
	margin: 20px 0 0 0;
	height: auto;
	line-height:160%;}
.links p {
	margin-bottom: 5px;}
.mobil-links {
	display: block;
	margin: 0;
	padding: 5% 0 0 20%;}
.mobil-links li {
	    margin:2% 0;}
.reserveren-mobiel {
    padding:4px;
	width:auto;}
.reserveren-mobiel ul {
    width:150px;
	max-width:100%;
	margin:0 auto;}
.reserveren-mobiel li {
        display:block;
        float:none;
		width:auto;
		margin:6% 0 8% 0;
		background-color:#9c9;
		text-align:center;}
.reserveren-groot {
        display:inline;}	
.reserveren-klein {
	    display:none;}	
.reserveren-button {
       background-color:#99cc99;
       border:none;
	   font-family:"Times New Roman";
       font-size:18px;
	   font-weight:400;}
.reserveren-button:hover {
       background-color:#99cccc;
       color:#f00;}
.reserveren-button:hover .dropdown {
      display:block;}
.reserveren-button:active {
      border:none;}
.knop-reserveren {	  
	display: block;
	font-family: "Adobe Caslon Pro";
	font-size: 30px;
	font-weight: 500;
	font-style:italic;
	margin: 35px 0 15px 5px;}
.foto {
        float:left;
        width:max-content;
        max-width: 100%;
        overflow:hidden;
        margin:4% 2% 2% 0;}
.fotocen {
    display:block;
	position:relative;
    width:max-content;
    max-width:100%;
	height:auto;
	margin:2% auto;
	overflow:hidden;}
.foto1 {
	float: left;
	left: 40px;
	margin: 25px 25px 10px 6px;
	overflow: hidden;}
.foto2 {
	float: right;
	margin: 25px 6px 10px 25px;
	overflow: hidden;}
.baas-1{
    display:inline-block;
	padding:4% 0;}
.baas-2{
    display:none;
	position:relative;
	padding:2% 0;}
.landscape {
    width:28%;}
.portrait {
    width:20%;}
.fullsize {
    width:max-content;}
.left {
	position: relative;
	left: -40px;}
.center {
    width:fit-content;
    margin:2% auto;
	text-align:center;}	
.clearfix {
	clear: both;}
.Vlag {
	display: block;
	position: fixed;
	top: 1%;
	float: left;
	overflow:hidden;
	z-index: 2;}
.Vlag a span {
	display: none;
	z-index: 6;}
.Vlag a:hover span {
	display: inline;
	position: fixed;
	top: 20%;
	right: 40%;}
.taalkeuze-klein {
    display:none;}
.taalkeuze-groot {
    display:inline;}
.taal {
    display:inline;
	Width:fit-content;
	max-width:15%;
	height:fit-content;
	margin-right:6px;}
.fixed1 {
	display: block;
	position: fixed;
	top: 24%;
	float: left;
	margin: 0 1.5% 0 0;
	z-index: 2;}
.fixed1 a span {
	display: none;
	position:relative;
	left:0px;
	z-index: 2;}
.fixed1 a:hover span {
	display: inline;
	left:-26px;}
.fixed2 {
	display: block;
	position: fixed;
	top: 40%;
	float: left;
	margin: 0 1.5% 0 0;
	z-index: 2;}
.fixed2 a span {
	display: none;
	margin-left:0.5px;
	z-index: 2;}
.fixed2 a:hover span {
	display: inline;}
.fixed3 {
	display: block;
	position: fixed;
	top: 48%;
	float: left;
	margin: 0 1.5% 0 0;
	z-index: 2;}
.fixed3 a span {
	display: none;
	z-index: 2;}
.fixed3 a:hover span {
	display: inline;}
.fixed4 {
	display: block;
	position: fixed;
	top: 32%;
	float: left;
	margin: 0 1.5% 0 0;
	z-index: 2;}
.fixed4 a span {
	display: none;
	position:relative;
	left:0;
	z-index: 2;}
.fixed4 a:hover span {
	display: inline;}
.qrcode {
	display: block;
	float: right;
	width:220px;
	height:26px;
	margin:0;}
#aside .qrcode {
	float: left;
	margin-left: 15px;}
.qrcode span img {
	display: none;
	z-index: 2;}
.qrcode div:hover span img{
	display: block;
	position: fixed;
	top: 20%;
	right: 40%;}
#aside .greenkey img {
    margin-top:6px;
	margin-left:15px;}
.foto span {
	display: none;
	z-index: 2;}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;}
.small {
	    display:none;
		position: -webkit-sticky;
	    position: sticky;
	    top: 35px;
	    z-index: 1;
		margin:2% 0;
		text-align: center;}
.dropdown {
display:none;}
nav li:hover .dropdown {
display:block;}
.wrapper {
display:block;
position:relative;
width:auto;
max-width:100%;
height:auto;}
.img-wrapper {
width:max-content;
max-width:100%;
margin:0 0 0 2%;}
.prijslijst-camping {
display:block;
position:absolute;
width:40%;
max-width:40%;
top:8px;
right:4%;}
.prijslijst-trekkershut-1 {
display:block;
position:relative;
width:46%;
max-width:46%;}
.prijslijst-trekkershut-1 H2 {
padding:0;}
.prijslijst-trekkershut-2 {
display:none;
position:relative;
width:46%;
max-width:46%;}
.prijslijst-trekkershut-2 H2 {
padding:0;}
.check {
display:none;}
.navigation-button {
display:inline-block;
height:22px;
background-color:transparent;
border:none;
text-align:left;
margin:0;
padding:0;}
.navigation-dropdown {
display:none;
position:absolute;
top:-10px;
right:-16px;
background-color:#ffff99;
color:#333300;
width:fit-content;
padding:4px;
z-index:3;}
#volledig-menu:hover .navigation-dropdown {
display:block;}
.navigation-dropdown li {
display:block;
width:100%;
max-width:100%;
margin:0 auto;
padding:1.4% 0;}
.navigation-dropdown a{
display:block;
width:inherit;
padding:0;}
.navigation-dropdown a:hover {
background-color:#ffff99;
color:#333300;}
.menu-icoon {
display:block;
height:4px;} 
.streep {
display:inline-block;
position:absolute;
width: 14px;
height: 0.5px;
border: 0.8px solid;
border-radius:6px;
border-color:#333300;
margin:2.8px 4px;}
.stip {
display:inline-block;
position:absolute;
width:0.5px;
height:0.5px;
background-color:#333300;
border: 0.8px solid;
border-radius:6px;
border-color:#333300;
margin:2.8px 2px 2.8px 0;}
/* Tommy booking support */
#tbsystem .canender div .col {
display:block;
float:none;}
/**************************************************************************************************************/
@media only screen and (max-width:1212px) and (min-width:993px) {
#sitemap img {
display: none;}
.taalkeuze-klein {
display:inline;}
.taalkeuze-groot {
display:none;}}
/****************************************************************************************************************/
@media only screen and (max-width:992px) and (min-width:601px) {
	body {
		margin: 0 auto;
		padding: 0;
		font-size: 18px;}
	#box {
		padding: 0;
		max-width: 100%;}
	#breadcrumb {
		margin: .2% 0 .2% 7%;}
	#breadcrumb a {
       font-size:12px;}
	#container-singel {
		max-width: 100%;}
	#container-camping {
		max-width: 100%;}
	#top {
		width: 100%;
		max-width: 100%;}
	#top address {
		display: none;}
	#belons {
		display: none;}
	#taalkeuze {
	   right:15%;}
	#menu {
		display: none;}	
	#reserveren-dropdown {
	    right:45%;
		width:150px;}
	#reserveren-dropdown ul {
	    width:150px;}
    #reserveren-dropdown li {
        display:block;
        float:none;
		width:auto;
		height:auto;
		max-width:100%;
		margin:0;
		padding:2% 6%;}		
	#header {
		width: 100%;
		max-width: 100%;
		height: auto;}	
	#midden {
		margin: 0;
		padding: 0%;
		width: 100%;
		max-width: 100%;}
	#midden-tweede {
		margin: 0;
		padding: 0%;
		width: 100%;
		max-width: 100%;}		
	#kop {
		width: auto;
		max-width: 96%;
		padding: 0 2%;
		margin: 0 auto;}
	main {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 250px;
		margin: 0;
		padding: 0 0 4% 0;}
	#main1 {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 250px;
		margin: 0;
		padding: 0 0 4% 0;}
	#ondertekst {
		display: none;}	
	#bottomtext {
        display: none;}
	main address {
		padding: 4% 6% 6% 8%;}
	main iframe {
		display: block;
		width: 100%;}
	#aside {
		display: none;}
	#aside1 {
		display: none;}    
	#bottomtext {
        display:none;}
	#below {
	    display:block;
		margin: 0 auto;
		padding: 2% 0;}	
	#sitemap {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 2% 0;}	
	#sitemap img {
		display: none;}
	ul {
		margin: 0 0 6% 0;
		padding: 0;
		width: auto;
		height: auto;
		list-style-image: none;	}
	#sitemap ul {
		display: none;}
	li {
		list-style: none;
		list-style-type: none;
		margin: 4% 0 2% 0;}	
	nav li {
	    width: 30%;
		max-width: 30%;
		margin:0 6%;
		padding:2.5% 0;}
	h1 div,span {
		display: inline;}
	h2 {
		font-style: normal;
		text-align: center;
		margin: 4% 0;}	
	article, main h2 {
	    font-size:20px;}
	h3 {
	    font-size:22px;
		margin: 1.5%;
		margin-top: 2.5%;
		text-align: center;}
	h4 {
		margin:0 0 4% 0;
		padding:0 6%;
        text-align:center;}	
	h6 {
	   font-size: 26px;}
	p {
		text-indent: 10%;
		text-align: center;}
	#kop p {
		font-style: normal;
		text-align: center;
		margin: 6% 0;}
	#aside p {
		text-indent: 0;
		padding: 0 0 0 7%;}
	table {
		max-width: 100%;
		margin:0 auto;}
	table p {
	margin-top:1%;
	margin-right:10px;}
	#ondertekst p {
		text-indent: 0;
		padding-left: 12%;}
	table td {
		padding: 1% 0;}
	a {
		font-size: 18px;}
	a:hover {
		text-decoration: none;
		color: #f00;}
	a:active {
		text-decoration: underline;}
	#top a {
		font-size: 16px;
		font-weight: 400;}
	#top a:hover {
		font-size: 16px;
		text-decoration: none;}
	#top a:active {
		font-size: 16px;
		text-decoration: line-through;}
	footer a {
		font-size: 12px;}
	footer a:hover {
		font-size: 12px;}
	footer a:active {
		font-size: 12px;}
	.baas-1 {
	    display:none;}
	.baas-2{
	    display:inline-block;
        position:relative;}
	.links {
		margin: 12% 0;}
	.mobiel {
		display: none;}
	.mobil-links {
		display: block;}	
	.mobil-links li {
	    margin: 4% 0;}
	.small {
	    display:block;
		top:40px;}	
	.reserveren-groot {
        display:none;}	
	.reserveren-klein {
	    display: inline;}	
	.left {
		position: relative;
		left: -12%;}	
	.fixed1 {
		top: 40%;}
	.fixed2 {
		top: 48%;}	
	.fixed3 {
		top: 56%;}
	.fixed4 {
		top: 44%;}
	.taalkeuze-klein {
        display:inline;}
    .taalkeuze-groot {
        display:none;}
	.clearfix {
		clear: both;}
	.qrcode {
		display: none;}	
	.middel {
	    display: none;}
	.wrapper {
	    margin:0 auto;}
	.prijslijst-camping {
        position:relative;
		width:100%;
        max-width:100%;
		top:0;
        right:0;}
	.prijslijst-trekkershut-1 {
        display:none;}
	.prijslijst-trekkershut-2 {
	    display:block;
        width:100%;
        max-width:100%;}
	.img-wrapper {
	margin:0 auto;}
    .check {
	display:block;}
	#call {
	    display:inline-block;}}
/**************************************************************************************************/
@media only screen and (max-width:600px) and (min-width:481px) {
body {
		margin: 0 auto;
		padding: 0;
		font-size: 18px;}
#box {
		padding: 0;
		width: auto;
		max-width: 100%;}
#breadcrumb {
		margin: .2% 0 .2% 7%;}
#breadcrumb a {
       font-size:12px;}
#container-singel {
		width: auto;
		max-width: 100%;}
#container-camping {
		max-width: 100%;}
#top {
		width: auto;
		max-width: 100%;}
#top address {
		display: none;}
#belons {
		display: none;}
#taalkeuze {
	    right:15%;}
#menu {
		display: none;}
#reserveren-dropdown {
	    right:40%;
		width:150px;}
#reserveren-dropdown ul {
	    width:150px;}
#reserveren-dropdown li {
        display:block;
        float:none;
		width:auto;
		height:auto;
		max-width:100%;
		margin:0;
		padding:2% 6%;}	
#header {
		width: auto;
		max-width: 100%;
		height: auto;}
#midden {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;}
#midden-tweede {
		margin: 0;
		padding: 0;
		width: auto;
		max-width: 100%;}		
#kop {
		width: auto;
		max-width: 100%;
		padding: 0 2%;
		margin: 0 auto;}		
main {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 250px;
		margin: 0 0 4% 0;
		padding: 2% 0;}
#main1 {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 250px;
		margin: 0 0 4% 0;
		padding: 2% 0;}
#ondertekst {
		display: none;}	
#bottomtext {
	    display: none;}
main address {
		padding: 4% 6%;}
main iframe {
		display: block;
		width: 100%;}	
/* Tommy booking support */
#tbsystem .canender div .col {
	display:block;
	float:none;}
#aside {
		display: none;}
#aside1 {
		display: none;}	
#bottomtext {
        display: none;}
#below {
	    display:block;
		margin: 0 auto;
		padding: 2% 0;}
#sitemap {
		margin: 0 auto;
		padding: 2% 0;}
#sitemap img {
		display: none;}
ul {
		margin: 0 0 6% 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
		height: auto;
		list-style-image: none;}		
#sitemap ul {
		display: none;}
li {
		list-style: none;
		list-style-type: none;
		margin: 6% 0 4% 0;}
nav li {
		width: 30%;
		max-width: 30%;
		margin:0 6%;
		padding:2.5% 0;}	
h1 {
	    font-size: 30px;
	    font-weight: 600;
		display: inline;}
#kop h1 {
        width:80%;}
h2 {
		font-style: normal;
		text-align: center;
		margin: 4% 0;}	
article, main h2 {
	    font-size:18px;}
h3 {
	    font-size:22px;
		margin: 1.5%;
		margin-top: 2.5%;
		text-align: center;}
h4 {
		margin:0 0 4% 0;
		padding:0 4%;
        text-align:center;}	
h6 {
	   font-size: 24px;}
p {
		text-indent: 10%;
		text-align: left;}
#kop p {
	    font-size:18px;
		font-style: normal;
		text-align: center;
		margin: 8% 0;}
#aside p {
		text-indent: 0;
		padding: 0 0 0 7%;}
table {
		max-width: 100%;
		margin:0 auto;}
table p {
		font-size: 14px;
		text-align: left;
		text-indent: 0;
		margin-top: 1%;
		margin-right:10px;}
#ondertekst p {
		text-indent: 0;
		padding-left: 12%;}
table td {
		padding: 1% 0;}
a {
		font-size: 18px;}
a:hover {
		text-decoration: none;
		color: #f00;}
a:active {
		text-decoration: underline;}	
#top a {
font-size: 16px;}
#top a:hover {
font-size:16px;
text-decoration: none;}
#top a:active {
font-size:16px;
text-decoration: line-through;}	
nav a {
	    font-size:18px;
		margin: 0;}
nav a:hover {
		text-decoration: none;
		font-size:18px;}
nav a:active {
		text-decoration: line-through;}
footer a {
		font-size: 12px;}
footer a:hover {
		font-size: 12px;}
footer a:active {
		font-size: 12px;}
.baas-1 {
	    display:none;}
.baas-2 {
	    display:inline-block;
        position:relative;}
.links {
		margin: 12% 0;}
.mobiel {
		display: none;}
.mobil-links {
		display: block;}	
.mobil-links li {
	    margin:4% 0;}
.small {
	    display:block;
		top:40px;}
.taalkeuze-klein {
        display:inline;}
.taalkeuze-groot {
        display:none;}	
.reserveren-groot {
        display:none;}	
.reserveren-klein {
	    display: inline;}	
.foto {
	float:none;
    margin:0 auto;}
.left {
		position: relative;
		left: -12%;}	
.fixed1 {
		top: 40%;}
.fixed2 {
		top: 48%;}	
.fixed3 {
		top: 56%;}
	.fixed4 {
		top: 44%;}
.qrcode {
		display: none;}	
.Vlag {
	    display: none;}
.prev, .next {
        top: 70%;}
.middel {
	    display: none;}
.wrapper {
	margin:0 auto;}
.prijslijst-camping {
        position:relative;
		width:100%;
        max-width:100%;
		top:0;
        right:0;}
.prijslijst-trekkershut-1 {
        display:none;}
.prijslijst-trekkershut-2 {
	    display:block;
        width:100%;
        max-width:100%;}
.img-wrapper {
	margin:0 auto;}
#iframe1 {
		display: block;
		width: auto;
		max-width: 100%;}
	#call {
	    display:inline-block;}
.check {
	display:block;}}
/********************************************************************************************/
@media only screen and (max-width:480px) {
body {
		margin: 0 auto;
		padding: 0;
		font-size: 18px;}
#box {
		padding: 0;
		width: auto;
		max-width: 100%;}
#breadcrumb {
		margin: .2% 0 .2% 7%;}
#breadcrumb a {
       font-size:14px;}
#container-singel {
		width: auto;
		max-width: 100%;}
#container-camping {
		max-width: 100%;}
#top {
		width: auto;
		max-width: 100%;}
#top address {
		display: none;}
#belons {
		display: none;}
#taalkeuze {
	    right:10%;}
#menu {
		display: none;}
#reserveren-dropdown {
	    right:6%;
		width:150px;
		max-width:100%;}
#reserveren-dropdown ul {
	    width:150px;}
#reserveren-dropdown li {
        display:block;
        float:none;
		width:auto;
		height:auto;
		max-width:100%;
		margin:0;
		padding:2% 6%;}
#header {
		width: auto;
		max-width: 100%;
		height: auto;}
#midden {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;}
#midden-tweede {
		margin: 0;
		padding: 0;
		width: auto;
		max-width: 100%;}		
#kop {
		width: auto;
		max-width: 100%;
		padding: 0 2%;
		margin: 0 auto;}		
main {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 250px;
		margin: 0;
		padding: 2% 0;}
#main1 {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 250px;
		margin: 0;
		padding: 2% 0;}
#ondertekst {
		display: none;}	
#bottomtext {
	    display: none;}
main address {
		padding: 4% 20%;
		margin:0 auto;}
main iframe {
		display: block;
		width: 100%;}	
/* Tommy booking support */
#tbsystem .canender div .col {
	display:block;
	float:none;}
#aside {
		display: none;}
#aside1 {
		display: none;}	
#bottomtext {
        display: none;}
#below {
	    display:block;
		margin: 0 auto;
		padding: 2% 0;}
#sitemap {
		margin: 0 auto;
		padding: 2% 0;}
#sitemap img {
		display: none;}
ul {
		margin: 0 0 6% 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
		height: auto;
		list-style-image: none;}
nav ul{
        width:80%;}
#sitemap ul {
		display: none;}
li {
		list-style: none;
		list-style-type: none;
		margin: 4% 0 2% 0;}
nav li {
		width: 30%;
		max-width: 30%;
		margin:0 6%;
		padding:2% 0;}
h1 {
	    font-size: 28px;
	    font-weight: 600;
		display: inline;}
#kop h1 {
        width:80%;}
h2 {
		font-style: normal;
		text-align: center;
		margin: 4% 0;}	
article, main h2 {
	    font-size:18px;}
h3 {
		font-size: 22px;
		margin: 2%;
		margin-top: 4%;
		text-align: center;}
h4 {
		margin:0 0 4% 0;
		padding:0 4%;
        text-align:center;}
	
h6 {
	   font-size: 24px;}
p {
		text-indent: 10%;
		text-align: left;}
#kop p {
        font-size:18px;
		font-style: normal;
		text-align: center;
		margin: 6% 0;}
#aside p {
		text-indent: 0;
		padding: 0 0 0 7%;}
table {
		max-width: 100%;
		margin:0 auto;}
table p {
		font-size: 14px;
		text-align: left;
		text-indent: 0;
		margin-top: 1%;
		margin-right:10px;}
#ondertekst p {
		text-indent: 0;
		padding-left: 12%;}
table td {
		padding: 1% 0;}
a {
		font-size: 18px;}
a:hover {
		text-decoration: none;
		color: #f00;}
a:active {
		text-decoration: underline;}	
#top a {
	    font-size: 16px;}
#top a:hover {
		text-decoration: none;
		font-size:16px;}
#top a:active {
font-size:16px;
text-decoration: line-through;}	
nav a {
	    font-size: 18px;
		margin: 0;}
nav a:hover {
		text-decoration: none;
		font-size:18px;}
nav a:active {
		text-decoration: line-through;}
footer a {
		font-size: 12px;}
footer a:hover {
		font-size: 12px;}
footer a:active {
		font-size: 12px;}
.links {
		margin: 12% 0;}
.mobiel {
		display: none;}
.mobil-links {
		display: block;}
.mobil-links li {
	    margin:6% 0;}
.small {
	    display:block;
		top:40px;}
.taalkeuze-klein {
        display:inline;}
.taalkeuze-groot {
        display:none;}	
.reserveren-groot {
        display:none;}	
.reserveren-klein {
	    display: inline;}	
.reserveren-button {
       font-size:18px;}
.foto {
	float:none;
    margin:0 auto;}
.baas-1 {
	    display:none;}
.baas-2{
	    display:none;}
.left {
		position: relative;
		left: -12%;}
.fixed1 {
		top: 40%;}
.fixed2 {
		top: 50%;}	
.fixed3 {
		top: 60%;}
.fixed4 {
		top: 45%;}
.qrcode {
		display: none;}	
.Vlag {
	    display: none;}		
.prev, .next {
        top: 70%;}	
.middel {
	    display: none;}
.wrapper {
	margin:0 auto;}
.prijslijst-camping {
        position:relative;
		width:100%;
        max-width:100%;
		top:0;
        right:0;}
.prijslijst-trekkershut-1 {
        display:none;}
.prijslijst-trekkershut-2 {
	    display:block;
        width:100%;
        max-width:100%;}
.img-wrapper {
	margin:0 auto;}
.check {
	display:block;}	
#call {display:inline-block;}
#iframe1 {
		display: block;
		width: auto;
		max-width: 100%;}}
/********************************************************************************************/
@media only screen and (max-height:580px)  and (min-height:68px){
.fixed1 {
	top: 18%;}
.fixed2 {
	top: 58%;}
.fixed3 {
	top: 78%;}
.fixed4 {
	top: 38%;}}