@charset "UTF-8";

/*
Theme Name: Vermaat
Theme URI: https://www.provalue.nl/
Author: Provalue B.V.
Author URI: https://www.provalue.nl/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vermaat
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/* normal */
*,
*::before,
*::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
}
 * {
     	margin: 0px;
     	padding: 0px;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #7e7f7e;
    font-weight: 400;
}
input, select, textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #7e7f7e;
}
body {
    background: #fff;
/*	font-family: 'Lato',Verdana,sans-serif;
        */
    font-weight: 400;
}
img {
    border: 0px;
    display: block;
}
a, input {
    outline: none;
}
a {
    text-decoration: none;
    color: #0f0f0f;
}
i, address, em {
    font-style: normal;
}
ol, ul {
/*      list-style: none;  */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 6px;
}
.h1-white {
    padding-top:20px;
    color:#FFF;
}
.links {
    padding-left:-15px;
}
h1 {
    color:#223c77;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    padding-bottom:24px;
}
h2 {
    color: #223c77;
    font-size: 20px;
    padding-top:25px;
    font-weight:bold;
    line-height:1.2em;
}
h2 > span {
    color: #223c77;
}
h3 {
    font-size: 18px;
    line-height: 28px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 14px;
    line-height: 17px;
    color: #7e7f7e;
    font-weight: 600;
}
a,
button,
button:focus,
input[type="submit"],
input[type="submit"]:focus,
textarea,
textarea:focus {
    outline: 0;
}
button {
    cursor: pointer;
}
img {
    max-width: 100%;
    height:auto;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.align-center {
    text-align: center;
}
@font-face {
    font-family: amsipro-black;
    src: url('/wp-content/themes/vermaat/assets/images/oswald-bold.ttf');
}
@font-face {
    font-family: 'ITC Avant Garde Gothic Std Demi';
    font-style: normal;
    font-weight: normal;
    src: local('ITC Avant Garde Gothic Std Demi'), url('/wp-content/themes/vermaat/assets/images/ITCAvantGardeStdDemi.woff') format('woff');
}
@font-face {
    font-family: 'ITC Avant Garde Gothic Std Bold';
    font-style: normal;
    font-weight: normal;
    src: local('ITC Avant Garde Gothic Std Bold'), url('/wp-content/themes/vermaat/assets/images/ITCAvantGardeStdBold.woff') format('woff');
}
@font-face {
    font-family: 'Lato Light';
   	font-style: normal;
    font-weight: normal;
    src: local('Lato Light'), url('/wp-content/themes/vermaat/assets/images/Lato-Regular.woff') format('woff');
}	
.container {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
	font-family: 'Lato Light';
    font-size:18px;
    line-height:1.6em;
}
.containersymposium {
    width: 800px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
	line-height:23px;
}
.column-3 {
    padding: 0px 15px;
    width:25%;
    float: left;
    line-height:23px;
    height:300px;
}
.column-3-links {
    padding: 0px 0px;
    width:23%;
    float: left;
    line-height:23px;
	margin-left:15px;
}
.column-4 {
    padding: 0px 15px;
    width: 33.33%;
    float: left;
    line-height:23px;
}
.column-4-adres {
    padding: 0px 15px;
    width: 33.33%;
    float: left;
    line-height:23px;
}
hr {
    border: 0;
    width: 100%;
    height: 2px;
    background-color:#223c77;
}
strong {
    color:#223c77;
}
#block_head {
        margin:0 auto;
        font-family: amsipro-black;
        font-size:80px;
        width:1200px;
        height:495px;
        background-color:#ccc;
        color:#FFF;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        text-transform: uppercase;
        display: block;
        padding-left:30px;
}
.block_head_h1 {
        font-family: amsipro-black;
        font-size:90px;
        width:1200px;
        height:495px;
        color:#FFF;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        text-transform: uppercase;
        display: block;
        display: flex;                   /* defines flexbox */
        align-items: flex-end;
        line-height:1.2em;
        letter-spacing: 3px;
}
.portfolio {
        position: relative;
        width: 380px;
        max-width: 380px;
}
.portfolio:hover .overlay {
        opacity: 1;
}
.image {
        display: block;
        width: 100%;
        height: auto;
}
.overlay {
        position: absolute;
        bottom: 0;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.5); /* Black see-through */
        color: #f1f1f1;
        width: 100%;
        transition: .5s ease;
        opacity:0;
        color: white;
        font-size: 20px;
        padding: 20px;
        text-align: center;
        height:279px;
}
.leesverder {
        border:1px solid #fff;
        border-radius: 5px 5px 5px 5px;
}
.column-6 {
        padding: 0px 0px 0px 0px;
        width: 50%;
        float: left;
        line-height:23px;
        padding:20px 20px 20px 20px ;
}
.kolom-links {
        padding: 0px 0px 0px 0px;
        width: 50%;
        float: left;
        line-height:23px;
        padding:20px 20px 20px 0px ;
}
.kolom-rechts {
        padding: 0px 0px 0px 0px;
        width: 50%;
        float: left;
        line-height:23px;
        padding:20px 0px 20px 20px ;
}
.wit {
        color:#FFF;
}
/* template */
#template {
     	position: relative;
     	display: block;
     	width: 100%;
     	min-height: 100%;
}
/* layout */
#layout {
     	overflow: hidden;
     	margin: 0 auto;
     	width: 100%;
}
/* header */
#header-part {
        position: relative;
        width: 100%;
        padding: 0px 0px 12px;
        z-index: 999999;
}
.top-bar {
        padding: 20px 0px 5px;
}
.logo-contact {
    	max-width: 5000px;
        width: 100%;
        padding-bottom:30px;
}
.logo {
        padding: 20px 0px 0px;
        float: left;
        width:100%;
        max-width: 80%;
        padding-bottom: 40px;
}

