/*================================================================================ */
/* 1. Basics & Buttons
/*================================================================================ */


.content {
	z-index: 10;
}

/*=================================1a=============================================== */

	/* 1. groter dan 960px */
	@media only screen and (min-width: 960px) {
		
		
#box {
    width: 94%;
    margin: 155px 3% 0 3% !important;
	dbackground-color: #cc0000;
}


#maincontent, #main {
	float: left !important;
	
}

.container .eleven.columns {
    width: 640px;
    width: 70%;
}

.container .four.columns {
    width: 280px;
    width: 25%;
}

span.button2 a, div.button2 a {
    margin: 10px 6px 0 6px;
    dpadding: 6px 4px 6px 4px;
}

body.pagina-verzamel .tekst-2-cta {
	margin: -35% 5% 0 5% !important;
}

body.pagina-verzamel .tekst-2-cta h2 {
    font-size: 11px;
	line-height: 12px;
}

body.pagina-verzamel  .tekst-2-cta p {
    font-size: 11px;
	line-height: 12px;
	margin: -3px 3% 4px 3%;
}
	

#main {
	min-height: 580px;
							dbackground-color: #cc0000;
}

body.land #main, body.haven #main, body.pagina-verzamel #main {
			min-height: 870px;
}

#logo {
    margin: 8px 0 0 0;
}

body.home-page #box {
    margin: 20px 3% 0 3% !important;
}

ul {
	padding: 0 0 0 0;
}

#navigatie ul.screen-device  {
	display: block !important;
}

#navigatie li div.menu-responsive {
	display: block;
	z-index: 1;
	position: absolute;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	min-height: 280px;
	border: 1px solid #000000;
	top: 52px;
	background-color: #F1F7FE;
												background-color: #ffffff; 	/* c7 header navigatie */
	background-repeat: no-repeat;
	background-position: 0 bottom;
	border: 1px solid #000000;
}

#navigatie a i.icon-angle-right, #navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right  {
	display: none;
}

#navigatie a i.icon-angle-down, #navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	top: 20px;
	padding-left: 4px;
	font-size: 16px;
	color: #000000;
}

#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down  {
	color: #ffffff;
}

/* zoekengine mobile in de top */

#holder-rev-zoekengine {
	display: none;
}

table.cruise-offerte-ct {
	display: table !important;
}



		}
		
		
/* 1a tussen 960px en 1279px    zwart   1a. tbl 960 - 1279 	*/
		
	@media only screen and (min-width: 960px) and (max-width: 1279px) {
		
#container-top {
    ddborder-bottom: 5px solid #000000; /* visualisatie */
}

#main {
    ddborder-top: 5px solid #000000; /* visualisatie */
	ddpadding-top: 10px;
}


 


.container .eleven.columns {
    dwidth: 65%;
}

.container .four.columns {
    dwidth: 30%;
}




		
		
	}


/* 1b - - - - - - - - - - - - Vanaf (1280px)    rood  1b. pc > 1280 */

	@media only screen and (min-width: 1280px) {
		
#container-top {
    ddborder-bottom: 5px solid #cc0000; /* visualisatie */
}

#main {
    ddborder-top: 5px solid #cc0000; /* visualisatie */
	ddpadding-top: 10px;
}

#main {
	min-height: 580px;
			min-height: 740px;
							dbackground-color: #cc0000;
}

body.land #main, body.haven #main, body.pagina-verzamel #main {
			min-height: 740px;
}


		
#box {
    width: 100%;
    margin: 190px 0 0 0 !important;
	dbackground-color: #cccc00;
}


.container .eleven.columns {
    width: 840px;
    width: 70%;
}

.container .four.columns {
    width: 320px;
    width: 25%;
}

.container, .container .sixteen.columns, .container .one.column {
    width: 92%;
}

		
ul {
	padding: 0 0 0 0;
}
	

.mobile-toggle-tekst, .mobile-toggle-tekst-portrait, .mobile-toggle-tekst-landscape, .portrait-toggle-tekst, .screen-toggle-tekst {
	display: none;
}

.screen-toggle-tekst-1280-plus {
	display: block;
}

#maincontent {
	width: 100%;
}

#navigatie li div.menu-responsive {
	display: block;
	z-index: 1;
	position: absolute;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	min-height: 280px;
	border: 1px solid #000000;
	top: 52px;
	background-color: #F1F7FE;															
											background-color: #ffffff; 	/* c7 header navigatie */
	background-repeat: no-repeat;
	background-position: 0 bottom;
	border: 1px solid #000000;
}

#navigatie li:hover div.menu-responsive {
	display: block;
}

#navigatie a {
	float: left;
	display: block;
	width: auto;
	padding: 18px 8px 15px 18px;
	font-size: 16px;
	text-decoration: none;
	white-space: nowrap; 
	color: #ffffff;
	text-transform: uppercase;
								font-family: 'ceno-poppins-semibold';		/* c7 */
}

#navigatie ul li a {
	padding: 18px 8px 15px 18px;
}

#navigatie ul ul a {
	padding: 18px 8px 15px 18px;
	font-size: 15px;
}

/* Promo - CTA 06/2017 */

.tekst-2-cta {
	dmargin: -20% 5% 0 5% !important;
		margin: -17% 5% 0 5% !important;
}


body.pagina-verzamel .tekst-2-cta {
	margin: -24% 5% 0 5% !important;
}


.tekst-2-cta h2, body.home-404 #box .tekst-2-cta h2  {
	font-size: 15px;
	line-height: 16px;
}

.tekst-2-cta p, body.home-404 #box .tekst-2-cta p  {
	font-size: 13px;
	line-height: 15px;
}

/* Blokken Drie Schepen 06/2017 */

.blokken-drie h2 {
    font-size: 16px;
}

/* #navigatie verwijderd in combinatie met #zoek */

#zoek  a {
	padding: 18px 16px 15px 16px;
	font-size: 18px;
}

#zoek h2 {
	display: none;
}


.footer-links-rechts {
	width: 210px;
	margin-right: 20px;
	margin-left: 30px;
}

.footer-midden {
	width: 175px;
	margin-right: 40px;
	margin-top: 47px;
}

.footer-rechts-links {
	width: 220px;
	margin-right: 15px;
	margin-top: 47px;
}

#footer p, 
.footer-midden ul li a, 
.footer-links-links ul li a, 
.footer-links-rechts ul li a, 
.footer-rechts-links a, 
.footer-rechts-rechts a
.footer-links-links, 
.footer-rechts-rechts, 
.footer-rechts-links {
	font-size: 13px;
}

#footer .footer-rechts-beneden p {
	font-size: 12px;
}

.content-vlak-content div.holding-overzicht-tekst p {
	width: 76%;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie {
	width: 175px;
	height: 175px;
	margin: 0 110px 0 0;
}

div.ct-cruise-beeld {
	margin: 15px 0 70px 0;
}

div.ct-cruise-beeld-2 {
    position: relative;
	float: left;
    width: 202px;
	margin: 15px 0 15px 0;
}

div.ct-cruise-beeld-zoek {
	margin: 15px 0 15px 0 !important;
}

div.ct-cruise-beeld-top {
	width: 41%;
	height: auto;
}

img.ct-cruise-img {
    width: 100%;
	height: auto;
}

div.ct-cruise-prijs-top {
	position: relative;
    float: left;
	width: 120px;
	height: 98px;
	padding: 22px 0 0 0;
	text-align: center;
    font-family: verdana,sans-serif;
	font-size: 14px;
	font-weight: bold;
    color: #ffffff;
	background-color: transparent;
	background-image: url("../beeld/default/bg-ct-prijs-default.png");
	background-position: 0 0;
    background-repeat: no-repeat;
}

div.ct-cruise-tekst-1 {
	width: 70%;
}

div.ct-cruise-tekst-2 {
	width: 70%;
	margin: 10px 0 0 20px;
}

div.ct-cruise-tekst-3 {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
}

div.ct-cruise-tekst-4 {
	width: 96%;
	margin: 15px 0 0 20px;
	display: inline-block;
}

#maincontent .ct-cruise-tekst-3 p {
	margin: 0 0 10px 0;
}

.ct-sort-co-id {
	float: left;
	width: 100%;
}

div.ct-cruise-tekst-3-top div.actie-blok-search {
	width: 70%;
}

/* sjra 2017 10 09 zoekengine en filtermodule */

#ui-datepicker-div {
    width: 304px !important;
}

#CtSearchLoading {
    left: 1px;
    top: -1px;
    width: 100%;
    background-color: #bdd2e8;
}

#CtSearchLoading h2 {
    width: 100%;
}


#main .ct-sort-holder-top a.resultaat, #main .ct-sort-holder-bottom a.resultaat {
    width: 135px;
    margin: 20px 55px 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(3n), #main .ct-sort-holder-bottom a.resultaat:nth-child(3n) {
    margin: 20px 55px 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(4n), #main .ct-sort-holder-bottom a.resultaat:nth-child(4n) {
    margin: 20px 0 10px 0;
}


div.call-to-action, span.call-to-action {
	width: 100%;
	margin: 50px 0 40px 0;
}

div.call-to-action span, span.call-to-action span {
	padding: 15px 2% 15px 2%;
	width: 30%;
	font-size: 24px;
	line-height: 40px;
}

div.ct-module-tabblok.dekplannen div.dekplan-header-hutten {
    width: 100%;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten {
	float: left;
	width: 38%;
}

div.ct-module-tabblok.dekplannen div.dekplan-legenda {
	float: left;
    width: 28%;
	margin: 0 1% 0 1%;
}

div.ct-module-tabblok.dekplannen div.dekplan-plaatje {
	float: right;
	width: 28%;
	margin: 0 1% 0 1%;
}

div.ct-module-tabblok.dekplannen div.dekplan-plaatje img {
	float: right;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten div div span.hut-naam {
    min-width: 125px;
}

/* fotogalerij en fotoslide - thumbs sjra 2017 10 10 */

.fotoblok ul.unique-pager li.unique-pager-li {
	margin: 7px 7px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(5n+5) {
	margin: 7px 7px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(7n+7) {
	margin: 7px 0 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li img.unique-pager-image {
	width: 114px;
	height: 70px;
}


/* header sjra 2017 12 05 nog reorganiseren */

#box {
	margin-top: 140px;
				margin-top: 190px; 		/* c7 */
}

body.home-page  #box {
	margin-top: 240px;
						margin-top: 80px;
}

#holder-rev-slider {
	height: auto;
}

body.home-page  #holder-rev-slider {
	height: auto;
}

#zoekengine-top  {
	width: 675px;
	bottom: -150px;
}


.zoekengine-top-holder {
	width: 670px;
}

.zoekengine-top-blok {
	width: 300px;
	margin: 0 15px 0 0;
}

body.home-page h1 {
    font-size: 34px;
}

div.content-vlak.serp-blok img.ct-serp-img {
    width: 100%;
    height: auto;
}


div.index-aanbiedingen  {
	position: relative;
	float: left;
	width: 31%;
	margin: 0 3% 45px 0;
	border: 1px solid #dddddd;
	min-height: 350px;
}

div.index-aanbiedingen:nth-child(3n+3)  {
	margin: 0 0 45px 0;
}

body.pagina div.index-aanbiedingen {
	position: relative;
	float: left;
	width: 31%;
	margin: 0 3% 45px 0;
	border: 1px solid #dddddd;
	min-height: 350px;
}

body.pagina  div.index-aanbiedingen:nth-child(2n+2)  {
	width: 31%;
	margin: 0 3% 45px 0;
}

body.pagina div.index-aanbiedingen:nth-child(3n+3)  {
	width: 31%;
	margin: 0 0 45px 0;
}

h1 {
    font-size: 42px;
}

div.offerte-formulier.optie .select-holder span {
	width: auto;
	display: inline;
}



	}


	
/* 2 - - - - - - - - - - - - Device breedte (481px - 1024px) */


	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
		
body {
	-webkit-text-size-adjust: none;
}



	}




/* 3 - - - - - - - - - - - - Tot (959px) */


	@media only screen and (max-width: 959px) {


	
	}




/* 4 - - - - - - - - - - - - Van (768px) Tot (959px) Tablet Portrait  --- geel  4. tbp 768 - 959 */


	@media only screen and (min-width: 768px) and (max-width: 959px) {
		

		
		
#container-top {
    ddborder-bottom: 5px solid #cccc00; /* visualisatie */
}

#main {
    ddborder-top: 5px solid #cccc00; /* visualisatie */
	ddpadding-top: 10px;
}	

#main {
	min-height: 580px;
							dbackground-color: #cc0000;
}

body.land #main, body.haven #main, body.pagina-verzamel  #main {
		min-height: 880px;
}


.container-3-cta:nth-child(3n+3) {
    margin: 0 3% 3% 0;
}

.container-3-cta:nth-child(2n+2) {
    margin: 0 0 3% 0;
    padding: 0 0 0 0;
}

