html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, form, label, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
img {
	padding:0;
	margin:0;
}
body {
	line-height: 1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* #################################### einde browserinstellingen ######################## */


body {
	margin:0;
	padding:0;
	font:normal 100% SourceSansProRegular, Verdana, Arial, sans-serif;
	font-size:1em;
	line-height:1.5em;
	background-color:#ffffff;
	text-align:center;
	color:#000000;
}
@font-face {
    font-family: 'KomikaTextRegular';
    src: url('KOMTXT__-webfont.eot');
    src: url('KOMTXT__-webfont.eot?#iefix') format('embedded-opentype'),
         url('KOMTXT__-webfont.woff') format('woff'),
         url('KOMTXT__-webfont.ttf') format('truetype'),
         url('KOMTXT__-webfont.svg#KomikaTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'KomikaTextBoldItalic';
    src: url('KOMTXTBI-webfont.eot');
    src: url('KOMTXTBI-webfont.eot?#iefix') format('embedded-opentype'),
         url('KOMTXTBI-webfont.woff') format('woff'),
         url('KOMTXTBI-webfont.ttf') format('truetype'),
         url('KOMTXTBI-webfont.svg#KomikaTextBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProRegular';
    src: url('SourceSansPro-Regular-webfont.eot');
    src: url('SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('SourceSansPro-Regular-webfont.woff') format('woff'),
         url('SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

p, li {
	margin:0;	
	padding:0;
}
ul {
	margin:0 0 0 5px;	
	padding:0 0 0 18px;
}
ol {
	margin:0;	
	padding:0 0 0 25px;
}
h1 {
	display:inline;
	padding:0;
	font-size:35px;
	line-height:35px;
	font-family:"KomikaTextRegular";
	color:#796847;
}
h2 {
	display:block;
	margin:0px 0 10px; 0;
	padding:0;
	font-size:30px;
	font-weight:normal;
	font-family:"KomikaTextRegular";
}
h3 {
	display:block;
	margin:0px 0 2px 0;
	padding:0;
	font-size:20px;
	font-weight:bold;
}
h4 {
	display:block;
	margin:0px 0 2px 0;
	padding:0;
	font-size:17px;
	font-weight:bold;
}

h5 {
	display:block;
	margin:0px 0 2px 0;
	padding:0;
	font-size:15px;
	font-weight:bold;
}

A:link, A:active, A:visited, A:hover {
	color:#000000;
	text-decoration:underline;	
}
/* #################################### hoofdopzet en menu ######################## */
#container{
	width:600px;
	padding:0px;
	margin:0;
}

/* classes voor uitlijningen */
/* fotobg is tijdelijk */
#fotobg {
	display:none;
}
.fotodiv {
	display:none;
}
.fotodiv img {
	display:none;
}	

/*tekstbg is tijdelijk */
.tekstdiv {
	width:600px;
	max-width:600px;
	margin: 0;
}
.tekst {
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
}	

/*menu */

#menubg {
	display:none;
}
#menudiv {
	display:none;
}
#menu {
	display:none;
}	
#menu a:link, #menu a:visited {
	display:none;
}
#menu a:hover, #menu a:active{
	display:none;
} 
#menu a.first:link, #menu a.first:visited {
	display:none;
}
#menu a.first:hover, #menu a.first:active{
	display:none;
} 
#menu2 {
	display:none;
}
#menuknop {
	display:none;	
}


/* #################################### home ######################## */

#home {
	display:none;
}


#logobg{
	width:100%;	
	text-align:center;
	padding:0;	
}
#logoimg {
	float:left;
	padding:50px 40px 10px 10px;
}
#slogan {
	padding-top:95px;
}
#smallslogan {
	display:inline;
	margin:0;
	padding:0 10px 0 0;
	font-size:35px;
	line-height:45px;
	font-family:"KomikaTextRegular";
	color:#796847;
}
#bigslogan {
	display:inline;
	font-size:45px;
	font-family:"KomikaTextRegular";
	color:#796847;
}

