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


.content {
	z-index: 10;
}

/*
	.four.columns.leftcol{ float: left;}
	.twelve.columns.col2l.content{ float: right; }
	.twelve.columns.col2r.content{ float: left;} 
	.four.columns.rightcol{ float: right !important;}
*/ 
	
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 0; margin-right: 0; }

.container, .container .sixteen.columns, .container .one.column {
	width: 94%; /* box padding: 0 3% 10px 3%; */ 
}

.container .twelve.columns { 
	width: 69%; /* padding: 0 2% 0 0; */ 
}

.container .four.columns { 
	width: 27%; 
}

/* 540 - 16 = 524 - 4px border = 500 : 2 = 250 */
    .container .main-second.column { width: 250px; }

/* 540 - 40 = 500 : 3 = 166,6 */
    .container .main-third.column { width: 166px; }



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

	/* 1. Bigger then standard 960px (1280px) */
	@media only screen and (min-width: 1280px) {
		
		
.container, .container .sixteen.columns, .container .one.column {
	width: 94%; /* box padding: 0 3% 10px 3%; */ 
}

.container .twelve.columns { 
	width: 69%; /* padding: 0 2% 0 0; */ 
}

.container .four.columns { 
	width: 27%; 
}



/* 780 - 20 = 760 : 2 = 380 */
    .container .main-second.column { width: 380px; }


/* 780 - 2 x 20 = 740 : 3 = 246,6 */

    .container .main-third.column { width: 246px; }

		
		


.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%;
}


/* Promo - CTA 06/2017 */

.tekst-2-cta {
	margin: -22% 5% 0 5%;
			margin: -22% 3% 0 3%;
			width: 94%;
}

.tekst-2-cta h2  {
	font-size: 14px;
	line-height: 16px;
}

.tekst-2-cta p  {
	font-size: 13px;
	line-height: 15px;
}


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

#logo, #logo-mobile {
	width: 300px;
}


/* Aanvulling 1 :: 20131202 :: sh :: getinfo */


.informatie-blok .taf-dataknoppen-2-holder {
	position: relative;
	float: left;
	width: 120px;
}

.informatie-blok input.informatie-blok-email, .informatie-blok input.informatie-blok-naam {
	width: 200px;
	height: 20px;
	margin: 0 15px 10px -1px;
}

.informatie-blok input.taf-dataknoppen-2 {
	margin-top: 0;
}


/* Aanvulling 1 :: 20131216 :: sh :: holding - blokken */

.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;
}

.boek-hotel {
    width: 25%;
}

.selecteer-beschikbare-kamer {
    float: right;
    margin: 39px 0 0 15px;
    width: 30%;
}

.boek-hotel-holder .first {
	margin-right: 10%;
}

.hotel-beeld-default {
	float: left;
	width: 45%;
}

.arrangementen-holder.extranet {
	float: left;
	margin-bottom: 20px;
}

.hotel-beeld-klein-holder {
	width: 20%;
	margin-bottom: 0;
}

.hotel-beeld-klein {
	width: 100%;
}

.hotel-left {
	margin-left: 8px;
}

.hotel-right {
	float: none;
}

.hotel-right img {
	margin-top: 16%;
}

.hotel-beeld-klein img {
	width: 100%;
}

.hotel-content-holder {
	float: left;
	margin: -11px 0 0 24px;
	width: 30%;
}

.arrangementen-eindpagina .hotel-beeld-default.extranet {
    float: left;
    width: 45%;
}

.hotel-beeld-klein-holder.extranet { 
    position: relative;
    float: left;
    width: 20%;
}

.arrangementen-eindpagina .hotel-beeld-klein-holder.extranet {
	margin: 0 0 0 12px;
}

.hotel-beeld-klein.extranet {
    width: 100%;
}

.hotel-beeld-klein.extranet img {
    width: 100%;
	margin-left: 0;
}

.hotel-content-holder.extranet {
    float: left;
    margin: -2px 0 0 24px;
    width: 30%;
}

.arrangementen-eindpagina .hotel-right.extranet img {
	margin-left: 0;
	margin-top: 16%;
}

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

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 8px !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;
}

#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%;
}

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

#CtSearchLoading h2 {
    width: 100%;
}

.sorteer-balk-zoeken span, .sorteer-balk-gebieden span {
    width: 115px;
    margin: 10px 5px 10px 0;
}

.sorteer-balk-zoeken span:nth-child(3n+1), .sorteer-balk-gebieden span:nth-child(3n+1) {
    margin: 10px 5px 10px 0;
}

#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;
}

/* tbody toegevoegd december */

#tablecal thead  th.hotel-tickets-aantal-personen span span, #tablecal tbody  th.hotel-tickets-aantal-personen span span {
	width: 30%; 
}

.presentatieblok h2.presentatie-titel {
	font-size: 19px;
	line-height: 15px;
	width: 70%;
	margin: 0 0 0 15%;
}

div.prijs-informatie {
	display: none; 
	float: right; 
					float: left; 
	padding: 20px 20px 20px 0;
	width: 420px;
	margin: 0 0 0 0;
}

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;
}

div.index-kolommen {
    position: relative;
    float: left;
    width: 22%;
    margin: 0 4% 15px 0;
    min-height: 160px;
}

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

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

#navigatie li {
	padding: 0 0 0 0;
	line-height: 25px;
}

#footer {
	width: 84%;
}

#footer p, #footer ul li, #footer a {
	color: #444444;
	font-size: 14px;
}

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links, .footer-rechts-rechts {
	width: 18%; 
}
		
.content-vlak .blok-niche span.hotel-tickets-vanaf-prijs  {
	width: 40%;
}

.content-vlak .blok-niche span.stars-hotel {
	width: 20%;
}

div.teaser-tekst-1, div.teaser-tekst-2 {
	font-size: 26px;
	line-height: 32px;
}

div.teaser-tekst-1 {
	margin: 0 0 2% 4%;
}
 
div.teaser-tekst {
    position: absolute;
    top: 58%;
	width: 85%; /* nl */
	right: 4%;
}

.meer-informatie-blok-niche {
    clear: none;
}

.content-vlak .blok-niche h2 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 0 2%;
    padding: 0 0 4px 0;
    margin: -5px 0 0 0;
}

.content-vlak .blok-niche span.stars-hotel img {
	width: 24px;
	margin: 0 2% 0 0;
}

.content-vlak .blok-niche span.hotel-tickets-vanaf-prijs  {
	padding: 2px 5px 2px 5px;
	line-height: 25px;
	margin: -4px 2% 0 0;
}

body.type-hmodule #maincontent .content-vlak .blok-niche p {
    display: block;
}


	}




