@charset "utf-8";


/* COLORS POOLEXPEDITIES ------------------------------------------------------------- */
.cat0, 
.cat0 a { 
	color: #3E9F99; 
}
/*
.navigation .cat0 a:hover,
.navigation .cat0 a:active,
.navigation .cat0 a.active {
	background: url("/gifs/arrow-down-white.png") right center no-repeat #BD1C18;
	_background: url("/gifs/arrow-down-white-IE6.gif") right center no-repeat #BD1C18;
}
*/
/*
#title .cat0,
#homepage .cat0 {
	background-color: #BD1C18;	
	background-image: -webkit-gradient(linear, 0 100%, 285deg, from(#971613), to(#BD1C18));	/    * chrome 2+, safari 4+; multiple color stops *    /
	background-image: -webkit-linear-gradient(285deg, #971613, #BD1C18); /    * chrome 10+, safari 5.1+ *    /
	background-image:    -moz-linear-gradient(285deg, #971613, #BD1C18); /    * firefox; multiple color stops *    /	
	background-image:     -ms-linear-gradient(285deg, #971613, #BD1C18); /    * firefox; multiple color stops *    /
	background-image:      -o-linear-gradient(285deg, #971613, #BD1C18); /    * opera 11.1 *    /
	background-image:         linear-gradient(285deg, #971613, #BD1C18); /    * standard *    /
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#971613', EndColorStr='#BD1C18', GradientType=1); /    * IE *    / 
}
*/