.logo a {
        display: block;
}
.toprightside {
    	float: right;
    	max-width: 150px;
        width:150px;
}
.toprightside .lang,
.toprightside .search,
.toprightside .login {
        float: left;
}
.toprightside .sidelogo {
        float: right;
}
.sidelogo{
        width: 150px;
        height:150px;
        float:right;
}
/* navigation-bar */
.navigation-bar {
        padding: 0px 0px 0px;
        background: #fff;
        transition: all 300ms ease-in-out 0s;
                  /*  margin-top: -40px; */
}
.navigation-bar .inner > ul {
    	display: table;
        width: 100%;
}
.navigation-bar .inner > ul > li {
    	display: table-cell;
   	position: relative;
	padding:10px 10px 10px 10px;
}
/*
.navigation-bar .inner > ul > li:first-child {
        padding-left: 0px;
}
.navigation-bar .inner > ul > li:last-child {
    width: 68px;
    padding: 0px;
}
*/
.navigation-bar .inner > ul > li > a {
        padding: 10px 10px;
        display: block;
    	font-size: 15px;
        color: #7e7f7e;
        line-height: 20px;
        transition: all 300ms ease-in-out;
	text-transform: uppercase;
}
.navigation-bar .inner > ul > li:hover > a {
        color: #fff;
	background-color:#223c77;
	padding:10px 10px 10px 10px;
}
.navigation-bar .inner > ul > li > ul {
        position: absolute;
        top: 100%;
        left: 0px;
        background: #fff;
        min-width: 270px;
    	max-height: 0px;
    	visibility: hidden;
    	opacity: 0;
    	overflow: hidden;
        transition: all 300ms ease-in-out;
}
.navigation-bar .inner > ul ul li a {
        display: block;
        font-size: 15px;
    	color: #7e7f7e;
    	padding: 10px 15px;
        transition: all 300ms ease-in-out;
}
.navigation-bar .inner > ul ul li:hover a {
        background: #00ff00;
        color: #ffffff;
}
.navigation-bar .inner > ul > li:hover > ul {
        opacity: 1;
        max-height: 800px;
        visibility: visible;
}
.navigation-bar.fixed {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
	opacity: 0.96;
        box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
.navigation-bar.fixed .inner > ul > li > a {
        padding: 10px 10px;
    	font-size: 15px;
}
.navigation-bar.fixed .inner > ul > li:hover > ul {
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
.navigation-bar.fixed .inner > ul > li > ul > li:first-child {
    	margin-top: 0px;
}
/* bigimage-bar */
.bigimage-bar {
        min-height: 300px;
}
.nav-logo {
        max-width: 320px;
        float: left;
        display: none;
}
.mtoggle {
        float: right;
    	display: none;
    	cursor: pointer;
}
.bar1, .bar2, .bar3 {
    	width: 35px;
    	height: 5px;
    	background-color: #223c77;
    	margin: 6px 0;
    	transition: 0.4s;
}
.change .bar1 {
    	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
    	transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
        opacity: 0;
}
.change .bar3 {
    	-webkit-transform: rotate(45deg) translate(-8px, -8px);
    	transform: rotate(45deg) translate(-8px, -8px);
}

table {
    width:100%;
    vertical-align: top;
    
}
td {
    vertical-align: top;
    padding-bottom:20px;
}
.td-kop {
    padding-bottom:20px;
    padding-top:20px;
    background-color:#e8e8e8;
    text-align: center;
}
.td-cel1 {
    width:300px;
}


/* content */
 #content-part {
     	width: 100%;
    	position: relative;
    	font-family: arial,Verdana,sans-serif;
    	font-size: 1.2em;
    	line-height: 1.6;
    	margin: 0;
	font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-family: 'Lato Light';
    	font-size: 18px;
    	line-height: 23.25px;
}
#content-part-grijs {
     	width: 100%;
    	position: relative;
    	font-family: arial,Verdana,sans-serif;
	font-family: 'Lato Light';
    	font-size: 1.2em;
    	line-height: 1.6;
    	margin: 0;
    	font-size: 15px;
    	line-height: 23.25px;
	background-color:#ebebeb;
}
.alignright {
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}
#content-part ul {
        line-height:1.6em;
        list-style-position: outside;
        padding-top:5px;
        margin-left:20px;
}
#content-part ul li {
        padding-top:10px;
}
#content-part img {
	float:right;
}
#content-part > p > img {
       float:right;
}
#content-part > ul {
}
/* paragraph-bar */
.paragraph-bar {
    	padding: 42px 0px 50px;
}
.paragraph-bar abch1 {
        word-spacing: 4px;
    	margin-bottom: 22px;
        color:#103642;
}
.paragraph-bar h2 {
        word-spacing: 3px;
}
.paragraph-bar p {
        line-height: 23px;
        color: #7e7f7e;
}
/* footer part */
#footer-part {
     	width: 100%;
}
/* footerlinks-bar */
.footerlinks-bar {
    	padding: 60px 0px 48px;
        background: #333940;
}
.footerlinks-bar ul {
	list-style:none;
}
.footerlinks-bar ul li a,
.footerlinks-bar h3,
.footerlinks-bar address {
        color: #fff;
	font-family: 'ITC Avant Garde Gothic Std Demi';
	line-height:1.5em;
}
.footerlinks-bar .links ul li {
        margin-bottom: 16px;
}
.footerlinks-bar .links ul li a {
        font-size: 24px;
        letter-spacing: 0.5px;
        line-height: 28px;
        text-transform: uppercase;
    	display: inline-block;
	font-family: 'ITC Avant Garde Gothic Std Demi';
}
.footerlinks-bar ul li:hover a {
        text-decoration: underline;
}
.footerlinks-bar h3 {
        letter-spacing: 0.5px;
}
.footerlinks-bar address {
        line-height: 22px;
    	margin-bottom: 24px;
}
.footerlinks-bar .address ul {
        margin-bottom: 24px;
}
.footerlinks-bar .address ul li a {
        line-height: 22px;
}
/* copyright */
.copyright-bar {
    	padding: 20px 0px 30px;
        background: #2d2e32;
}
.copyright-bar p {
        color: #fff;
}

