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

 
.content {
	z-index: 10;
}

/* algemeen werk classes */

.no-device {
	display: none !important;
}


input {
	dd-webkit-appearance: textfield;
	dd-webkit-border-radius: 0;
	border-radius: 0;
}

input[type=submit], input[type=button] {
	-webkit-appearance: button;
	-webkit-border-radius: 0;
	border-radius: 0;
}



/* CT-Module 2017 02 10 
2018 05 17 - naar hier verplaatst uit het buro1913-cruise-ct.css vanwege de toevoeging 
van de menu-tabs-holder - in ct uitgecomment r.2283  */

div.ct-cruise-tekst-module, div.menu-tabs-holder {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

div.ct-cruise-tekst-module.tabs, div.menu-tabs-holder.tabs {
	margin: 0 0 0 0;
		margin: 0 0 30px 0;
}

body.home-product div.ct-cruise-tekst-module.tabs, body.home-product div.menu-tabs-holder.tabs {
	margin: 0 0 15px 0;
}


/* 2x dubbel gebruik van.ct-cruise-tekst-module */ 

div.ct-cruise-tekst-module.fotoblok.schip, div.menu-tabs-holder.fotoblok.schip { /* CT-Module 2017 09 21 schip */ 
	margin: 25px 0 10px 0;  /* sjra 2017 09 23 */
}

div.ct-cruise-tekst-module.videoblok.schip, div.menu-tabs-holder.videoblok.schip { /* CT-Module 2017 09 21 schip */
	margin: 25px 0 0 0;
}


/* Uit buro1913-cruise-ct.css */

/* CT-Module 2017 02 10 - tabs */


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

div.tab-main  a.tabs, #main  a.tabs {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
			    font-size: 15px;
	cursor: pointer;
	border-radius: 3px;
				border-radius: 6px;
	padding: 3px 9px 3px 9px;
				   padding: 8px 16px 8px 16px;
	margin: 0 7px 10px 0;
				margin: 0 15px 10px 0;
}


span.tab-panel-main a.tabs span.icons-basis {
	padding-right: 15px !important;
}

.arrow-rotated {
   transform: rotate(-180deg);
   transition: .3s;
}
.arrow-default {
   transform: rotate(0deg);
   transition: .3s;
}


/* icons 2018 05 14 - naar hier verplaatst uit het screen.css */

div.feiten-cijfers span.icons-basis {
	font-size: 30px;
	color: #029795;
}

div.test-fonts  {
	position: relative; 
	float: left;
	padding: 25px;
	border: 1px solid #cdcdcd;
	margin: 30px 0 0 0;
}


div.test-fonts h2 {
	font-size: 30px;
	margin: 0 0 25px 0;
	color: #000000 !important;
}

div.test-fonts div.font-blok, div.test-fonts div.font-blok-2 {
	width: 110px; 
	float: left;
	margin: 0 0 35px 0;
	min-height: 90px;
}

div.test-fonts div.font-blok-2 {
	width: 100%;
	margin: 35px 0 35px 0;

}

div.test-fonts span.icons-basis {
	font-size: 40px;
	margin: 0 25px 30px 0;
	display: inline-block;
}

div.test-fonts.groen {
	color: #029795 !important;
}

div.test-fonts.blauw {
	color: #2259ff !important;
}

div.test-fonts.zwart {
	color: #000000 !important;
}

div.test-fonts.zwart span.icons-basis {
	font-size: 17px;
}

.linkblokken-holder .icons-basis {
	font-size: 32px;
	
}


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

	/* 1. groter dan 960px */
	@media only screen and (min-width: 960px) {


/* zoekengine en filter wissel */

.filterpagina #sidebar {
	display: none;
}

.filterpagina #sidebar-filterengine {
	display: block;
}



		}



/* 1b - - - - - - - - - - - - Vanaf (1280px) */

	@media only screen and (min-width: 1280px) {

/* zoekengine en filter wissel */

.filterpagina #sidebar {
	display: none;
}