/*==================================4============================================== */


	/* 4. Tablet Portrait size to standard 960 (devices and browsers) */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {


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

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





/* 412 - 20 = 392 : 2 = 278 oud 196 */
	.container .main-second.column { width: 196px; }

/* 412 - 40 = 372 : 3 = 124 */
	.container .main-third.column { width: 124px; }
	
.container, .container .sixteen.columns, .container .one.column {
	width: 94%; /* box padding: 0 3% 10px 3%; */ 
}

.container .twelve.columns { 
	width: 69%; /* padding: 0 2% 0 0; */ 
}

.container .four.columns { 
	width: 27%; 
}


#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; 
}


.container, .container .sixteen.columns, .container .one.column {
width: 94%;
padding: 0 3% 0 3%;
background-image: none;
		
}

#holder-rev-slider {
margin: 60px auto 0 auto;
z-index: 3;
}

#container-1  {
	background-image: none !important;
}

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

.mobile-top {
    float: left !important;
    width: 96% !important;
    margin: 0 2% 0 2% !important;
    height: 55px !important;
}

#top-promo {
    display: none;
}

#logo, #logo-mobile {
    float: left;
    height: auto;
    max-height: 44px;
    width: 40%;
}

#logo img, #logo-mobile img {
    width: 180px;
    height: auto;
}

#top-mobile { 
    float: right !important;
    width: 18%;
    margin-top: 16px;
}



.mobile-telefoon {
    float: left;
    width: 35%;
}

.mobile-telefoon a {
    color: #444444;
    text-decoration: none;
}

.mobile-menu { 
    float: left;
}

#toggle-navigatie {
    position: relative;
    float: right;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    color: #444444;
    background-color: #ffffff;
	text-shadow: unset;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    color: #000000;
    font-family: robotolight;
    margin: 0 12px 0 0;
    padding: 0 0 0 0;
    display: inline-block;
    float: left;
}

.icons-basis:hover {
    color: #029795;
}

#navigatie, #zoek {
	position: absolute;
	display: none;
	padding: 69px 0 0 0;
	background-color: #273747;
	z-index: 5;
	position: relative;
	float: left;
	margin: 15px 0 0 0;
	width: 93%;
}

#navigatie i, #zoek i {
	display: block;
}

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

#toggle-navigatie a {
    color: #444444;
    text-decoration: none;
}

#toggle-navigatie a i.icon-reorder, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder ,
#toggle-navigatie a i.icon-home, #toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home ,
#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: #444444;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder,
#toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home,
#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: #444444;
}

#navigatie h2, #zoek h2 {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #029795;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
			display: none;
}

#navigatie h2 span, #zoek h2 span {
	margin-right: 10px;
			display: none;
}

#navigatie ul, #zoek ul {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-indent: unset;
}

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

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

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

#navigatie a:hover, #zoek 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,
#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;
}

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


/* Opschonen - fundamentele aanpassingen nieuw design 2019 12 01 box = width: 728px; */

#main {
	width: 100%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	border-right: 0;
}

.div-promo-holder {
	margin: 0 0 0 0;
	width: 100%;
}

#maincontent {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

div.promo {
	margin: 0 9px 10px 5px;
}

#main > h1 {
	margin: -7px 0 9px 20px;
}

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

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

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

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

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

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

#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 {
	float: left;
	height: auto;
	margin: 0 0 0 0px;
	padding: 0;
	width: 100%; /* opschonen nieuw design */
}

.tekst-editor-sidebar {
	width: 100%; /* opschonen nieuw design */
	padding: 10px 0 10px 0; /* opschonen nieuw design */
}

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

/* Aanvulling 1 :: 20131202 :: sh :: getinfo */

.informatie-blok .taf-dataknoppen-2-holder {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 100%;
}

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

.informatie-blok textarea.informatie-blok-tekst {
    margin: 0 15px 10px -1px;
	width: 100%;
}

.informatie-blok input.informatie-blok-naam {
	margin: 0 15px 10px -1px;
}

/* Aanvulling 1 :: 20131216 :: sh :: holding - blokken */

.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;
}

#menu h2 span {
	padding: 0 0 0 8px;
}

#CTzoekengine, #CTzoekenginePage  {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	min-height: 470px;
	font-weight: normal;
	line-height: 14px;
	font-size: 12px;
	color: #ffffff;
	background-color: #273747;
}

#CTzoekengine form, #CTzoekenginePage form  {
	width: 100%;
	margin: -10px 0 0 0px;
	padding: 0px 0 10px 0;
	font-weight: normal;
	line-height: 17px;
	font-size: 12px;
	color: #ffffff;
	background-color: #273747;
}

#CTzoekengine label, #CTzoekenginePage label  {
	position: relative;
	float: left;
	width: 97%;
	margin: 7px 0 0 4px;
	padding: 0 0 0px 0;
	font-weight: normal;
	line-height: 19px;
	font-size: 12px;
	color: #ffffff;
	background-color: #273747;
}

#CTzoekengine select, #CTzoekenginePage select  {
	width: 97%;
	margin: 3px 0 0 4px;
	padding: 0px 0 0px 0;
	font-weight: normal;
	line-height: 17px;
	font-size: 12px;
	color: #000b1d;
	background-color: #ffffff;
}

#CTzoekengine img#CTsearchbox_calendar, #CTzoekenginePage img#CTsearchbox_calendar {
	position: relative;
	float: left;
	margin: 17px 0 0 2px;
	padding: 0 0 0px 0;
	cursor: pointer;
}

#CTzoekengine select option, #CTzoekenginePage select option {
	padding: 5px 0 5px 0;
	line-height: 17px;
}

#CTzoekengine .menu-sidebar-vlak-zoekimg, #CTzoekenginePage .menu-sidebar-vlak-zoekimg  {
	width: 170px;
	margin: 4px 0 4px 0px;
	background-color: #273747;
}

#CTzoekengine  p.zoekengine-top, #CTzoekenginePage  p.zoekengine-top  {
	width: 100%;
	margin: 0 0 4px 0px;
	padding: 18px 0 12px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
    font-weight: bold;
	color: #ffffff;
	background-color: #029795;
	border-bottom: 1px solid #ffffff;
}

#CTzoekengine  p.zoekengine-top span, #CTzoekenginePage  p.zoekengine-top span  {
	padding: 0 0 0 4px;
}

#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: 47%;
	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%;
}

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

#contentbar div.content-vlak-content div.ct-blok div img.ct-kaart {
    width: 50%;
    height: auto;
}

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

.ct-afvaarten {
	margin: 20px 0 0 0;
}

#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.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;
}

body.home-view #maincontent p.bg-rederij {
	margin: 0 0 8px 0;
}

#main p.bg-rederij a {
	padding: 20px 0 20px 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%;
}

#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;
}

.sorteer-balk-zoeken span, .sorteer-balk-gebieden span {
	width: 130px;
	margin: 10px 38px 10px 0;
}

.sorteer-balk-zoeken span:nth-child(3n +1), .sorteer-balk-gebieden span:nth-child(3n +1) {
	margin: 10px 0 10px 0;
}