/* GLOBAL COLORS --------------------------------------------------------------------- */
.orange,
.darkgray a:hover,
.darkgray a:active,
.sub a:hover,
.sub a:active,
#newsletter h4,
#article ul.overview li a:hover,
#article ul.overview li a:active,
#spotlight p a:hover,
#spotlight p a:active,
a { 
	color: #F60; 		/* orange */
}
#article .button,
.button a {
	color: #FFF;
	background-color: #ff6600; 		/* orange */
}
h1, h2, h3, h4,
.darkgray,
.darkgray a {
	color: #5A5B53;		/* dark gray */
}
.midgray {
	color: #838278;		/* mid gray */	
}
h5,
.lightgray,
.lightgray a,
.sub,
.sub a {
	color: #B5B4A9;		/* light gray */
}
/*
.navigation a:hover,
.navigation a:active,
.navigation a.active,
*/
#title h1,
#title h4,
#title p,
#article ul.overview li a,
#homepage h1,
#homepage li p {
	color: #FFF;
}
#title .background {
	background-color: #3E9F99;	
	background-image: -webkit-gradient(linear, 0 100%, 285deg, from(#327f7A), to(#3E9F99));	/* chrome 2+, safari 4+; multiple color stops */
	background-image: -webkit-linear-gradient(285deg, #327f7A, #3E9F99); /* chrome 10+, safari 5.1+ */
	background-image:    -moz-linear-gradient(285deg, #327f7A, #3E9F99); /* firefox; multiple color stops */	
	background-image:     -ms-linear-gradient(285deg, #327f7A, #3E9F99); /* firefox; multiple color stops */
	background-image:      -o-linear-gradient(285deg, #327f7A, #3E9F99); /* opera 11.1 */
	background-image:         linear-gradient(285deg, #327f7A, #3E9F99); /* standard */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#327f7A', EndColorStr='#3E9F99', GradientType=1);	/* IE */ 		
}
.feedback-alert{
	font-weight: bold;
	color: #c81631;
}


/* @FONTFACE + FONT SIZES------------------------------------------------------------- */
/* http://www.fontsquirrel.com/fontface/generator */
@font-face {
    font-family: 'Dirty-Ego';
    src: url('/_include/fonts/dirty_ego-webfont.eot');
    src: local('☺'),
	     url('/_include/fonts/dirty_ego-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_include/fonts/dirty_ego-webfont.woff') format('woff'),
         url('/_include/fonts/dirty_ego-webfont.ttf') format('truetype'),
         url('/_include/fonts/dirty_ego-webfont.svg#webfont') format('svg');
	font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5 {
	font-family: 'Dirty-Ego', Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 100%;
}
h1 { 
	font-size: 2.625em;
	color: #5a5b53;
	/* 42px */ }

h2 { font-size: 1.875em;	/* 30px */ }

h3 { font-size: 1.5em; 		/* 24px */ }

h4 { font-size: 1.375em; 	/* 22px */}

h5 { font-size: 1.25em; 	/* 20px */ }

p { font-size: 0.75em; 		/* 12px */ }

ul, ol { font-size: 0.75em; /* 12px */ }

ul li ul { font-size: 1em; 	/* 12px */ }

.biggest { font-size: 0.875em; 		/* 14px */ }
.bigger { font-size: 0.8125em; 		/* 13px */ }
.smaller { font-size: 0.68em; 		}
.smallest { font-size: 0.5625em; 	/* 9px */ }

#topper .subnavigation h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 1em; 	/* 16px */	
}

#main h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: none;
	
	font-size: 0.8125em; 		/* 13px */
	line-height: 1.30em;
}
#aside p {
	font-size: 0.5625em; 	/* 9px */	
}
#article ul.overview li p,
#homepage ul {
	font-size: 1em;	
}

h1 { line-height: 0.85em; }


/* CSS RESET ------------------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, p, ul, li, table, tr, td, img, a { 
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0; 
}


/* GENERAL --------------------------------------------------------------------------- */
html, 
body { 
	height: 100%; 
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #000;
	background: #FFF;
}
.skiptocontent { 
	display: none; 
}
a,
.subnavigation a:hover,
.subnavigation p:hover,
.sub a:hover,
.sub a:active,
p.toonAlles:hover,
#spotlight p a:hover,
#spotlight p a:active { 
	text-decoration: underline; 
}
a:hover, 
a:active,
.subnavigation a,
.button a,
.sub a,
#article ul.overview a,
#homepage li a,
#spotlight p a { 
	text-decoration: none; 
}
.sub a { 
	font-weight: bold; 
}
.button a,.search-button {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	background-color: #ff6600;
	color: #ffffff;
	border: 0px;
}
td { 
	vertical-align: top;
}
hr {
	display: none;	
}
.accordionContent {
	padding: 15px 0px;	
}

.charter {
	background-color: #fef7ba;
}

.green {
	color: #3E9F99;	
}

.grid-2-columns{
	display: grid;
	grid-template-columns: repeat(2, 1fr); 
}

.hidden{
	display: none;
}
.visible{
	display: block;
}


/* TOPPER ---------------------------------------------------------------------------- */
#topper {
	width: 840px;
	margin: auto;
	padding: 15px 30px 15px 30px;
	background: url("/gifs/navigation-background.jpg") bottom no-repeat #FFF;
}
#topper img { 
	padding-right: 346px;
	width: 340px;
	height: 70px;
	/*float: left; */
}


/* TOPPER: NAVIGATION ---------------------------------------------------------------- */
/*
.navigation {  
	display: inline;
	line-height: 65px;
	margin-left: 45px;
}
.navigation li { 
	display: inline; 
}
.navigation a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 22px 4px 12px;
	background: url("/gifs/arrow-down-gray.gif") right center no-repeat;
}
*/


/* TOPPER: SUBNAVIGATION ------------------------------------------------------------- */
/*
#topper .subnavigation {
	display: none;
	margin: 20px 0px;
	margin-left: 180px;	
}
#topper .subnavigation p {
	margin-left: 545px;
	height: 30px;
	cursor: pointer;	
}
#topper .subnavigation table { width: 100%;	}
#topper .subnavigation td { width: 50%; }
#topper .subnavigation ul {
	margin-left: 20px;
	list-style: url("/gifs/arrow-gray.gif");
}
#topper .subnavigation li {
	margin: 4px 0px;
}
*/