#sliderbg {
	display:none;
}
#home2bg{
	width:100%;	
	text-align:center;
	padding:0;	
}

#riding-and-driving {
	display:none;
}
#riding-and-drivingbg {
	background:#ffffff;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}

#accommodation {
	display:none;
}
#accommodationbg {
	background:#ffffff;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}
#aboutus {
	display:none;
}
#aboutusbg {
	background:#ffffff;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}
#contact {
	display:none;
}
#contactbg {
	background:#ffffff;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}
#map {
	display:none;
}
#mapbg {
	background:#ffffff;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}
#image-gallery {
	display:none;
}
#image-gallerybg {
	background:#ffffff;
	color:#78746b;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}
#prices {
	display:none;
}
#pricesbg {
	background:#ffffff;
	width:100%;	
	text-align:center;
	padding:25px 0 0 0;	
}
#footer {
	display:block;	
}
#footerbg {
	display:block;
	position: relative;
	width: 100%;
	z-index:3;
	background:#ffffff;
	color:#000000;
	display:none;
	width:100%;	
	text-align:center;
	padding:15px 0 5px 0;
	font-size:14px;
}

#footerbg A:link, #footerbg A:active, #footerbg A:visited, #footerbg A:hover {
	text-decoration:none;
	color:#f6eeda;
}

/* #################################### knoppen en formulier ######################## */

.knopdiv {
	display:none;
}
.knop {
	display:none;
}
A.knoplink:link, A.knoplink:active, A.knoplink:visited, A.knoplink:hover {
	display:none;
}

.tabel {
	display:none;
}
.tdcel1 {
	display:none;
}
.tdcel2 {
	display:none;
}
.label{
	display:none;
}
.formveld{
	display:none;
}
.unveld {
	display:none;
}
.untekstveld {
	display:none;
}


/* #################################### classes voor kolommen ######################## */
.kolomkoepel {
	padding:15px 0 0 0;
}
.kolom2_1 {
	float:left;
	width:48.369565217391304347826086956522%;	
	text-align:left;
}
.kolom2_2 {
	float:right;
	width:48.369565217391304347826086956522%;	
	text-align:left;
}

.kolom3_1 {
	float:left;
	width:31.521739130434782608695652173913%;	
	text-align:left;
}
.kolom3_2 {
	float:left;
	width:31.521739130434782608695652173913%;
	padding:0 2.7173913043478260869565217391304%;	
	text-align:left;
}
.kolom3_3 {
	float:right;
	width:31.521739130434782608695652173913%;	
	text-align:left;
}

.kolom4_1 {
	float:left;
	width:22.826086956521739130434782608696%;	
	text-align:left;
}
.kolom4_2 {
	float:left;
	width:22.826086956521739130434782608696%;
	padding:0 2.9347826086956521739130434782609%;	
	text-align:left;
}
.kolom4_3 {
	float:left;
	width:22.826086956521739130434782608696%;
	padding-right:0 2.9347826086956521739130434782609%;
}
.kolom4_4 {
	float:right;
	width:22.826086956521739130434782608696%;	
	text-align:left;
}

.kolom5_1, .kolom5_3 {
	float:left;
	width:17.934782608695652173913043478261%;
}
.kolom5_2, .kolom5_4 {
	float:left;
	width:17.934782608695652173913043478261%;
	padding:0 2.5%;	
	text-align:left;
}
.kolom5_5 {
	float:right;
	width:17.934782608695652173913043478261%;	
	text-align:left;
}