.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;
}

/* hotel blokken 2014 11 06 */

.hotel-beeld-default {
	float: left;
	width: 100%;
}

.hotel-beeld-default img {
	float: left;
	width: 100%;
	margin: -4px 0 0 0px;
}

.hotel-beeld-klein-holder {
	width: 100%;
	margin-bottom: 12px;
}

.hotel-beeld-klein {
	display: block;
	float: left;
	width: 50%;
}

.hotel-beeld-klein img {
	display: block;
	float: left;
	width: 97%;
}

.hotel-left {
	float: left;
	margin-left: 0;
}

.hotel-right {
	float: right;
}

.hotel-right img {
	margin-left: 8px;
}

.hotel-right img, .hotel-left img {
	margin-top: 6%;
}

.hotel-right.extranet img, .hotel-left.extranet img {
    margin-top: 0;
}

.hotel-content-holder {
	float: left;
	margin: 4px 0 0 0;
	width: 97%;
}

/* sync 10-9 */
.boek-hotel-holder .tekst-boek-hotel {
	width: 40%;
}

/* hotel tickets module prijskalender */

/* tbody toegevoegd december */

#tablecal thead input[type="number"], #tablecal thead input[type="number"] {
	width: 34px;
}

/* aanbiedingen sjra toegevoegd 2018 06 29 */

div.index-aanbiedingen {
    dwidth: 30%;
}

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

/* Promo - CTA 06/2017 */

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

/* 4 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;
}

input.nieuwsbrief.emailadres {
	width: 180px; 
}


#footer p, #footer ul li, #footer a {
	font-size: 15px;
}

.footer-links-links, .footer-links-rechts {
	float: left; 
	width: 32%; 
	margin: 0 3% 10px 0;
}

.footer-midden {
	float: left; 
	width: 30%; 
	margin: 0 0 10px 0;
}

.footer-rechts-links {
	float: left; 
	width: 32%;
	margin: 0 5% 10px 18%;
}

.footer-rechts-rechts {
	float: left; 
	width: 32%; 
	margin: 0 0 10px 0;
}

div.teaser-tekst-1, div.teaser-tekst-2 {
    font-size: 28px; /* de */
	    font-size: 24px; /* nl */
}

.tab-hotel-module {
    margin: 15px 0 10px 0;
}

div.prijs-informatie {	 /* holder flex */
    display: none;
    float: right;
				float: left;
    width: 250px;
			    width: 100%;
    margin: 18px 0 0 5px;
				margin: 18px 0 0 0;
}

.content-vlak .blok-niche h2 {
    font-size: 16px;
    line-height: 24px;
    margin: -3px 0 3px 0;
}

.meer-informatie-blok-niche { 
    margin: 0 2% 0 0;
}






		
	}

	
	
	/* .5. All Mobile Sizes (devices and browser) groot blok */
	@media only screen and (max-width: 767px) {
		
.container { width: 94%; }
.container .columns,
.container .column { margin: 0 3% 0 3%; }

.container .four.columns,
.container .twelve.columns,
.container .sixteen.columns { width: 100%; }
	
.container .main-second.column, .container .main-third.column { width: 94%; margin: 0 3% 0 3%; }


.overlay { 
	height: 100%;
	width: 0;
										width: 100%;
										transform: translateX(-100%);
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	color: #000000;
	background-color: #ffffff;
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay-open {
	transform: translateX(0);
}

span.tablecal-info {
	width: 18% !important;
	margin: 2px 3% 0 0 !important; 
}

span.tablecal-info.modal {
	color: #ffffff !important;
}

span.tekst-basis-info, #tablecal th.h3-prijskalender span.tekst-basis-info { 
	 font-size: 12px; 
	 margin: 0 0 0 0; 
	 padding: 0 0 0 0;
}

#tablecal th.h3-prijskalender span.tablecal-info i  {
	font-size: 22px; 
	margin: 0 3px 0 3%;
}

.content-vlak-content span.span-modal-info {
	width: 86%; 
	float: left; 
	margin-left: 2%; 
	padding-top: 4px;
}

.content-vlak-content span.span-modal-min {
	width: 10% !important; 
	float: right !important; 
	margin-right: 2% !important;
}

p.header-modal {
	color: #ffffff;
	background-color: #000000;
	padding: 3px 0 5px 0;
}

.bestellen-comment-tekst p.header-modal {
	font-size: 15px;
	line-height: 22px;
}

p.header-modal i.icon-min {
	color: #ffffff;
	margin-right: 8px;
	float: right;
}

.content-vlak-content p.header-modal {
	margin: 0 0 5px 0 !important;
	padding: 5px 0 4px 0;
	width: 100% !important;
}
	
	
	
	
/*    resetten mobile   */

body {
	margin: 0 auto 0 auto;	/*    resetten mobile   */
}

img {
	width: 100%;
    height: auto;
}

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

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

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

#container-1 {
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 0 0 0;
}

#container-2 {
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 0 0 0;
}

#crumb {
    float: left;
	margin: 10px 3% 0 3%;
    padding: 3px 0 3px 0;
    width: 94%;
    text-align: left;
}

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

#main {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	border-right: 0;
	text-align: left;
}

#maincontent {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h1 {
	float: left;
	font-size: 20px;
	line-height: 30px;
    width: 94%;
	margin: 0 3% 15px 3%;
	padding: 0 0 0 0;
	font-weight: 500;
	color: #029795;
	background-color: transparent;
    text-align: left;
	z-index: 4;
}

h2 {
	font-size: 18px;
	padding: 6px 0 6px 0;
    width: 94%;
	margin: 10px 3% 15px 3%;
}

h2.klapuit-trigger {
    width: 100%;
	margin: 0 0 0 0;
}

h3 {
	font-size: 16px;
	padding: 6px 0 6px 0;
    width: 94%;
	margin: 10px 3% 15px 3%;
}

#maincontent form h3 {
    width: 98% !important;
	margin: 0 0 0 0 !important;
	padding: 7px 0 7px 2%;
}

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

.bestellen-comment-tekst p em  {
    font-style: italic;
	text-align: left !important;
}