.container-3-cta {
    width: 48%;
    margin: 0 3% 3% 0;
}

#sidebar_content .sidebar.logos img {
    height: 25px;
}

		
ul {
	padding: 0 0 0 0;
}


/* zoekengine mobile in de top */	

#holder-rev-zoekengine {
	display: none;
}

	
/* prijskalender */

#box table.cruise-offerte-ct th.kop-prijskalender {
	height: 89px;
}


.container .eleven.columns {
    width: 840px;
    width: 65%;
}

.container .four.columns {
    width: 320px;
    width: 30%;
}

span.button2 a, div.button2 a {
    margin: 0 6px 0 6px;
    padding: 6px 4px 6px 4px;
    border-radius: 15px;
}

#sidebar_footer span.button2.background-rood a {
    padding: 6px 9px 6px 9px;
    border-radius: 8px;
}


body {
	-webkit-text-size-adjust: none; 
	font-size: 13px;
}

#holder-rev-slider {
	height: auto;
}

body.home-page #holder-rev-slider {
	height: auto;
}

#box {
    margin: 140px 0 10px 0;
}

body.home-page #box {
	margin: 290px 0 10px 0;
							margin: 50px 0 10px 0;
}

#zoekengine-top  {
	width: 375px;
	min-height: 160px;
	bottom: -200px;
}



body.home-page #top {
	background-color: transparent !important;
}

.zoekengine-top-holder {
	width: 370px;
}

.zoekengine-top-blok {
	width: 150px;
	margin: 0 15px 0 0;
}

#zoekengine-top select option {
    line-height: 16px;
    padding: 0 0 0 0;
}

#zoekengine-top input#CTvertrekbegin-top, #zoekengine-top input#CTvertrekeind-top {
	padding: 1px 0 2px 2px;
}

.zoekengine-top-blok.filter {
    margin: 28px 0 0 0;
}

body.home-page h1 {
    margin-top: 15px;
	text-align: center;
    font-size: 34px;
}



/* Blokken Drie Schepen 06/2017 */

.blokken-drie {
	width: 45%;
	margin: 0 5% 35px 0;
}

.blokken-drie:nth-child(3n+3) {
	margin: 0 5% 35px 0;
}

.blokken-drie:nth-child(2n+2) {
	margin: 0 0 35px 0;
}


/*CT Module Index Linkblokken */

div.linkblokken-deel-rederijen, div.linkblokken-deel-schepen, div.linkblokken-deel-hoofdgebieden, div.linkblokken-deel-subgebieden, div.linkblokken-deel-landen, div.linkblokken-deel-havens, div.linkblokken-deel-periode, div.linkblokken-deel-acties, div.linkblokken-deel-paginas {
	width: 22%;
	margin: 0 4% 15px 0;
	min-height: 380px;
}

div.linkblokken-holder h2 {
    font-size: 18px;
}

/* CT Module Index Kolommen */ 

div.index-kolommen {
    margin: 0 4% 15px 0;
    width: 48%;
	min-height: 20px;
}

div.index-kolommen:nth-child(2n+2) {
    margin: 0 0 15px 0;
}


/* CT Module Index Aanbiedingen */ 

div.aanbieding-tekst .aanbieding-tekst-1 {
	min-height: 140px !important;
}

div.aanbieding-tekst .aanbieding-tekst-2 {
    font-size: 18px;
    min-height: 65px;
}


/* CT Module Footer blokken */ 

div.footerlink-deel-rederijen,
div.footerlink-deel-schepen,
div.footerlink-deel-hoofdgebieden,
div.footerlink-deel-subgebieden,
div.footerlink-deel-landen,
div.footerlink-deel-havens,
div.footerlink-deel-periode,
div.footerlink-deel-paginas,
div.footerlink-deel-acties,
div.footerlink-deel-bedrijf-1,
div.footerlink-deel-bedrijf-2,
div.footerlink-deel-bedrijf-3,
div.footerlink-deel-bedrijf-4 {

	position: relative;
	float: left;
	width: 32%;
	margin: 0 2% 15px 0;
								dmin-height: 480px;
}

div.footerlink-deel-rederijen:nth-child(3n+3),
div.footerlink-deel-schepen:nth-child(3n+3),
div.footerlink-deel-hoofdgebieden:nth-child(3n+3),
div.footerlink-deel-subgebieden:nth-child(3n+3),
div.footerlink-deel-landen:nth-child(3n+3),
div.footerlink-deel-havens:nth-child(3n+3),
div.footerlink-deel-periode:nth-child(3n+3),
div.footerlink-deel-paginas:nth-child(3n+3),
div.footerlink-deel-acties:nth-child(3n+3),
div.footerlink-deel-bedrijf-1:nth-child(3n+3),
div.footerlink-deel-bedrijf-2:nth-child(3n+3),
div.footerlink-deel-bedrijf-3:nth-child(3n+3),
div.footerlink-deel-bedrijf-4:nth-child(3n+3) {

	margin: 0 0 15px 0;
	width: 32%;
}


div.footerlink-deel-rederijen:nth-child(4n+4),
div.footerlink-deel-schepen:nth-child(4n+4),
div.footerlink-deel-hoofdgebieden:nth-child(4n+4),
div.footerlink-deel-subgebieden:nth-child(4n+4),
div.footerlink-deel-landen:nth-child(4n+4),
div.footerlink-deel-havens:nth-child(4n+4),
div.footerlink-deel-periode:nth-child(4n+4),
div.footerlink-deel-paginas:nth-child(4n+4),
div.footerlink-deel-acties:nth-child(4n+4),
div.footerlink-deel-bedrijf-1:nth-child(4n+4),
div.footerlink-deel-bedrijf-2:nth-child(4n+4),
div.footerlink-deel-bedrijf-3:nth-child(4n+4),
div.footerlink-deel-bedrijf-4:nth-child(4n+4) {

	margin: 0 2% 15px 0;
	padding-bottom: 8px;
	width: 100%;
	min-height: auto;
}

div.footerlink-deel-rederijen:nth-child(5n+5),
div.footerlink-deel-schepen:nth-child(5n+5),
div.footerlink-deel-hoofdgebieden:nth-child(5n+5),
div.footerlink-deel-subgebieden:nth-child(5n+5),
div.footerlink-deel-landen:nth-child(5n+5),
div.footerlink-deel-havens:nth-child(5n+5),
div.footerlink-deel-periode:nth-child(5n+5),
div.footerlink-deel-paginas:nth-child(5n+5),
div.footerlink-deel-acties:nth-child(5n+5),
div.footerlink-deel-bedrijf-1:nth-child(5n+5),
div.footerlink-deel-bedrijf-2:nth-child(5n+5),
div.footerlink-deel-bedrijf-3:nth-child(5n+5),
div.footerlink-deel-bedrijf-4:nth-child(5n+5) {

	margin: 0 2% 15px 0;
	width: 32%;
}


div.footerlink-deel-bedrijf-3, div.footerlink-deel-bedrijf-4 {
	margin: 0 4% 15px 0;
	width: 48%;
}

div.footerlink-deel-bedrijf-4, div.footerlink-deel-bedrijf-4:nth-child(4n+4) {
	margin: 0 0 15px 0;
	background-color: #cccccc;
	width: 48%;
}


#main .ct-sort-holder-top a.resultaat, #main .ct-sort-holder-bottom a.resultaat {
    width: 110px;
    margin: 20px 30px 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(3n), #main .ct-sort-holder-bottom a.resultaat:nth-child(3n) {
    margin: 20px 0 10px;
}

.mobile-toggle-tekst, .screen-toggle-tekst, .mobile-toggle-tekst-portrait, .mobile-toggle-tekst-landscape, .screen-toggle-tekst-1280-plus {
	display: none;
}

.portrait-toggle-tekst {
	display: block; 
}


/* #navigatie verwijderd in combinatie met #zoek */

#zoek {
	position: absolute;
	display: none;
	right: 0;
	margin: 52px 0 0 0;
}

#zoek i {
	display: block;
}

#zoek h2 {
	display: block;
}

.toggle-zoek, .toggle-zoek a {
	display: block;
}

#toggle-menu, #toggle-zoek {
	display: none;
}

#toggle-zoek a i.icon-reorder, #toggle-zoek a:hover i.icon-reorder, #toggle-zoek li.active a i.icon-reorder, 
#toggle-zoek a i.icon-search, #toggle-zoek a:hover i.icon-search, #toggle-zoek li.active a i.icon-search {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 32px;
	color: #029795;
	background-color: transparent;
}


#toggle-zoek a:hover, #toggle-zoek a:hover i.icon-reorder, #toggle-zoek li.active a i.icon-reorder, 
#toggle-zoek a:hover i.icon-search, #toggle-zoek li.active a i.icon-search  {
	color: #ffffff;
	background-color: transparent;
}

#zoek ul {
	width: 100%;
}

#zoek li {
	float: none !important;
	width: 100%;
	background-color: #273747;
}

#zoek li:hover, #zoek li.active {
	background-color: #029795;
}

#zoek a {
	position: relative;
	float: none !important;
	display: block;
	margin: 0 8px 0 8px;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#zoek a:hover  {
	padding: 20px 0px 20px 0px;
	line-height: 20px;
}

#zoek a i.icon-angle-right, #zoek a:hover i.icon-angle-right, #zoek li.active a i.icon-angle-right {
	position: absolute;
	top: 22px;
	right: 2px;
	font-size: 16px;
	color: #029795;
	background-color: transparent;
}

#zoek a:hover, #zoek a:hover i.icon-angle-right, #zoek li.active a i.icon-angle-right {
	color: #ffffff;
	background-color: transparent;
}

#main {
	margin: 0 0 0 0;
}

#main  h1 {
	margin: -8px 0 9px 15px;
}

body.home-page #main  h1 {
	margin: -8px 0 9px 0;
}

#main .content-vlak-content  h1 {
	margin: 2px 0 9px 0;
}

#main .content-vlak-header-1 h1 {
	margin: 2px 0 9px 0;
}

#main .content-vlak-content-ct  h1 {
	margin: 2px 0 9px 0;
}

#maincontent ul {
	width: 100%; 
}

#main .product-info {
	padding: 0 0 0 0;
}

#main .product-info a {
	width: 420px;
	padding: 10px 0 10px 3px;
	font-size: 13px;
}

#main .product-info a + a {
	width: 80px;
	padding: 10px 0 10px 0;
}

#crumb {
	width: 100%;
	margin: 0 0 20px 0px;
	padding: 0;
}

/* Promo - CTA 06/2017 */

.tekst-2-cta {
	dmargin: -29% 5% 0 5% !important;
		margin: -30% 5% 0 5% !important;
}

#menu a {
	padding: 15px 0px 15px 4px;
}

#menu a:hover {
	padding: 15px 0px 15px 4px;
}

#menu a i.icon-angle-right, #menu a:hover i.icon-angle-right, #menu li.active a i.icon-angle-right {
	top: 17px;
	right: 2px;
	font-size: 15px;
}

#sidebar-rechts .banner-holder {
	margin: 10px 0 0 -15px;
}

#sidebar-rechts .banner-holder .sidebar-rechts {
	width: 170px;
	margin: 20px 0 0 15px;
}

.menu-rechts {
    width: 257px;
    margin: 20px 25px 11px 0px;
}

#sidebar-rechts-t3 {
    width: 166px;
	margin: 20px 0 15px -5px;
	border: 1px solid #ffffff;
}

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links {
	min-height: 200px;
}

.footer-rechts-rechts {
	float: left;
	width: 750px;
	margin: 0 0 16px -30px;
}

.footer-rechts-rechts div {
	position: relative;
	float: left;
	width: 220px;
	margin: 0 0 0 30px;
}

.footer-rechts-rechts h2 { 
	margin: 0 0 10px 30px;
}

.footer-rechts-rechts div.nieuwsbrief-mobile h3 {
	display: none;
}

.content-cms {
	position: relative;
	float: left;
	width: 100%;
}

.content-vlak-content div.holding-overzicht-tekst p {
	width: 65%;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie {
	width: 145px;
	height: 145px;
	margin: 0 25px 0 0;
}


/* sjra 2017 10 09 zoekengine en filtermodule */

#zoekengine input#CTvertrekbegin, #zoekengine input#CTvertrekeind {
    width: 91%;
}

#filterengine input#CTFvertrekbegin, #filterengine input#CTFvertrekeind, #filterengine input#CTFvertrekterug, 
#filterengine input.filterengine-schip, #filterengine input.filterengine-rederij, #filterengine input.filterengine-hoofdgebied, #filterengine input.filterengine-subgebied,
#filterengine input.filterengine-land, #filterengine input.filterengine-haven, #filterengine input.filterengine-periode, #filterengine input.filterengine-pagina,
#filterengine input.filterengine-actie  {
    width: 91%;
}