/* HEADER ---------------------------------------------------------------------------- */
#header {
	width: 900px;
	height: 330px;
	margin: auto;
	background: #FFF;
}
#header img.header {
	width: 900px;
	height: 260px;
	position: absolute;
}
#title {
	width: 710px;
	height: 100px;
	margin-top: 230px;
	margin-left: -10px;
	position: absolute;
	background: url("/gifs/headertitle-background.png") left bottom no-repeat;
}
#title .background {
	width: 670px;
	height: 85px;
	padding-top: 5px;
	padding-left: 40px;
}
#socialmedia {
	width: 140px;
	height: 30px;
	margin-top: 260px;
	margin-left: 700px;
	padding: 20px 30px;
	position: absolute;
	background: url("/gifs/socialmedia-background.jpg") no-repeat #FFF;
}



/* MAIN CONTENT ---------------------------------------------------------------------- */
#content {
	width: 900px;
	margin: auto;
	background: #FFF;
}

#tooltip span {
	background-color: #327f7A;	
	background-image: -webkit-gradient(linear, 0 100%, 90deg, from(#327f7A), to(#3E9F99));	/* chrome 2+, safari 4+; multiple color stops */
	background-image: -webkit-linear-gradient(90deg, #327f7A, #3E9F99); /* chrome 10+, safari 5.1+ */
	background-image:    -moz-linear-gradient(90deg, #327f7A, #3E9F99); /* firefox; multiple color stops */	
	background-image:     -ms-linear-gradient(90deg, #327f7A, #3E9F99); /* firefox; multiple color stops */
	background-image:      -o-linear-gradient(90deg, #327f7A, #3E9F99); /* opera 11.1 */
	background-image:         linear-gradient(90deg, #327f7A, #3E9F99); /* standard */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3E9F99', EndColorStr='#327f7A', GradientType=0);	/* IE */ 
}
#tooltip {
	background: url("/gifs/tooltip-lapland.gif") 25% bottom no-repeat;	
}


/* MAIN CONTENT: SIDEBAR ------------------------------------------------------------- */
#sidebar {
	width: 140px;
	margin-right: 30px;
	padding: 50px 30px 50px;
	font-weight: bold;
	float: left;
	list-style: url("/gifs/arrow-gray.gif");
	background-color: #EAEBE0;
	background-image: -webkit-gradient(linear, 0 100%, 270deg, from(#FFFFFF), to(#EAEBE0));	/* chrome 2+, safari 4+; multiple color stops */
	background-image: -webkit-linear-gradient(270deg, #FFFFFF, #EAEBE0); /* chrome 10+, safari 5.1+ */
	background-image:    -moz-linear-gradient(270deg, #FFFFFF, #EAEBE0); /* firefox; multiple color stops */	
	background-image:     -ms-linear-gradient(270deg, #FFFFFF, #EAEBE0); /* firefox; multiple color stops */
	background-image:      -o-linear-gradient(270deg, #FFFFFF, #EAEBE0); /* opera 11.1 */
	background-image:         linear-gradient(270deg, #FFFFFF, #EAEBE0); /* standard */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#EAEBE0', GradientType=0);	/* IE */
}
#spotlight {
	width: 170px;
	height: 85px;
	padding: 20px 15px 15px;
	clear: left;
	background: url("/gifs/spotlight-background.png") no-repeat #EAEBE0;	
}
#spotlight p {
	width: 170px;
	margin-top: 5px;
	position: absolute;	
}
#newsletter {
	width: 170px;
	padding: 15px 15px;
	clear: left;
	background: url("/gifs/newsletter-background.jpg") no-repeat;	
}
#newsletter p {
	margin: 5px 0px 15px;
}
#contact {
	width: 165px;
	margin: -10px 5px;
	padding: 10px 10px;
	border: 1px solid #E6E7E0;
	clear: left;
}


/* MAIN CONTENT: BREADCRUMB ---------------------------------------------------------- */
#breadcrumb {
	width: 670px;
	height: 35px;
	padding-top: 15px;
	float: left;
	background: #FFF;
}


/* MAIN CONTENT: CONTENT ------------------------------------------------------------- */
#article {
	width: 670px;
	float: right;
	background: #FFF;	
}
#article h2, h3, h5 {
	margin-bottom: 10px; 	
}
#article h5 {
	margin-top: 8px;	
}
#article h4 {
	margin-top: 15px;
	margin-bottom: 3px;	
}
#article p {
	margin-bottom: 10px;	
}
#article .framed {
	margin: 15px 0px 25px;
	padding: 5px 15px;
	background-color: #EAEBE0;
	background-image: -webkit-gradient(linear, 0 100%, 270deg, from(#F5F5F0), to(#EAEBE0));	/* chrome 2+, safari 4+; multiple color stops */
	background-image: -webkit-linear-gradient(270deg, #F5F5F0, #EAEBE0); /* chrome 10+, safari 5.1+ */
	background-image:    -moz-linear-gradient(270deg, #F5F5F0, #EAEBE0); /* firefox; multiple color stops */	
	background-image:     -ms-linear-gradient(270deg, #F5F5F0, #EAEBE0); /* firefox; multiple color stops */
	background-image:      -o-linear-gradient(270deg, #F5F5F0, #EAEBE0); /* opera 11.1 */
	background-image:         linear-gradient(270deg, #F5F5F0, #EAEBE0); /* standard */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F5F5F0', EndColorStr='#EAEBE0', GradientType=0);	/* IE */
}
#article .framed h4 {
	margin-top: 10px;
	color: #333333;
}
#article .framed .no-title {
	margin-top: 10px;
}


/* MAIN CONTENT: OVERVIEW PAGES ------------------------------------------------------ */
#article ul.overview {
	margin-left: -7px;
}
#article ul.overview li {
	width: 205px;
	height: 150px;
	margin: 7px;
	list-style: none;
	float: left;
	position: relative;
}
#article ul.overview li img {
	width: 205px;
	height: 150px;
	position: absolute;
}
#article ul.overview li p {
	width: 195px;
	padding: 5px;
	bottom: -10px;
	font-weight: bold;
	position: absolute;
	background: url("/gifs/transparent-overlay.png");
}
#article ul.archief {
	margin-left: -3px;
}
#article ul.archief li {
	margin: 3px;
	font-weight: bold;
	list-style: none;
}
#article ul.archief li span {
	font-weight: normal;
}

