@charset "UTF-8";
/* CSS Document */

@import url(/stramien/f/css/content_styles_include.asp?parentelement=.content);


html {
	overflow-x:hidden;
}
body, td, th {
    font-family: 'Merriweather','sans-serif';
    font-size:16;
    line-height:1.8em;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom:40px;
	overflow-x:hidden;
    background-color:#325c79;
}
img {
	border:0px;
	-ms-interpolation-mode:bicubic;
}
:-moz-any-link:focus {
  outline: none;
}
a, input {
  outline: none;
}

.clear {
	clear:both;
}
.left {
	float:left;
}

.slicknav_menu {
	display:none;
}


.container_outer {
    width: 1320px;
    max-width:100%;
    margin:0 auto;
    min-height:400px;
    background-color:#FFFFFF;
}

.container_inner {
    width: 1280px;
    max-width:100%;
    margin:0 auto;
    padding:0px 0px 30px 0px;
    min-height:400px;
    background-color:#FFFFFF;
    position:relative;
}


.container_top {
    border-top: 4px solid #4f565f;
    min-height:100px;
}

.container_top .tel {
    position:absolute;
    font-size:2em;
    color:#080c20;
    font-weight:300;
    left:30px;
    top:44px;
}
.container_top .tel a {
    color:#080c20;
    text-decoration:none;
}

.container_top .menu {
    position:absolute;
    z-index:99999;
    font-size:1.1em;
    font-weight:300;
    color:#666666;
    right:30px;
    top:53px;
}
.container_top .menu ul, .container_top .menu li {
    display:block;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.container_top .menu li {
    float:left;
    padding:0px 0px 0px 24px;
}
.container_top .menu a {
    color:#080c20;
    text-decoration:none;
}
.container_top .menu a:hover {
    color:#393D4D;
    text-decoration:none;
}

.container_top .logo {
    text-align:center;
    padding:20px;
    margin:0 auto;
    
}

.container_sfeerfotos {
    width:100%;
    position:relative;
    margin:0px 0px -30px 0px;
    max-height:560px;
    overflow:hidden;
}
.container_sfeerfotos .quote {
    position:absolute;
    width:auto;
    max-width:40%;
    right:0px;
    top:58px;
    color:#FFFFFF;
    font-weight:900;
    font-size:1.8em;
    background-color:#080c20;
    color:#FFF !important;
    padding:16px 48px 16px 48px;
    opacity: 0.95;
}
.container_sfeerfotos .quote * {
    color:#FFF !important;
}
.container_menu_main {
    position:absolute;
    top:0px;
    z-index:1000;
    margin:0px;
	display:block;
	width:100%;
	background-color:#4f565f;
    opacity: 0.9;
    border-bottom:4px solid #FFFFFF;
}

.menu1 {
	font-size:1.1em;
	margin:0px 0px 0px 10px;
}
.menu1, .menu1 ul, .menu1 li {
	display:block;
	padding:0px;
	margin:0px;
}
.menu1 ul {
	
}
.menu1 li {
	float:left;
}
.menu1 a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:100%;
	height:50px;
	line-height:50px;
	padding:0px 30px 0px 20px;
    font-weight:700;
}
.menu1 a:hover {
	opacity:0.75;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** MENU1 ***/
.menu1 {
	float: left;
}
.menu1 ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.menu1 a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	height:50px;
	line-height:50px;
    border-bottom:4px solid transparent;
	padding:0px 30px 0px 20px;
	zoom: 1; /* IE7 */
}
.menu1 ul li a {
    background-color:#EDEEEF;
    color:#080C20;
}
.menu1 a:hover {
    border-bottom:4px solid #FFFFFF;
}
.menu1 .actief a {
    border-bottom:4px solid #FFFFFF;
}

.menu1 li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.menu1 ul li {
}
.menu1 ul ul li {
}
.menu1 li:hover,
.menu1 li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.menu1 li li:hover, .menu1 li li.sfHover {
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}



.container_main_pre {
    width:100%;
    height:60px;
}
.container_main {
    min-height:100px;
    border-bottom: 4px solid #4f565f;
    margin:0px 0px 4px 0px;
    padding:20px 0px 20px 0px;
}
.content {
    font-size:1em;
    line-height:1.8em;
    color: #000000;
}
.content .margin {
    padding:20px;
}


.container_fotostrip {
    position:relative;
    width:100%;
    overflow-x:hidden;
    margin:10px 0px 10px 0px;
}

.container_fotostrip img {
    display:block;
    margin:0px 0px 0px 0px;
    background-color:#EAEAEA;
}