#zoekengine select, #filterengine select {
    width: 96%;
}

#zoekengine-coid input#coidinput {
    width: 91%;
}

#ui-datepicker-div {
    width: 240px !important;
    background-color: #ffffff;
    font-size: 12px;
}

#CtSearchLoading {
	position: absolute;
	top: 0;
	right: 0;
	left: 19px;
	display: none;
	width: 509px;
	height: 245px;
	background-color: #bdd2e8;
	border: 1px solid #ffffff;
	z-index: 500;
}

#CtSearchLoading h2 {
	position: relative;
	width: 536px;
	margin: 30px auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 28px;
	color: #000000;
	background-color: transparent;
}

div.img-ctsearch-loading {
	position: relative;
	float: none;
	width: 536px;
	height: 128px;
	margin: 10px auto 0 auto;
	text-align: center;
}



#sidebar-links-t1 p.bg-rederij, #sidebar-links-t2 p.bg-rederij {
	width: 100%;
	margin: 20px 0 4px 0px;
	padding: 0;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #cc0000;
}

#sidebar-links-t1 p.bg-rederij a, #sidebar-links-t2 p.bg-rederij a {
	display: block;
	padding:  12px 0 12px 4px;
	font-size: 15px;
    font-weight: bold;
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}

#sidebar-links-t1, #sidebar-links-t2 {
	display: none;
}

div.ct-cruise-tekst-1 {
	width: 45%;
}

div.ct-cruise-tekst-2 {
    width: 100%;
}

.div.ct-cruise-tekst-3-top, div.ct-cruise-tekst-3-top div.actie-blok-search, div.ct-cruise-tekst-3-top div.actie-blok-search-actie {
	width: 100%;
}

div.ct-cruise-beeld {
	width: 50%;
	padding: 0;
}

div.ct-cruise-beeld-top {
	width: 191px;
}

img.ct-cruise-img {
	width: 185px;
}


img.ct-cruise-img-2, img.ct-cruise-img {
	width: 200px;
	height: auto;
}

div.ct-cruise-prijs-zoek {
	margin: 80px 0 0 -264px !important;
}

.ct-sort-co-id {
	width: 100%;
}

.ct-blok-tekst {
    float: left;
    width: 60%;
    margin: 0 0 5px 0;
}


#box table.cruise-offerte-ct td.tcp-100 { 
	min-width: 74px; 
	padding: 8px 0 7px 0;  
}

#box table.cruise-offerte-ct td.tcp-80 { 
	padding: 0 2px; 
}

#box table.cruise-offerte-ct tr td.tcp-120 { 
	display: none; 
}


table.ct-offerte-aanvraag textarea {
    width: 420px;
}

#box table.cruise-offerte-ct tr#infoblok td h2 {
	width: 420px;
	margin-top: 10px;
}

#box table.cruise-offerte-ct tr#infoblok td p {
	float: left;
	width: 480px;
}

#box table.cruise-programma-ct tr td div.programma-holder {
	width: 97%;
}

#portrait-menu {
    float: left;
	width: 100%;
    margin: -4px 0 20px 0;
}

#zoek-vertrekmaand {
	float: left;
	width: 240px;
	margin: 0 44px 0 0;
}

#zoek-rederij-en-schip {
	float: left;
	width: 240px;
	margin: 0;
}

#maincontent p.bg-rederij {
	width: 240px;
	margin: 4px 0 8px 0;
	border: 0;
    background-color: #588CC6;
}

#main p.bg-rederij a {
	padding: 20px 0 20px 0;
}

.menu-rechts {
	width: 100%;
}

.menu-rechts h3 {
	padding: 9px 0 9px 0;
}

.menu-rechts h3 span{
	padding: 0 0 0 4px;
}

#banner-holder-rechts, #sidebar-rechts-t3 {
	display: none;
}

body.home-contact #contentbar, body.home-nieuwsbrief #contentbar {
	margin: -25px 0 0 0;
}

div.ct-cruise-tekst-1 div.actie-blok-zoek-actie {
	width: 100%;
	height: auto;
}

div.ct-cruise-tekst-1 div.actie-blok-zoek {
	width: 100%;
}

.menu-rechts:nth-child(2) {
	display: none;
}

#box table.cruise-offerte-ct tr td.tcp-69 { 
	width: 150px;
	padding: 0 1px 0 1px; 
	border: 1px solid #001333;
	background-color: transparent;
}

#box table.cruise-offerte-ct tr td.bg-offerte span {
    padding-top: 0;
}

.no-border-top span {
	padding-top: 2px !important;
}


.ct-sort-holder-top, .ct-sort-holder-bottom {
    margin: 10px 0 10px 0;
}

#main .ct-sort-holder-top a.resultaat, #main .ct-sort-holder-bottom a.resultaat {
    width: 125px;
    margin: 20px 47px 10px 0;
}


div.call-to-action span, span.call-to-action span {
	padding: 15px 2% 15px 2%;
	width: 30%;
	font-size: 18px;
	line-height: 40px;
}

div.ct-module-tabblok.dekplannen div.dekplan-header-hutten {
    width: 100%;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten {
	float: left;
	width: 98%;
}

div.ct-module-tabblok.dekplannen div.dekplan-legenda {
	float: left;
	width: 49%;
	margin: 30px 0 0 1%;
}

div.ct-module-tabblok.dekplannen div.dekplan-plaatje {
	float: left;
	width: 47%;
	margin: 30px 0 0 3%;
}

div.ct-module-tabblok.dekplannen div.dekplan-plaatje img {
	float: left;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten div div span.hut-naam {
    min-width: 315px;
}

/* sjra toegevoegd 2017 10 03 */

.content-bedrijf-5 {
	width: 50%;
}

/* aanbiedingen sjra toegevoegd 2017 10 03 en 2018 02 08 */

div.aanbieding-tekst .aanbieding-tekst-1 {
    min-height: 125px;
}

/* fotogalerij en fotoslide - thumbs sjra 2017 10 10 */

.fotoblok ul.unique-pager li.unique-pager-li {
	margin: 7px 7px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(5n+5) {
	margin: 7px 7px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(7n+7) {
	margin: 7px 7px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(4n+4) {
	margin: 7px 1px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li img.unique-pager-image {
	width: 127px;
	height: 80px;
}


.prijskalender-uitklap-hutinfo table.table-hut-informatie.kop .table-hut-onderwerp {
    width: 25%;
}


/* product-pagina feitentabel sjra 2017 10 25 */

#box table.cruise-data-ct {
    font-size: 11px;
}



/*	2. [device optie] tablet */


.mobile-device, .screen-device {
	display: none !important;
}

.tablet-device {
	display: inline-block !important;
}

.tablet-device.block {
	display: block !important;
}


.screen-device-normal {
	display: none;
}
		
.tablet-device-normal {
	display: inline-block;
}
		

#top-promo .logos {
    margin: 0 0 0 15px; 
}

/* serp */

div.content-vlak.serp-blok div.ct-serp-beeld {
    width: 100%;
}

div.content-vlak.serp-blok div.ct-serp-tekst {
    width: 100%;
}

div.content-vlak.serp-blok div.ct-serp-tekst span span {
    width: 32%;
}

div.content-vlak.serp-blok div.ct-serp-tekst span span + span {
    width: 60%;
}
	

/* top menu tablet  2018 09 03 */


#navigatie i {
	display: block;
}

#toggle-navigatie {
    z-index: 113;
    position: relative;
}

#toggle-navigatie span.toggle-navigatie-tekst {
	float: right;
    display: block;
	margin: 3px 60px 0 0;
	color: #003366 !important;
	font-size: 14px;
}

.toggle-navigatie, .toggle-navigatie a {
	display: block;
}

#toggle-navigatie a i.icon-reorder, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 32px;
	color: #ffffff;
	z-index: 113;
}

#toggle-navigatie a:hover i.icon-reorder {
	color: #cccccc !important;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	color: #ffffff;
}



#logo {
    float: left;
    height: auto;
    max-height: 44px;
	width: 240px;
	margin: -8px 0 0 0;
}

#logo img {
	width: 100%;
		width: 150px;
	height: auto;
	border: 0;
	margin: 16px 0 0 0;
}

#top {
	height: 100px;
}

#top-mobile {
    float: right !important;
	width: 190px;
	margin-top: 20px;
}

.telefoon {
	display: none;
}

.mobile-telefoon {
    float: left;
    width: 50px;
}

.mobile-menu {
    float: left;
    width: 140px;
}

body.home-page #navigatie { 
	position: relative;
	float: left;
	margin-top: 72px;
    width: 100%;
}

body.home-page #navigatie ul { 
    width: 100%;
}







/* nieuwe opmaak 2018 09 03 navigatie - samenvoegen met onderstaand override*/

#navigatie {
	position: absolute;
	left: 0;
	margin: 40px 0 0 0;
	padding: 0 0 25px 0;
	display: none;
	width: 100%;
	height: auto;
	background-color: #32465A;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst  {
	display: none !important;
}

#navigatie .menu-responsive  h2, #navigatie .menu-responsive  p, #navigatie .menu-responsive  img {
	display: none;
}

#navigatie ul ul {
    float: left;
    margin: 0;
    position: relative;
}

#navigatie ul {
	width: 100%;
}

#navigatie ul {
	font-size: 16px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ffffff;
}

#navigatie ul li {
	width: 100%;
	background-color: #32465A;
	float: left !important;
}

#navigatie ul li a {
	color: #ffffff;
}

#navigatie a {
	float: none !important;
	float: left;
	display: block;
	position: relative;
	padding: 20px 0 20px 0;
	margin: 0 8px 0 8px;
	line-height: 20px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	font-size: 18px;
}

#navigatie a:hover {
	line-height: 20px;
	padding: 20px 0px 20px 0px;
}

#navigatie a i.icon-angle-right, #navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right, 
#navigatie a i.icon-angle-down, #navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	position: absolute;
	top: 22px;
	right: 2px;
	font-size: 16px;
	color: #ffffff !important;
}

#navigatie a:hover, 
#navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right, 
#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	color: #ffffff;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst {
	width: 100%;
}

#navigatie ul ul, #navigatie ul ul li.parent-li, #navigatie ul ul li.child-li {
	width: 100%;
	float: none;
}

#navigatie ul ul li.child-li {
	padding: 0 0 0 0;
}


/* nieuwe opmaak 2018 09 03 navigatie - uit override.css */

#navigatie {
	margin: 0 0 0 0;
	background-color: #003366;
							background-color: #3B4496;	/* c7 navigatie */
}

div.navigatie-balk {									/* c7 navigatie */
	width: 100% !important;
	top: -40px;
}


#menu h2, #navigatie h2, #zoek h2, #navigatie span.mobile-menu-tekst {
	display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
    margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	font-family: 'robotolight';
    font-size: 18px;
	width: 100%;
	background-color: #003366;
							background-color: #3B4496;	/* c7 navigatie */
}

#menu h2 span, #navigatie h2 span, #zoek h2 span, .menu-links-dynamisch h2 span, #navigatie span.mobile-menu-tekst {
	margin-right: 10px;
}



#navigatie li.child-li a i.icon-angle-right, #navigatie li.child-li a i.icon-angle-down,
#navigatie li.hoofd-phone a i.icon-angle-right, #navigatie li.hoofd-phone a i.icon-angle-down {
	padding-right: 15px;
}

#navigatie ul li {
	background-color: #003366;
							background-color: #3B4496;	/* c7 navigatie */
}

#navigatie ul ul li {
	dbackground-color: #004891;
							background-color: #3B4496;	/* c7 navigatie */
}

#navigatie ul li a {
	padding: 20px 0 20px 12px;
	margin: 0 0 0 0;
	line-height: 20px;
	font-size: 18px;
								font-size: 16px;			/* c7 navigatie */
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}


#navigatie ul li a:hover {
	line-height: 20px;
	padding: 20px 0px 20px 12px;
	margin: 0 0 0 0;
	border-bottom: 1px solid transparent;
								border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	font-size: 18px;
								font-size: 16px;
	dbackground-color: #004891;
								background-color: #3B4496;	/* c7 navigatie */
	
}

#navigatie ul ul li a {
	font-size: 18px;
								font-size: 15px;			/* c7 navigatie */
	padding: 20px 0 20px 28px;
	line-height: 20px;
	margin: 0 0 0 0;
}

#navigatie ul ul li a:hover {
	font-size: 18px;
								font-size: 15px;			/* c7 navigatie */
	padding: 20px 0 20px 28px;
	line-height: 20px;
	background-color: #0683ff;
								background-color: #3B4496;	/* c7 navigatie */
	margin: 0 0 0 0;
}


/* correctie op groen */

#navigatie ul li.active ul li a  {
	color: #ffffff;
								background-color: #3B4496;	/* c7 navigatie */
}