section {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.content-vlak-content, .content-vlak-content span, 
div.content-vlak .content-vlak-header, div.content-vlak .content-vlak-content, 
.content-vlak .blok-niche div.content, .content-vlak .blok-niche div.content div, 
div.content-vlak-background, .content-vlak .blok-niche, .content-vlak.blok-niche-padding,
#maincontent .taf-formholder.eindpagina-boek-hotels, .eindpagina-boek-hotels-tickets, .hotel-tickets-blok, 
.tab-hotel-info, .tab-kamer-info, .tab-faciliteiten, 
#nieuwsbrief-holder, 
#tablecal_result {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

.hotel-tickets-blok {
    margin: 35px 0 0 0;
}

.hotel-tickets-blok .swiper-pagination-bullet {
    width: 8px;
}

.tab-hotel-info, .tab-kamer-info, .tab-faciliteiten {
	margin: 18px 0 0 0;
}

.content-vlak-content, div.content-vlak .content-vlak-content {
    margin: 15px 0 0 0;
}

.content-vlak-content h2, .content-vlak h2, 
.content-vlak-content h3, .content-vlak h3, 
.content-vlak-content ul, .content-vlak ul, 
.content-vlak-content p, .content-vlak-content p,
.content-vlak .blok-niche h2, 
.content-vlak .blok-niche h3,
.content-vlak .blok-niche p, .content-vlak .blok-niche div.content p, 
.content-vlak .blok-niche ul, .content-vlak .blok-niche div.content ul, #maincontent .content-vlak .blok-niche ul, 
div.meer-informatie-blok-niche,
.tab-hotel-module,
#klant-holder-rechts,
#tablecal_result table, #maincontent .taf-formholder table {
	width: 94% !important;
	margin: 0 3% 0 3% !important;
}

.content-vlak-content h2, .content-vlak-content h3 { 
	margin: 10px 3% 0 3% !important;
}

#maincontent #tablecal h3 {
    color: #444444;
    background-color: transparent;
    padding: 7px 0 7px 0;
}


#tablecal th.h3-prijskalender {
    background-color: #273747;
}

#tablecal th.h3-prijskalender span {
    font-size: 16px;
    font-weight: 400;
	width: auto;
}

#tablecal th.h3-prijskalender span i {
    margin: 5px 0 0 3%;
}

#tablecal th.h3-prijskalender span.tablecal-header {
	width: 96%;
    margin: 0 2% 0 2%;
}

#tablecal th.h3-prijskalender span.tablecal-kop {
	width: 97%;
													width: 82%;
														width: 76%;
}

#tablecal th.h3-prijskalender span.tablecal-plus-min {
	width: 3%;
	margin-top: 4px;
}

.bestellen-comment-tekst {
	dborder: 1px solid #cccccc;
    dwidth: 97%;
    dmargin: 0 1% 10px 1%;
}


.table-aanvraag-formulier p {
	width: 100% !important;
    margin: 0 0 5px 0 !important;
}

.content-vlak.blok-niche-padding {
	margin: 0 0 30px 0;
}

.content-vlak-content .blok-niche span img, .content-vlak .blok-niche span img, .content-vlak .tab-hotel-info  span img {
	width: 100% !important;
	height: auto !important;
}

.content-vlak-content ul, .content-vlak ul, 
#maincontent .content-vlak .blok-niche ul {
	margin: 0 0 0 -18px !important;
}

.content-vlak .blok-niche img, div.image-swiper {
    cursor: pointer;
	max-width: none;
    width: 100%;
    margin: 0 0 5px 0 !important;
}

div.meer-informatie-blok-niche {
	margin: 0 3% 45px 3% !important;
}

.content-vlak .blok-niche p, .content-vlak .blok-niche ul, .content-vlak .blok-niche div {
	font-size: 14px;
	line-height: 25px;
}

.swiper-pagination {
    margin: 0 0 4px 0 !important;
}

.hotel-tickets-blok .content-vlak .blok-niche h2 {
	margin-bottom: 8px!important;
	font-size: 19px;
    line-height: 25px;
}

.content-vlak .blok-niche span.stars-hotel {
    width: 20%;
	margin-left: 3%;
	float: left;
}

.content-vlak-content span.stars-hotel img, .content-vlak span.stars-hotel img {
	width: 17px !important;
	height: auto !important;
	margin: 0 0 0 0;
}

.content-vlak .blok-niche span.hotel-tickets-vanaf-prijs  {
	width: 50%;
	margin: 0 4% 0 0;
	font-size: 13px;
	padding: 3px 2px 2px 0;
	border-radius: 7px;
	line-height: 14px;
}

body.type-hmodule #maincontent .content-vlak .blok-niche p {
    margin-top: 14px !important;
}

.tablecal-uitklap-content {
    display: none;
    float: left;
	width: 95%;
    padding: 5px 0 15px 1%;
    background-color: transparent;
	text-align: left;
}

#tablecal th.h3-prijskalender span i {
	margin: 0 0 6px 3%;
    float: left;
}


#sidebar-rechts {
    width: 100%;
    margin: 0 0 0 0;
}

#sidebar-rechts h2 {
    width: 100%;
    margin: 0 0 0 0;
}

.tekst-editor-sidebar {
    width: 94%;
	margin: 0 3% 0 3%;
	padding: 10px 0 10px 0;
    text-align: left;
}

#menu {
    position: relative;
    display: block;
    width: 94%;
	margin: 10px 3% 20px 3%;
    padding: 0 0 0 0;
    border: none;
}

.taf-formholder {
	width: 94%;
	margin: 0 3% 0 3%;
}

#klant-holder-rechts { 
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	text-align: left;
}

#klant-holder-rechts .klant-holder {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}

#klant-holder-rechts input.button-verzenden  {
    border-radius: unset;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 5px 15px 5px 15px;
}

#tablecal_result form input:last-child, input.taf-dataknoppen-1 { 
	margin: 0 0 15px 3%;
}

input.nieuwsbrief.naam, input.nieuwsbrief.tussenvoegsel, input.nieuwsbrief.achternaam, input.nieuwsbrief.emailadres {
	width: 93%;
    margin: 8px 3% 0 3%;
    padding: 0 0 0 1%;
    border: none;
}

.footer-rechts-beneden {
    display: none;
}

#footer .footer-rechts-rechts ul {
	margin: 0 0 15px -15px !important;
}

#footer .footer-rechts-rechts img {
	width: auto;
	height: auto;
	margin: 0px 0 -8px 0px;
}

#footer .footer-rechts-rechts li:before {
    display: none;
}

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

.beeld-2-cta img {
    border-radius: unset;
    width: 100%;
}

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

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

.tekst-2-cta p {
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    color: #000000;
    background-color: transparent !important;
	font-size: 13px;
	line-height: 18px;
}

.presentatieblok {
	position: relative;
    float: left;
    width: 100%;
	margin: 0 0 5px 0;
}

.presentatieblok.titel {
    margin: 0 0 0 0;
}

.presentatieblok.tekst p {
	width: 94%;
	margin: 0 3% 0 3%;
}

.presentatieblok.meer {
	width: 94%;
	margin: 0 3% 38px 3%;
}

.presentatieblok-h2 {
	font-weight: bold;
    opacity: 0.7;
    background-color: #cccccc !important;
	bottom: 5px;
	margin: 0 0 0 0 !important;
    padding: 0 0 0 0;
    position: absolute;
    width: 100% !important;
}

