<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.left, .image-links { float: left; }
.right, .image-rechts { float: right; }
.middle { margin: 0 auto; }

/* Based on 60px gap */
.col { margin-right: 60px; }
.col-last { margin-right: 0 !important; }
.col-2-1 { width: 530px; }
.col-3-1 { width: 333px; }
.col-3-2 { width: 726px; }
.col-4-1 { width: 235px; }
.col-4-3 { width: 825px; }
.col-6-1 { width: 136px; }
.col-50 { width: 50%; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.small-text { font-size: 12px; line-height: 20px; }
.large-text { font-size: 24px; line-height: 28px; }
.no-margin { margin: 0 !important; } 
.hidden { display: none !important; }
.block { display: block !important; }
.inline { display: inline-block; }
.font-seaweed { font-family: 'Seaweed Script', cursive; }

input[type="text"], select { line-height: 32px; height: 32px; border: 1px solid #d4d4d4; font-family: 'lato', sans-serif; padding: 0 5px; font-size: 14px; }
textarea { line-height: 32px; border: 1px solid #d4d4d4; font-family: 'lato', sans-serif; font-size: 16px; line-height: 24px; }
input[type="text"]:focus,textarea:focus {border: 1px solid #3a97b5; color: #111;  }
label.error {  font-size: 12px; color: #e63c2e; display: block; }

.button { padding: 0 20px; line-height: 40px; font-size: 12px; text-transform: uppercase; font-weight: 600; text-decoration: none; } 
.button-large { padding: 0 30px; line-height: 55px; font-size: 14px; font-weight: 600; }
.button-small { padding: 0 10px; line-height: 32px; font-size: 12px; }
.button-offset { margin-top: 25px; }
button[type="submit"].button, input[type="submit"] { border: 0; margin: 0; cursor: pointer; }

.readmore { text-transform: uppercase; text-decoration: none; display: inline-block; }
.readmore span { font-size: 18px; display: inline-block; margin-right: 10px;  }
.readmore:hover span { animation: readmore-hover .5s infinite ease-in-out; -webkit-animation: readmore-hover .5s infinite ease-in-out; -moz-animation: readmore-hover .5s infinite ease-in-out;   }

.icon { background: url(/scheepsinterieur/image/sprite.png) no-repeat 0 0; width: 32px; height: 32px; display: inline-block; }
.icon-facebook { background-position: 0 0px; }
.icon-twitter { background-position: 0 -32px; }
.icon-search { background-position: 0 -64px; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

h1, .main-title { font-size: 24px; line-height: 26px; font-weight: normal; }
h2 { font-size: 18px; line-height: 24px; font-weight: normal; }
h3 { font-size: 18px; line-height: 24px; font-weight: normal; }

a { text-decoration: none; } 

body { font-size: 18px; line-height: 28px; font-family: 'lato', sans-serif; }

/**/

div.wrapper { width: 1120px; margin: 0 auto; }

div.header-small { position: fixed !important; }

div.header { min-height: 80px; width: 100%; position: absolute; z-index: 1000; }
div.header.header-small { min-height: 50px; }

div.header div.logo { height: 80px; overflow: hidden; text-aling: center; }
div.header div.logo img { margin-top: -25px; max-width: 100%;}

div.header.header-small div.logo { height: 50px; }
div.header.header-small div.logo img { width: 190px; margin-top: -30px; }

div.header div.navigation { margin-right: 20px; }
div.header div.navigation ul li { display: inline-block;  }
div.header div.navigation ul li a { display: inline-block; line-height: 80px; padding: 0 10px; text-transform: uppercase; font-size: 13px; text-decoration: none; }
div.header div.navigation ul ul { width: 200px; position: absolute; margin: 0; z-index: 2000; display: none; }
div.header div.navigation ul ul li { display: block; }
div.header div.navigation ul ul li a { line-height: 40px; font-size: 11px; display: block; background: #333;  }
div.header div.navigation ul ul li a:hover { background: #4b7999; }
div.header div.navigation ul li:hover ul { display: block; }

div.header.header-small div.navigation ul li a  { line-height: 50px;  }

div.header a.navigation-trigger { width: 48px; height: 48px; text-align: center; font-size: 0; line-height: 48px; position: absolute; left: 5px; top: 16px; opacity: .8; display: none; }
div.header a.navigation-trigger img { width: 32px; margin-top: 8px; }
div.header a.navigation-trigger:hover { opacity: 1; }

div.header div.social { width: 74px; margin-top: 25px; }
div.header div.social ul li { width: 32px; height: 32px;margin: 0 5px 0 0;  }
div.header div.social ul li:hover { animation: bounce-hover .4s infinite ease-in-out; -webkit-animation: bounce-hover .4s infinite ease-in-out; -moz-animation: bounce-hover .4s infinite ease-in-out; }
div.header div.social ul li a { font-size: 0; line-height: 32px; width: 32px; height: 32px; }
div.header.header-small div.social { margin-top: 8px; }

div.streamer { height: 530px; overflow: hidden; }
div.streamer.streamer-small { height: 80px; }
div.streamer div.item { min-height : 530px; opacity: 0;}
div.streamer div.item div.wrapper { padding-top: 150px; }
div.streamer div.item h2 { margin-bottom: 20px; font-weight: lighter; font-size: 24px; line-height: 26px; }
div.streamer div.item div.content div.inner { padding: 20px; font-size: 14px; line-height: 24px; }
div.streamer div.item div.close { position: absolute; z-index: 1000; margin: 0 0 0 498px;  }
div.streamer div.item div.close a { width: 32px; height: 32px; display: block; line-height: 32px; font-size: 24px; text-align: center; font-weight: bold; }
div.streamer div.owl-controls div.owl-dots { position: absolute; height: 12px; width: 100%; text-align: center; top: 480px; }
div.streamer div.owl-controls div.owl-dots div { display: inline-block; width: 8px; height: 8px; opacity: .5; line-height: 8px; border-radius: 5px; margin: 2px 2px; }
div.streamer div.owl-controls div.owl-dots div:hover { opacity: 1; margin: 0; width: 10px; height: 10px;  }
div.streamer div.owl-controls div.owl-dots div.active { opacity: 1; }
div.streamer div.media iframe { width: 530px; height: 298px;}
div.streamer div.media img { max-width: 100%; }

div.streamer-slogan { font-size: 38px; position: absolute; margin-top: -120px; margin-right: 10px; display: inline; z-index: 999; width: 240px; font-weight: 300; font-family: 'Seaweed Script', cursive; width: 100%; color: #FFF; text-align: center; text-shadow: 1px 2px #000; }

a.streamer-navigation { position: absolute; z-index: 2000; top: 257px; width: 32px; height: 32px; font-size: 48px; line-height:24px; display: block; text-align: center; border-radius: 50%; font-weight: bold;}
a.streamer-navigation.streamer-next { right: 20px; }
a.streamer-navigation.streamer-previous { left: 20px; }

a.streamer-content-trigger { width: 48px; height: 48px; line-height: 48px; position: absolute; z-index: 3000; right: 0; top: -48px;  }

.slogan { position: absolute; z-index: 3000; font-weight: 300; font-family: 'Seaweed Script', cursive;  margin-top: 10px; }

div.bar { line-height: 60px; height: 60px; }
div.bar div.title { text-transform: uppercase; font-weight: 900; }
div.bar div.title h1 { line-height: 60px; font-weight: 900; font-size: 18px; }

div.block div.item { font-size: 14px; line-height: 24px; }
div.block div.item div.inner { padding: 60px 0; }
div.block div.item h2 { text-transform: uppercase; margin-bottom: 24px; }
div.block div.item .readmore { margin-top: 24px; }
div.block div.item.image { background: #FFF; }

div.main-content div.inner { padding: 50px 0; }
div.main-content div.inner h1, .main-title { text-transform: uppercase; margin-bottom: 24px; } 
div.main-content ul { margin: 20px 0 20px 10px; }
div.main-content ul li { padding: 0 0 0 20px; }
div.main-content a { text-decoration: underline; }

div.main-content div.content-block-link.title-offset { margin-top: 50px; }
div.main-content div.content-block-link div.image { margin-bottom: 1px; height: 158px; overflow: hidden;  }
div.main-content div.content-block-link div.image img { -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); transform: scale(1.1); }
div.main-content div.content-block-link:hover div.image img { -webkit-transform: scale(1);  -moz-transform: scale(1); transform: scale(1); } 
div.main-content div.content-block-link span { display: block; text-align: center; text-transform: uppercase; padding: 10px 0; }

div.main-content div.call2action { margin-top: 24px; }
div.main-content div.call2action div.inner { padding: 10px; font-size: 14px; line-height: 20px; }
div.main-content div.call2action h5 { font-size: 18px; margin-bottom: 10px; }

div.main-content div.side { font-size: 14px; line-height: 24px; margin-top: 30px;}
div.main-content div.side.first { margin-top: 48px; }
div.main-content div.side div.image { width: 333px; height: 222px; overflow: hidden; }
div.main-content div.side div.image img { -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); transform: scale(1.1); }
div.main-content div.side div.image:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }   
div.main-content div.side div.inner { padding: 20px; }
div.main-content div.side div.inner h3 { margin-bottom: 10px; text-transform: uppercase; }
div.main-content div.side div.inner a.readmore { display: block; margin-top: 10px; text-decoration: none !important; } 

div.main-content .portrait { padding: 0 10px; font-size: 12px; text-align: center; }

div.main-content .image-links { margin-right: 20px; }
div.main-content .image-rechts { margin-left: 20px; }

div.reference-module { font-size: 14px; line-height: 24px;  margin-top: 20px; }
div.reference-module span.font-times { font-family: 'times new roman', serif; }
div.reference-module span.name { font-size: 14px; line-height: 24px; display: block; margin-top: 12px; font-weight: bold;}


div.project-module ul li { display: block; padding: 5px 5px 5px 20px; margin: 0 0 10px; cursor: pointer; }
div.project-module ul li:hover { padding: 5px 5px 5px 25px; }
div.project-module a { font-weight: bold; text-transform: uppercase;  }

div.project-image-module { font-size: 0; line-height: 0; }
div.project-image-module div.loader { width: 32px; height: 32px; margin: 100px auto 0 auto; }
div.project-image-module div.container { height: 0; line-height: 0; overflow:hidden; }
div.project-image-module div.container a { display: block; font-size: 0; line-height: 0; margin-bottom: 1px; overflow: hidden; width: 235px; }
div.project-image-module div.container a img { -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); transform: scale(1.1); }
div.project-image-module div.container a img:hover {  margin: 0; -webkit-transform: scale(1);  -moz-transform: scale(1); transform: scale(1); }

div.project-overview .item { opacity: 0; margin-bottom: 50px; }
div.project-overview h2 { margin: 20px 0 0 0; font-weight: bold; }
div.project-overview div.image { overflow: hidden; height: 222px;}
div.project-overview div.image img { width: 343px; }
div.project-overview div.image:hover img { width: 333px; }
div.project-overview .client { font-size: 14px; }

div.news-overview div.item { margin-top: 50px; }
div.news-overview div.item:first-child { margin-top: 0px; }
div.news-overview div.item h2 { margin: 20px 0 0 0; font-weight: bold;  }
div.news-overview div.item h2 + span { font-size: 12px; margin-bottom: 10px; }
div.news-overview div.item .image { margin-left: 20px;  }
div.news-overview div.item a.button { margin-top: 10px;  text-decoration: none;}

div.news-detail .date { font-size: 14px;  }
div.news-detail .image { width: 333px; height: 222px; overflow: hidden; margin: 0px 0 20px 20px; }
div.news-detail .image img { -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); transform: scale(1.1); }
div.news-detail .image:hover img { -webkit-transform: scale(1);  -moz-transform: scale(1); transform: scale(1); } 

div.main-content div.gallery { margin-top: 50px; margin-bottom: 50px; }
div.main-content div.gallery a { height: 180px; width: 180px; overflow: hidden; font-size: 0; line-height: 0; margin-right: 2px; margin-bottom: 2px; }
div.main-content div.gallery a:nth-child(4n) { margin-right: 0; }
div.main-content div.gallery a img { -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); transform: scale(1.1); }
div.main-content div.gallery a img:hover {  margin: 0; opacity: .9 !important; -webkit-transform: scale(1);  -moz-transform: scale(1); transform: scale(1); }

div.footer { font-size: 14px; line-height: 24px; }
div.footer .readmore { font-size: 14px; line-height: 24px; text-transform: none; text-decoration: none; }
div.footer h4 { font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
div.footer h4 span { font-weight: lighter; }
div.footer div.wrapper { padding: 50px 0; }
div.footer div.bottom { margin-top: 24px; }
div.footer div.bottom + div.bottom { opacity: .6; }

div.footer .contact-key { float: left; width: 45px; font-weight: bold; }

div.footer div.contact  { text-align: center; padding-top: 25px;}
div.footer div.contact div.sign { font-size: 18px; line-height: 20px; text-align: center; }
div.footer div.contact div.sign a { display: block; padding: 15px 20px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
div.footer div.contact div.sign a:hover { opacity: 1; }
div.footer a { text-decoration: underline; }
div.footer a:hover { opacity: .6; }

form#mini_search,
div.search-form { line-height: 40px; margin-top: 10px;  }
form#mini_search button,
div.search-form button { width: 32px; height: 32px; display: inline-block; background: none; border: 0; padding: 0; cursor: pointer; margin-top: 5px; }
form#mini_search input[type="text"],
div.search-form input[type="text"] { background: none; border: 0; color: #FFF; font-size: 14px; width: 198px; }
 
div.search-results h2 { margin: 30px 0 20px 0; font-weight: bold; }
div.search-results div.item { margin-bottom: 24px; }
 
div.form {  }
div.form div.form-header { position: relative; margin: 30px 0 20px 0; }
div.form div.form-header:first-child { margin: 0px 0 10px 0; }
div.form div.row { margin-bottom: 10px; }
div.form div.row.spacer { height: 10px; line-height: 10px; }
div.form div.row div.checkboxes { margin-top: 18px; }
div.form div.row div.checkboxes label { margin-top: -5px; }
div.form div.row div.checkboxes div.clearfix { margin-bottom: 18px; }
div.form div.row div.option { margin-right: 20px; } 
 
div.page_selector { padding: 20px 0; font-size: 12px; }
div.page_selector a { padding: 0; background: none; text-decoration: none; }
div.page_selector table { width: 100%; }
div.page_selector table td.left { width: 90px; text-align: left; }
div.page_selector table td.right { width: 90px; text-align: right; }
div.page_selector table td.left a,
div.page_selector table td.right a { display: block; line-height:32px; text-decoration: none; border-radius: 0; text-transform: uppercase; }
div.page_selector table td.right a:hover, div.page_selector table td.left a:hover { background: none;}
div.page_selector table td.middle { text-align: center; }
div.page_selector table td.middle a { display: inline-block; margin: 0 2px; width: 32px; height: 32px; text-align: center; color: #333; text-decoration: none; line-height: 32px; border-radius: 0; }
div.page_selector table td.middle a.active { font-weight: 600; font-size: 18px; width: 32px; height: 32px; line-height: 32px; cursor: default; }
div.page_selector table td.middle a:hover { font-size: 22px; font-weight: 600; }
div.page_selector table td.middle a.active:hover { font-size: 18px; }

/* Portal */

div.portal div.logo { margin-top: 35px; } 
div.portal div.portal-content { margin-top: 60px; margin-bottom: 60px;} 
div.portal div.portal-content h1 { margin: 10px 0 25px 0; text-transform: uppercase; }

div.portal div.slogan { font-size: 26px; margin-top: 35px; }

div.portal div.service { font-size: 14px; margin-top: 120px;}
div.portal div.service a.readmore { text-transform: none; }
div.portal div.social { margin-top: 30px; }

div.portal-switch { padding: 60px 0; }
div.portal-switch h2 { text-transform: uppercase; font-size: 24px; margin-bottom: 25px; }
div.portal-switch a.button { display: inline-block; }

div.portal-images { height: 200px; overflow: hidden; font-size: 0; background: #FFF; }
div.portal-images div.container { width: 2400px;  }
div.portal-images a { display: inline-block; opacity: 0; }

div.portal-calltoaction { margin-top: 25px; display: block; padding: 20px;}

div.portal-footer div.wrapper{ padding: 30px 0; color: #FFF; }
 
/* ANIMATION */ 
a,
.readmore *,
div.project-module *,
a.streamer-navigation,
.button { transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; }
div.project-image-module div.container *,
div.main-content div.side div.image *,
div.project-overview *,
div.main-content div.content-block-link *,
div.news-detail .image *,
div.main-content div.gallery *  { transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -ms-transition: all .4s;  }

/*KEYFRAMES*/

/* readmore */
@-webkit-keyframes readmore-hover { 
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

@-moz-keyframes readmore-hover { 
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

@-ms-keyframes readmore-hover { 
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

@keyframes readmore-hover { 
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

/* bounce */
@-webkit-keyframes bounce-hover { 
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	100% { margin-top: 0px; }
}

@-moz-keyframes bounce-hover { 
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	70%   { margin-top: 0px; }
	100% { margin-top: 0px; }
}

@-ms-keyframes bounce-hover { 
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	100% { margin-top: 0px; }
}

@keyframes bounce-hover { 
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	100% { margin-top: 0px; }
}

</pre></body></html>