/* TOOLTIP ON OVERVIEW PAGES --------------------------------------------------------- */
.infoToggle {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	display: none;
	cursor: pointer;
}
#tooltip {
	width: 390px;
	position: absolute;
	z-index: 1;
}
#tooltip span {
	padding: 10px;
	margin-bottom: 20px;
	display: block;
}
#tooltip h3,
#tooltip p {
	color: #FFF;
}
#tooltip h3 {
	font-size: 28px;
	margin: 0;
	padding: 0;
}
#tooltip p {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

/* MAIN CONTENT: PAGE CONTENT -------------------------------------------------------- */
#main {
	width: 470px;
	margin-right: 30px;
	float: left;
	background: #FFF;
}

/* intropage */
#main table { width: 100%;	}
#main td { vertical-align: top;	}
#main table .intro { width: 165px; }
#main .intro img {
	width: 150px;
	height: 110px;	
}
#main .inline {
	width: 50%;
	float: left;
}
#main p.inline {
	margin: 24px 0px;
}
#main .img {
	margin: 5px 0px;
	margin-right: 5px;	
}
#main #fotos_intro {
	height: 137px;	
}
#main #fotos_intro img {
	position: absolute;	
}
#main #fotos_album a {
	width: 105px;
	height: 70px;
	margin: 4px;
	overflow: hidden;
	float: left;
}
#main #fotos_album a img {
	width: 105px;
	min-height: 70px;
}
#main ul {
	margin: 15px 20px;	
}
#main .pricetable {
	margin: 10px 0px;
}

#main .pricetable td {
	padding: 2px 0px;
	font-size: 0.75em;
}

#main .pricetable h4 {
	padding: 2px 0px;
	font-size: 1.08em;
	line-height: 1.25em;
}

#main .pricetable h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.30em;
	text-transform: uppercase;
	color: #F60;
}

#main .pricetable2 td {
	font-size: 0.75em;
	height: 16px;
	padding: 4px 6px;
	border-bottom: 1px solid #FFF;
}