.presentatieblok img {
    width: 100%;
    height: auto;
    border-radius: unset;
}

.presentatieblok h2.presentatie-titel {
    width: 100%;
    margin: 0 0 0 0;
    padding: 4px 0 4px 0;
    font-size: 11px;
    line-height: 15px;
    border-radius: unset;
	color: #000000;
}

.rounded-holder {
    margin: 10px 0 0 0;
}

div.rounded {
    width: 100%;
	margin: 0 0 3% 0;
}

div.rounded img {
    width: 100%;
    height: auto;
    border-radius: unset;
}

.readmore, .readless, .readmore2, .readless2 {
    margin-left: 3%;
}

div.index-kolommen {
    width: 94%;
	margin: 0 3% 0 3%;
}

div.index-kolommen h2, div.index-kolommen h3 {
    text-align: left;
	width: 100%;
}

div.index-kolommen p, div.index-kolommen ul {
    text-align: left;
	width: 100%;
}

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


/*    resetten mobile   */

.cookie-proof {
	display: none !important;
}

#top {
	position: relative;
	display: inline-block;
	float: none;
	top: 20px;
	margin: 0 auto;
	text-align: left;
	z-index: 2;
	background-color: transparent;
	width: 100%;/*    resetten mobile   */
}

.mobile-top {
    float: left !important;
	height: 55px !important;  /*    resetten mobile   */
}

#top-promo {
    display: none;
}

#iphone-telefoon {
		display: none;
}

#logo, #logo-mobile {
    float: left;
    height: auto;
    max-height: 44px;
    width: 70%;
					width: 40%;
}

#logo img, #logo-mobile img {
    width: 180px;
    height: auto;
}

#top-mobile {
	float: right !important; /*    resetten mobile   */
	width: 26%;
					width: 45%;
	margin-top: 12px; /*    resetten mobile   */
}

.mobile-telefoon {
	float: left;
	width: 20%;
}

.mobile-telefoon a  {
	color: #444444;
	text-decoration: none;
}

.mobile-menu {
	float: left;
}

#toggle-navigatie { 
	text-shadow: unset;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#toggle-navigatie a {
	color: #444444;
	text-decoration: none;
}

#toggle-navigatie a:hover {
	color: #444444;
	text-decoration: none;
}

#toggle-navigatie span.toggle-navigatie-tekst {
	color: #000000;
	font-family: robotolight;
	margin: 0 12px 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	float: left;
}

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

a .icons-basis:hover {
	color: #029795;
}

#mobile-foto-header {	/*    toevoegen mobile   */
    width: 100%;
    float: left;
	text-align: center;
	margin: 25px 0 0 0;
}

#mobile-foto-header img {	/*    toevoegen mobile   */
    width: 100%;
    height: auto;
}

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

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

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

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

#navigatie, #zoek {
	position: absolute;
	left: 0;
	margin: 64px 0 0 0;
	padding: 0;
	display: none;
	width: 100%;
	background-color: #273747;
}

#toggle-navigatie {
	position: relative;
	float: right;
	padding: 0 5px 0 0;
}

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

#navigatie i, #zoek i {
	display: inline-block;
}

.toggle-navigatie, .toggle-zoek {
	display: inline-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,
#toggle-navigatie a i.icon-home, #toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 28px;
	color: #444444;
}

#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-navigatie a:hover, #toggle-navigatie a:hover i.icon-reorder, #toggle-navigatie li.active a i.icon-reorder,
#toggle-navigatie a:hover i.icon-home, #toggle-navigatie li.active a i.icon-home,
#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: #444444;
}

#navigatie ul, #zoek ul {
	width: 100%;
}

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

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

.iphone-toggle {
	height: 40px;
	background-color: transparent;
}

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

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

#navigatie a, #zoek 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);
}

#navigatie a:hover, #zoek 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,
#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;
}

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

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

#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: #ffffff;
}

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

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

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

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

.korte-info-holder, .sidebar-rechts, .menu-rechts {
	display: none;
}

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

/* Aanvulling 1 :: 20131216 :: sh :: holding - blokken */

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

.content-vlak-content img.overzicht-pagina-groot {
	width: 104%;  /* correctie naar content-vlak-header + content-vlak-content */
	margin: -7px 0px 0 -8px;  /* correctie naar content-vlak-header + content-vlak-content */
}

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

.hCTsearch-header {
	float: left;
	width: 100%;
	background-color: #DB011A;
}

.hCTsearch-header img {
	width: 48%;
	display: inline;
	margin-top: 7px !important;
	vertical-align: middle;
}

#CTzoekengine p.zoekengine-top, #CTzoekenginePage p.zoekengine-top {
	float: left;
	margin-left: 4px;
	padding: 2px 0 4px 0;
	width: 50%;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	background-color: #DB011A;
	border-bottom: none;
}

#hCTsearch {
	margin: 0px 0 0px 0;
	background-color: #273747;
	float: left;
}

#CTzoekengine, #CTzoekenginePage {
	float: none;
	clear: none;
	margin: 0 0 0 0;
	min-height: 10px;
	line-height: 19px;
}

#CTzoekengine label, #CTzoekenginePage label  {
	position: relative;
	float: left;
	width: 30%;
	height: 30px;
	margin: 0px 3% 0 4px;
	padding: 0 0 0px 0;
	background-color: #273747;
}

#CTzoekengine select, #CTzoekenginePage select {
	height: 30px;
	width: 65%;
	margin: 0px 0 0 0px;
	padding: 0px 0 0px 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color: #273747;
	background-color: #ffffff;
}

#hCTvaargebied, #hCTvertrekjaar, #hCTvertrekhaven, #hCTrederijschip, #hCTprijssegment, #hCTreisduur {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 4px;
}

#hCTprijssegment {
	width: 60%;
}

#CTzoekengine label#lCTprijssegment, #CTzoekenginePage label#lCTprijssegment {
	width: 48%;
	margin: 0px 7% 0 4px;
}

select#CTprijssegment {
	width: 40%;
}

#hCTreisduur {
	width: 40%;
}

#CTzoekengine label#lCTreisduur, #CTzoekenginePage label#lCTreisduur {
	width: 50%;
	margin: 0px 5% 0 4px;
}

select#CTreisduur {
	width: 40%;
}

#hCTvaargebied {
	margin-top: 4px;
}

#lCTvaargebied, #lCTvertrekhaven, #lCTreisduur, #lCTprijssegment {
	line-height: 30px;
}

#lCTrederijschip, #lCTvertrekjaar {
	line-height: 15px;
}

select#CTvertrekjaar, select#CTvertrekmaand, select#CTvertrekdag {
	float: left;
	width: 18%;
	margin-right: 3px;
}

select#CTvertrekdag {
	width: 27%;
	margin-right: 0;
}

.hCTselecties {
	float: left;
	width: 50%;
	text-align: center;
}