.logo2 {
        font-size: 34px;
        letter-spacing: 1px;
        font-weight: 800;
        line-height: 28px;
        text-transform: uppercase;
    	display: inline-block;
	font-family: 'ITC Avant Garde Gothic Std Demi';
    color:#223c77;
}


#balk {
	height:300px;
	width:100%;
	background: url('/wp-content/themes/vermaat/assets/images/balk.png') no-repeat center/cover;
}
#balk2 {
	height:900px;
        width:100%;
        background: url('/wp-content/themes/vermaat/assets/images/plaatje.jpg') no-repeat center/cover;
	padding-bottom:100px;
}
#subbalk3{
	width:1230px;
	display:block;
	height:auto;
}
#subbalk2 {
	display:block;
	width:600px;
	height:280px;
	background-color:#223c77;
	opacity: 0.5;
	float:right;
	color:#FFF;
}
#subbalk2 p {
	color:#FFF;
        font-size:30px;
	 opacity: 1.0;
}
#balk-test {
        width:100%;
	height:380px;
        background: url('/wp-content/themes/vermaat/assets/images/header6.png') no-repeat center/cover;
}

#featured-balk-fixed {
        width:100%;
        height:380px;
        background: url('/wp-content/themes/vermaat/assets/images/header6.png') no-repeat center/cover;
}
#featured-balk { 
	width:100%;
        height:380px;
}
.navigation-bar .inner > ul {
    	display: block;
    	width: 100%;
}
.navigation-bar .inner > ul > li {
    	display: inline-block;
    	position: relative;
    	padding: 0px 30px;
}
.navigation-bar .inner > ul > li > a {
    	padding: 10px 10px;
    	display: block;
    	font-size: 18px;
    	line-height: 20px;
    	transition: all 300ms ease-in-out;
    	text-transform: uppercase;
	font-weight:600;
        font-family: 'Open Sans', sans-serif;
}
.current_page_item a {
	color:#fff;
}