.container_fotostrip .buttons {
    position:absolute;
    z-index:10;
    display:block;
    width:26px;
    height:26px;
    overflow:hidden;
    background-color:#4f565f;
    top:50%;
    margin-top:-10px;
    border-radius:18px;
    text-align:center;
    line-height:24px;
    color:#FFFFFF;
    text-decoration:none;
    font-size:20px;
    border:2px solid #FFFFFF;
}
.container_fotostrip .prev {
    left:10px;
}
.container_fotostrip .next {
    right:10px;
}

.container_fotostrip .viewport { height: 220px; width:100%; overflow: hidden; position: relative; }
.container_fotostrip .disable { visibility: hidden; }
.container_fotostrip .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
.container_fotostrip .overview li { float: left; margin: 0 0 0 0; padding: 0px; width: 280px; height:260px;  }


.container_gallery {
    position:relative;
    width:100%;
    overflow-x:hidden;
    margin:10px 0px 10px 0px;
    padding:0px 0px 0px 0px;
}
.container_gallery img {
    display:block;
    margin:0px 10px 10px 0px;
    background-color:#EAEAEA;
}
.container_gallery ul { list-style: none; display:block; padding: 0; margin: 0; left: 0; top: 0;  text-align:center;}
.container_gallery ul li { display: inline-block; margin: 0 0 0 0; padding: 0px;  }


.container_footer {
    background-color:#C2CED7;
}
.container_footer td {
    padding:20px;
    color:#080C20;
    font-size: 0.8em !important;
}
.container_footer td a {
    color:#080C20;
}
.container_footer td img {
    opacity: 0.7;
}

.social_container {
    display:inline-block;
    font-size:30px;
}
.social_container .social_div {
    display:inline-block;
    margin:0px 12px 0px 0px;
}

#googlemaps_container {
    height:500px;
    margin:-40px -20px 0px -20px;
}
#googlemaps {
    width:100%;
    height:500px;
}
#googlemaps_infopanel_container {
    display:none;
}
#googlemaps_infopanel {
    line-height:16px !important;
}

#formulier input {
    display:block;
	border: 1px solid #4f565f;
    font-size:15px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #080c20;
	padding:3px;
	background-color:#FFFFFF;
	margin:0px 10px 10px 0px;
    padding:0px 10px 0px 10px;
    line-height:32px;
    height:32px;
	width:400px;
    border-radius:16px;
}
#formulier textarea {
    display:block;
    font-size:15px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #4f565f;
	color: #080c20;
	padding:10px;
	background-color:#FFFFFF;
	margin:0px 10px 10px 0px;
	width:400px;
	height:100px;
    border-radius:16px;
}
#formulier label {
	color: #000000
}
#formulier label.error {
	font-size: 0.8em;
	color: #4f565f
}
#formulier .submit {
	width:auto;
	background-color: #4f565f;
	color :#FFFFFF;
	margin-top:20px;
    font-size:20px;
    padding:0px 10px 0px 10px;
    height:36px;
    line-height:32px;
    border-radius:18px;
}