.filterpagina #sidebar-filterengine {
	display: block;
}



	}

	
	
	
/* 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) */




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


	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	
/* zoekengine en filter wissel */

.filterpagina #sidebar {
	display: none;
}

.filterpagina #sidebar-filterengine {
	display: block;
}




	}




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



	@media only screen and (max-width: 767px) {
		
/* productpagina */
		
.select-holder {
	font-size: 12px !important;
}


/* zoekengine en filter wissel */

#zoekresultaten {
							margin-top: -30px;
							float: left;	
}


.filterpagina #sidebar {
	display: block !important;
}

.filterpagina #sidebar-filterengine {
	display: none !important;
}

#button-tab-afvaarten {
	display: none !important;
}
#tab-main-afvaarten {
	display: none !important;
}

div.ct-cruise-tekst-module, div.menu-tabs-holder {
    margin: 0 0 10px 0;
}


/* Filter Overlay */
	
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    background-color: rgb(0, 28, 55);
    background-color: rgba(0, 28, 55, 0.9);
						background-color: rgba(0, 28, 55, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
}

.hasDatepicker {
	position: relative; 
	z-index: 100000;
}

.overlay-content {
    position: relative;
    top: 120px;
						top: 70px;
    width: 90%;
    text-align: center;
	margin: 0 auto 0 auto;
						dborder-top: 2px solid #f0f0f0;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
						   font-size: 18px;
    color: #d6d6d6;
    display: block;
    transition: 0.2s;
							margin: 10px 0 0 0;
}

.overlay a:hover, .overlay a:focus {
    color: #f4f4f4;
}

.overlay .overlay-header .resetbtn {
    position: absolute;
    top: 20px;
    left: 45px;
    font-size: 25px;
}
.overlay .overlay-header .title {
    position: absolute;
    top: 20px;
	margin: 0 auto 0 auto;
	text-align: center;
    font-size: 25px;
	color: #fdfdfd;
}
.overlay .overlay-header .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
								top: 0;
								right: 25px;
    font-size: 25px;
}

@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}


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

#menu h2, #navigatie h2, #zoek h2, #navigatie span.mobile-menu-tekst {
	background-color: #003366;
							background-color: #3B4496;	/* c7 navigatie */
}

#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 {										/* c7 navigatie */
	padding: 20px 0 20px 12px;
	margin: 0 0 0 0;
	line-height: 20px;
	font-size: 18px;
										font-size: 16px;
	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;
	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 !important;
							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 */
}



/* tab nieuwe stijl */

span.tab-panel-main {
	display: inline-block !important;
	width: 100%;
}

span.tab-panel-main a.tabs span.icons-basis {
    padding-right: 0 !important;
    margin-right: 15px !important;
}

div.tab-main  a.tabs, #main  a.tabs {
    border: none;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	cursor: pointer;
	border-radius: 3px;
	padding: 3px 9px 3px 0px;
		padding: 0;
	margin: 0 7px 10px 0;
		margin: 0 7px 24px 0;
	text-align: left;
	color: #000000;	
	background-color: transparent;
	
	margin: 0 2% 24px 2%;
	width: 96% !important;
}

div.tab-main  a.tabs:hover, #main  a.tabs:hover {
	background-color: transparent;
	text-decoration: none;
}

div.tab-main  a.active, #main  a.active {
	background-color: transparent;
	text-decoration: none;
}

#main .tab-panel-main  a.tabs span.icons-basis {
	color: #3B4496;										 /* c7 icoontjes */
}

#main .tab-panel-main  a.tabs span.icon-arrow-up {
	color: #cc0000;										 /* c7 icoontjes */
	margin-top: 5px;
}

#main  a.tabs.wissel-haven-type {
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	color: #2259ff;
	margin: -10px 0 18px 0;
}

#main  a.tabs.wissel-haven-type:hover {
	text-decoration: none;
	color: #000000;
}