#navigatie ul li:hover  {
	dbackground-color: #004891;
								background-color: #3B4496;	/* c7 navigatie */
}

#navigatie ul li.active, #navigatie ul ul li.active {
	background-color: #0683ff;
								background-color: #3B4496;	/* c7 navigatie */
}





/* aanvullend na navigatie */


div.offerte-formulier.optie .optie-select-holder {
    margin: 20px 0 0 0;
}

div.offerte-formulier.optie .optie-select-holder select {
    margin: 10px 0 20px 0;
}

#select_afvaart select {
    margin: 5px 0 5px 0;
	font-size: 14px;
}

#select_afvaart option {
    padding: 1px 0 1px 0 !important;
}

span.teaser-tekst-1, span.teaser-tekst-2 {
    font-size: 28px;
}

body.home-page .rev_slider .tp-caption {
    font-size: 50px !important;
}




	

	}



/* 5. - - - - pppp - - - - - - - - Tot (767px) Mobiele Versies */



	@media only screen and (max-width: 767px) {
		
		
#container-top {
    ddborder-bottom: 5px solid #cccccc; /* visualisatie */
}

#main {
    ddborder-top: 5px solid #cccccc; /* visualisatie */
	ddpadding-top: 10px;
}

#contentbar span.button2 a, #contentbar div.button2 a  {
	font-size: 16px;
}

#contentbar .button-holder2 {
    float: left;
    margin: 10px 0 18px 0;
    width: 100%;
    text-align: center;
}	
		
#content .mobile-image img {
	position: relative;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	border: 0;
}

.mobile-image {
	display: block;
}
		
		
#tab-main-header iframe {
	position: relative;
    float: left;
		dborder: 1px solid #cc0000;
}

#sidebar_content, #sidebar_footer {
	display: none;
}

#sidebar_footer.mobile {
	border: 0;
	width: 100%	!important;
	float: left	!important;
	display: block;
}

#sidebar_footer.mobile .button-holder2 {
	text-align: center;
    margin: 25px 0 0 0;
}

#sidebar_footer.mobile span.button2.background-rood a {
    font-size: 14px;
}

.fotoblok .foto-galerij ul.unique-pager  {
	display: none;
}		
		
		
input.nieuwsbrief.naam, input.nieuwsbrief.tussenvoegsel, input.nieuwsbrief.achternaam, input.nieuwsbrief.emailadres {
	margin: 8px 0 0 0;
	width: 100%; 
}

body {
	background: url("../beeld/default/buro1913-bg-body-centraal.png") repeat-x scroll center top transparent;
	-webkit-text-size-adjust: none; 
}

div.teaser-tekst {
    top: 20%;
	width: 55%;
}

span.teaser-tekst-1, span.teaser-tekst-2  {
	font-size: 14px;
	line-height: 20px;
}

#toggle-navigatie {
	position: relative;
	float: right;
	margin: 0 0 0 0;
	padding: 0 8px 0 8px;
	height: 68px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #000000;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    display: block;
	margin: 20px 40px 0 0;
	color: #ffffff;
	font-size: 14px;
}

#navigatie i {
	display: block;
}

.toggle-navigatie {
	display: block;
	z-index: 113;
}

#toggle-navigatie a i.icon-reorder, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	position: absolute;
	top: 16px;
	right: 10px;
	font-size: 28px;
	color: #ffffff !important;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder {
	color: #ffffff;
}

#navigatie {
	position: absolute;
	left: 0;
	margin: 40px 0 0 0;
	padding: 0 0 25px 0;
	display: none;
	width: 100%;
	height: auto;
	background-color: #32465A;
}

#navigatie ul.screen-device  {
	display: none !important;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst  {
	display: none !important;
}

#navigatie .menu-responsive  h2, #navigatie .menu-responsive  p, #navigatie .menu-responsive  img {
	display: none;
}

#navigatie ul ul {
    float: left;
    margin: 0;
    position: relative;
}

#navigatie ul {
	width: 100%;
}

#navigatie ul {
	font-size: 16px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ffffff;
}

#navigatie ul li {
	width: 100%;
	background-color: #32465A;
	float: left !important;
}

#navigatie ul li a {
	color: #ffffff;
}

#navigatie a {
	float: none !important;
	float: left;
	display: block;
	position: relative;
	padding: 20px 0 20px 0;
	margin: 0 8px 0 8px;
	line-height: 20px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	font-size: 18px;
}

#navigatie a:hover {
	line-height: 20px;
	padding: 20px 0px 20px 0px;
}

#navigatie a i.icon-angle-right, #navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right, 
#navigatie a i.icon-angle-down, #navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	position: absolute;
	top: 22px;
	right: 2px;
	font-size: 16px;
	color: #ffffff !important;
}

#navigatie a:hover, 
#navigatie a:hover i.icon-angle-right, #navigatie li.active a i.icon-angle-right, 
#navigatie a:hover i.icon-angle-down, #navigatie li.active a i.icon-angle-down {
	color: #ffffff;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst {
	width: 100%;
}

#navigatie ul ul, #navigatie ul ul li.parent-li, #navigatie ul ul li.child-li {
	width: 100%;
	float: none;
}

#navigatie ul ul li.child-li {
	padding: 0 0 0 0;
}

#menu h2, #navigatie h2, #zoek h2, #navigatie span.mobile-menu-tekst {
	font-size: 16px;
	padding: 4px 0 4px 7px;
	display: block;
}

#menu h2, #navigatie h2, #zoek h2, #navigatie span.mobile-menu-tekst {
	background-color: #32465A;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
    margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	font-family: 'robotolight';
    font-size: 18px;
	width: 100%;
}

#menu h2 span, #navigatie h2 span, #zoek h2 span, .menu-links-dynamisch h2 span, #navigatie span.mobile-menu-tekst {
	margin-right: 10px;
}

/* CT Module Footer blokken */ 

div.footerlink-deel-rederijen,
div.footerlink-deel-schepen,
div.footerlink-deel-hoofdgebieden,
div.footerlink-deel-subgebieden,
div.footerlink-deel-landen,
div.footerlink-deel-havens,
div.footerlink-deel-periode,
div.footerlink-deel-paginas,
div.footerlink-deel-acties,
div.footerlink-deel-bedrijf-1,
div.footerlink-deel-bedrijf-2,
div.footerlink-deel-bedrijf-3,
div.footerlink-deel-bedrijf-4 {

	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	min-height: auto;
}

.mobile-toggle-tekst {
	display: block; 
}

#container-1 {								/* c7 header mobile */
    width: 100%; /* sjra 2017 10 08 aftuning mobile device header */
    min-height: 100px;
    float: left;
	text-align: center;
	margin: 20px 0 0 0;
	
		width: 100% !important; 
		margin: 0 0 0 0 !important;
}

#box { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 1;
}

.iphone-toggle {
	height: 40px;
	background-color: #32465A;
}

#top {
	position: relative;
	display: inline-block;
	float: none;
	top: 18px;
	margin: 0 auto;
	text-align: left;
	background-color: transparent;
	z-index: 2;
}

#iphone-telefoon {
	position: absolute;
	display: block;
	top: 0;
	margin: -104px 0 0 100px;
	padding: 6px 5px 6px 5px;
	font-size: 14px;
	color: #ffffff;
	background-color: #273747;
	z-index: 4;
}

#iphone-telefoon a {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

#logo {
	position: relative;
	float: left;
	width: 180px;
	height: auto;
	margin: 0 0 0px 0px;
	padding: 0px 0 0px 0;
	background-color: #ffffff;
}

#logo img {
	width: 180px;
				width: 150px;
	height: auto;
				margin: 6px 0 0 0;
}

#crumb {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 3px 0 3px 0;
	font-size: 13px;
}

body.home-default #crumb, body.home-zoek #crumb, body.home-contact #crumb, body.home-nieuwsbrief #crumb {
	margin: 10px 0 10px 0;
}

#crumb a, #crumb span {
	font-size: 13px;
}

#crumb a:after {
	content: "";
}

#crumb span a {
	position: relative;
	float: left;
}

#crumb a, #crumb span.active {
	display: none;
}

#back-button, #crumb span a {
	display: block;
}

body.home-page #back-button {
	display: none;
}

#back-button a:before {
	float: left;
	display: block;
	margin: 0 12px 0 0;
	content: "terug"; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ffffff;
	background-color: #029795;
	text-decoration: none;
	z-index: 120;
}

/* #navigatie verwijderd in combinatie met #zoek */

#zoek {
	position: absolute;
	display: none;
	left: 0;
	width: 100%;
	margin: 40px 0 0 0;
	padding: 0;
}


#toggle-zoek {
	position: relative;
	float: left;
	padding: 0 0 0 20px;
}

#toggle-menu {
	position: relative;
	float: left;
	padding: 0 0 0 100px;
}

#zoek i {
	display: block;
}

#zoek h2 {
	display: block;
}

.toggle-zoek {
	display: block;
	z-index: 113;
}


#toggle-zoek a i.icon-reorder, #toggle-zoek a:hover i.icon-reorder, #toggle-zoek li.active a i.icon-reorder, 
#toggle-zoek a i.icon-search, #toggle-zoek a:hover i.icon-search, #toggle-zoek li.active a i.icon-search {
	position: absolute;
	top: 9px;
	right: 10px;
	font-size: 22px;
	color: #029795;
	background-color: transparent;
}

#toggle-zoek a:hover, #toggle-zoek a:hover i.icon-reorder, #toggle-zoek li.active a i.icon-reorder , 
#toggle-zoek a:hover i.icon-search, #toggle-zoek li.active a i.icon-search  {
	color: #ffffff;
	background-color: transparent;
}

#zoek ul {
	width: 100%;
}

#zoek ul {
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	font-size: 16px;
	border-bottom: 1px solid #ffffff;
	background-color: #273747;
}

#zoek li {
	float: none !important;
	width: 100%;
	background-color: #273747;
}

#zoek li:hover, #zoek li.active  {
	background-color: #029795;
}

#zoek a {
	position: relative;
    float: none !important;
	display: block;
	margin: 0 8px 0 8px;
	padding: 20px 0 20px 0;
	line-height: 20px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#zoek a:hover {
	padding: 20px 0 20px 0;
	line-height: 20px;
}

#zoek a i.icon-angle-right, #zoek a:hover i.icon-angle-right, #zoek li.active a i.icon-angle-right {
	position: absolute;
	top: 22px;
	right: 2px;
	font-size: 16px;
	color: #029795;
	background-color: transparent;
}

#zoek a:hover, #zoek a:hover i.icon-angle-right, #zoek li.active a i.icon-angle-right {
	color: #ffffff;
	background-color: transparent;
}

#menu {
	position: absolute;
	display: none;
	left: 0;
	width: 100%;
	margin: -63px 0 0 0;
	padding: 0 0 0 0;
	border: none;
	line-height: 40px;
	z-index: 120;
}

#toggle-menu i {
	display: block;
}

.toggle-menu {
	display: block;
	z-index: 113;
}

#toggle-menu a i.icon-reorder, #toggle-menu a:hover i.icon-reorder, #toggle-menu li.active a i.icon-reorder {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 28px;
	color: #029795;
	background-color: transparent;
}

#toggle-menu a:hover, #toggle-menu a:hover i.icon-reorder, #toggle-menu li.active a i.icon-reorder {
	color: #ffffff;
	background-color: transparent;
}

#menu li {
	width: 100%;
	background-color: #273747;
}

#menu li:hover {
	margin: -1px 0 -1px 0;
	padding: 1px 0 1px 0;
	background-color: #029795;
}

#menu li.active {
	margin: -1px 0 -1px 0;
	padding: 1px 0 1px 0;
	background-color: #029795;
}

#menu a {
	margin: 0 7px 0 7px;
	padding: 20px 0 20px 0;
	font-size: 14px;
}

#menu a:hover {
	padding: 20px 0 20px 0;
}

#menu a i.icon-angle-right, #menu a:hover i.icon-angle-right, #menu li.active a i.icon-angle-right {
	top: 22px;
	right: 2px;
	font-size: 16px;
}


/* #navigatie verwijderd in combinatie met #zoek */

#menu h2, #zoek h2 {
	width: 100%;
	padding: 9px 0 9px 0;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

#zoek h2 {
    margin: 0;
	padding: 10px 0;
    font-weight: bold;
    color: #ffffff;
	background-color: #029795;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

#menu h2 span, #zoek h2 span {
	margin-right: 10px;
}

#main {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#maincontent {
	margin: 0 0 0px 0;
	padding: 0 0px 10px 0;
	font-size: 100%;
	line-height: 155%;
}

#maincontent div.ct-blok-top ul {
	margin: 2px 0 8px 13px;
}

#main .product-info a {
	text-align: left;
	font-size: 12px;
}

#main .product-info a + a {
	width: 80px;
}

.home-zoek .content-vlak-header-1 h2 {
	width: 96%;
	padding: 6px 0 6px 8px;
	font-size: 16px;
}