#CTzoekengine input.zoekengine-submit, #CTzoekengine input.zoekengine-herstel,
#CTzoekenginePage input.zoekengine-submit, #CTzoekenginePage input.zoekengine-herstel {
	height: 24px;
	padding: 0;
	font-size: 12px;
}

.sorteer-balk-zoeken, .sorteer-balk-gebieden {
	width: 96%;
	margin: 0 0 8px 0;
	padding: 12px 0 0 8px;
	font-size: 13px;
}

.sorteer-balk-zoeken span, .sorteer-balk-gebieden span {
	width: 120px;
	margin: 10px 27px 10px 0;
}

.ct-sort-holder-top, .ct-sort-holder-bottom { 
	width: 96%;
}

.ct-sort-holder-top span.ct-sort-separator { 
	display: none;
}

.ct-sort-holder-top {
	display: none;
}

.ct-sort-header h2 {
	width: 96%;
	padding-left: 8px;
	font-weight: normal;
	font-size: 16px;
}

#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%;
}

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 {
	float: left;
	width: 100%;
	margin: 5px 0 5px 0;
}

.ct-sort-co-id p.co-id, p.co-id { 
	width: 97%; 
	margin: 0; 
	padding-left: 8px;
}

div.ct-cruise-tekst-1 {
	width: 50%;
	margin: 10px 0 15px 4px;
	padding-left: 5px; 
}

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

div.ct-cruise-tekst-2 {
    width: 96%;
	padding-left: 8px;
}

div.ct-cruise-tekst-3 {
    width: 96%;
	padding-left: 8px;
}

div.ct-cruise-tekst-1-top { padding-left: 5px; width: 97%; }

div.ct-cruise-tekst-2-top { padding-left: 5px; width: 97%; }

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 6px;
	padding: 18px 10px 0;
	font-size: 11px;
}

div.ct-cruise-beeld {
	width: 40%;
	margin: 15px 0 35px 8px;
	padding: 0;
}

div.ct-cruise-beeld-zonder-tekst {
	width: 40%;
	margin: 5px 0 5px 8px;
	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 h2 { }

#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 h3 { }

#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-data-ct { 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;
}

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

#contentbar div.content-vlak-content div.ct-blok div img.ct-kaart  {
	width: 40%;
	height: auto;
	margin: 0;
}

.ct-blok-tekst {
    float: left;
    width: 55%;
	margin: -4px 0 0 10px;
}

.ct-blok-tekst div, div.ct-blok-tekst p {
	width: 96%;
	font-size: 13px;
}

#contentbar div.content-vlak-content div.ct-blok div p {
	width: 97%;
}

.ct-afvaarten {
	float: left;
	width: 97%;
	margin: 5px 0 0 0;
	padding-left: 8px;
}

#maincontent .ct-afvaarten p, #maincontent .afvaarten-tekst-links p {
	float: left;
	width: 80px;
    margin: 0 22px 0 0;
}

#maincontent .ct-afvaarten p:nth-child(3n), #maincontent .afvaarten-tekst-links p:nth-child(6n) {
    margin: 0 0 0 0;
}

#maincontent .ct-afvaarten a, #maincontent .afvaarten-tekst-links a {
    float: left;
    display: block;
    width: 80px;
    margin: 20px 0 10px 0;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    background-color: #273747;
    border: 1px solid #000000;
    text-decoration: none;
}

.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;
}

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


/* hotel blokken 2014 11 06 */

.hotel-beeld-default {
	float: left;
	width: 100%;
}

.hotel-beeld-default img {
	float: left;
	width: 100%;
	margin: -4px 0 0 0;
}

.arrangementen-eindpagina .hotel-beeld-klein-holder.extranet {
    margin: 0;
}

.hotel-beeld-klein, .hotel-beeld-klein.extranet {
	display: none;
}

.hotel-content-holder {
	float: left;
	margin: 4px 0 0 0;
	width: 97%;
}


/* sync 10-9 */

.arrangementen-eindpagina .hotel-beeld-klein-holder {
    margin: 7px 0 5px 0;
}

/* hotel tickets module uitklap - mogelijk overrule 2016 11 06*/

.tab-hotel-module span.desktop {
	display: none;
}

.tab-hotel-module span.phone {
	display: block;
}

.tab-hotel-module span.meer-info-hotel {
    margin: 0 3% 0 0;
    width: 22%;
	clear: none;
}

div.content-vlak-background.hotel-tickets-module-footer {
    background-color: #ffffff;
    margin-left: 0;
}

/*  #tablecal prijskalender mobile  */

#maincontent #tablecal {
	border-collapse: unset;
}

#tablecal th, #tablecal td {
	padding: 0 0 0 0;
			dborder-top: none;
			dborder-right: 1px solid #dddddd;
			dborder-bottom: 1px solid #dddddd;
			dborder-left: 1px solid #dddddd;
				border: none;
}

/* tbody toegevoegd december */

#tablecal thead.kalender-mobile th, #tablecal tbody.kalender-mobile th {
	border-right: none;
	border-bottom: none;
}

#tablecal .tablecal-header-tr th {
    dborder-right: 1px solid #273747;
    dborder-top: 1px solid #273747;
    dborder-left: 1px solid #273747;
    dborder-bottom: none !important;
					border: none;
}

#tablecal th.prijskalender-licht {
	background-color: transparent !important;
}

.tablecal-header-tr {
	cursor: pointer;
}

.tablecal-header {
	float: left;
	width: 100%; 
	padding: 0 !important; 
}

.tablecal-kop {
	display: inline-block; 
	float: left; 
	margin-left: 12px;
	padding: 7px 0 7px 0 !important;
}

.tablecal-plus-min { 
	display: inline-block !important; 
	float: right; 
	color: white; 
	font-size: 18px; 
	margin: 0 12px 0 0;
	padding: 7px 0 7px 0 !important;
	
}

.tablecal-info {
    display: inline-block !important;
    float: right;
				float: left;
    color: #000000;
    font-size: 16px;
    margin: 0 0 0 3% !important;
    padding: 7px 0 7px 0 !important;
    width: 97% !important;
}

.tablecal-uitklap-content.kalender {
	width: 100%;
	padding: 0 0 0 0; 
}

.option-kamer, .option-persoon {
    margin-top: 10px !important;
}

/* tbody toegevoegd december */

#tablecal thead th.hotel-tickets-aantal-personen span span, #tablecal tbody th.hotel-tickets-aantal-personen span span {
    width: auto;
    margin: 2px 8px 0 0;
}

#roomresult {
    border: 1px solid transparent;
    min-height: auto;
	margin: 12px 0 0 0;
	padding: 0 5px 0 5px;
}

.roomresult {
	float: left;
	background-color: #cc0000;
	color: #ffffff;
	font-size: 15px;
    border: 1px solid #ffffff !important;
}


/* tbody toegevoegd december */