.f2_1, .f2_2, .f3_1. .f3_2, .f3_3, .f4_1, .f4_2. .f4_3, .f4_4 {
	width:100%;
	padding:0;
}
.f2_1 img, .f2_2 img {
	background:#ffffff;
	width:96%;
	padding:2%;
}
.f3_1 img, .f3_2 img, .f3_3 img, .f4_1 img, .f4_2 img, .f4_3 img, .f4_4 img {
	background:#ffffff;
	width:95%;
	padding:2.5%;
}
.f5_1 img, .f5_2 img, .f5_3 img, .f5_4 img, .f5_5 img {
	background:#ffffff;
	width:94%;
	padding:3%;
}
.youtubemax{
	max-width: 600px;
}
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:12px 0 2px 0;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* #################################### classes voor foto's ######################## */

.photoleft {
	width:33%;
	float:left;
	margin:1px 25px 2px 0px;
	max-width:320px;
}
.photoright {
	width:33%;
	float:right;
	margin:1px 0 2px 10px;
	max-width:320px;
}
.photoleft img, .photoright img {
	background:#f8f5ed;
	width:96%;
	padding:2%;
}

.photosmallleft {
	width:15%;
	float:left;
	margin:1px 25px 2px 0px;
	max-width:150px;
}
.photosmallright {
	width:15%;
	float:right;
	margin:1px 0 2px 15px;
	max-width:150px;
}
.photosmallleft img, .photosmallright img {
	background:#f8f5ed;
	width:92%;
	padding:4%;
}

.photobig {
	margin:18px auto 8px auto;
	width:100%;
	max-width:920px;
	background:#f8f5ed;	
}
.photobig img {
	width:98%;
	padding:1%;
	display:block;
	margin:0;
}

.fotokoepel {
	padding:10px 0 0 0;	
}