.home-page #menu h2, .home-page #zoek h2{
	width: 100%;
}

h2.rood-blok {
	margin: 16px 0 0px 0;
	padding: 12px 0 12px 4px;
	font-size: 16px;
}

#banner-holder-links-mobile {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
}

#main .banner-holder a:hover {
	background-color: #273747;
}

.content-vlak-content div.holding-overzicht-tekst p {
	width: 100%;
}

div.content-vlak { 
	overflow: visible;
}

.content-vlak-content img.overzicht-pagina-groot {
	width: 104%;
	margin: -7px 0px 0 -8px;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie {
	width: 125px;
	height: 125px;
	margin: 0 10px 0 0;
}

.content-vlak-content p img {
	margin: 15px 0 0 0;
}

.content-normal {
	float: left;
	width: 96%;
	margin: 4px 4px 0 8px !important;
}

#content {
	z-index: 100;
}

#sidebar-links {
	margin: -178px 0 10px 0;
}

body.home-default #sidebar-links, body.home-zoek #sidebar-links, body.home-contact #sidebar-links, body.home-nieuwsbrief #sidebar-links   {
	margin: -214px 0 10px 0;
}

body.home-contact #contentbar, body.home-nieuwsbrief #contentbar {
	margin: 0 0 0 0;
}

div.ct-cruise-tekst-3-top div.actie-blok-search {
	width: 100%;
}

div.ct-cruise-tekst-3-top div.actie-blok-search-actie {
	width: 100%;
	height: auto;
}

.ct-sort-co-id {
	margin: 5px 0 5px 0;
}

#contentbar div.content-vlak-content p.co-id, p.co-id { 
	width: 100%; 
}


div.content-vlak .content-vlak-header, div.content-vlak-header-1, div.content-vlak .content-vlak-content { 
	margin: 0; 
}

div.content-vlak-header-1 h1 {
	margin: -4px 0 9px 0;
}

#maincontent div.content-vlak-header-1 p {
	width: 96%;
	margin-top: 5px;
	padding-left: 8px;
}

div.ct-cruise-tekst-1 {
	width: 100%;
	margin: 10px 0 15px 0;
}

.cruise-route-tekst-2 {
	margin: 25px 0 0 0 !important;
}

div.ct-cruise-tekst-2 {
    width: 100%;
	padding-left: 0;
}

div.ct-cruise-tekst-3 {
    width: 100%;
	padding-left: 0;
}

div.ct-cruise-tekst-4 {
    width: 100%;
	padding-left: 0;
}


div.ct-cruise-beeld-top {
	width: 90px;
	height: auto;
}

img.ct-cruise-img {
	width: 90px;
	height: auto;
}

div.ct-cruise-prijs-top {
	width: 80px;
	height: 80px;
	margin: 5px 10px 0 0;
	padding: 18px 10px 0;
	font-size: 11px;
}

div.ct-cruise-beeld {
	padding: 0 0 0 0;
	width: 100%; 
	margin: 15px 0 5px 0;
}

div.ct-cruise-beeld-zonder-tekst {
	width: 40%;
	margin: 5px 0 5px 0;
	padding: 0;
}

img.ct-cruise-img-2, img.ct-cruise-img {
	width: 100%;
	height: auto;
}

#box table.cruise-offerte-ct td { height: 56px;}
#box table.cruise-offerte-ct tr.ct-offerte td table.ct-offerte-aanvraag td { height: 24px; }
#box table.cruise-offerte-ct th { border: 1px solid #000000; }
#box table.cruise-offerte-ct tr#infoblok td h2 { width: 293px; }
#box table.cruise-offerte-ct tr#infoblok td p { width: 293px; float: left; }

#box table.cruise-offerte-ct tr.ct-offerte td p {
	float: left; 
}

#box table.cruise-offerte-ct tr.ct-offerte td table.ct-offerte-aanvraag td p.actie-offerteblok { width: 230px; }
table.ct-offerte-aanvraag textarea { width: 265px; }
table.ct-offerte-aanvraag input[type="text"] { width: 160px; }

#box table.cruise-offerte-ct tr.ct-offerte div.ct-formulier { 
	max-width: 99%;
}

table.ct-offerte-aanvraag td { max-width: 190px; }

#box table.cruise-offerte-ct td.tcp-100 { min-width: 74px; padding: 0 1px; }
#box table.cruise-offerte-ct td.tcp-80 { padding: 0 2px; }
#box table.cruise-offerte-ct tr td.bg-offerte span { padding-top: 16px; }
#box table.cruise-offerte-ct tr td.tcp-120 { display: none; }

#box table.cruise-programma-ct th { border: 1px solid #000000; }

#box table.cruise-offerte-ct tr.ct-cabin td div.ct-holder { max-width: 295px; width: 100%; }
#box table.cruise-offerte-ct tr.ct-cabin td div.ct-holder {
	width: 100%;
	max-width: 99%;
}

#box table.cruise-offerte-ct tr.ct-cabin td div.ct-holder table.info-cabine { width: 100%; }
#box table.cruise-offerte-ct tr.ct-cabin td div.ct-holder table.info-cabine td.cabin-120 { width: 80px; padding: 0 0 0 5px; }
#box table.cruise-offerte-ct tr.ct-cabin td div.ct-holder table h2 { width: 286px; margin-top: 10px; }
#contentbar div.content-vlak-content .cruise-specialisten p { padding: 6px 0 4px 5px; text-align: left; width: 97%; }

#box table.cruise-programma-ct tr td div.programma-holder { 
	width: 96%;
	max-height: 9000px; 
}

#box table.cruise-programma-ct tr td div.programma-holder h2 { }
#box table.cruise-programma-ct tr td div.programma-holder p { }
#box table.cruise-programma-ct tr td div.programma-holder div.ct-info { 
	margin-bottom: 20px; 
}


div.ct-blok-top {
	float: left;
	width: 97%;
	margin-top: 10px;
	padding-left: 5px;
}

/* sjra 2017 11 08 [ hfdst ct-blok*/

#contentbar div.content-vlak-content div.ct-blok {
    width: 98%;
    min-height: 130px;
    margin: 10px 1% 0 1%;
}

.ct-blok-beeld {
    width: 100%;
}

.ct-blok-tekst {
    float: left;
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 13px;
}


.ct-top-header  h2 {
	width: 97%;
	padding-left: 5px;
	font-weight: normal;
	line-height: 24px;
}

.content-padding-blok {
	width: 96%;
    margin: 4px 0 0 8px !important;
}

div.ct-cruise-tekst-1 div.actie-blok-zoek-actie {
	width: 100%;
	height: auto;
}

div.ct-cruise-tekst-1 div.actie-blok-zoek {
	width: 100%;
}

#contentbar div.content-vlak-content div.blok-1-1 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu-rechts:nth-child(2) {
	display: block;
}

#holder-rev-slider {
	display: none;
}

#sidebar-links-t1, 
#sidebar-links-t2, 
#sidebar-links-t3, 
#sidebar-rechts-t1, 
#sidebar-rechts-t2, 
#sidebar-rechts-t3 {
	display: none;
}

.korte-info-holder{
	display: none;
}


.menu-rechts {
	width: 100%;
}

.menu-rechts h3 {
	padding: 9px 0 9px 0;
}

.menu-rechts h3 span{
	padding: 0 0 0 3px;
}



.ct-sort-holder-top, .ct-sort-holder-bottom {
    margin: 10px 0 10px 8px;
}

/* sjra 2017 09 28 aftunen schip */

div.call-to-action span, span.call-to-action span {
	padding: 15px 2% 15px 2%;
	width: 30%;
	font-size: 14px;
	line-height: 24px;
}

div.ct-module-tabblok.dekplannen div.dekplan-header-hutten {
	float: left;
    width: 100%;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten {
    width: 100%;
	margin: 0 0 0 0;
}

div.ct-module-tabblok.dekplannen div.dekplan-legenda {
 	float: left;
	width: 98%;
	margin: 10px 1% 0 1%;
}

div.ct-module-tabblok.dekplannen div.dekplan-plaatje {
	float: left;
	width: 98%;
	margin: 20px 1% 0 1%;
}

div.ct-module-tabblok.dekplannen div.dekplan-plaatje img {
	float: left;
	width: 100%;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten div div span {
    padding: 4px;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten div div span.hut-naam {
    min-width: 290px;
}

div.ct-cruise-hut-module .hut-sub-menu {
	width: 100%;
	margin: 9px 0 25px 0;
}

div.ct-cruise-hut-module .hut-sub-menu-content {
	width: 100%;
	margin: 9px 0 25px 0;
}

div.blok-informatie-schip h2 {
	font-size: 24px;
	line-height: 40px;
}


/* footer sjra toegevoegd 2017 10 03 */

.content-bedrijf-5 {
    margin: 0 0 0 0;
	width: 100%;
}

.content-bedrijf-5 p {
	text-align: center;
    width: 100%;
}

.content-bedrijf-5.link-blok {
    margin: 6px 0 0 0;
	text-align: center;
    width: 100%;
}


/* header sjra toegevoegd 2017 10 03 */

#logo {
    width: 150px;
}

#logo span.logo-brand-promise {
    margin: -24px 0 0 40px;
    font-size: 11px;

}

/* aanbiedingen sjra toegevoegd 2017 10 03 */
 
div.index-aanbiedingen, body.pagina div.index-aanbiedingen {
    width: 100%;
    margin: 0 0 30px 0;
}

/* kolommen sjra toegevoegd 2017 10 03 */

div.index-kolommen {
    min-height: 20px;
}

div.index-kolommen:nth-child(3n+3) {
    margin: 0 0 15px 0;
    width: 100%;
}



/*	header mobile */

#mobile-foto {
    color: #ffffff;
    margin: 2px auto 0 auto;
    margin: 0px auto 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

#mobile-foto-inline {
    float: none;
    margin: 0 auto;
    text-align: left;
}

#holder-rev-h1 {
    float: none;
    margin: 15px auto 0 auto;
    text-align: left;
	display: inline-block;
}

#holder-rev-h1 h1 {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	background-color: transparent;
	text-align: center;
	width: 92%;
	padding: 0 4% 0 4%;
	z-index: 1;
}

#mobile-foto-inline img {
    width: 100%;
	height: auto;
	border: 0;
}


#top-promo {
    display: none;
}


/*	3. [device optie] mobile */


.tablet-device, .screen-device, .tablet-device.block, .screen-device.block {
	display: none !important;
}

.mobile-device {
	display: block !important;
}

.tablet-device-normal, .screen-device-normal {
	display: none;
}


/* fotogalerij en fotoslide - thumbs sjra 2017 10 10 */

.fotoblok ul.unique-pager li.unique-pager-li {
	margin: 9px 9px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(5n+5) {
	margin: 9px 9px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(7n+7) {
	margin: 9px 9px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(4n+4) {
	margin: 9px 9px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(3n+3) {
	margin: 9px 0 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li img.unique-pager-image {
	width: 134px;
	height: 90px;
}

.centered-btns_nav {
	top: 105px;
	height: 45px;
	width: 45px;
	background-position: 0 50%;
}

.centered-btns_nav.next {
	background-position: 100% 50%;
}



body.home-page #crumb, body.home-product #crumb { 	
    margin: 0 0 0 0;
}

body.home-product  #box {
	margin: 0 0 10px 0;
}

.content-header {
    margin: 0 0 0 0;  
}

body.home-product  #top {  
	left: inherit;
	top: 18px;
	position: relative;
}

div.navigatie-balk {
    top: 73px;
    float: none;
    display: inline-block !important;
    width: 100% !important;
}

/* serp */

div.ct-cruise-tekst-module {
    margin: 0 0 10px 0;
}

.button-alle-resultaten {
    margin: 0 15px 15px 0;
    width: 100%;
    float: left;
}

.button-bekijk-alle-resultaten {
    width: 100%;
    float: left;
}

div.content-vlak.serp-blok div.ct-serp-beeld {
    width: 100%;
}

div.content-vlak.serp-blok div.ct-serp-tekst {
    width: 100%;
}

div.content-vlak.serp-blok div.ct-serp-tekst span span {
    width: 32%;
}

div.content-vlak.serp-blok div.ct-serp-tekst span span + span {
    width: 60%;
}



/* sjra 2017 10 10 leesbaarheid en clickbaarheid lettergroottes en buttons */

#maincontent {
    font-size: 16px;
    line-height: 22px;
}

.content-vlak-header, .content-vlak-header-1, .content-vlak-content { 
    width: auto; 
}



/* afwerking februari alle mobile kwesties */

body.home-subgebied #mobile-foto {
	margin-top: -140px;
}

body.home-hoofdgebied #mobile-foto {
	margin-top: -140px;
}

body.home-gebieden-verzamel #mobile-foto {
	margin-top: -140px;
}

