@charset "UTF-8";
/* CSS Document */
@-webkit-viewport {width:device-width;}@-moz-viewport {width:device-width;}@-ms-viewport {width:device-width;}@-o-viewport {width:device-width;}@viewport {width:device-width;}
html, body, div, span, object, iframe, img, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0 none;outline:0;}
body {font:95% 'Calibri', Arial,sans-serif;line-height:1.7em;color:#333;}/* 16px */
iframe#fancybox-frame body {background-color:#fff;}

#wrapper {width:100%;}
header {height:20px;background:#fff;padding:0;position: relative;z-index:9999;}
.logoMenu {height:90px;background:#fff;position: relative;z-index:999;}
	section.sliderLogo {width:25%;}
		ul li a.logo {float:left;padding:25px 0 0 0;}
		ul li a.logo img {width:248px;}
		.logoMenu nav {float:right;width:75%;padding:30px 0 0 0;}
	
		/*LOGIN - SEARCH - LANGUAGE */
		#loginTrigger a {color:#3F3F3F; }
		.searchIcon {display:block;width:16px;height:16px;background:url(/images/image.png) no-repeat left -168px;margin:5px; cursor:pointer;}
		.searchWrap {position:relative;}
			.searchShow {display:block; position:absolute;right:0;background:#d6d6d6;padding:10px;}
				input.searchBTN {margin:5px 0 0 0;}
			.zoek_item {background:#f2f2f2;margin:0 0 10px 0;padding:10px;}
				.results {font-style:italic;}
				
		a.nl, a.gb, span.nl_active, span.gb_active {}
		
		/* MENU (TOP) */
		#menu {display:block;float:right;text-align:right;width:100%;position:relative;z-index:7999;}

/* SLIDER (rest flexslider.css) */
.sliderKader {width: 1250px;margin:0 auto;}
section.slider {width:97%;height:509px;}
	.wrapperSlideText {position:relative;}
	.slideText {display:block;width:55%;position:absolute;top:80px;z-index:50;}
		.slideText h1 {text-transform:none;color:#fff;text-shadow: 2px 2px 5px rgba(30, 30, 30, 1);/*filter: glow(color=black,strength=1);filter: shadow(color=#000000, Strength=1, Direction=-45);line-height:1em;*/}
		.slideText p {font-size:1.25em;color:#fff;font-weight:normal;line-height:1.4em;text-shadow: 2px 2px 5px rgba(30, 30, 30, 1);}
		
/* BLOCKS INDEX */
section.indexBlocksTop {background:#fff;min-height:220px;position:relative;z-index:999;}
	.bgIndexBlocksTop {background:#fff;padding:15px 22px;position:absolute;top:-74px;}
		article.indexBlockTop {display:block;float:left;width:301px;background:#fff;position:relative;}
		article.indexBlockTop:first-child {margin:0 36px 0 0;}
			article.indexBlockTop:first-child .margT {display:block;clear:both;height:200px;margin-top:10px;background:#f9423a;padding:15px;overflow:hidden;}
			article.indexBlockTop p {margin:0;line-height:143%;font-size:94%;}
			article.indexBlockTop:first-child a.itemTitle {color: #ddd;text-decoration:none;font-size: 110%;}
			article.indexBlockTop:first-child a.itemTitle:hover {text-decoration:underline;}
			article.indexBlockTop:first-child .newsitem:first-child {margin:15px 0 5px 0;}
			article.indexBlockTop:first-child .newsitem:first-child a.itemTitle {font-size: 1.55em;color:white;}
			article.indexBlockTop .newsitem {clear:both;margin-bottom:14px;}
			article.indexBlockTop .newsitem:last-child {margin-bottom:0;}
		article.indexBlockTop:last-child {margin:0 0 0 36px;}
			h2 a.indexBlockTopTitle {color:#f9423a;font-family:'NewsGothicBT-Bold';font-weight:normal;}
			img.indexBlockTopPic {display:block;width:301px;height:200px;background:#000;}
			article.indexBlockTop a.btn {margin:10px 0 0 0;text-align:center;/*position:absolute;top:235px;*/}
			.indexBlockPageLeft .textPage p {text-align: right;padding-left: 200px;}
			
section.indexBlocksUnder {background:#fff;padding:0 0 20px 0;position:relative;z-index:999;}
	.indexBlockPageLeft {display:block;width:55%;position:relative;}
		.indexBlockPageLeft .picPage {width:60%;position:absolute;z-index:999;padding-left:20px;}
			.indexBlockPageLeft .picPage img {max-width:100%;height:auto;width:auto\9;}
		.indexBlockPageLeft .clearboth .textPage {width:60%;position:relative;z-index:9999;}
		.indexBlockPageLeft .clearboth:last-child .textPage {width: 97%;}
		.textPage p {font-family: 'Calibri', Arial, Helvetica, sans-serif;font-weight: 400;font-style:normal;font-size:1em;}
	.indexBlockPageRight {display:block;width:38%;position:relative;}
		.indexBlockPageRight img {margin:20px 0 0 0;}
		a.arrow2Icon {display:block;float:right;width:135px;margin:0 0 0 10px;}

/* SLIDERPAGE (rest flexslider.css) */
section.sliderPage {height:126px;position:relative;z-index:99;}

/* FLEET AFBEELDING INDEX */
section.fleet {margin:20px auto;}
	section.fleet img {max-width:100%;height:auto;width:auto\9;}

/* TEXT CONTENT */
section.content {background:#fff;padding:0 0 20px 0;position:relative;z-index:998;}
	.contentAll {width:62%;}
	.contentProjects, .content100 {width:100%;}
	.wrapperContent h1 {font-size:1.750em;margin:0 10px 0 0;}
	.wrapperContent ul li {list-style:inherit;margin:0 0 0 16px;}
	.wrapperContent h3 {font-size:1.2em;margin:0 5px 0 0;}

/* NEWS */
.newsItem {margin:10px 0 20px 0;width:100%;position:relative;}
	.newsItem img.newsPic {display:block;width:35%;margin:0 10px 0 0;}
	.newsItem img.newsPic2 {display:block;margin:0 10px 0 0;}
	.newsItem img.newsPic3 {display:block;margin:0 10px 20px 0;}
	.newsItem .newsIntro {width:60%;}
	.newsItem .newIntro29 a.newsClassDownload, .newsItem .newIntro30 a.newsClassDownload, .newsItem .newsIntro a.newsClassLink {display: none;}
	.newsItem .newIntro29 a.newsClassLink, .newsItem .newIntro30 a.newsClassLink {display: block !important;}
	.newsItem .newsIntro3 {width:100%;}
		.newsItem .newsIntro h3 {margin-top:0;font-size:1.2em;}
		.nieuwslinkjes {float:left;width:100%;margin:3% 0;}
		a.newsDownload {float:left;}
		span.bron {color:#999;}
		span.datum, span.datumOverzicht {color:#999;margin:5px 0;}
		span.datumOverzicht {float:left;margin:0 5px 0 0;}
		a.back {margin:0 0 10px 0;}
			
			/*nieuws-paginanummering*/
			#nieuws_overzicht_paging, #nieuws_archief_paging {display:inline-block;clear:both;margin:10px 0 5px 0;}
			#nieuws_overzicht_paging a, #nieuws_archief_paging a {display:inline-block;float:left;width:16px;height:22px;line-height:14px;color:#f9423a;margin:0 4px 0 0;text-decoration:none;text-align:center;padding:3px 2px 2px 2px;font-size:.875em;}
			#nieuws_overzicht_paging a:hover, #nieuws_archief_paging a:hover {color:#f9423a;text-decoration:underline;}
			span.paging_non_active {display:inline-block;float:left;width:16px;height:22px;line-height:14px;color:#8c8b8b;margin:0 4px 0 0;text-decoration:none;text-align:center;padding:3px 2px 2px 2px;font-size:.875em;}
.indexBlockPageLeft .picPage img {max-width:100%;height:auto;width:auto\9;}

/* BLOCKS PAGES - LOCATION RIGHT */
section.BlocksTop {/*height:660px;*/position: relative;z-index:999;width:38%;}
section.webfolio {min-height:1630px;}
section.services {min-height:1110px;background:#fff;}
	section.webfolio .bgBlocksTop {background:#fff;position:absolute;top:-65px;right:0;}
	section.services .bgBlocksTop {background:#fff;position:absolute;top:-65px;right:0;}
	.bgBlocksTop {background:#fff;position:relative;top:-66px;right:0;float:right;}
		.bgBlocksTop a.btn {width:90px;margin-bottom:10px;line-height:150%;}
		article.BlockTop {display:block;float:left;width:301px;background:#fff;border:1px solid #ccc;margin:0 0 5px 0;}
			article.BlockTop.newsMediaRight {border:0 none;} /* media block rechts */
			a.newsMediaRightbtn {margin-left:25px;}
			article.BlockTop p.mediaRight {margin:15px 25px 0 25px;}
			article.BlockTop p.mediaRight p {margin:20px 25px 0 0;}
		section.webfolio article.BlockTop {border:0 none;}
			h2 a.BlockTopTitle {color:#f9423a;}
			article.BlockTop h2 {margin:20px 25px 15px 25px;font-size:1.25em;}
			article.BlockTop h3 {margin:20px 25px 20px 25px;font-size:1.1em;}
			article.BlockTop p {margin:10px 25px 15px 25px;font-family: 'Calibri', Arial, Helvetica, sans-serif;line-height:150%;}
			article.BlockTop p.mediaRight {font-size:97%;}
			img.BlockTopPic, .wrapperContent img {max-width:100%;height:auto;}
			article.BlockTop a.btn {margin:7px 0 0 0;}
			section.webfolio .bgBlocksTop article.BlockTop a.btn {margin:10px 0;}

/* FLEET */
.fleetBlok {display: block;float:left;width: calc(33.33% - 30px);margin:30px 30px 0 0;position: relative;top:0;left:0;}
	a.fleetImg {display:block;width:100%;height:230px;}
    .fleetBlok a.btn {display:block;clear:both;text-align:center;color:#333;text-transform: uppercase;font-family: 'Calibri', Arial, Helvetica, sans-serif;font-style: normal;position: relative;z-index: 9999;font-size: 1.2em;cursor: pointer;}
    .fleetBlok:after {
	    content:'';
	    color:#fff;
	    position:absolute;
	    width:100%; height:100%;
	    top:0; left:0;
	    background:rgba(222, 222, 222, 0.6);
	    /*cursor: pointer;*/
	    opacity:0;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    z-index: 9;
	}
	.fleetBlok:hover a.btn {text-decoration: underline;}
	.fleetBlok:hover:after {
	    opacity:1;
	}
    /*.image { position: relative; border: 1px solid black; width: 200px; height: 200px; }
	.image img { max-width: 100%; max-height: 100%; }*/

/* VACTURES */
p.vacatures {margin:5px 0;}
h2.vacHead {margin:15px 0 0 0;}

/* RELATED PAGES */
section.relatedBlock {background:#f4f4f4;margin:20px 0;padding:20px;}

/* ROUTE FANCYBOX */
.route {padding:25px 0 0 25px;}

/* SERVICES */
.tableServices {width:95%;max-width:95%;}
.tableServices th, .tableServices td {text-align:left;vertical-align:top;padding:3px 0 5px;font-size:92%;line-height:130%;}	
.tableServices th {white-space:nowrap;padding-bottom:8px;}
.tableServices td {font-size:90%;line-height:128%;}	
.tableServices th.noPadd, .tableServices td.noPadd {padding:0;}
.borderB {border-bottom:1px solid;}
.tdTop .borderB {border-top:1px solid;}
.blauw, .tdTop .borderB.blauw {border-color:#209ade;}
.geel, .tdTop .borderB.geel {border-color:#f4d80a;}
.oranje, .tdTop .borderB.oranje {border-color:#f3840b;}
.groen, .tdTop .borderB.groen {border-color:#97c27a;}

/* MEDIA BLOCK RIGHT */
p.mediaRight {}
a.more {display:inline-block;vertical-align:middle;white-space:nowrap;font-family:inherit;font-size:85%;color:#f9423a;font-style:italic;cursor:pointer;border:none;margin:0;padding-top:0;padding-bottom:0;line-height:1.75em;height:1.75em;overflow:visible;float:right;width:40px;text-align:right;}

/* INFOBAR */
section.infoBar, section.infoBarOnly {background:#BBB;color:#fff;border-bottom:1px solid #fff;position: relative;z-index:998;font-size:0.9em;}
	.quickForm {display:block;float:left;width:60%;}
		.quickForm input[type=submit] {margin:15px 0 0 10px;}
	.quickInfoDetails {display:block;float:right;width:38%;padding:0 0 1em 0;}
		.quickInfoDetails h3, .quickForm h3 {color:#fff;}
			.quickInfoDetails .contactDetails.infoLeft {margin:0 60px 0 0;}
		.infoBarOnly .quickInfoDetails {display:block;float:left;width:100%;padding:0 0 1em 0;}
			.infoBarOnly .quickInfoDetails .contactDetails {width:25%;}
		.quickInfoDetails p {margin:0;line-height:1.4em;}
			.contactDetails a.darkgrey:hover {color:#666;}
			a#routeDescription {display:block;height:26px;padding:0 0 0 35px;background:url(/images/image.png) no-repeat left -202px;color:#433D41;margin:0 0 3px 0;}
			a.linkedIn {display:block;padding:0 0 0 35px;background:url(/images/image.png) no-repeat left -228px;color:#433D41;}
			span.white a, span.white a:hover {color:#fff;}
			/*.contactDetails .routeIcon, .contactDetails .linkedinIcon {float:left;font-family:'Entypo';font-size:3em;margin:0 19px 0 0;}
			.contactDetails .routeIcon2 {float:left;font-family:'entypo2';font-size:3em;margin:0 19px 0 0;}
			.contactDetails .linkedinIcon {font-family:'Entypo-social';margin:0 10px 0 0;}*/
		
    /* SITEMAP */
	nav.sitemap {display:block;position:relative;z-index:9;float:left;width:100%;background:#d6d6d6 url(/images/wave-vessels_medium_grey_rgb.png) no-repeat center bottom;padding-bottom: 75px;}
	nav.sitemap ul {margin:20px 0;}
		nav.sitemap li {display:block;list-style:none;margin:0;padding:0;cursor:pointer;}
		nav.sitemap li.level1 {float:left;width:auto;margin:20px 20px 0 0;}
		nav.sitemap li.level1:last-child {margin-right:0;}
			nav.sitemap li.level1 a {width:auto;margin:0;padding:0;font-size:1.1em;color:#3f3f3f;text-decoration:none;text-transform:uppercase;font-family:'NewsGothicBT-Bold', Arial, Helvetica, sans-serif;font-weight:normal;}
			nav.sitemap li.level1 a:last-child {padding-right:0;}
			nav.sitemap li.level1 a:hover {color:#3f3f3f;text-decoration:none;}
			nav.sitemap li.level1 a.menu_kop_link_active:hover {color:#3f3f3f;text-decoration:none;cursor:default;font-weight:bold;}
			nav.sitemap li.level1 .level2, nav.sitemap li.level1 .level2 a {background:none;font-weight:normal;}	
				nav.sitemap ul.level2.dropdown {width: 107px;}	
					nav.sitemap li.level1 .level2 a {display:block;font-size:.9em;line-height:1.55em;text-transform:none;font-weight:normal;font-family: 'Calibri', Arial, sans-serif;}		
					nav.sitemap li.level1 .level2 a:hover {color:#3f3f3f;text-decoration:underline;}		
					nav.sitemap li.level1 .level2 a.menu_link_active, nav.sitemap .level2 a.menu_link_active:hover {color:#3f3f3f;cursor:default;}

    /* CONTACTFORM */
	#frm {clear:both;float:left;width:100%;}
	#frm label, #frm div, #frm input, #frm textarea, .formRegel label, .formRegel div, .formRegel input, .formRegel textarea {box-sizing:content-box;}
	#frm label, .formRegel label {color:#666;font-size:96%;line-height:120%;font-style:italic;width:159px;min-width:150px;height:22px;padding:6px 5px 0 5px;margin:1px 5px 0 0;background:#dfdfdf;}
	#frm label.trans {background:transparent;}
	.formRegel {margin-bottom:1px;float:left;width:100%;}
	.formRegel label, .formRegel input, .formRegel textarea, .velden_verplicht_melding, .form_melding {float:left;}
	#frm .nadruk {color:inherit;}
	#frm input.textfield, .formRegel input.textfield {height:26px;padding:0 6px 1px 6px;margin:0 0 3px 0;width:260px;}
	#frm input.textfield, .formRegel input.textfield, .formRegel input.bijlage, #frm textarea, .formRegel textarea {background:#F4F4F4;border:0 none;color:#333;font-size:90%;}
	input.bijlage {height: 23px;width: 266px;padding: 6px 0 0 6px;}
	.formRegel label.trans.klantLabel {background: #fff;}
	#frm textarea, .formRegel textarea {width:260px;height:123px;padding:6px;line-height:140%;margin:0;}
	#frm input.submit, .formRegel input.submit {float:right;margin-right:32%;}
	.velden_verplicht_melding, .form_melding {width:180px;padding-left:10px;color:#f9423a;font-size:80%;font-style:italic;line-height:120%;padding-top:8px;}
	.quickForm .form_melding {padding-left: 0;clear: both;padding-top: 5px;padding-bottom: 5px;}
	.verstuurd_succes, .verstuurd_failed {color:#769302;font-weight:bold;font-size:110%;}
	.verstuurd_failed {color: red;}
	.verplicht {font-style:italic;color:#ccc;padding-bottom:10px;font-size:1em;}
	#websiteHp {display:none;}

/* TOOLTIP */
.info-tooltip {font-size: 11pt;font-family: 'Calibri', Arial, Helvetica, sans-serif; }
.ui-tooltip, .arrow:after {background: white;border: 1px solid #ccc;}
  .ui-tooltip {padding: 10px 20px;color: white;border-radius: 10px;text-transform: normal; box-shadow: 0 0 7px black;}
	  .arrow {width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px;bottom: -16px;}
	  .arrow.top {top: -16px;bottom: auto;}
	  .arrow.left {left: 20%;}
	  .arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	  .arrow.top:after {bottom: -20px;top: auto;}

/* COPYRIGHT */					
footer {padding:2% 6%;font-size:.9em;position: relative;z-index:998;background-color:#d6d6d6;}
#menu {display:none;}

/* portal login fancybox */
h1 {font-size:1.8em;font-family:Arial, Helvetica, sans-serif;font-weight:normal;margin-top: 10px;}
.portal_login {display:block;float:left;width: 240px;border: 1px solid #ddd;background: #FFF;padding:20px 20px 5px 20px;margin:20px 20px 0 0;cursor:pointer;}
.portal_login:hover {background:#fff;border: 1px solid #333;opacity:.2;}
.portal_logo {width:100%;height:auto;}
.portal_logo img {width:198px;height:70px;}
.portal_naam {font-size:1.1em;color:#3f3f3f;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:center;margin:10px 0 0 0;}
.fancybox-inner {height:620px !important;}

.ui-tooltip {/* tooltip container box */
    max-height: 200px !important; overflow:auto;}
.ui-tooltip-content {/* tooltip content */
    height: 90% !important;overflow:auto;}

.clientBlock {padding: 10px;}
/* Klantenoverzicht op Projectspagina */
.clients {display: block;float:left;width:145px;text-align: center;}
		a.clientLogo {display: block;clear: both;height:60px;border:1px solid #ccc;margin:0 0 10px 10px;padding:5px;}
			a.clientLogo:hover {border:1px solid #666;}
			a.clientLogo.geenLink {cursor: default;border:1px solid #ccc;}
		a.clientName {display: block;clear: both;}
.stempel {position: absolute;width: 177px;height: 171px;background: url('/images/stempel-medium.png') no-repeat left top;top: 112px;right: 16%;z-index: 99;}
/* mediaQueries */
	@media screen and (max-width: 1600px) {
		.stempel {right:10%;}
	}
	@media screen and (max-width: 1350px) {
		.stempel {right:5%;}
	}