#menu-hoofdmenu .current_page_item a {
	background-color:#223c77;
	color:#fff; 
}
a, button, button:focus, input[type="submit"], input[type="submit"]:focus, textarea, textarea:focus {
    	outline: 0;
}
#voorpagina-blok-1 {
        margin:0 auto;
        font-family: 'ITC Avant Garde Gothic Std Bold';
	font-weight:400;
        font-size:65px;
        color:#FFF;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        text-transform: uppercase;
        display: block;
}
#voorpagina-blok-1 p {
	background-color:#228ae6;
	padding:10;
	display:block;
	border:1px solid #f00;
	width:auto;
}
#voorpagina-header {
	/* background: url('/wp-content/themes/vermaat/assets/images/header2.jpg') no-repeat center/cover; */
    background-color: #000;
	height:800px;
        width:100%;
}
#voorpagina-blok-1 h1 {
    	padding: 0 30px;
    	max-width: 1280px;
    	margin: 0 auto 20px;
    	text-shadow: 0 0 70px #000;
	font-size:70px;
	color:#fff;
	line-height:1.3em;
}
#voorpagina-blok-1 h2 {
    	padding: 0 30px;
    	max-width: 1280px;
    	margin: 0 auto 20px;
    	text-shadow: 0 0 70px #000;
	font-size:40px;
        color:#fff;
        line-height:1.3em;
}
.blok {
	padding-top:200px;
	margin:0 auto;
	width:1000px;
	height:100px;
	display:block;
}
.blokje1 {
	float:left;
}
.blokje2 {
	float:right;
}
.kolom-links {
	width:50%;
	height:auto;
	float:left;
	display:block;
}
.kolom-links p {
	font-family: 'Lato Light';
	font-size:18px;
	line-height:1.6em;
}
.kolom-rechts {
	width:50%;
	height:auto;
	float:left;
	display:block;
}
.kolom-rechts p {
	font-family: 'Lato Light';
	font-size:18px;
	line-height:1.6em;
}
a.knop {
	width:150px;
	height:44px;
	display:block;
	background-color:#223c77;
	color:#FFF;
	text-align:center;
	padding-top:8px;
	margin:0 auto;
	margin-top:30px;
	border-radius:10px;
	font-weight:900;
}
a.knop:hover {
	background-color:#228ae6;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
	border-radius:10px;
}
.projecten {
	width:333px;
	height:500px;
	display:block;
	background-color:#FFF;
	border:1px solid #dedede;
    	z-index: 0;
    	background-color: #fff;
	margin:30px 30px 30px 30px;
	float:left;
	font-family: 'Lato Light';
}
.projecten:hover {
	box-shadow: 0px 5px 5px 5px rgb(0, 0, 0, 0.2);
    	border-radius: 0;
    	transition: .4s ease;
}
.projecten h3 {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-family: 'ITC Avant Garde Gothic Std Bold';
	font-size:20px;
	color:#103642;
	padding-top:20px;
	height:80px;
}
.projecten p {
	width:90%;
	margin:0 auto;
	display:block;
	text-align:center;
}
.email:hover {
	color:#228ae6;
}
#menu-footer_menu_left ul, #menu-footer_menu_right ul {
	list-style:none;
	list-style-type:none;
}
.wpcf7-text, .wpcf7-quiz {
	height:34px;
	font-size:15px;
	padding:2px;
	margin-bottom:5px;
}
.wpcf7-textarea {
	font-size:15px;
	padding:2px;
	margin-bottom:5px;
}
.wpcf7-not-valid-tip {
	margin-bottom:15px;
	font-size:12px;
}
.wpcf7-quiz {
	width:60px;
}
.wpcf7-submit {
	height: 40px;
	width:130px;
	background-color:#223c77;
	color:#fff;
	border:0px;
	font-size:16px;
	margin-top:20px;
}
.wpcf7-submit:hover {
	background-color:#ddd;
	color:#223c77;
	border:1px solid #223c77;
	box-shadow: 5px 5px #88888888;
}
#nieuws-center {
        min-width:100px;
        width:auto;
        min-height:600px;
        height:auto;
        margin:0 auto;
        text-align:center;
}
#nieuws-center a:hover {
        box-shadow: 0px 5px 5px 5px rgb(0, 0, 0, 0.2);
    	border-radius: 10px;
    	transition: .4s ease;.
}
.nieuwsblock {
	margin-bottom:20px; 
	border:1px solid #ccc; 
	width:380px; 
	/*height:auto; 
	min-height:380px; 
	*/
        float:left; 
	margin-right:10px; 
        margin-left:10px; 
	margin-bottom:20px;

        background-color:#223c77;
        color:#fff;
}
.nieuwsblock:hover {
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
	color:#223c77;
	border:1px solid #333940;
        background-color:#333940;
        color:#fff;
}
.nieuwsimg img {
	width:380px;
	height:300px;
        background-color:#fff;
}
.nieuws {
        width:380px;
        height:380px;
        border:1px solid #ccc;
        border-radius: 5px;
        padding:10px 10px 10px 10px;
        padding-top:30px;
        margin:10px 10px 10px 10px;
        float:left;
        display:block;
}
.nieuws:hover {
        background-color:#228ae6;
        color:#fff;
}
.nieuws img {
        display:block;
        width:240px;
        height:auto;
        border-radius:5px;
        margin:0 auto;

        background-color: #fff;
}
.nieuws h3 {
        font-size: 15px;
        text-align: center;
        font-weight: 500;
        padding-top:25px;
        padding-bottom:10px;
        line-height:1.8em;
}
.nieuws h3:hover {
/*      color:#228ae6; */
}
.nieuws a:hover {
        color:#228ae6;
}
.nieuwsh2 {
   padding-top: 305px;
    height: fit-content;
}
.knop-balk-more-news {
	width:80%;
	height:45px;
	clear:both;
	margin:0 auto;
}