body.actie #mobile-foto {
	margin-top: -140px;
}

body.actie-verzamel #mobile-foto {
	margin-top: -140px;
}

body.land #mobile-foto {
	margin-top: -140px;
}

body.haven #mobile-foto {
	margin-top: -140px;
}

body.pagina #mobile-foto {
	margin-top: -140px;
}

body.periode #mobile-foto {
	margin-top: -140px;
}

body.periode-verzamel #mobile-foto {
	margin-top: -140px;
}

body.home-schip #mobile-foto {
	margin-top: -140px;
}

body.home-schip-verzamel #mobile-foto {
	margin-top: -140px;
}

body.home-rederij #mobile-foto {
	margin-top: -140px;
}

body.home-rederij-verzamel #mobile-foto {
	margin-top: -140px;
}


body.home-product #mobile-foto {
	margin-top: -140px;
}

body.home-product table.cruise-offerte-ct {
    margin: 1px 0 10px 0;
}

body.home-product div.offerte-formulier.vrijblijvend, body.home-product div.offerte-formulier.bel, body.home-product div.offerte-formulier.boek, body.home-product div.offerte-formulier.optie {
    margin: 1px 0 30px 0;
}

body.home-product div.offerte-formulier.vrijblijvend h2, body.home-product div.offerte-formulier.bel h2, body.home-product div.offerte-formulier.boek h2, body.home-product div.offerte-formulier.optie h2 {
    padding: 5px 0 0 0;
    margin: 1px 0 0 0;
}

body.home-product .holder-button-terug {
    margin: 30px auto 5px auto;
}

body.home-product #left .holder-button-terug {
    display: none;
}

body.home-product .holder-button-terug a.button-terug {
	padding: 19px 8px 19px 8px;
	font-size: 17px;
	line-height: 25px;
	display: block;
}

body.home-page #mobile-foto {
    margin: -180px auto 0 auto;
}

body.home-page #mobile-foto-inline img {
    height: 420px;
}

body.home-page #container-1 {
	margin: 20px 0 20px 0;
}


body.home-page #box { 
	margin: 0px 0 10px 0;
}

body.home-page #top { 
	height: 100px;
}

body.home-page #holder-rev-h1 {
	display: none !important;
}

#top-mobile {
    display: inline-block !important;
	position: relative;
    float: none;
    margin: 0 auto 0 auto;
    padding: 2px 2px 2px 2px;
	z-index: 9999;
}

#top-mobile h1 {
    font-size: 24px;
	line-height: 32px;
    margin: 0 auto 12px auto;
}

#zoekengine-top-mobile, #holder-top-mobile {
    position: relative;
    float: left;
    margin: 0px auto 0 auto;
    width: 100%;
    text-align: center;
}

body.home-page #zoekengine-top-mobile {
    margin: -225px auto 0 auto;
}


#zoekengine-top {
    display: inline-block;
	position: relative;
    float: none;
    margin: 0 auto 18px auto;
    padding: 2px 2px 2px 2px;
    width: 420px;
    z-index: 2;
    min-height: 186px;
    bottom: auto;
    left: auto;
}

.zoekengine-top-blok {
    width: 190px;
    margin: 0 15px 0 0;
}

.zoekengine-top-holder {
    width: auto;
}

#zoekengine-top select {
    width: 120px;
    margin: 3px 0 0 5px;
    line-height: 17px;
    font-size: 12px;
}

#zoekengine-top label {
    font-size: 12px;
}

#zoekengine-top input#CTvertrekbegin-top, #zoekengine-top input#CTvertrekeind-top {
    width: 120px;
    margin: 3px 0 0 0;
    font-size: 12px;
}

#zoekengine-top input[type="button"] {
    font-size: 12px;
	padding-left: 6px;
    cursor: pointer;
    width: 120px;
}

#zoekengine-top .zoekengine-top-afvaart-info {
    line-height: 17px;
	color: #aaaaaa;
	margin: 12px 0 8px 0;
	display: inline-block;
	font-size: 16px;
}

#laatst-bekeken {
    margin: 25px 0 25px 0;
}

#crumb { 
    display: none;
}

h1 {
	z-index: 4;
}


/* CT Module Promo CTA Mobile */ 

.container-2-cta {
	width: 100%;
	margin: 0 0 3% 0;
}

.container-3-cta {
	width: 100%;
	margin: 15px 0 3% 0;
}

.container-3-cta:nth-child(3n+3) {
	margin: 0 0 3% 0;
}

.container-2-cta:nth-child(2n+2) {
	margin: 0 0 3% 0;
}

.tekst-2-cta {
	margin: -24% 5% 0 5%;
}

.tekst-2-cta h2, body.home-404 #box .tekst-2-cta h2, .tekst-2-cta p, body.home-404 #box .tekst-2-cta p {
	font-size: 16px;
}

#main .tekst-2-cta p a {
    color: #ffffff;
	background-color: #029795 !important;
}

div.promo-index div.container-3-cta:nth-child(2n+2) {
	margin: 0 0 3% 0;
}

div.promo-index div.container-3-cta {
	width: 100%;
	margin: 15px 0 3% 0;
}

div.tab-main {
    width: 100%; /* sjra 2017 12 08 */
    text-align: center;
}

div.tab-main a.tabs, #main a.tabs { 
	font-size: 16px;
	padding: 10px 1% 10px 2%;
	margin: 0 0 7px 0;
	width: 100%;
	text-align: left;
	border-radius: 3px;
	cursor: pointer;
	color: #ffffff;
	background-color: #029795;
}


#tab-main-blokken {
	margin: 15px 0 0 0;
}

#tab-main-header {
	margin: 15px 0 0 0;
}

#tab-main-dataprijzen {
    margin: 18px 0 0 0;
}

.actions-prijskalender {
    margin: 5px 0 5px 0;
}

.actions-prijskalender a.buttons-prijskalender {
	font-size: 16px;
    margin: 0 0 7px 0;
}

#main .actions-prijskalender a.buttons-prijskalender span:hover, #main .actions-prijskalender a.buttons-prijskalender:hover {
    color: #ffffff;
    background-color: #000000;
    text-decoration: underline;
}

#main .actions-prijskalender a.buttons-prijskalender.active span, #main .actions-prijskalender a.buttons-prijskalender.active, #main .actions-prijskalender a.buttons-prijskalender.active span:hover, #main .actions-prijskalender a.buttons-prijskalender.active:hover {
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
}

#box table.cruise-offerte-ct .prijskalender th span {
    font-size: 12px;
    line-height: 16px;
	padding: 0 1px 5px 1px;
}

#box table.cruise-offerte-ct .prijskalender td span {
    font-size: 12px !important;
    line-height: 16px;
	padding: 0 1px 0 1px;
}

#box table.cruise-offerte-ct td.tcp-80 {
    font-size: 12px;
    line-height: 16px;
}

#select_afvaart select {
    margin: 5px 0 5px 0;
	font-size: 12px;
}

#select_afvaart option {
    padding: 1px 0 1px 0 !important;
}

div.offerte-formulier table.ct-offerte-aanvraag input {
    width: auto !important;
}

div.offerte-formulier.vrijblijvend table.ct-offerte-aanvraag label, div.offerte-formulier.bel table.ct-offerte-aanvraag label, div.offerte-formulier.boek table.ct-offerte-aanvraag label, div.offerte-formulier.optie table.ct-offerte-aanvraag label {
    display: inline;
    margin: 10px 0 0 0;
    padding: 2px 0 2px 0;
}

div.offerte-formulier.vrijblijvend table.ct-offerte-aanvraag select, div.offerte-formulier.bel table.ct-offerte-aanvraag select, div.offerte-formulier.boek table.ct-offerte-aanvraag select, div.offerte-formulier.optie table.ct-offerte-aanvraag select {
    margin: 10px 0 10px 0;
}

.button-vraag-offerte-mobile, .button-bel-cruisespecialist-mobile {
	
}

#zoekengine, #filterengine  {
	margin: 20px 0 25px 0;
	padding: 0 0 0 0;
	background-color: #dfedfd;
}

#zoekengine p.zoekengine-top, #filterengine p.filterengine-top {
    padding: 10px 0 10px 0;
    text-align: center;
    color: #ffffff;
	background-color: #015856;
    border-bottom: 1px solid #ffffff;
    text-transform: uppercase;
    font-size: 16px;
	width: 100%;
}

#zoekengine p.zoekengine-top  {
	margin-bottom: 0;
}

#zoekengine p.zoekengine-top .klap-zoekengine-uit {
    text-align: center;
    color: #ffffff;
	background-color: #015856;
    text-transform: uppercase;
    font-size: 16px;
	width: 100%;
	cursor: pointer;
	display: block;
}

.verberg-filterengine, .verberg-zoekengine {
	display: none;
}

#holder-rev-zoekengine {
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}

.filterengine-kalender {
    padding: 5px 0 10px 0;
}

#filterengine label {
    float: none;
    margin: 7px 0 0 6px;
	font-size: 15px;
	line-height: 20px;
	color: #000000;
	background-color: #dfedfd;
	letter-spacing: 0px;
	width: auto;
}

#filterengine label#lCTvertrekjaar {
	float: left;
	letter-spacing: 0px;
}

#filterengine label.filter-tussen {
	float: left;
}

#filterengine input#CTFvertrekbegin, #filterengine input#CTFvertrekeind, #filterengine input#CTFvertrekterug  {
	margin: 3px 0 5px 6px;
	padding: 2px 0 2px 3px;
	line-height: 20px;
	width: 60px;
}

#filterengine .filterengine-meer {
	width: 100%; 
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	background-color: #015856;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px;
	margin: 14px 0 0 0;
	padding: 4px 0 4px 0;
}

#filterengine .filterengine-zoek {
	width: 100%; 
	text-align: center;
}

#filterengine .filterengine-zoek input[type="button"] {
	margin: 8px auto 4px auto;
	background-color: #015856;
}

#zoekengine .filterengine-zoek {
	width: 100%; 
	text-align: center;
}

#zoekengine .filterengine-zoek input[type="button"] {
	margin: 8px auto 4px auto;
}

.zoekengine-header, .filterengine-header {
	background-color: transparent;
}

#zoekengine-mobile {
	float: left;
	float: none;
	margin: 0 0 0 0;
}

#zoekengine label {
    margin: 7px 0 0 6px;
	font-size: 15px;
	line-height: 24px;
	color: #000000;
	background-color: #dfedfd;
}

#zoekengine select, #filterengine select {
    width: 98%;
	margin: 3px 0 0 4px;
	height: 45px;
	-webkit-appearance: menulist-button; /* safari hoogte select */
}

#zoekengine select option, #filterengine select option {
	font-size: 15px;
	line-height: 24px;
}

#zoekengine input#CTvertrekbegin, #zoekengine input#CTvertrekeind, #zoekengine-coid input#coidinput {
    width: 96%;
	margin: 12px 0 0 4px;
	padding: 4px 0 2px 3px;
	line-height: 34px;
}

#filterengine input.filterengine-schip, #filterengine input.filterengine-rederij, #filterengine input.filterengine-hoofdgebied, #filterengine input.filterengine-subgebied,
#filterengine input.filterengine-land, #filterengine input.filterengine-haven, #filterengine input.filterengine-periode, #filterengine input.filterengine-pagina,
#filterengine input.filterengine-actie  {
    width: 96%;
	margin: 3px 0 5px 4px;
	padding: 4px 0 2px 3px;
	line-height: 34px;
}

#zoekengine #hCTvaargebied, #zoekengine #hCTvertrekjaar, #zoekengine #hCTvertrekhaven, #zoekengine #hCTrederijschip, #zoekengine #hCTprijssegment, #zoekengine #hCTreisduur {
	margin-bottom: 6px;
}

#filterengine #hCThoofdvaargebied, #filterengine #hCTvaargebied, #filterengine #hCTrederij, #filterengine #hCTschip, #filterengine #hCTvertrekhaven, #filterengine #hCTaanleghaven, #filterengine #hCTprijssegment {
	margin-bottom: 6px;
}

#zoekengine select option, #filterengine select option {
    padding: 15px 0 15px 0;
}

/* CT filterpagina 2017 begin */


.paginate-zoekengine { 
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
}

#paginate, #paginate-bottom, #paginate-top, .panel-header {
	margin: 0 auto 15px auto;
	text-align: center;
	display: inline-block;
	width: 100%;
}

#paginate-bottom .panel-resultaten, #paginate .panel-resultaten {
	margin: 0 auto 0 auto;
}

#main #paginate .pages a.navigatie, #main #paginate-bottom .pages  a.navigatie, #main #paginate-top .pages  a.navigatie {
	color: #ffffff;
	background-color: #029795;
	padding: 3px 5px 3px 5px;
}

#main #paginate .pages a.active, #main #paginate-bottom .pages  a.active, #main #paginate-top .pages  a.active {
	color: #ffffff;
	background-color: #273747 !important;
	padding: 3px 5px 3px 5px;
}