#main .pricetable3 td {
	padding: 4px 6px;
	border-bottom: 1px solid #FFF;
}

#article .framed-charter {
	margin: 0px 0px 25px;
	padding: 5px 15px;
	background-color: #fef7ba;
}

#article .framed-charter h4 {
	margin-top: 10px;
	color: #000000;
}

#main .excursietable td {
	padding: 2px 0px;
	font-size: 1em;
}

#main .excursietable tr {
	border-bottom: 1px solid #FFF;
}

#main .excursietable td .smaller {
	font-size: 0.85em;
}

#main .smallest {
	line-height: 1.4em;	
}
#main .inline .smallest {
	line-height: 0.9em;
}

#main  p .smaller {
	font-size: 0.75em;
}


p.toonAlles {
	cursor: pointer;	
}

/* right sidebar */
#aside {
	width: 160px;
	float: left;
	background: #FFF;
}
#aside p.caption {
	margin-bottom: 3px;	
}

#aside p {
	line-height: 135%;	
}
#aside .fancybox img {
	width: 150px;	
}

.accordionContent {
	padding: 15px 0px;	
}

#main .overzichtstable { width: 100%;	}

#main .overzichtstable tr:nth-child(odd) { 
		background-color:#f6f7f2; 
}
#main .overzichtstable tr:nth-child(even) { 
		background-color:#fff; 
}

#main .overzichtstable td  { 
		vertical-align: middle;
		font-size: 1.0em;
		padding: 5px;	
}

#main .overzichtstable td p  { 
	padding: 0px;
	margin: 0px
}

/* FOOTER ---------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 670px;
	margin: auto;
	padding: 30px 0px 30px 230px;
}
#footer .goofi {
	float: right;
	padding-right: 30px;
}



/* FORMS ------------------------------------------------------------------------------ */
input,
textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em; 		/* 12px */ 
	margin: 2px 0px;
	padding: 2px;
}
.input,
.input_medium,
.input_small,
.input_select,
.input_textarea {
	border: 1px #E0E0E0 solid;
	border-top: 1px #BDBDBC solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.input {
	width: 320px;
	height: 25px;
}
.input_medium {
	width: 233px;
	height: 25px;	
}
.input_small {
	width:  75px;	/* 69 voor ipad */
	height: 25px;
}
.input_select {
	width: 325px;
	height: 30px;
}
.input_textarea {
	width: 320px;
	height: 75px;
}

.program-code {
	width: 40px;
	height: 25px;
	background-color: #ebf5f4;
	border: none;
	padding: 0px 5px 0px 10px;
}

.program-button {
	height: 25px;
	background-color: #32807b;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	font-weight: bold;
	border: none;
}

#article form td {
	vertical-align: middle;	
}
#article form .button {
	padding: 6px 12px 6px 12px;
	font-weight: bold;
	border: 0px;
}
.formError {
	margin: 15px 0px 25px;
	padding: 5px 15px;
	color: #ED1A3B;
	background: #FFDFDF;
}
.formError h4 {
	margin-top: 10px;
	line-height: 1.25em;
	color: #ED1A3B;
}
/* spam-bot detetction */
.verstop_mij {
	display: none;	
}



/* IPAD ADJUSTEMENTS ----------------------------------------------------------------- */
@media only scrà and (device-width: 768px) { 

	/*#topper .subnavigation li,*/
	#sidebar li {
		margin-bottom: 5px;
	}
	h1 { font-size: 2.375em;	/* 38px */ }
	.input_small { width: 90px; }
}
/* IPHONE ADJUSTEMENTS ----------------------------------------------------------------- */
@media only scrà and (max-device-width: 767px) { 
	h1 { font-size: 2.25em;	/* 36px */ }
}
/* BOTH IPAD + IPHONE ADJUSTEMENTS ----------------------------------------------------- */
@media only scrà and (max-device-width: 768px) { 
	
	.input,
	.input_medium,
	.input_small,
	.input_select,
	.input_textarea {
		appearance: none;
		background: #FFF;
	}
	
}