a.knop-news {
        width:290px;
        height:44px;
        display:block;
        background-color:#223c77;
        color:#FFF;
        text-align:center;
        padding-top:8px;
        margin:0 auto;
        margin-top:30px;
	text-transform: uppercase;
	font-weight:800;
	border-radius:10px;
}
a.knop-news:hover {
        background-color:#228ae6;
        box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
	border-radius:10px;
}
#paginas {
        width:100%;
        height:60px;
        display:block;
        border-top: 1px solid #223c77;
        padding-top:10px;
}
.paginal {
        width:auto;
        height:30px;
        float:left;
        display:block;
}
.paginal:hover {
        text-decoration:underline;
}
.paginar {
        width:auto;
        height:30px;
        float:right;
        display:block;
}
.paginar:hover {
        text-decoration:underline;
}
.video {
	float:right;
}


.vt_video {
    width:1024px;
    height:auto;
    display: block;
}

 .topspace {
                display:block;
                width:100%;
                height:80px;

        }


.nieuwsh2 h3 {
  /* padding-top: 325px;
    height: fit-content;
    */      
    padding:10px 10px 10px 10px;
    height:50px; 
    
      }






/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1023px) {
        .top-bar {
                padding: 10px 0px 10px;
        }
        .top-bar .logo {
                display: none;
        }
        .top-bar .sidelogo {
                display: none;
        }
        .toprightside {
                max-width: 100%;
                width: auto;
        }
        .lang, .search, .login {
                padding-top: 0px;
        }
        .nav-logo {
                display: block;
            width: 100%;
            max-width: 280px;
            padding-top:12px;
        }
        .navigation-bar .inner {
                display: none;
                position: absolute;
                background: #f5f5f5;
                width: 100%;
                left: 0px;
                top: 100%;
        }
        .mtoggle {
                display: block;
                padding-top:6px;
        }
        .banner-bar .flexslider .caption-text {
                max-width: 94%;
        }
        .navigation-bar .inner > ul, .navigation-bar .inner > ul > li {
                display: block;
        }
        .navigation-bar .inner > ul > li > a, .navigation-bar.fixed .inner > ul > li > a {
                padding: 10px;
        }
        .navigation-bar .inner > ul > li:first-child, .navigation-bar .inner > ul > li:last-child, .navigation-bar .inner > ul > li {
                width: 100%;
                padding: 0px;
        }
        .navigation-bar .inner > ul > li .collapsebtn {
                position: absolute;
                top: 0px;
                right: 15px;
                width: 40px;
                height: 40px;
                cursor: pointer;
        }
        .navigation-bar .inner > ul > li .collapsebtn:after {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 100%;
                height: 100%;
                content: "+";
                font-size: 30px;
                color: #0000ff;
                font-weight: 600;
                line-height: 40px;
                text-align: center;
        }
        .navigation-bar .inner > ul > li .collapsebtn.active:after {
                font-size: 36px;
                line-height: 30px;
                content: "-";
        }
        .navigation-bar .inner > ul > li:hover > ul, .navigation-bar .inner > ul > li > ul {
                opacity: 1;
                max-height: inherit;
                visibility: visible;
                position: relative;
                transition: none;
        }
        .navigation-bar .inner > ul > li > ul > li:first-child, .navigation-bar.fixed .inner > ul > li > ul > li:first-child {
                margin-top: 10px;
        }
        .navigation-bar .inner > ul > li > ul, .navigation-bar.fixed .inner > ul > li > ul {
                display: none;
        }
        .navigation-bar.fixed {
                padding: 10px 0px;
        }
        .banner-bar .flexslider .caption-text {
                font-size: 34px;
                line-height: 46px;
                padding: 20px 15px;
        }
        .banner-bar .flexslider ul.slides li {
                min-height: 380px;
        }
        h2 {
                font-size: 26px;
        }
        .primarybtn {
                padding: 9px 16px 13px;
        }
        .securities-bar ul li {
                width: 50%;
        }
        .securities-bar ul li p {
                min-height: 40px;
        }
        .footerlinks-bar .column-4 {
                width: 100%;
                float: none;
        }
        .footerlinks-bar .column-4-adres {
                width: 100%;
                float: none;
        }
        .footerlinks-bar {
                padding: 50px 0px 48px;
                text-align: center;
        }
        .downloads-bar .column-3 {
                width: 50%;
        }
        .downloads-bar .downloads-links {
                margin-bottom: 30px;
        }
        .downloads-links figure {
                margin-bottom: 15px;
        }
        .banner-bar.subpages {
                min-height: 280px;
        }
        .tab-img {
                width:60px;
        }



}