#paginate .prev, #paginate .next, #paginate-bottom .prev, #paginate-bottom .next, #paginate-top .prev, #paginate-top .next {
	margin: 0 5px 0 5px;
}

#paginate .prev, #paginate .next, #paginate .pages, #paginate-bottom .prev, #paginate-bottom .next, #paginate-bottom .pages, #paginate-top .prev, #paginate-top .next, #paginate-top .pages {
	font-size: 15px;
	line-height: 24px;
}


/* naar beneden gehaald sjra 2018 februari sort CTsearch */

.zoekengine-sorteer .ct-search-sorteren, .filterengine-sorteer .ct-search-sorteren {
	display: inline-block;
	margin: 16px 0 0 0;
}

.zoekengine-sorteer, .filterengine-sorteer {
	width: 100%;
	margin: 0 0 8px 0;
	font-size: 16px;
}

.zoekengine-sorteer select, .filterengine-sorteer select {
	width: 200px; 
	margin: 8px 0 4px 0;
	padding: 1px 5px 1px 5px; 
	border: 1px solid #ccc; 
	background-color: #eee;
}

#CtSearchLoading {
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 245px;
	background-color: #bdd2e8;
}

#CtSearchLoading h2 {
	width: 100%;
}

.ct-rederij-maand h2 {
	width: 96%;
	padding-left: 8px;
}

div.img-ctsearch-loading {
	width: 100%;
}

/* tijdelijk uit de 7 sjra 2018 februari zoekengine en filtermodule */


#tab-main-footer {
	position: relative;
	float: left; 
	margin: 0 0 35px 0;
}







/* juli update mobile css 100% voor foto's */

#container-2 {
	dbackground-color: #32465A;
	dcolor: #ffffff;
	float: left;
	margin: 0 auto 20px auto;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

#box {
	display: inline-block;
	float: none;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	text-align: left;
	font-family: 'robotolight';
}

#box, #content, #main, #maincontent {
	width: 100% !important;
}

#contentbar, .panel-main, #zoekresultaten, .hut-sub-menu-content {
	text-align: center !important;
}

span.tab-panel-main, .hut-sub-menu-content {
	width: 96% !important; 
			width: 88% !important;  /* c7 breedte mobile */
			margin: auto 6% auto 6%;
}

.content-mobile {					 /* c7 breedte mobile */
	
}

.content-vlak, span.tab-panel-main h2, .panel-main .fotoblok h2, .panel-main .video-blok, .ct-cruise-video-module,
#tab-main-dataprijzen, .huttype-algemeen-tekst, .kolommen-holder, .tekst-2-cta p {
	width: 96% !important;
	text-align: left !important;
	display: inline-block !important;
	float: none !important;
	
			width: 88% !important;  /* c7 breedte mobile */
			margin: auto 6% auto 6%;
}

#tab-main-footer div {
	width: 96% !important;
	text-align: left !important;
	display: inline-block;
	float: none !important;
			width: 88% !important;  /* c7 breedte mobile */
			margin: auto 6% auto 6%;
}

#tab-titel-1, #tab-titel-2, #tab-titel-3, #tab-titel-4 {
	width: 96% !important;
	text-align: left !important;
	display: inline-block;
	float: none !important;
			width: 88% !important;  /* c7 breedte mobile */
			margin: auto 6% auto 6%;
}

#tab-main-header h2, #tab-main-footer h2 {
	text-align: left !important;
}

.fotoblok ul.unique-pager, #tab-main-header ul, #tab-main-footer ul {
	margin: 0 0 8px -18px;
}

div.content-vlak ul {
	text-align: left;
}

div.content-vlak p img {
	width: 100%;
	height: auto;
	border: 0;
}

#tab-main-promo div.sixteen {
	width: 100%;
}








/* juli update mobile css promo's */

#promo-pagina {
	width: 100%;
    position: relative;
	margin: 8px 0 5px 0;
}

.container-3-cta {
    margin: 0 0 3px 0 !important;
}

.container-3-cta .tekst-2-cta h2 {
    font-size: 16px;
							font-size: 18px;
    line-height: 18px;
							line-height: 20px;
							font-weight: 600;
							font-family: Arial,Helvetica,sans-serif;
    text-align: left;
	color: #000000;
    background-color: #ffffff !important;
						background-color: transparent !important;
}

.container-3-cta .tekst-2-cta {
	border-radius: 0 !important;
	font-weight: bold;
	opacity: 0.7;
	background-color: #ffffff !important;
						background-color: #cccccc !important;
	bottom: 0px;
	padding: 8px;
	position: absolute;
	width: 100% !important;
}

.tekst-2-cta p  {
    display: block !important;
	font-size: 13px;
							font-size: 15px;
							line-height: 17px;
							font-weight: 600;
							font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0 0 0 4px;
}

.tekst-2-cta p a, #main .tekst-2-cta p a, #main .tekst-2-cta p a:hover  {
	color: #000000 !important;
	font-size: 15px;
	line-height: 17px;
	font-weight: 600;
	font-family: Arial,Helvetica,sans-serif;
}

/* update mobile css blokken-drie 1 */


/* correcties marges holders */

#box {
    padding: 20px 0 0px 0;
			padding: 0 0 0 0;					 /* c7 */
			
			
			dwidth: 88% !important;				 /* c7 breedte mobile */
			dmargin: auto 6% auto 6% !important;
}

#container-2 {
    margin: 0 auto 0px auto;
}

#tab-main-header {
	margin: 0 0 0 0;
}

#tab-main-header .content-vlak {
	margin: 0 0 0 0;
}

#tab-main-footer {
    margin: 0 0 15px 0;
}



.holder-blokken-drie {
	margin: 0 0 15px 0;
	float: left;
}

.blokken-drie {
    width: 100%;
									margin: 0 0 35px 0 !important;
    position: relative;
	
			dborder-bottom: 3px solid #3B4496;			/* c7 */
}

.blokken-drie .rederij-tekst, .blokken-drie .blokken-tekst {
	border-radius: 0 !important;
	font-weight: bold;
	opacity: 0.7;
	background-color: #ffffff !important;
	bottom: 0px;
	padding: 8px;
							padding: 5px 8px 4px 8px;
	position: absolute;
	width: 100% !important;
}

.blokken-drie .blokken-tekst h2,
.blokken-drie .rederij-tekst h2 {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
	color: #000000;
    background-color: #ffffff !important;
							background-color: transparent !important;
	padding: 3px 0 0 0;
							font-size: 16px;
							line-height: 18px;
							line-height: 17px;
							font-weight: 600;
							font-family: Arial,Helvetica,sans-serif;
}

.blokken-drie  .blokken-tekst span,
.blokken-drie  .rederij-tekst span {
	padding: 0 0 1px 0;
}

.blokken-drie  .blokken-tekst span a,
.blokken-drie  .rederij-tekst span a {
	color: #000000 !important;
	background-color: transparent !important;
	display: block;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
							padding: 0 0 2px 0;
	font-size: 13px;
	min-height: auto;
	
							line-height: 20px;
							font-weight: 600;
							font-family: Arial,Helvetica,sans-serif;
	
}

.holder-blokken-een .blokken-een h2 {
    width: 98%;
    font-size: 22px;
    line-height: 30px;
	padding: 0 0 0 2%;
}




/* correcties marges enititeiten */

div.ct-cruise-tekst-module.fotoblok.schip  {
    margin: 0 0 10px 0 !important;
}




/* update mobile css blokken-drie 2 - mobile wissel */

.blokken-drie .blokken-een-beeld {
    width: 100%;
}

.blokken-drie .blokken-een-beeld img {
    width: 100% !important;
}

.blokken-drie .blokken-tekst h2 {
    min-height: auto !important;
	padding: 5px 0 0 0 !important;
}

.holder-blokken-drie.subgebieden .blokken-drie span a {
    min-height: auto;
}




/* update mobile css blokken-drie 3 - ct blok - tab-main-blokken - bestemmingen algemeen */

.content-vlak.bestemmingen-algemeen {
	width: 100% !important; 
}

.content-vlak.bestemmingen-algemeen h2 {
	margin: 0 0 0 1%; 
	font-size: 19px;
}

.content-vlak.bestemmingen-algemeen .ct-blok {
	margin: 0 0 0 1%; 
	width: 99%;
}




div.klapuit-wrapper .klapuit-trigger {
	cursor: pointer;
	display: block;
}

div.klapuit-wrapper .klapuit-trigger:before {
	content: '+';
	display: inline-block;
	font-size: 1em;
	margin-right: 0.6em;
	width: 1.6em;
	line-height: 1.6em;
	text-align: center;
	border-radius: 50%;
	color: #FFF;
	background: #F77621;
	background: #029795;
	cursor: pointer;
}

/* Symbool om uitgeklapte weer in te klappen (-) */


div.klapuit-wrapper .klapuit-trigger.minus:before {
	content: '-' !important; 
	display: inline-block;
}

.contact-formulier-blok {
    text-align: left;
}

.contact-formulier-blok select {
    min-width: 120px;
    width: 120px;
}








	}


	
	

/* 6. - - - - - - - - - - - - Vanaf (480px) Tot (767px) Mobiel Landscape */


	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
#filterengine input#CTFvertrekbegin, #filterengine input#CTFvertrekeind, #filterengine input#CTFvertrekterug  {
	width: 90px;
}
		

.mobile-toggle-tekst-landscape {
	display: block;
}

#back-button a:before {
	padding: 3px 8px 3px 8px;
}


/* Blokken Drie Schepen 06/2017 */

.holder-blokken-een .blokken-een {
    margin: 20px 0 0 0;
}

.blokken-drie {
	width: 48%;
	margin: 0 4% 35px 0;
}

.blokken-drie:nth-child(3n+3) {
	margin: 0 4% 35px 0;
}

.blokken-drie:nth-child(2n+2) {
	margin: 0 0 35px 0;
}

div.content-vlak .top-vlak h2 {
    font-size: 16px;
    padding: 9px 0 9px 0;
}


/* CT Module Index Linkblokken */ 

div.linkblokken-deel-rederijen, div.linkblokken-deel-schepen, div.linkblokken-deel-hoofdgebieden, div.linkblokken-deel-subgebieden, div.linkblokken-deel-landen, div.linkblokken-deel-havens, div.linkblokken-deel-periode, div.linkblokken-deel-acties, div.linkblokken-deel-paginas {
	margin: 0 3% 15px 0;
	width: 48%;
}

div.linkblokken-deel-rederijen:nth-child(3n+3), div.linkblokken-deel-schepen:nth-child(3n+3), div.linkblokken-deel-hoofdgebieden:nth-child(3n+3), div.linkblokken-deel-subgebieden:nth-child(3n+3), div.linkblokken-deel-landen:nth-child(3n+3), div.linkblokken-deel-havens:nth-child(3n+3), div.linkblokken-deel-periode:nth-child(3n+3), div.linkblokken-deel-acties:nth-child(3n+3), div.linkblokken-deel-paginas:nth-child(3n+3) {
	margin: 0 0 15px 0;
	width: 100%;
}

div.linkblokken-deel-rederijen:nth-child(2n+2), div.linkblokken-deel-schepen:nth-child(2n+2), div.linkblokken-deel-hoofdgebieden:nth-child(2n+2), div.linkblokken-deel-subgebieden:nth-child(2n+2), div.linkblokken-deel-landen:nth-child(2n+2), div.linkblokken-deel-havens:nth-child(2n+2), div.linkblokken-deel-periode:nth-child(2n+2), div.linkblokken-deel-acties:nth-child(2n+2), div.linkblokken-deel-paginas:nth-child(2n+2) {
	margin: 0 0 15px 0;
}


/* CT Module Index Kolommen */ 

div.index-kolommen {
	margin: 0 3% 15px 0;
	width: 48%;
}

div.index-kolommen:nth-child(3n+3) {
	margin: 0 3% 15px 0;
}

div.index-kolommen:nth-child(2n+2) {
	margin: 0 0 15px 0;
}


#sidebar-links {
	width: 420px;
}

#main {
	width: 420px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
}

#maincontent {
	width: 420px;
}

#main .product-info a {
	width: 325px;
}

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links {
	min-height: 10px;
}

.footer-links-links {
	width: 47%;
	margin: 0 4% 0 1%;
}

.footer-links-rechts {
	width: 47%;
	margin: 0 0 0 0;
}

.footer-midden {
	width: 47%;
	margin: 47px 4% 0 1%;
}

.footer-rechts-links {
	width: 47%;
	margin: 47px 0px 0 0;
}

.footer-rechts-rechts {
	float: left;
	width: 100%;
	margin: 25px 0 0 1%;
}

.footer-rechts-rechts div {
	position: relative;
	float: left;
	width: 47%;
	margin: 0 4% 0 0;
}