#tablecal th.separator-prijskalender, #tablecal td.separator-prijskalender {
	padding: 10px 10px 10px 10px !important;
}

#kalender_mobile {
	position: relative;
	float: left;
	width: 100%;
	color: #000000 !important;
}

div#sectie_maanden {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	font-size: 16px;
}

#kalender_mobile #sectie_dagen_header {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

#kalender_mobile #sectie_dagen_content {
	position: relative;
	float: left;
	width: 100%;
	font-size: 13px;
}

#kalender_mobile #sectie_dagen_header div, #kalender_mobile #sectie_dagen_content div {
	float: left;
	clear: left;
}

/*  #tablecal basis opmaak kalender mobile  */

div#sectie_maanden, #kalender_mobile #sectie_dagen_header, #kalender_mobile #sectie_dagen_content div {
	display: flex;
	width: 100%;
}

#kalender_mobile span.wissel-maand {
	flex-basis: 100%;
	float: left;
	min-height: 25px;
	text-align: center; 
	padding: 10px 0 4px 0;
	border-right: 1px solid #cccccc;
}
	
#kalender_mobile span.wissel-maand:hover {
	cursor: pointer;
}

#kalender_mobile span.wissel-maand.uit {
	background-color: #efefef;
	cursor: default;
}
	
#kalender_mobile  span#huidige_datum {
	flex-basis: 100%;
	float: left;
	min-height: 25px;
	text-align: center; 
	padding: 10px 0 4px 0;
	border-right: 1px solid #cccccc;
	dborder-left: 1px solid #cccccc;
}

#kalender_mobile #sectie_dagen_header  span {
	flex-basis: 100%;
	height: 36px;
	margin: 0;
	float: left;
	padding: 12px 0 0 5px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#kalender_mobile #sectie_dagen_content div span {
	flex-basis: 100%;
	margin: 0;
	float: left;
	padding: 5px 0 0 5px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: center;
}

#kalender_mobile span.geen_dag {
	cursor: default;
	color: #000000;
	background-color: #ffffff !important;
}

#kalender_mobile span span.prijs {
	border: 0 !important; 
	width: 100% !important;
	height: auto !important;
	font-size: 12px !important;
	padding: 0 0 0 0 !important;
	color: #000000;
	clear: left;
}

#kalender_mobile span span.geen-prijs {
	border: 0 !important; 
	width: 100% !important;
	height: auto !important;
	font-size: 12px !important;
	padding: 0 0 0 0 !important;
			color: #666666 !important;
	clear: left;
}

#kalender_mobile span.beschikbaar {
	cursor: pointer;
	background-color: #dedede !important;
	background-color: #e8eeff !important;
	color: #666666 !important;
	font-weight: bold;
}

#kalender_mobile span.beschikbaar.kalender-actief {
    background-color: #029795 !important;
	color: #ffffff !important;
}

#kalender_mobile span.verleden {
	cursor: default;
	color: #cdcdcd;
	background-color: #ffffff !important;
					dbackground-color: #f3e1e0 !important;
}

#kalender_mobile span span.geen-prijs-verleden {
	border: 0 !important; 
	width: 100% !important;
	height: auto !important;
	font-size: 12px !important;
	padding: 0 0 0 0 !important;
			color: #666666 !important;
	clear: left;
					dbackground-color: #f3e1e0 !important;
}


#kalender_mobile span.vandaag {
	background-color: #273747 !important;
	color: #ffffff !important;
}

#kalender_mobile span.onbekend {
	background-color: #f3e1e0 !important;
	color: #666666 !important;
}

#kalender_mobile span.niet-beschikbaar {
	background-color: #f3e1e0 !important;
	color: #666666 !important;
}


/*	5. [device optie] mobile */

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

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

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

/* 4 kolommen */

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

#footer p, #footer ul li, #footer a {
	font-size: 14px;
}

#footer ul li {
	line-height: 34px;
}

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links {
	float: left; 
	width: 47%; 
	margin: 0 3% 10px 0;
}

.footer-rechts-rechts {
	float: left; 
	width: 100%; 
	margin: 0 0 10px 0;
}
		
div.index-kolommen h2, div.index-kolommen h3 {
    font-size: 20px;
}

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;
}

.footer-links  {
	float: left;
}

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

div.g-recaptcha {
	margin: 20px 0 0 0;
}

div.tab-main {
    width: 100%;
    text-align: left;
}

body.offerte-php  #maincontent .taf-formholder td.taf-120 { 
	width: 15%;
}

body.offerte-php  #maincontent .taf-formholder td.taf-5 {  
	width: 1%;

}

body.offerte-php  #maincontent .taf-formholder td.taf-380 {
	width: 30%;

}

body.offerte-php  #maincontent .taf-formholder select.taf-default-aantal, 
body.offerte-php  #maincontent .taf-formholder select#taf-opstapplaats  {
	min-width: auto;
	max-width: 200px;
}

#tablecal th.bestellen-comment.onder {
	padding-top: 8px;
}

.bestellen-comment-tekst p {
    font-weight: 400 !important;
    font-size: 14px;
}

#maincontent #tablecal .bestellen-comment-tekst h3 {
	color: #444444;
	background-color: transparent;
	font-size: 16px;
    font-weight: bold;
    font-family: 'robotolight';
	padding: 7px 0 7px 0;
}

body.kalender-breed #box {
	width: 100%;
}

.panel {
    margin: 18px 0 25px 0;
}



.content-vlak-content p img.offerte-button {
    width: auto;
	margin: 2px 0 10px 0;
}



	}





/*===================================6============================================= */


	/* .6. Mobile Landscape Size to Tablet Portrait (devices and browsers) grotere kleine versie mobile Firefox */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


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

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

#toggle-navigatie {
	margin: 0 0 0 0;
	color: #444444;
	background-color: #ffffff;
}

/* Opschonen aanpassingen design 2019 12 01  */

#main {
	margin: 0 0 0 0;
	width: 100%; /* opschonen nieuw design */
	padding: 0 0 0 0; /* opschonen nieuw design */
	border-right: 0; /* opschonen nieuw design */
}

#maincontent {
	width: 100%; /* opschonen nieuw design */
	margin: 0 0 0 0; /* opschonen nieuw design */
}

.div-promo-holder {
	margin: 0px 0 0px -25px;
	position: relative;
	margin: 0 0 0 0; /* opschonen nieuw design */
	width: 100%; /* opschonen nieuw design */
	overflow: hidden;
}

#sidebar-rechts {
	width: 100%; /* opschonen nieuw design */
	margin: 0 0 0 0; /* opschonen nieuw design */
}

.tekst-editor-sidebar {
				dwidth: 100%; /* opschonen nieuw design */
				dpadding: 10px 0 10px 0; /* opschonen nieuw design */
}

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

#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;
}

/* Verschil 6 en 7 */

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