/* mobile productpagina nieuw 2019 05 */

.mobile-laagste-prijs {
	text-align: center;
}

.mobile-laagste-prijs h2 {
	text-align: center;
}

.mobile-laagste-prijs p {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 30px;
	margin: 5px 0 15px 0;
}

.mobile-laagste-prijs p.offerte-bel-ons {
	font-size: 20px;
	margin: 5px 0 15px 0;
}


.dataprijs-blokken, .dataprijs-blok-holder {
	position: relative;
	float: left;
	width: 100%;
}

.dataprijs-blok-holder {
	margin: 0 0 40px 0;
		margin: 0 0 15px 0;
}



.dataprijs-blokken select.select-dataprijs-blok {
	width: 100%;
	font-size: 15px;
	margin: 20px 0 20px 0;
}




.blok-huttype {
	position: relative;
	float: left;
	width: 100%;
	
	height: auto;
		dddbackground-color: red;
	margin: 0 0 20px 0;
	border: 1px solid #000000;
}

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

.blok-huttype-img {
	position: relative;
	float: left;
	width: 28%;
		width: 40%;
}

.blok-huttype-img img {
	width: 100%;
}


.blok-huttype-tekst {
	position: relative;
	float: left;
	text-align: center;
	font-size: 16px;
		font-size: 15px;
			font-size: 14px;
	border-right: 1px solid #000000;
	width: 46%;
		width: 36%;
}

.blok-huttype-img, .blok-huttype-img img, .blok-huttype-tekst {
	height: 86px; 
		height: 95px;
	
}

.blok-huttype-tekst-span {
	display: inline-block;
	padding: 18px 0 0 0;
	width: 100%;
}

.blok-huttype-aanvraag {
	position: relative;
	float: right; 
	width: 25%;
		width: 24%;
		text-align: center !important;
		padding: 3px !important;
}

.blok-huttype-aanvraag a {
	display: inline-block;
	font-size: 16px;
	padding: 18px 0 0 0;
	color: #000000;
	width: 100%;
	text-align: center;
}




.blok-huttype-selecteer {
	width: 100%; 
	color: #ffffff;
	background-color: #001c37;
	float: left;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	padding: 3px 0 3px 0;
}

.blok-huttype-selecteer.active {
	background-color: #336699;
}

.dataprijs-hutten {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
}

.dataprijs-hutten img {
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	margin: 5px 0 0 0;
}

.dataprijs-huttencontent {
	 display: none; 
	 position: relative;
	
}

.dataprijs-hutten span.sluiten {
	float: right; 
	cursor: pointer; 
	font-size: 2em;
	margin: 6px auto 0 auto;
		margin: 6px 2% 0 auto;
}


.td-center {
	text-align: center;
}

.vraag-offerte-holder {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}


.dataprijs-huttencontent a.vraag-offerte, 
.blok-huttype-aanvraag  a.vraag-offerte, 
.dataprijs-hutten  a.vraag-offerte, 
#main .vraag-offerte-holder  a.tabs.vraag-offerte,
#main .table-hut-informatie  a.tabs.vraag-offerte, 
#main .box-melding-aanvraag a.tabs.aanvraag-offerte  {
	color: #ffffff !important;
	background-color: #029795;
	width: auto !important;
	padding: 3px 9px 3px 9px !important;
	margin: 15px 7px 10px 0 !important;
}

.blok-huttype-aanvraag  a.vraag-offerte {
	color: #ffffff !important;
	background-color: #001c37 !important;
	
	    padding: 3px 0 3px 0 !important;
		margin: 15px 0 0 0 !important;
		text-align: center !important;
		font-size: 12px !important;
}

#main .dataprijs-huttencontent a.tabs:hover, 
#main .blok-huttype-aanvraag a.tabs:hover, 
#main .dataprijs-hutten a.tabs:hover, 
#main .box-melding-aanvraag a.tabs:hover {
	background-color: #000000;
	text-decoration: none;
}