@media screen and (max-width: 639px) {
    body, td, th {
        font-size:10px;
        line-height:16px;
    }

    .container_outer {
        width: 100% !important;
    }
    
    .container_inner {
        width: 100% !important;
    }

    .container_top .logo img {
        width:200px;
    }
    .container_top {
        min-height:70px;
    }
    .container_top .tel {
        display:none;
    }
    .container_top .menu {
        display:none;
    }
    .container_top .menu span {
        display:none;
    }
    .container_top .menu a {
        color:#FFFFFF;
    }

	.js .container_menu_main {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

    .container_sfeerfotos .quote {
        padding:8px 24px 8px 24px;
        font-size:1em;
    }
    
    .container_main_pre {
        display:none;
    }

    .container_footer td {
        font-size:1em !important;
        padding:20px 0px 0px 0px;
        width:25%;
        display:block;
        float:left;
        text-align:center;
        vertical-align:middle;
    }
    .container_footer td:first-child {
        width:100%;
        display:block;
       text-align:center;
    }
    .container_footer td:last-child {
        padding-bottom:20px;
        clear:both;
        width:100% !important;
        float:none !important;
    }
    .container_footer img {
        width:60%;
    }
    
    .container_copyright td {
        padding:10px 10px 0px 10px;
        display:block;
        text-align:center;
        vertical-align:middle;
    }
    
    .columns2, .columns4 {
        columns: 1 !important;
        -webkit-columns: 1 !important; /* Safari and Chrome */
        -moz-columns: 1 !important; /* Firefox */
        column-gap:0px !important;
        -moz-column-gap:0px !important; /* Firefox */
        -webkit-column-gap:0px !important; /* Safari and Chrome */
        font-size:14px;
        line-height:28px;
    }

    .content {
        padding:0px 10px 0px 10px;
    }


    .container_fotostrip img { height: 160px; }
    .container_fotostrip .viewport { height: 160px; }
    .container_fotostrip .overview li { float: left; margin: 0 0 0 0; padding: 0px; width: 180px; }


}

@media screen and (max-width:320px) {
    .container_outer {
        width: 100% !important;
    }
    
    .container_inner {
        width: 100% !important;
    }

    .container_sfeerfotos .quote {
        padding:4px 12px 4px 12px;
        font-size:1em;
    }

}

@media screen and (min-width:321px) and (max-width:639px) {
}

@media screen and (min-width:640px) and (max-width:959px) {
    body, td, th {
        font-size:12px;
    }
    .container_outer {
        width: 100% !important;
    }
    
    .container_inner {
        width: 100% !important;
    }
    .container_top {
        min-height:70px;
    }
    .container_top .logo  {
        text-align:left;
    }
    .container_top .logo img {
        width:200px;
    }
    .container_top .tel {
        display:none;
    }
    .container_top .menu  {
        top:34px;
        font-size:1em;
    }
    .menu1, .menu1 ul, .menu1 li {
        font-size:1em;
    }
    .menu1 li a {
	    padding:0px 0px 0px 20px;
    }

    .container_sfeerfotos .quote {
        padding:12px 36px 12px 36px;
        font-size:1.3em;
    }

    
    .container_footer td {
        font-size: 0.9em !important
    }
    .container_footer td:first-child {
       text-align:left;
    }
    .container_footer td:last-child {
    }
    .container_footer img {
        width:70%;
    }
    
    .container_copyright td {
        padding:10px 10px 0px 10px;
        display:block;
        text-align:center;
        vertical-align:middle;
    }


}

@media screen and (min-width:960px) and (max-width:1279px) {
    .container_outer {
        width: 1000px !important;
    }
    .container_inner {
        width: 960px !important;
    }
    .container_top {
        min-height:70px;
    }
    .container_top .logo img {
        width:200px;
    }
    .container_top .tel {
        top:26px;
        font-size:1.8em;
    }
    .container_top .menu  {
        top:34px;
        font-size:1em;
    }
   .menu1, .menu1 ul, .menu1 li {
        font-size:1em;
    }
    

}

@media screen and (min-width:1280px) and (max-width:1599px) {
}

@media screen and (min-width:1600px) {
}

@media screen and (min-width:1920px) {
}



// 2X size (iPhone 4 etc)
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {

}


.tekst {
	font-size: 16px;
    line-height:28px;
	color: #080c20;
}
.tekst_klein {
	font-size: 12px;
    line-height:21px;
	color: #080c20;
}


 {
}
 h1, .kop_hoofdkleur {
    display:block;
    margin:0px;
    padding:0px 0px 30px 0px;
	color: #080c20;
	font-weight:700;
    font-size:2.5em;
}
.kop_steunkleur {
    display:block;
    margin:0px;
    padding:0px 0px 30px 0px;
	color: #4f565f;
	font-weight:700;
    font-size:2.5em;
}
 h2, .subkop_hoofdkleur {
    display:block;
    margin:0px;
    margin:0px 0px 30px 0px;
	color: #080c20;
	font-weight:700;
    font-size:2em;
}
 h3, .subkop_steunkleur {
    display:block;
    margin:0px;
    padding:0px 0px 16px 0px;
	color: #666666;
	font-weight:700;
    font-size:1.5em;
}
 a {
	text-decoration:underline;
	color:#333333;
}

 p {
    display:block;
    margin:0px;
    padding:0px 0px 10px 0px;
}

 .columns2 {
    vertical-align:top;
    columns: 2;
    -webkit-columns: 2; /* Safari and Chrome */
    -moz-columns: 2; /* Firefox */
    column-gap:40px;
    -moz-column-gap:40px; /* Firefox */
    -webkit-column-gap:40px; /* Safari and Chrome */
    padding-bottom:20px;
    text-align:justify;
}

 .columns4 {
    vertical-align:top;
    columns: 4;
    -webkit-columns: 4; /* Safari and Chrome */
    -moz-columns: 4; /* Firefox */
    column-gap:30px;
    -moz-column-gap:30px; /* Firefox */
    -webkit-column-gap:30px; /* Safari and Chrome */
    padding-bottom:20px;
    font-size:14px;
    line-height:28px;
}

 .block {
    column-break-inside : avoid;
    display: inline-block;
    padding:0px 0px 16px 0px;
}