.footer-rechts-rechts div:nth-child(3) {
	margin: 1px 0 0 0;
}

.footer-rechts-rechts div.nieuwsbrief-mobile h3, .footer-links-rechts h3 {
	display: none;
}

.footer-links-rechts h2 {
    margin-bottom: 20px;
	padding: 0;
}

.footer-links-links h2, .footer-rechts-rechts h2 {
	padding: 0;
}

#footer p, 
.footer-links-links ul li a, 
.footer-midden ul li a, 
.footer-links-rechts ul li a, 
.footer-rechts-links a, 
.footer-rechts-rechts a
.footer-links-links, 
.footer-rechts-rechts, 
.footer-rechts-links {
	font-size: 12px;
}

#footer .footer-rechts-beneden p {
	font-size: 11px;
}

#banner-holder-links-mobile {
	margin: 0 0 0 -22px;
}

body.nieuwsbrief #banner-holder-links-mobile, body.contact #banner-holder-links-mobile {
	margin: 16px 0 0 -22px;
}

#banner-holder-links-mobile .banner {
	margin: 0 0 15px 22px;
}

.banner-holder .banner, #banner-holder-links-mobile .banner {
	width: 47%;
}

.content-foto, .content-foto img {
	display: block;
	width: 420px;
	margin: 0 0 15px 0;
	padding: 0;
}

.informatie-blok .informatie-blok-captcha-tekst {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}

.informatie-blok input.informatie-blok-email, .informatie-blok input.informatie-blok-naam {
	float: left;
	width: 150px;
	height: 20px;
	margin-right: 0;
}

.informatie-blok input.informatie-blok-naam {
	margin-right: 10px;
}

.informatie-blok .taf-dataknoppen-2-holder {
	width: 100%;
}

#box table.cruise-programma-ct tr td div.programma-holder { 
	width: 97%;
}

div.ct-cruise-beeld-top {
	width: 151px;
	height: auto;
}

img.ct-cruise-img {
	width: 151px;
	height: auto;
}

div.ct-cruise-prijs-top {
	margin: 30px 10px 0 6px;
}

#contentbar div.ct-cruise-tekst-2 div.alle-afvaarten {
	width: 96%;
	margin: 5px 0 0 0;
	padding: 0 0 10px 4px;
}

#contentbar div.ct-cruise-tekst-2 div.alle-afvaarten ul, #contentbar div.ct-cruise-tekst-2 div.alle-afvaarten ul li {
	width: 98%;
}

#contentbar div.ct-cruise-tekst-2 div.alle-afvaarten span.ct-sluiten {
    margin: 20px 5px 0 300px;
}

div.ct-cruise-prijs {
	margin: 70px 0 0 -178px;
}

#box table.cruise-offerte-ct td {
    height: 59px;
}

#box table.cruise-offerte-ct tr td.tcp-69 { 
	width: 65px;
	padding: 0 1px 0 1px; 
	border: 1px solid #001333;
	background-color: transparent;
}

#box table.cruise-offerte-ct tr td.bg-offerte span {
    padding-top: 0;
}

#main .ct-sort-holder-top a.resultaat, #main .ct-sort-holder-bottom a.resultaat {
    width: 110px;
    margin: 20px 30px 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(3n), #main .ct-sort-holder-bottom a.resultaat:nth-child(3n) {
	margin: 20px 0 10px 0;
}

#toggle-menu {
	margin: 1px 0 0 0;
	padding: 0 0 0 290px;
}

/* #navigatie verwijderd in combinatie met #zoek */


#toggle-zoek {
	margin: 1px 0 0 0;
	padding: 0 0 0 35px;
}

/* sjra 2017 10 09 zoekengine en filtermodule */

#ui-datepicker-div {
    width: 404px !important;
}

/* footer sjra toegevoegd 2017 10 03 */

.content-bedrijf-5 #logo-footer .logo-brand-promise {
    margin: -12px 0 0 57px;
    font-size: 11px;
}

.prijskalender-uitklap-hutinfo table.table-hut-informatie.kop .table-hut-onderwerp {
    width: 29%;
}

/* product pagina sjra 25 10 2017 */

table.product-pagina-table-top span.prijs {
	width: 45%;
	padding: 0 7px 4px 7px;
	text-align: center;
}




	}

	
	


/* 7. - - - - - - - - - - - - Tot (479px) Mobiel Portrait */


	@media only screen and (max-width: 479px) { 


body {
	font-size: 14px;
}

#toggle-navigatie {
	margin: 1px 0 0 15px;
}

.mobile-toggle-tekst-portrait {
	display: block;
}

h1 {
	width: 290px;
}

body.home-page h1  {
	margin: 0px 0px 15px 0px;
}

#back-button a:before {
	padding: 3px 4px 3px 4px;
}

/* Blokken Drie Schepen 06/2017 */

.holder-blokken-een .blokken-een {
    margin: 20px 0 0 0;
}

.blokken-drie {
	width: 100%;
	margin: 0 0 30px 0;
}

.blokken-drie:nth-child(3n+3) {
	margin: 0 0 30px 0;
}

.blokken-drie:nth-child(2n+2) {
	margin: 0 0 30px 0;
}

div.content-vlak .top-vlak h2 {
    font-size: 16px;
    padding: 9px 0 9px 0;
}



/* CT Module Index Linkblokken */ 

div.linkblokken-deel-rederijen, div.linkblokken-deel-schepen, div.linkblokken-deel-hoofdgebieden, div.linkblokken-deel-subgebieden, div.linkblokken-deel-landen, div.linkblokken-deel-havens, div.linkblokken-deel-periode, div.linkblokken-deel-acties, div.linkblokken-deel-paginas {
	margin: 0 0 15px 0;
	width: 100%;
}

/* CT Module Index Kolommen */ 

div.index-kolommen {
	margin: 0 0 15px 0;
	width: 100%;
}


#sidebar-links {
	width: 300px;
}

#main {
	width: 300px;
}

#maincontent {
	width: 300px;
}

#main .product-info a {
	width: 200px;
}

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links {
	min-height: 10px;
}

.footer-links-links {
	width: 47%;
	margin: 0 4% 0 1%;
}

.footer-links-rechts {
	width: 47%;
	margin: 0 0 0 0;
}

.footer-midden {
	width: 47%;
	margin: 27px 4% 0 1%;
}

.footer-rechts-links {
	width: 47%;
	margin: 27px 0px 0 0;
}

.footer-rechts-rechts {
	float: left;
	width: 100%;
	margin: 25px 0 0 1%;
}

.footer-rechts-rechts div {
	position: relative;
	float: left;
	width: 47%;
	margin: 0 4% 0 0;
}

.footer-rechts-rechts div:nth-child(3) {
	margin: 1px 0 0 0;
}

.footer-rechts-rechts div.nieuwsbrief-mobile h3, .footer-links-rechts h3 {
	display: none;
}

.footer-links-links h2 {
    margin-bottom: 0;
	padding: 0;
}

.footer-rechts-rechts h2 {
	padding: 0;
}

.footer-links-rechts h2 {
	margin-bottom: 20px;
	padding: 0;
}

#footer p, 
.footer-links-links ul li a, 
.footer-midden ul li a, 
.footer-links-rechts ul li a, 
.footer-rechts-links a, 
.footer-rechts-rechts a
.footer-links-links, 
.footer-rechts-rechts, 
.footer-rechts-links {
	font-size: 12px;
}

#footer .footer-rechts-beneden p {
	font-size: 11px;
}

#banner-holder-links-mobile .banner {
	width: 300px;
	height: 219px;
}

#banner-holder-links-mobile .banner a {
	width: 300px;
	height: 219px;
	padding: 180px 0 0 0;
	background-size: 300px 180px;
}

#banner-holder-links-mobile h2, #banner-holder-links-mobile .banner h3 {
	width: 300px;
	padding: 8px 0 0 0;
	border-top: 1px solid #ffffff;
}

.informatie-blok .informatie-blok-captcha-tekst {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}

.informatie-blok input.informatie-blok-email, .informatie-blok input.informatie-blok-naam {
	float: left;
	width: 120px;
	height: 20px;
	margin-right: 0;
}

.informatie-blok input.informatie-blok-naam {
	margin-right: 5px;
}

.informatie-blok .taf-dataknoppen-2-holder {
	width: 100%;
}

#subnavigatie {
	float: left;
	position: absolute; 
	top: 0;
	width: 100%;
	margin: -15px 0 0 0;
	text-align: left;
	font-size: 11px;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie {
	margin: 0 28px 0 0;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie:nth-child(2n+2) {
	margin: 0 0 0 0;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie:nth-child(3n+3) {
	display: none;
}


.content-vlak-content .foto-drie-holder .foto-blok-img-drie + .foto-blok-img-drie {
	margin-right: 0;
	clear: none;
}

.content-vlak-content .foto-drie-holder .foto-blok-img-drie + .foto-blok-img-drie + .foto-blok-img-drie {
	display: none;
}

div.ct-cruise-beeld-top img  {
    width: 90px;
}

div.ct-cruise-prijs {
	margin: 60px 0 0 -140px;
}

.cruise-route-tekst-2 {
    margin: 0 0 0 0 !important;
}

#contentbar div.ct-cruise-tekst-2 div.alle-afvaarten {
	width: 96%;
	margin: 5px 0 0 0;
	padding: 0 0 10px 4px;
}

#contentbar div.ct-cruise-tekst-2 div.alle-afvaarten ul, #contentbar div.ct-cruise-tekst-2 div.alle-afvaarten ul li {
	width: 95%;
}

#contentbar div.ct-cruise-tekst-2 div.alle-afvaarten span.ct-sluiten {
    margin: 20px 5px 0 200px;
}

#box table.cruise-offerte-ct td {
    height: 59px;
}

#box table.cruise-offerte-ct tr td.tcp-69 { 
	width: 17px;
	padding: 0 1px 0 1px; 
	border: 1px solid #001333;
	background-color: transparent;
}

#box table.cruise-offerte-ct tr td.bg-offerte span {
    padding-top: 0;
}

#main .ct-sort-holder-top a.resultaat, #main .ct-sort-holder-bottom a.resultaat {
    width: 120px;
    margin: 20px 35px 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(2n), #main .ct-sort-holder-bottom a.resultaat:nth-child(2n) {
	margin: 20px 0 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(3n), #main .ct-sort-holder-bottom a.resultaat:nth-child(3n) {
    margin: 20px 35px 10px 0;
}

#main .ct-sort-holder-top a.resultaat:nth-child(6n), #main .ct-sort-holder-bottom a.resultaat:nth-child(6n) {
    margin: 20px 0 10px 0;
}

#toggle-menu {
	margin: 1px 0 0 0;
	padding: 0 0 0 175px;
}

/* #navigatie verwijderd in combinatie met #zoek */


#toggle-zoek {
	margin: 1px 0 0 0;
	padding: 0 0 0 30px;
}

div.promo-tekst {
	height: 37px;
    margin: 82px 0 0 5px;
	background-size: 135px 37px;
}

div.promo-tekst h2 {
    margin: 2px 0 0 8px;
    padding: 0 3px 0 0;
}

.promo-tekst h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 34px;
	line-height: 15px;
}

span.call-to-action span {
    font-size: 10px;
}

div.ct-module-tabblok.dekplannen div.dekplan-hutten div div span.hut-naam {
    min-width: 165px;
}

.content-bedrijf-5 #logo-footer img {
    width: 50%;
}


/* footer sjra toegevoegd 2017 10 03 */

.content-bedrijf-5 #logo-footer .logo-brand-promise {
    margin: -20px 0 0 51px;
}

.content-bedrijf-5.link-blok {
    font-size: 13px;
}



/* fotogalerij en fotoslide - thumbs sjra 2017 10 10 */

.fotoblok ul.unique-pager li.unique-pager-li {
	margin: 10px 10px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(5n+5) {
	margin: 10px 10px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(7n+7) {
	margin: 10px 10px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(4n+4) {
	margin: 10px 10px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(3n+3) {
	margin: 10px 10px 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li:nth-child(2n+2) {
	margin: 10px 0 0 0;
}

.fotoblok ul.unique-pager li.unique-pager-li img.unique-pager-image {
	width: 145px;
	height: 98px;
}


/* fotogalerij en fotoslide - navigatie sjra 2017 10 10 */

.centered-btns_nav {
	top: 76px;
	height: 45px;
	width: 30px;
	background-position: 0 50%;
}

.centered-btns_nav.next {
	background-position: 100% 50%;
}


.prijskalender-uitklap-hutinfo table.table-hut-informatie.kop .table-hut-onderwerp {
    width: 30%;
}

.contact-formulier-blok .taf-formholder select {
    min-width: auto;
}

#zoekengine-top {
    width: 300px;
}

.zoekengine-top-blok {
    width: 130px;
    margin: 0 15px 0 0;
}





	}