#main .box-melding-aanvraag a.tabs.aanvraag-offerte {
	font-size: 15px;
	text-align: center;
	margin: 15px 0 10px 0 !important;
}
 





.header-hut-informatie, .footer-hut-informatie {
	width: 100%;
	position: relative;
	float: left;
}

.header-hut-informatie {
	margin: 0 0 15px 0;

}

.footer-hut-informatie {
	margin: 5px 0 0 0;
}

body.home-product .table-hut-informatie h2 {
	margin: 0 0 0 0;
	
padding: 6px 0 2px 0;
color: #000000;
background-color: transparent;
font-size: 19px;
line-height: 22px;
font-family: verdana, sans-serif;
font-weight: 400;
	
}

.offerte-formulier-mobile {
	position: relative;
	float: left;
	width: 100%;
	margin: 5px 0 25px 0;

}

.offerte-formulier-mobile .offerte-formulier {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0 !important;
	background-color: #f1f7fe !important;
}

.offerte-formulier-mobile .offerte-formulier h2 {
	margin: 0 0 0 0 !important;
	background-color: #001c37 !important;
}

.offerte-formulier-mobile .offerte-formulier-mobile-tekst {
	margin: 18px 0 12px 0;
}

.offerte-formulier-mobile h3 {
	font-weight: bold !important;
	font-size: 14px !important;
}

.offerte-formulier-mobile select {
    margin: 5px 0 5px 0;
}


.offerte-formulier-mobile .offerte-formulier-intro-tekst {
	margin: 10px 0 8px 0 !important;
}

div.offerte-formulier-mobile table.ct-offerte-aanvraag label {
    display: inline-block !important;
}

div.offerte-formulier-mobile table.ct-offerte-aanvraag td {
	border: 1px solid transparent !important;
}


/* hutblokken op 100% breedte */

body.home-product #container-2 {
    width: 100% !important;
    float: left;
}

body.home-product #box {
    width: 100% !important;
}

body.home-product #content {
    width: 100% !important;
}

body.home-product #main {
    width: 100% !important;
}

body.home-product #maincontent {
    width: 100% !important;
}

.mobile-marge {
	margin: 0 2% 0 2% !important;
	width: 96% !important;
}

table.table-hut-informatie {
    width: 98%;
}

#tab-main-vaarschema {
	width: 98%;
	margin: 30px 1% 0 1%;
}

#box-melding {
    border: none;
	padding: 0 0 0 0;
	width: 100%;
}

#box-melding h2 {
	font-size: 20px;
}

#box-melding p {
	font-size: 15px;
	line-height: 22px;
}

div.box-melding-aanvraag {
	font-size: 15px;
	text-align: center;
}


div.blok-top-acties {
    background-color: transparent !important;

}







/* correctie marges */

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

.dataprijs-blokken select.select-dataprijs-blok {
    margin: 20px 0 20px 0;
	    margin: 0 0 20px 0;
}




/* correctie op hutten en dekplannen */

#main a.hut-menu.active {
	background-color: #273747 !important;
}

div.tab-main.tabs-dekplannen a.tabs {
	color: #ffffff !important;
	background-color: #029795 !important;
}

div.tab-main.tabs-dekplannen a.tabs:active, div.tab-main.tabs-dekplannen a.tabs:hover {
	color: #ffffff !important;
	background-color: #273747 !important;
}





		
/* declassing */
	
body {
    background: none;
}

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

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

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

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

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


#logo span.logo-brand-promise {
	margin: -28px 0 0 40px;
	font-size: 9px;
	width: auto;
}

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

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

.mobile-menu {
	float: left;
	width: 70%;
}

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

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

#container-1 { 
	margin: 0;
}

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

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

body.home-page #screen-index-header h1 {
	display: none;
}


/*  promo's naar icons - erna weer terug  */ 

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

.container-3-cta:nth-child(3n+3) {
	margin: 15px 0 3% 0;
}
	