/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1229px) {


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1159px) {


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1023px) {
	.footerlinks-bar .column-4 {
    		width: 50%;
    		float: left;
    		text-align: left;
		margin-bottom:30px;
	}
	.footerlinks-bar .column-4-adres {
		clear:both;
		width:100%;
		height: 150px;
		float:none;
		margin-top:60px;
	}
	#nieuws-center {
	        min-width:100px;
        	width:600px;
	        min-height:600px;
        	height:auto;
	        margin:0 auto;
        	text-align:center;
	}
	.video {
		float:none;
		padding-left:0px;		
	}
	.videofix {
                clear:both;
        }
	.blok {
                padding-top:200px;
                margin:0 auto;
                width:100%;
                min-height:100px;
                height:auto;
                display:block;
                padding-left:0px;
        }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.kolom-rechts {
                float:none;
                width:90%;
                padding: 0px 5px 5px 5px;
        }
        .kolom-links {
                float:none;
                width:90%;
                padding: 0px 5px 0px 5px;
        }
	.video {
                clear:both;
                float:none;
                padding-left:0px;
        }
	.videofix {
                clear:both;
        }
	.nieuwsblock {
		width:100%;
	}
#nieuws-center {
	        min-width:100px;
        	width:310px;
	        min-height:fit-content;
                padding-right: 20px;
        	height:auto;
	        margin:0 auto;
        	text-align:center;
	}

	.nieuwsimg img{
		width:100%;
		height: auto;
	}
	.blok {
	        padding-top:200px;
        	margin:0 auto;
	        width:100%;
        	min-height:100px;
		height:auto;
        	display:block;
		padding-left:0px;
	}
	#voorpagina-blok-1 h1 {
		padding:0;
	}

    .td-cel1 {
        width:150px;
    }
    .paginas {
        height:100px;
    }
    .paginar {
        padding-right: 20px;
    }
    #voorpagina-header {
        height: 120px;
        }
    .vt_video {
        width: 100%;
        height: auto;
        display: block;
        }

        .topspace {
                display:block;
                width:100%;
                height:44px;

        }

        .nieuwsh2 {
                padding-top:0px;
        }

        .nieuwsh2 h3 {

        display: ruby;
        
      }



}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 639px) {
	.kolom-rechts {
                float:none;
                width:100%;
                padding: 0px 5px 5px 5px;
        }
        .kolom-links {
                float:none;
                width:100%;
                padding: 0px 5px 0px 5px;
        }
	.alignright {
		float: none;
		padding-left: 0px;
		padding-bottom: 0px;
        }
	.video {
                clear:both;
                float:none;
                padding-left:0px;
        }
	.videofix {
                clear:both;
        }
	.nieuwsblock {
                width:100%;
        }
        .nieuwsimg img {
                width:100%;
		height: auto;
        }
	.blok {
                padding-top:200px;
                margin:0 auto;
                width:100%;
                min-height:100px;
                height:auto;
                display:block;
		text-align:center;
		padding-left:0px;
        }
	#voorpagina-blok-1 h1 {
                padding:0;
        }
    .td-cel1 {
        width:150px;
    }
    

    #voorpagina-header {
        height: 120px;
        }
    .vt_video {
        width: 100%;
        height: auto;
        display: block;
        }
        .topspace {
                display:block;
                width:100%;
                height:30px;

        }
        .nieuwsh2 {
                padding-top:0px;
        }

        .nieuwsh2 h3 {

        display: ruby;
        
      }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 539px) {
	.kolom-rechts {
                float:none;
                width:100%;
                padding: 0px 5px 5px 5px;
        }
        .kolom-links {
                float:none;
                width:100%;
                padding: 0px 5px 0px 5px;
        }
	.alignright {
		float: none;
		padding-left: 0px;
		padding-bottom: 30px;
        }
	.video {
                clear:both;
                float:none;
                padding-left:0px;
        }
	.videofix {
                clear:both;
        }
	.nieuwsblock {
                width:100%;
        }
        .nieuwsimg img {
                width:100%;
		height:auto;
        }
	.blok {
                padding-top:200px;
                margin:0 auto;
                width:100%;
                min-height:100px;
                height:auto;
                display:block;
		text-align:center;
		padding-left:0px;
        }
	#voorpagina-blok-1 h1 {
                padding:0;
        }
            .td-cel1 {
        width:150px;
    }

    #voorpagina-header {
        height: 120px;
        }
    .vt_video {
        width: 100%;
        height: auto;
        display: block;
        }
        .topspace {
                display:block;
                width:100%;
                height:30px;

        }
        .nieuwsh2 {
                padding-top:0px;
        }

        .nieuwsh2 h3 {

        display: ruby;
        
      }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.kolom-rechts {
        float:none;
        width:100%;
        padding: 0px 5px 5px 5px;
    }
    .kolom-links {
        float:none;
        width:100%;
        padding: 0px 5px 0px 5px;
    }
	.alignright {
		float: none;
		padding-left: 0px;
		padding-bottom: 30px;
	}
	.video {
        clear:both;
        float:none;
        padding-left:0px;
    }
	.videofix {
        clear:both;
    }
	.nieuwsblock {
        width:100%;
    }
    .nieuwsimg img {
        width:100%;
		height: auto;
    }
	.blok {
        padding-top:200px;
        margin:0 auto;
        width:100%;
        min-height:100px;
        height:auto;
        display:block;
		text-align:center;
		padding-left:0px;
    }
	#voorpagina-blok-1 h1 {
        padding:0;
    }
    .td-cel1 {
        width:150px;
    }

    #voorpagina-header {
        height: 120px;
        }
    .vt_video {
        width: 100%;
        height: auto;
        display: block;
        }
        .topspace {
                display:block;
                width:100%;
                height:30px;

        }
        .nieuwsh2 {
                padding-top:0px;
        }

        .nieuwsh2 h3 {

        display: ruby;
        
      }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 359px) {
	.kolom-rechts {
        float:none;
        width:100%;
        padding: 0px 5px 5px 5px;
    }
    .kolom-links {
        float:none;
        width:100%;
        padding: 0px 5px 0px 5px;
    }
	.alignright {
		float: none;
		padding-left: 0px;
		padding-bottom: 30px;
	}
	.video {
        clear:both;
        float:none;
        padding-left:0px;
    }
	.videofix {
		clear:both;
	}
	.nieuwsblock {
        width:100%;
    }
    .nieuwsimg {
        width:100%;
    }
	.blok {
        padding-top:200px;
        margin:0 auto;
        width:100%;
        min-height:100px;
        height:auto;
        display:block;
		text-align:center;
		padding-left:0px;
    }
	#voorpagina-blok-1 h1 {
        padding:0;
    }
    .td-cel1 {
        width:150px;
    }


    #voorpagina-header {
        height: 120px;
        }
    .vt_video {
        width: 100%;
        height: auto;
        display: block;
        }
        .topspace {
                display:block;
                width:100%;
                height:30px;

        }
        .nieuwsh2 {
                padding-top:0px;
        }

        .nieuwsh2 h3 {

        display: ruby;
        
      }

}