.ifoto {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* #################################### andere classes ######################## */


.clear_all{
	clear:both;
	height:1px;
}
.extraruimte {
	height:0px;	
}
/*
.helebreedtediv {
	width:100%;
	max-width:920px;
	margin:0 auto;	
}
.max940 {
	max-width:940px;
}
.maxpadding {
	0 1.0638297872340425531914893617021%;	
}
.extrapadding {
	0 1.0638297872340425531914893617021%;		
}
*/
.gmap{
	float:left;
	margin:4px 20px 5px 0;
	width:50%;
}
.onderschrift {
	font-style:italic;
	font-size:14px;
	line-height:16px;
	margin:4px 6px 4px 6px;
}
.rondehoek {
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.schaduw {
	-webkit-box-shadow: 0px 0px 0px 0  rgba(72,72,72,0.35);
	-moz-box-shadow: 0px 0px 0px 0  rgba(72,72,72,0.35);
	box-shadow: 0px 0px 0px 0  rgba(72,72,72,0.35);	
}



/* #################################### mediaqueries ############################################*/


@media screen and (max-width : 840px) {
	#menu a:link, #menu a:active, #menu a:visited, #menu a:hover, #menu a.first:link, #menu a.first:active, #menu a.first:visited, #menu a.first:hover  {
		font-size:17px;	
	}
	#smallslogan {
		font-size:30px;
		line-height:40px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#bigslogan {
		display:inline;
		font-size:40px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
}
@media screen and (max-width : 720px) {
	body {
		font-size:0.95em;
	}
	#smallslogan {
		font-size:30px;
		line-height:37px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#bigslogan {
		display:inline;
		font-size:30px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#logoimg {
		float:left;
		padding:40px 20px 0 5px;
		width:25%;
	}
	#logoimg img {
		width:100%;	
	}
	#slogan {
		padding-top:85px;
	}
	A.toggleMenu:link, A.toggleMenu:active, A.toggleMenu:visited, A.toggleMenu:hover {
		display:none;
	}	
	#image-gallery2 {
		padding:35px 2.5% 0 2.5%;
		background:#78746b;
		color:#f6eeda;
	}
	#menu {
		display:none;	
	}
	#menuknop {
		display:block;
	}
	#menu2 {
		display:none;
	}
	#menu2 ul {
		display:none;
	}
	#menu2 a:link, #menu2 a:active, #menu2 a:visited {
		display:none;
	}
	#menu2 a:hover {
		display:none;
	}
}
@media screen and (max-width : 600px) {
	body {
		font-size:0.9em;
	}
	h3 {
		font-size:16px;
	}
	#smallslogan {
		display:inline;
		font-size:25px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#bigslogan {
		display:inline;
		font-size:30px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	
	.knop {
		font-size:11px;	
	}
	.photoleft {
		margin:1px 15px 0px 0px;
	}
	.photoright {
		margin:1px 0 0px 5px;
	}
	.onderschrift {
		display:none;	
	}
	.kolom3_1 {
		float:left;
		width:48%;
		max-width:270px;
	}
	.kolom3_2 {
		float:right;
		width:48%;
		max-width:270px;
		padding:0%;
	}
	.kolom3_3 {
		float:left;
		width:48%;
		max-width:270px;
		padding-top:15px;
	}
}
@media screen and (max-width:510px) {
	#logoimg {
		float:left;
		padding:40px 0px 0 5px;
		width:35%;
	}
	#logoimg img {
		width:100%;	
	}
	#slogan {
		padding:65px 40px 0 0;
		text-align:right;
	}
	#smallslogan {
		display:block;
		font-size:27px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#bigslogan {
		display:block;
		font-size:33px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#pricesbg {
		padding: 25px 0 25px 0;
	}
	#footerbg {
		position: relative;
	}
	.extraruimte{
		height:0;	
	}
	.photoright, .photoleft {
		width:50%;	
	}
	.photosmallleft {
		width:33%;
		margin:1px 15px 2px 0px;
	}
	.photosmallright {
		width:33%;
		margin:1px 0 2px 10px;
	}
	.photosmallleft img, .photosmallright img {
		background:#f8f5ed;
		width:94%;
		padding:3%;
	}
	.kolom5_1 {
		float:left;
		width:32%;
	}
	.kolom5_2 {
		float:left;
		width:32%;
		padding:0 2%;
	}
	.kolom5_3 {
		float:right;
		width:32%;
		padding:0;
	}
	.kolom5_4 {
		float:left;
		width:32%;
		padding:15px 0 0 0;
		clear:both;
	}
	.kolom5_5 {
		float:left;
		width:32%;
		padding:0 2%;
		padding-top:15px;
	}
	.gmap{
		float:none;
		clear:both;
		margin:4px 0 5px 0;
		width:100%;
	}
}
@media screen and (max-width :460px) {
	#slogan {
		padding:50px 30px 0 0;
		text-align:right;
	}
	#smallslogan {
		display:block;
		font-size:25px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#bigslogan {
		display:block;
		font-size:30px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	.kolom2_1, .kolom2_2 {
		float:none;
		width:100%;
		max-width:425px;
	}
	.kolom2_2 {
		padding-top:15px;	
	}
	.kolom4_1 {
		float:left;
		width:48%;
	}
	.kolom4_2 {
		float:right;
		width:48%;
		padding:0;
	}
	.kolom4_3 {
		float:left;
		width:48%;
		padding:15px 0 0 0;
	}
	.kolom4_4 {
		float:right;
		width:48%;
		padding:15px 0 0 0;
	}
	.formveld{
		width:240px;
	}
}
@media screen and (max-width :380px) {
	#logoimg {
		width:25%;
	}
	#slogan {
		padding:40px 10px 0 0;
		text-align:right;
	}
	#smallslogan {
		display:block;
		font-size:17px;
		line-height:25px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	#bigslogan {
		display:block;
		font-size:22px;
		font-family:"KomikaTextRegular";
		color:#796847;
	}
	.kolom3_1 {
		float:left;
		width:100%;
		max-width:270px;
	}
	.kolom3_2 {
		float:left;
		width:100%;
		max-width:270px;
		padding-top:15px;
	}
	.kolom3_3 {
		float:left;
		width:100%;
		max-width:270px;
		padding-top:15px;
	}
}