.beeld-2-cta {
	width: 100% !important;
	height: auto;
}

.tekst-2-cta {
	margin: 5px 0 1% 0 !important;
	width: 100% !important;
	border-radius: 0 !important;
}

.tekst-2-cta h2 {
	font-size: 16px;
	line-height: 18px;
    text-align: left;
	background-color: #2259ff !important;
	color: #ffffff;
    margin: 0 0 0 0;
	padding: 4px 3px 4px 3px;
}

.tekst-2-cta p {
	ddisplay: none;
}

.beeld-2-cta img {
	width: 100% !important;
	border-radius: 0;
}

.tekst-2-cta, .tekst-2-cta p, #main .tekst-2-cta p a, #main .tekst-2-cta p a:hover {
    background-color: transparent !important;
	color: #273747;
}


.mobile-filter-sort {
	min-height: 50px; 
	width: 96%; 
	float: left;
	text-align: center; 
	margin: 12px 2% 0 2% !important;
	background-color: #eeeeee !important;
	z-index: 20;
	position: relative;
}

#top {
	position: relative;
	z-index: 1;
}

.mobile-filter {
	width: 33%; 
					width: 49%;
	text-align: center; 
	margin: 0 0 0 0;
					margin: 0 2% 0 0;
	padding: 14px 4px 14px 4px;
	float: left;
	font-size: 17px;
					font-size: 15px;
	line-height: 22px;
	cursor: pointer;
	font-family: 'robotolight';
	border-right: 1px solid #ffffff;
	color: #ffffff;
	background-color: #003366;
					background-color: #cc0000;
					letter-spacing: 0.2px;
}

.mobile-sort {
	width: 33%; 
					width: 49%;
	text-align: center; 
	margin: 0 0 0 0;
	padding: 14px 4px 14px 4px;
	float: left;
	font-size: 17px;
					font-size: 15px;
	line-height: 22px;
	cursor: pointer;
	font-family: 'robotolight';
	border-right: 1px solid #ffffff;
	color: #ffffff;
	background-color: #003366;
					background-color: #cc0000;
					letter-spacing: 0.2px;
}

.mobile-sort span {
	margin: 0 0 0 0;
	padding: 0;
}

#zoekengine-sorteer-mobile select {
					appearance: auto !important;
}

.select-sort {
	float: left;
	width: 96%;
	margin: 2px 2% 0 2% !important;
}

.select-sort select {
	float: left;
	margin: 6px 0 0px 0;
	padding-left: 4px;
	padding-left: 0;
	font-size: 14px;
	line-height: 22px;
	width: 100%;
	height: 50px;
}

.select-sort select option {
    padding: 0 0 0 0;
	font-size: 12px;
	line-height: 17px;
}

.mobile-submenu {
					display: none;
	width: 33%; 
	text-align: center; 
	margin: 0 0 0 0;
	padding: 14px;
	float: left;
	font-size: 17px;
	line-height: 22px;
	cursor: pointer;
	font-family: 'robotolight';
	color: #ffffff;
	background-color: #003366;
}

.mobile-filter:hover, .mobile-sort:hover, .mobile-submenu:hover  {
								dbackground-color: #004891;
}

/* to do aanpassen of verwijderen in broncode */

#paginate {	/* 2019 04 10 uitgezet */
	ddddisplay: none !important;
}

/* zoekengine en zoekfilter */

body.zoekresultaten .zoekengine-header, body.zoekresultaten #zoekengine-top {
	position: relative;
	float: left;
	background-color: transparent !important;
}

body.zoekresultaten #zoekengine-top {
	background-color: transparent !important;
}

body.zoekresultaten #zoekengine-top .zoekengine-top-afvaart-info {
    font-size: 14px;
    line-height: 19px;
	margin-top: 12px;
	display: inline-block;
}


#zoekengine-top-mobile, #holder-top-mobile {			/* c7 header */
	background-color: #001c37 !important;
											background-color: transparent !important;	
}

