/* Table of Content
==================================================
	#Theme preferences
	#Content Styles
	#Media Queries */

/* #Theme preferences
================================================== */

/* Intro */
div.content div.intro { font-size: 120%; color: #3c9881; }

/* Text */
div.content div.text { font-size: 14px; line-height: 22px; }
div.content div.text h1 { font-size: 24px; }
div.content div.text h2 { font-size: 20px; }
div.content div.text h3 { font-size: 16px; }
div.content div.text a { text-decoration: none; }
div.content div.text a:hover { text-decoration: underline; color: #82b10f; }
div.content div.text img { border: 1px solid #7eaf0f; }

/* Accordion */
div.content div.accordion h4.title { color: #82b10f; border-color: #e0e0e0; }
div.content div.accordion h4.title:after { border-top: 7px solid #82b10f; }
div.content div.accordion h4.title.showing:after { border-bottom: 7px solid #82b10f; }
div.content div.accordion div.tab { border-color: #e0e0e0; }

/* Kaart */
div.content .google-map { border: 1px solid #e0e0e0; }

/* Tabs */
div.content div.tabs ul.tab-names li a { font-size: 15px; line-height: 45px; font-weight: bold; color: #474747; border-color: #eaeaea; background: #eaeaea; }
div.content div.tabs ul.tab-names li.active a { color: #82b10f; border: 1px solid #e0e0e0; border-bottom: 1px solid #fff; background: #fff; }
div.content div.tabs div.tab { border-color: #e0e0e0; }

/* Gallery */
div.content div.gallery div.photo a { border: 1px solid #7eaf0f; color: #000; }

/* Slider */
div.content div.slider p { color: #fff; }
div.content div.slider a.prev,
div.content div.slider a.next { background: rgba(255, 255, 255, 0.7); }
div.content div.slider a.prev:after { border-right: 7px solid #82b10f; }
div.content div.slider a.next:after { border-left: 7px solid #82b10f; }


/* #Content Styles
================================================== */

/* Text */
div.content div.text { overflow: hidden; width: 100%; }
div.content div.text iframe{ border: 0 !important; width: 100% !important;}
div.content div.text iframe .headertable{ background-color: #7eaf0f!important;}

/* Columns */
div.content div.col-1 { width: 100%; }

div.content div.col-2 { margin-right: 2%; float: left; width: 49%; }
div.content div.col-2:nth-child(2n) { margin-right: 0px; }
div.content div.col-2:nth-child(2n+1) { clear: both; }

div.content div.col-3 { margin-right: 2%; float: left; width: 32%; }
div.content div.col-3:nth-child(3n) { margin-right: 0px; }
div.content div.col-3:nth-child(3n+1) { clear: both; }

div.content div.col-4 { margin-right: 2%; float: left; width: 23.5%; }
div.content div.col-4:nth-child(4n) { margin-right: 0px; }
div.content div.col-4:nth-child(4n+1) { clear: both; }

div.content div.col-5 { margin-right: 2%; float: left; width: 18.4%; }
div.content div.col-5:nth-child(5n) { margin-right: 0px; }
div.content div.col-5:nth-child(5n+1) { clear: both; }

div.content div.col-6 { margin-right: 2%; float: left; width: 15%; }
div.content div.col-6:nth-child(6n) { margin-right: 0px; }
div.content div.col-6:nth-child(6n+1) { clear: both; }

div.content div.col-7 { margin-right: 2%; float: left; width: 12.57%; }
div.content div.col-7:nth-child(7n) { margin-right: 0px; }
div.content div.col-7:nth-child(7n+1) { clear: both; }

div.content div.col-8 { margin-right: 2%; float: left; width: 10.75%; }
div.content div.col-8:nth-child(8n) { margin-right: 0px; }
div.content div.col-8:nth-child(8n+1) { clear: both; }

/* Accordion */
div.content div.accordion h4.title { margin-bottom: 1.5em; padding: 15px 20px; position: relative; cursor: pointer; border-width: 1px; border-style: solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
div.content div.accordion h4.title:after { margin-top: -3px; position: absolute; top: 50%; right: 20px; display: block; width: 0; height: 0; content: " "; border-left: 7px solid transparent; border-right: 7px solid transparent; }
div.content div.accordion h4.title.showing { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }
div.content div.accordion h4.title.showing:after { border-top: 0px; }
div.content div.accordion div.tab { margin-bottom: 1.5em; padding: 20px; display: none; border-width: 1px; border-style: solid; border-top: 0px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
div.content div.accordion div.tab *:last-child { margin-bottom: 0px; }

/* Kaart */
div.content .google-map { margin-bottom: 1.5em; width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
div.content .google-map img { max-width: none; }

/* Tabs */
div.content div.tabs ul.tab-names { height: 45px; }
div.content div.tabs ul.tab-names li { margin-right: 5px; float: left; height: 45px; }
div.content div.tabs ul.tab-names li a { padding: 0px 20px; float: left; display: block; height: 45px; text-decoration: none; border-width: 1px; border-style: solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
div.content div.tabs ul.tab-names li.active a { height: 46px; }
div.content div.tabs div.tab { margin-bottom: 1.5em; padding: 20px; display: none; border-width: 1px; border-style: solid;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
div.content div.tabs div.tab *:last-child { margin-bottom: 0px; }

/* Gallery */
div.content div.gallery { overflow: hidden; width: 100%; }
div.content div.gallery div.photo { margin-bottom: 1.5em; }
div.content div.gallery div.photo a { display: block; text-decoration: none; }
div.content div.gallery div.photo a img { width: 100%; }
div.content div.gallery div.photo a span { padding-top: 1em; display: block; text-align: center; font-size: 90%; font-style: italic; }

/* Slider */
div.content div.slider { margin-bottom: 1.5em; position: relative; width: 100%; }
div.content div.slider ul { list-style: none; }
div.content div.slider li { position: relative; }
div.content div.slider p { margin: 0px; position: absolute; right: 20px; bottom: 20px; float: right; }
div.content div.slider li img { width: 100%; }
div.content div.slider a.prev { margin-top: -12px; position: absolute; top: 50%; left: 20px; z-index: 200; display: none; width: 25px; height: 25px; text-indent: -9999px; }
div.content div.slider a.prev:after { position: absolute; top: 30%; left: 32%; display: block; width: 0; height: 0; content: " "; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
div.content div.slider a.next { margin-top: -12px; position: absolute; top: 50%; right: 20px; z-index: 200; display: none; width: 25px; height: 25px; text-indent: -9999px; }
div.content div.slider a.next:after { position: absolute; top: 30%; right: 32%; display: block; width: 0; height: 0; content: " "; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
div.content div.slider:hover a.prev,
div.content div.slider:hover a.next { display: block; }


/* #Media Queries
================================================== */

	/* Width: 750px */
	@media only screen and (max-width: 750px) {
		
		/* Text */
		div.content div.text img.alignleft,
		div.content div.text img.alignright { max-width: 40%; height: auto !important; }

		div.content div.col-4 { margin-right: 2%; float: left; width: 23.5%; }
		div.content div.col-4:nth-child(4n) { margin-right: 0px; }
		div.content div.col-4:nth-child(4n+1) { clear: both; }

		div.content div.col-5,
		div.content div.col-6,
		div.content div.col-7,
		div.content div.col-8 { margin-right: 2%; float: left; width: 23.5%; }
		
		div.content div.col-5:nth-child(5n) { margin-right: 2%; }
		div.content div.col-5:nth-child(5n+1) { clear: none; }

		div.content div.col-6:nth-child(6n) { margin-right: 2%; }
		div.content div.col-6:nth-child(6n+1) { clear: none; }

		div.content div.col-7:nth-child(7n) { margin-right: 2%; }
		div.content div.col-7:nth-child(7n+1) { clear: none; }

		div.content div.col-8:nth-child(8n) { margin-right: 2%; }
		div.content div.col-8:nth-child(8n+1) { clear: none; }

		div.content div.col-5:nth-child(4n),
		div.content div.col-6:nth-child(4n),
		div.content div.col-7:nth-child(4n),
		div.content div.col-8:nth-child(4n) { margin-right: 0px; }
		div.content div.col-5:nth-child(4n+1),
		div.content div.col-6:nth-child(4n+1),
		div.content div.col-7:nth-child(4n+1),
		div.content div.col-8:nth-child(4n+1) { clear: both; }

		/* Tabs */
		div.content div.tabs ul.tab-names { height: auto; }
		div.content div.tabs ul.tab-names li { margin: 0px 0px 5px; display: block; float: none; }
		div.content div.tabs ul.tab-names li a { float: none; }
		div.content div.tabs ul.tab-names li.active a { height: 45px; }
		div.content div.tabs ul.tab-names li.active a { border-bottom: 1px solid #e0e0e0; }

	}	

	/* Width: 550px */
	@media only screen and (max-width: 550px) {
		
		/* Text */
		div.content div.text img.alignleft,
		div.content div.text img.alignright { max-width: 40%; height: auto !important; }

		div.content div.col-1,
		div.content div.col-2,
		div.content div.col-3,
		div.content div.col-4,
		div.content div.col-5,
		div.content div.col-6,
		div.content div.col-7,
		div.content div.col-8 { margin-right: 0px !important; float: none !important; width: 100% !important; }

		/* Slider */
		div.content div.slider p { font: 20px/20px 'Bebas Neue', Arial; }

		/* Gallery */
		div.content div.gallery div.photo { margin-right: 2% !important; float: left !important; width: 49% !important; }
		div.content div.gallery div.photo:nth-child(2n) { margin-right: 0px !important; }
		div.content div.gallery div.photo:nth-child(2n+1) { clear: both !important; }

		/* Tabs */
		div.content div.tabs ul.tab-names { height: auto; }
		div.content div.tabs ul.tab-names li { margin: 0px 0px 5px; display: block; float: none; }
		div.content div.tabs ul.tab-names li a { float: none; }
		div.content div.tabs ul.tab-names li.active a { height: 45px; }
		div.content div.tabs ul.tab-names li.active a { border-bottom: 1px solid #e0e0e0; }

	}