/* Aanvulling 1 :: 20131202 :: sh :: getinfo */

.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: 0 15px 10px -1px;
	width: 100%;
}

.informatie-blok textarea.informatie-blok-tekst {
    margin: 0 15px 10px -1px;
	width: 100%;
}

.informatie-blok input.informatie-blok-naam {
	margin: 0 15px 10px -1px;
}

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


.hotel-beeld-default h2 {
	position: relative;
	float: left;
	margin: -260px 0 0 10px;
	z-index: 2;
	color: #ffffff;
	font-weight: bold;
}

#maincontent .hotel-beeld-default ul {
	position: relative;
	float: left;
	margin: 10px 0 0 16px;
}

/* sync 10-9 */

.boek-hotel {
	width: 420px;
}

.boek-hotel input.datum {
	width: 420px;
}

.ui-datepicker {
	width: 420px;
	margin-top: 5px;
}

.boek-hotel-holder .tekst-boek-hotel {
	width: 40%;
}

.prijzen-en-beschikbaarheid.extranet { /* sjra 2016 03 01 */
	font-size: 12px;
	margin: 20px 8px 0 0;
    position: relative;
    width: 170px;
}

#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;
}

.sorteer-balk-zoeken span, .sorteer-balk-gebieden span {
	width: 119px;
	margin: 10px 10px 10px 0;
}

.sorteer-balk-zoeken span:nth-child(3n +1), .sorteer-balk-gebieden span:nth-child(3n +1) {
	margin: 10px 0 10px 0;
}

#maincontent .ct-afvaarten p, #maincontent .ct-afvaarten a, #maincontent .afvaarten-tekst-links p, #maincontent .afvaarten-tekst-links a {
	width: 119px;
}

/* Hotel Tickets Module 2016 09 [6] */

.hotel-tickets-blok {

}

.hotel-tickets-links {
	width: 100%;
	margin: 6px 0 0 0;
}

.hotel-tickets-beeld {
	float: left;
	margin: 0 2% 0 6px;
	position: relative;
	width: 38%;
}

.hotel-tickets-tekst {

}
	
.hotel-tickets-rechts {
	width: 100%;
}

div#tablecal_result table tr td:first-child {
    width: 170px;
}

/* 4 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;
}

div.teaser-tekst { /* nl */
	top: 42%; /* nl */
	width: 95%; /* nl */
}

div.teaser-tekst-1, div.teaser-tekst-2  {
	font-size: 16px; /* nl */
	line-height: 16px;
}

.content-mobile, .content-mobile2 {
	margin: 15px 0 15px 0;
}

.readmore, .readmore2 {
	display: inline-block;
	cursor: pointer;
}

div.prijs-informatie {   /* holder flex */
	width: 420px;
			width: 94%;
			margin: 12px 3% 0 3%;
}


	}

	
	

/*====================================7============================================ */

	/* .7. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)  kleine versie mobile Firefox*/
	@media only screen and (max-width: 479px) { 
	
	
.mobile-toggle-tekst-portrait {
	display: block;
}

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

#logo img, #logo-mobile img {
    width: 140px;
    height: auto;
}

#toggle-navigatie {
	margin: 1px 0 0 15px;
	color: #444444;
	background-color: #ffffff;
}

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

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

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

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

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

/* Aanvulling 1 :: 20131202 :: sh :: getinfo */

.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: 0 15px 10px -1px;
	width: 100%;
}

.informatie-blok textarea.informatie-blok-tekst {
    margin: 0 15px 10px -1px;
	width: 100%;
}

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

/* Verschil 6 en 7 */

/* Toevoegingen Topeventtickets.de */

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

.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;
}

/* IE -9 */

.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;
}

.hotel-beeld-default h2 {
	position: relative;
	float: left;
	margin: -200px 0 0 10px;
	z-index: 2;
	color: #ffffff;
	font-weight: bold;
}

#maincontent .hotel-beeld-default ul {
	position: relative;
	float: left;
	margin: 10px 0 0 16px;
}

/* sync 10-9 */

.boek-hotel {
	width: 300px;
}

.boek-hotel input.datum {
	width: 300px;
}

.ui-datepicker {
	width: 300px;
	margin-top: 5px;
}

.boek-hotel-holder .thumb-boek-hotel {
    float: left;
    margin-right: 0;
    position: relative;
	width: 100%;
}

.boek-hotel-holder .thumb-boek-hotel img {
    height: auto;
    margin-top: 0;
    width: 100% !important;
}

.boek-hotel-holder .tekst-boek-hotel {
    float: left;
    width: 50%;
	width: 100%;
}

.boek-hotel-holder .prijs-boek-hotel {
    float: left;
	font-size: 12px;
}

.meer-info-hotel {
    clear: both;
}

.meer-info-hotel.extranet {
    clear: both;
	width: 100px;
}

.prijzen-en-beschikbaarheid.extranet { /* sjra 2016 03 01 */
	font-size: 12px;
	margin: 20px 8px 0 0;
    position: relative;
    width: 100px;
}

select#taf-datumkeuze_type {
    width: 180px;
}

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;
}

.sorteer-balk-zoeken span, .sorteer-balk-gebieden span {
	width: 120px;
	margin: 10px 27px 10px 0;
}

.sorteer-balk-zoeken span:nth-child(3n +1), .sorteer-balk-gebieden span:nth-child(3n +1) {
	margin: 10px 27px 10px 0;
}

.sorteer-balk-zoeken span:nth-child(2n +1), .sorteer-balk-gebieden span:nth-child(2n +1) {
	margin: 10px 0 10px 0;
}

/* Hotel Tickets Module 2016 09 [7] */

.hotel-tickets-blok {

}
		
.hotel-tickets-rechts {
	width: 100%;
}

div#tablecal_result table tr td:first-child {
    width: 140px;
}

#tablecal th.h3-prijskalender span {
				dfont-size: 16px;
				dfont-weight: 400;
}

/* 4 Kolommen */ 

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links, .footer-rechts-rechts {
	float: left; 
	width: 100%; 
	margin: 0 0 10px 0;
}

div.teaser-tekst {
    top: 30%; /* nl */
	width: 96%; /* nl */
}

div.teaser-tekst-1, div.teaser-tekst-2  {
	font-size: 16px; /* nl */
	line-height: 16px;
}

.content-mobile, .content-mobile2 {
	margin: 15px 0 15px 0;
}

.readmore, .readmore2 {
	display: inline-block;
	cursor: pointer;
}

div.prijs-informatie {   /* holder flex */
	width: 300px;
			width: 94%;
			margin: 12px 3% 0 3%;
}

body.type-sublocatie div.tab-main a.tabs, body.type-sublocatie #main a.tabs {
    font-size: 13px;
    padding: 3px 2px 3px 2px;
    margin: 0 1px 10px 0;
}



	}