#holder-top-mobile {
    margin: 20px 0 0 0 !important;
}

body.zoekresultaten #holder-top-mobile {
	margin: 6px 0 0 0 !important;
	background-color: transparent !important;
}

#holder-rev-h1 {											/* c7 header */
    width: 100% !important;
	margin: 2px auto 0 auto !important;
											background-color: transparent !important;				
}

#holder-rev-h1 h1 {										/* c7 header */
    margin: 2px 4% 2px 4% !important;
	font-size: 20px !important;	
											font-weight: 600;
	color: #ffffff !important;
											color: #3B4496 !important;
	float: left !important;
}

#holder-rev-h2 {
    width: 100% !important;
	margin: 2px auto 0 auto !important;
	    background-color: #ffffff !important;
}

#holder-rev-h2 h2 {
    margin: 2px 1 2px 1% !important;
	font-size: 16px !important;
	color: #001c37 !important;
	float: left !important;
}

#holder-rev-h2 h2 span {
	font-weight: 600;
}

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



h2 {
	font-size: 22px;
	line-height: 34px;
	
	margin: 0 0 0 0;
    padding: 9px 0 9px 0;
}

h3 {
	
}

h4 {
	
}

p {
		font-size: 16px;
		line-height: 28px;		/* c7 */
		font-weight: 400;
}

ul {
		font-size: 16px;
		line-height: 28px;		/* c7 */
		font-weight: 400;
}

.nieuwsbrief-geslacht {
    min-height: 58px;
    width: 100%;
    text-align: center;
}

.nieuwsbrief-verzenden {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}


#zoekengine-top {
	margin: 0 5% 18px 5% !important;
	padding: 0 0 0 0 !important;
	width: 90% !important;
    background-color: #001c37 !important;
	border: none !important;
													display: none !important; /* c7 */
}

.zoekengine-top-blok {
	width: 100% !important;
    margin: 0 0 0 0 !important;;
}

#zoekengine-top select {
    width: 100% !important;
    margin: 4px 0 0 0 !important;
    font-size: 17px !important;
	line-height: 20px !important;
	padding: 0 0 0 3px !important;
	height: 38px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	display: block;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
}

#zoekengine-top select option {
    width: 100% !important;
    font-size: 15px !important;
	line-height: 24px !important;
	padding: 15px 0 15px 0  !important;
	height: 20px;
	display: block;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
}

#hCTvertrekjaar-top {
	float: left !important;
	width: 100% !important;
}

#zoekengine-top input#CTvertrekbegin-top, #zoekengine-top input#CTvertrekeind-top {
	width: 50% !important;
	margin: 4px 0 0 0 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	float: left !important;
}

.zoekengine-top-zoek {
    padding: 0 0 0 0 !important;
    margin: 15px 0 0 0 !important;
							margin: 5px 0 0 0 !important;
    float: left !important;
    width: 100% !important;
}

#zoekengine-top input[type="button"] {
    float: left !important;
    width: 100% !important;
    font-size: 15px !important;
    padding: 9px 0 9px 0 !important;
    cursor: pointer;
	border-radius: 0 !important;
						dbackground-color: #2259ff !important;
	    				background-color: #cc0000 !important;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
}



div.linkblokken-holder ul li a {
	font-size: 14px;
	line-height: 32px;
	text-decoration: underline; 
	padding: 0 0 0 5px;
}

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 50px;
    width: 80%;
}

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

body.home-page div.navigatie-balk {
    top: 75px;
}



/* arrows */

select.cclassic {
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, white, white);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.cclassic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}



#slot-holder ul li {
	margin: 0 0 18px 0;
}

.content-bedrijf-5.link-blok span a {
	padding: 0 0 18px 0;
    margin: 18px 18px 0 0;
    display: inline-block;
}
	
.content-bedrijf-5 #logo-footer {
    margin: 0 0 0 0;
    display: none;
}


	}




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


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