/*
 *	generated by WOW Slider 2.5
 *	template Noble
 */
#topTheme {
	position: relative;
	float:left;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
}

#wowslider-container1 { 
	zoom: 1; 
	position: relative; 
	/*max-width:950px;*/
	margin:0 auto;
	z-index:25;
	border:none;
	text-align:left; /* reset align=center */
}
/*
* html #wowslider-container1{ width:950px }
*/
#wowslider-container1 ul{
	position:relative;
	width: 10000%; 
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1%;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*overflow:hidden;*/
}
#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    display: block;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1  a.wsl{
	display:none;
}

#wowslider-container1  .ws_bullets { 
	padding: 10px; 
}
#wowslider-container1 .ws_bullets a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #d6d6d6; 
	color: #d6d6d6; 
	text-indent: -4000px; 
	background-image:url("data:image/gif;base64,");
	position:relative;
	color:transparent;
}
#wowslider-container1 .ws_selbull { 
	background-color: #d6d6d6; 
	color: #FFFFFF; 
}

#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull { 
	background-color: #d6d6d6;
	color: #FFFFFF; 
}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:block;
	top:50%;
	margin-top:-16px;
	z-index:60;
	height: 67px;
	width: 32px;
	background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
	background-position: 0 0; 
	right:-7px;
}
#wowslider-container1 a.ws_prev {
	left:-7px;
	background-position: 0 100%; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 0; 
}
#wowslider-container1 a.ws_prev:hover{
	background-position: 100% 100%; 
}
/* bottom center */
#wowslider-container1  .ws_bullets {
	top:0;
    right: 0;
}

#wowslider-container1 .ws-title{
	position: absolute;
	bottom:7%;
	/*left: 0;*/
	right: 4%;
	top: 74%;
	margin-right:5px;
	z-index: 50;
	color:#1E4553;
	font-family: "Droid Sans";
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	text-align: right;
	float: right;
	background-color: transparent; /*#FFF;*/
	color: #FFF;
	padding:10px;
	opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top:0px;
	font-size: 1.4em;
}

@media only screen and (max-width: 480px) {
	#wowslider-container1 .ws-title {font-size: 0.7em; top: 55%;}	
}
#wowslider-container1 ul{
	animation: wsBasic 808s infinite;
	-moz-animation: wsBasic 808s infinite;
	-webkit-animation: wsBasic 808s infinite;
}
@keyframes wsBasic{0%{left:-0%} 0.25%{left:-0%} 0.5%{left:-100%} 0.74%{left:-100%} 0.99%{left:-200%} 1.24%{left:-200%} 1.49%{left:-300%} 1.73%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 0.25%{left:-0%} 0.5%{left:-100%} 0.74%{left:-100%} 0.99%{left:-200%} 1.24%{left:-200%} 1.49%{left:-300%} 1.73%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 0.25%{left:-0%} 0.5%{left:-100%} 0.74%{left:-100%} 0.99%{left:-200%} 1.24%{left:-200%} 1.49%{left:-300%} 1.73%{left:-300%} }

#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:12px;
	left:-143px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #B8C4CF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:285px;
	background-color:#B8C4CF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	top:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bulframe span{
	position:absolute;
}
/*@font-face {
    font-family: "Droid Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Droid Sans"), local("DroidSans"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff") format("woff");
}*/
/* <style type="text/css">  handig voor highlight */
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	background: #c6dcf1 url(../bg_image.jpg) no-repeat center center fixed;-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;;
	color: #000000;
	font-weight: normal;
	scrollbar-arrow-color: rgb(161, 171, 192);
	scrollbar-face-color: #f2f2f2;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color:#ebebeb;
	scrollbar-shadow-color: #d9d9d9;
	scrollbar-darkshadow-color: #c6dcf1;
	scrollbar-track-color: #ffffff;
}

#wrapper {
    display: -webkit-flex;
	display:flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	;
	text-align: left;
	width: 100%;
	min-height: 100vh;
}
@media screen and (min-width:0\0) {
/*Center and height hack for ie9,10,11*/
	#wrapper {
		-ms-flex-align:center;
		height:100px;
	}
}
table {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table, td {
	vertical-align: top;
}
strong {font-weight: bold;}
a {
	cursor: pointer;
	color: rgb(161, 171, 192);
	font-weight: bold;
	text-decoration: none;
}
.textblok_text a, .newsText a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
a:hover {
	text-decoration: underline;
}
hr {
	color: rgb(70, 102, 124);
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: 100%;
	height: 0;
	border: 0;
	border-top: 1px solid rgb(70, 102, 124);
}
.color_light {
	color: rgb(161, 171, 192)}
/* <style type="text/css">  handig voor highlight */
.intro_text h1:first-child, .intro_text h2:first-child, .intro_text h3:first-child, .intro_text h4:first-child, .intro_text h5:first-child, .intro_text h6:first-child, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .para_col h1:first-child, .para_col h2:first-child, .para_col h3:first-child, .para_col h4:first-child, .para_col h5:first-child, .para_col h6:first-child {

    	margin-top: 1rem;
}
h1 {
	font-size: 196%;}
h2 {
	font-size: 154%;}
h3 {
	font-size: 126%;}
h4 {
	font-size: 112%;}
h5 {
	font-size: 98%;}
h6 {
	font-size: 84%;}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5rem;
    font-weight: bold;
    color: rgb(70, 102, 124);
}.header a {font-weight: bold}
p {
	margin:0;
	word-wrap: break-word;
}
img {
	border: 0px;
}
#content img, iframe {
	max-width: 100%;
    object-fit: contain;
}
/* classes voor font size - als in tinymce.php */

.kleiner_4px {
	font-size: 10px;
	line-height: 1.4em;
}
.kleiner_2px {
	font-size: 12px;
	line-height: 1.4em;
}
.normaal {
	font-size: 14px;
	line-height: 1.4em;
}
.groter_2px {
	font-size: 16px;
	line-height: 1.4em;
}
.groter_4px {
	font-size: 18px;
	line-height: 1.4em;
}
.groter_6px {
	font-size: 20px;
	line-height: 1.4em;
}
.groter_8px {
	font-size: 22px;
	line-height: 1.4em;
}
.groter_12px {
	font-size: 26px;
	line-height: 1.4em;
}
.groter_20px {
	font-size: 34px;
	line-height: 1.4em;
}
.groter_28px {
	font-size: 42px;
	line-height: 1.4em;
}

.smaller_4px {
	font-size: 10px;
	line-height: 1.4em;
}
.smaller_2px {
	font-size: 12px;
	line-height: 1.4em;
}
.normal {
	font-size: 14px;
	line-height: 1.4em;
}
.bigger_2px {
	font-size: 16px;
	line-height: 1.4em;
}
.bigger_4px {
	font-size: 18px;
	line-height: 1.4em;
}
.bigger_6px {
	font-size: 20px;
	line-height: 1.4em;
}
.bigger_8px {
	font-size: 22px;
	line-height: 1.4em;
}
.bigger_12px {
	font-size: 26px;
	line-height: 1.4em;
}
.bigger_20px {
	font-size: 34px;
	line-height: 1.4em;
}
.bigger_28px {
	font-size: 42px;
	line-height: 1.4em;
}
body { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;}
#mailtable { width: 100%; }
#mailcontent {padding:4% 10px;font-size: 14px;}
p { margin: 0px; padding: 0px; }
P, LI {line-height: 1.4em; }
H2 {line-height: 1.4em; }
sup{font-size: 80%; line-height: 80%;}
h1, h2, h3, h4, h5 {font-weight: bold}
@media only screen and (max-width: 480px){
    body {font-size:16px}
	h1 { font-size: 200%!important; }
	h2 { font-size: 150%!important; }
	h3 { font-size: 150%!important; }
}
.formresponse table td, .formresponse table th {padding: 0.6em 0 0;}

/* element classes */
img.top {
	z-index: 0;
}
.audio {
	background-color: rgb(70, 102, 124);
	color: #ff00FF;
	border-style: solid;
	border-width: 5px 5px 0px 0px;
	border-color:  #ffaaaa;
	margin-top:-10px;
	margin-bottom:-10px;
	vertical-align: bottom;
}
.titel {
	color: rgb(70, 102, 124);
	font-size: 200%;
	letter-spacing: 5px;
}
.titel2 {
	color: rgb(70, 102, 124);
	font-size: 150%;
	letter-spacing: 4px;
}
table.copyright {
	height: 20px;
	width: 100%;
}
.copyright {
	color: #999;
}
.copyright td {
	vertical-align:middle;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.copyright a {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
.copyright a:hover {
	text-decoration: underline;
}
.highlight { 
	color: #fff;
	background-color: rgb(161, 171, 192)}
.message { 
	display: table;
	width: 100%;
	color: #000000;
	background-color: #f2f2f2;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom:4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    box-sizing: border-box;
    padding: 1em;
}
td.message { 
	padding: 6px;
	display: table-cell;
}
.message_padding { /*padding: 10px;*/}
.label {
	color: #000000;
	font-weight: bold;
	vertical-align: top;
}
.knop, .button {
    color: #000000;
    border: none;
    cursor: pointer;
    padding: 10px 25px!important;
    width: auto;
    border-radius: 5px;
    font-size: 1em;
    background: rgb(161, 171, 192)!important;
    transition: background-color 0.5s ease;
    width: auto!important;
}
.knop:hover, .button:hover {
    color: #000000;
    background: #d0d5e0!important;
}
/* module elementen */
div#page_name {
	width: 100%;
	position:relative;
}
div.moduleTitle, div#page_name H1 {
	display: none;	color: rgb(70, 102, 124);
	background: url(../lijn.gif);background-repeat:repeat-x;background-position: bottom;	margin-bottom:13.5px;
	padding-bottom: 11px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 252%;	font-weight: bold;
	letter-spacing: 5px;
	margin: 0;
	margin-bottom: 0.5em;
}
div.backLink {
	border-bottom: 1px solid rgb(70, 102, 124); 
	width: 100%;
	margin-top: 5px;
    margin-bottom: 10px;
	padding: 5px 0px 5px 1px;
}
div.backLinkBottom {
	border-top: 1px solid rgb(70, 102, 124); 
	width: 100%;
	margin-top: 8px;
	padding: 5px 0px 5px 1px;
}
div.textblok_container {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.background_padding {
	padding: 1em;
	box-sizing: border-box;
}
.textblok_text {
	width: 100%;
	max-width: inherit;
	margin-bottom: 5px;
	display:block;
	overflow:hidden;
}
div.read_more {
	float:right;
	/*line-height: 1.4em;*/
}
a.read_more {
    white-space: nowrap;
}
a.read_more:after {
    content: " \000BB";
    white-space: nowrap;
}
.test_button {
	background-color: rgb(161, 171, 192);
	color: #ffffff;
	padding: .4em 1.7em;
	border-radius: 25px;
	text-decoration: none;
	font-size: inherit;
	display: inline-block;
}
.test_button:hover {
	text-decoration: none;
	filter:brightness(125%);
}
.test_button.square {
	border-radius: 0;
	margin: 0px;
}
.test_button.rounded {
	border-radius: 10px;
	margin: 0px;
}
.ui-tooltip, .arrow:after {
    background: white ;
    border: 2px solid #ccc ;
}
.ui-tooltip {
    padding: 10px 20px ;
    color: black ;
    border-radius: 20px ;
    font: bold 14px "Helvetica Neue", Sans-Serif ;
    text-transform: uppercase;
    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;
}
div.textblockBottom {
	display: inline-block; /* 8.0 */
	border-bottom: 1px solid rgb(70, 102, 124); 
	width: 100%;
	height: 1rem;
	margin-bottom: 0.667rem;
}
div.textblockBottom#last  {
	border-bottom: 0;
}
div.moduleMenu {
	border-bottom: 1px solid rgb(70, 102, 124); 
	width: 100%;
	margin: 5px 0px;
	padding: 5px 0px 5px 1px;
}
div.newsHeader {
	/*font-size: 120%;
	font-weight: bold;*/
	float:left;
	/*margin-bottom: 7px;*/
}
div.newsHeader H2, div.newsHeader H3 {margin-top: 0.1em;}
div.newsDate {
	margin: 0px;
	text-align:right;
	float:right;
	width: 95px;
	margin-top: 0.5em;
}
div.newsText {
	clear:both;
}
.news_message h3.title  {
	margin-top:0.6em;
}
div.gbHeader {
	position: relative;
	width: 75%;
	margin: 0px 0px 10px 0px;
	font-size: 90%;
	font-weight: bold;
}
div.gbDate {
	position:relative;
	width: 25%;
	float: right;
	margin: 0px;
	font-size: 90%;
	text-align:right;
}
p.lastlogin {
	border-top: 1px solid rgb(70, 102, 124);
	margin: 5px 0px 5px 0px;	
	padding: 5px;
	text-align:right;
}
.page_img_left, .page_img[style*="float: left"] { 
	margin: 2px 15px 5px 0px;
	text-align:left; 
	float:left;
}
.page_img_right, .page_img[style*="float: right"] {
	margin: 2px 0px 5px 15px;
	text-align:right; 
	float:right;
}
.page_img_top {
	margin: 2px 0px 0px 0px;
}
.page_img_bottom {
	margin: 15px 0px 1em 0px;
}
.img-rounded, .img-rounded img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.img_zoom, .img_zoom_hover {
	overflow:hidden;
}
.img_zoom img {
	-moz-transition: all 15s ease-out;
	-webkit-transition: all 15s ease-out;
	-o-transition: all 15s ease-out;
	-ms-transition: all 15s ease-out;    
	transition: all 15s ease-out;
}
.img_zoom_hover img {
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;    
	transition: all 0.5s ease-out;
}
.start, .img_zoom_hover img:hover {
	-moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.video { margin-bottom: .7em; }
.page_img_left img, .page_img_right img, .page_img_top img, .page_img_bottom img {width: 100%;height: 100%;}
.page_img_top iframe, .page_img_bottom iframe {
	width: 100%; height:100%;
	position: absolute;
	top: 0;
	left: 0;
}
.page_img_caption_left {
	font-size: 12px;
	position: relative; 
	text-align:left;
	top:2px;
	font-style:italic;
}
.page_img_caption_right, .page_img_caption_top, .page_img_caption_bottom {
	font-size: 12px;
	position: relative; 
	text-align:right;
	padding: 8px 0;
	font-style:italic;
}
figure.image{display:inline-block;border:0;background:transparent;}
figure.image{margin:10px 15px 5px 15px}
figure.image.align-left{margin-left:0;float:left}
figure.image.align-right{margin-right:0;float:right}
figure.image img{margin:0}
figure.image figcaption{font-size: 12px;margin:8px 0 0px;text-align:right;font-style: italic;}

.news_img_left {
	margin: 2px 12px 5px 0px;
	float: left;
}
.news_img_right {
	margin: 2px 0px 5px 8px;
	float: right;
}
/* nieuw versie 8.0 */
.page_doc {
	position:relative;
	height: auto;
	margin-top: 2em;
}
	
.page_doc_left {
	display:inline-block;
	text-align:left;
	padding-right: 20px; 
	margin-bottom: 1em;
	/*float:left;*/
}
.page_doc_right {
	display:inline-block;
	text-align:right; 
	float:right;
	margin-bottom: 1em;
}


/* Onderdeel van Album */
.album_img {
	color: #000000;
	background-color: #f2f2f2;
	border-left: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	height: 122px;
	width: 122px;
	vertical-align:middle;
	text-align:center;
	padding: 10px 8px 8px 8px;
	margin: 2px 4px 2px 0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.image_box {
	color: #000000;
	background-color: #f2f2f2;
	margin:5px 5px 5px 5px; 
	padding:0px; 
	vertical-align: middle;	
}

#body_container {
    display: -webkit-flex;
    display: flex;
  	-webkit-flex-direction: column;
  	flex-direction: column;
	background-color: #ffffff;	/*for #wrapper flex*/
  	-webkit-flex:1 auto;
  	flex:1 0 auto;
		font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	max-width: 900px;
	width: 100%; /*needed for carrousels!*/
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-sizing: border-box;
}
#media_container {
	-webkit-flex: 0 auto;
	flex: 0 auto;
	position: relative;
	background-color: transparent;
	border-bottom: 0px solid #9d9da1;
	display: block;
	max-width: 900px;
	width: 100%;
	padding: 4px 0 4px 0;
	margin-left: auto;
	margin-right: auto;
    z-index: 9;
}
.tweet_iframe_widget {width:auto !important;}
#mc_padding {
	padding: 4px 0 4px 0;
	overflow: hidden;
}
#mc_search {float:left; position:relative;}
#mc_search form {margin: 0 !important;}
.mc_input { height: 16px; vertical-align:top; font-size:1.2em; width: 160px}
/*input.search { */ 
input[type="search"] {
	background:url(https://je-eigen-site.nl/images/buttons/search16.png) 3px center no-repeat;
/*	background-color: ; */
	padding: 2px 4px 1px 24px;  
	background-color:#FFFFFF;  
	border:1px solid #EFEFEF; 
	width: 142px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: textfield; 
	margin-bottom: 0 !important;
}

#mc_search img {position: relative; top: 4px;}
#mc_social {float:right; position:relative;}
#mc_social div{float:left; position:relative; margin-left: 8px;height: 32px;}
#mc_social.small div {height: 16px;}
.socialsvg{
	display:inline-block;vertical-align: middle;margin:0 2px;fill:#fff;
}
.socialsvg.small{
	width: 16px;height: 16px;border-radius: 2px;
}
.socialsvg.large{
	width: 32px;height: 32px;border-radius: 5px;
}

#top_container {
	display:block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#title_container { 
	color: rgb(70, 102, 124);
	display:block;
	position: absolute;
	float: right;
	top: 32%;
	right: 0px;
	max-width: 860px;
	height: 0;
	text-align: right;
	font-size: 180%;
	letter-spacing: 2px;
	margin-right: 4%;
	padding: 0px;
	border: 0px;
	z-index: 30;
}
#loggedin_container{
	float: right;
	height: 3em;
}
#header_container {
  	-webkit-flex: 0 auto;
  	flex: 0 auto;
  	position: relative;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
/* <style type="text/css">  handig voor highlight */

/*  CSS MENU ========================= */

#header_container {
	/*height: 140px;*/
}
.nav-holder select{ display: none;}
#menu_container {
	clear: both;
		display: block;
		background: url(../lijn.gif) left bottom repeat-x;	position: relative;
	max-width: 900px;
	width: 100%;
	padding-bottom: 6px;
	float: left;
	left: 0;
	color: rgb(161, 171, 192);
	z-index: 30;
	margin-bottom: -1.2em;
    bottom: 0;
    margin-bottom: -6px;
    position: absolute;
}
#menu_container.hamburger {
    background:none;
    background-color:transparent;
    bottom: 5px;
    margin-bottom: auto;
    display:block;
}

#menu_container.hamburger #topNav { 
	border: 0 !important; 
	margin: 0;
	width: 100%;
    padding: 14px 0 0 0;
}

#topNav {
	float: left;
	width: 100%;
	margin-left: 18.888888888889%; width: 81.111111111111%; border-left: 1px solid #666;;
}
#topNav select {
	display: none;
}
#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	position:relative;
	line-height: 1.8em;
	/*width:11em;*/
}
#menu li ul {
	position:absolute;
	margin-top:0em;
	display:none;
	min-width: 11em;
	margin-left: -1px;
}
/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.hover ul, #menu ul li.over ul {
	display:block;
}
#menu li:hover li, #menu li.hover li {
	float: none;
}
#menu li:hover li a, #menu li.hover li a {
	background-color: rgb(161, 171, 192);
}


/* ******************************************************************* */
/* STYLING UP THE LINKS */


#menu a {
	display:block;
	border-right:1px solid #fff;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #666;
	background: #fff; /* rgb(161, 171, 192)*/
	color:#333;
	text-decoration:none;
	padding:0 8px;
}
#menu_container.hamburger #menu a {
	border: 0px;
}
#menu #current a, #menu .current a{
	background: rgb(161, 171, 192);
		color: #fff;
}
#menu #submore #current > a, #submore a.selected {
	background-color:#d0d5e0 !important;
			background-color: #666!important;
		color: #fff!important;
		/* #d0d5e0 - 1.4553901417136 */
}
#menu a:hover, .sub-menu a:hover, #submore a:hover, #menu a.hover, .sub-menu a.hover, #submore a.hover, .current #current a {
	background-color:#d0d5e0 !important;
	color:#ffffff;
				background-color: #666!important;
			color: #FFF!important;
			/* $text_bg  1.4553901417136 */
		}

#menu ul a {
	background:#d0d5e0;
}

/* ******************************************************************* */

#menu {
	z-index:1;
}
#menu ul {
	z-index:2;
}
#menu ul ul {
	z-index:3;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 5px solid rgb(161, 171, 192);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

#menu .caret {
  margin-top: 0.9em;
  margin-left: 5px;
}
#submore li .caret {
  border-top: 5px solid #ffffff;
  margin-top: 0.8em;
}

#menu #current .caret, #menu .current > a .caret {
  border-top-color: #ffffff;
}
/* submenu specifiek */
#menu li li a {
	border: none;
	color:#FFF;
	    padding: 8px 10px;
}
#menu li li:last-child a {
	/*padding-bottom: 2px;*/
}
#menu li a:hover, #menu li a.hover {
	background-color:#d0d5e0;
	color:#ffffff;
}

#menu #submore_container #submore li ul {
	position: absolute;
	left: -11em;
	width: 11em;
	margin-left:0px;
	top: 0;
}
#menu #submore_container #submore.hamburger li ul {
	left: 11em;
}
#hamburger {
	box-sizing:border-box;
	width: 40px;
	height: 39px;
	border-radius: 8px;
	/*border: 1px solid #CCC;*/
	margin-top: 2px;
	padding-top: 4px;
	background-color: rgb(161, 171, 192);
}
li:hover #hamburger, #hamburger.hover {
	
	background-color: rgb(70, 102, 124);
}
#hamburger div {
	border-radius: 5px;
	width: 24px;
	height: 5px;
	background-color: #ffffff;
	clear: both;
	margin: 4px auto;
}
#submore_container a {
	color: rgb(161, 171, 192);
	}
#menu #submore_container.hamburger > a {
	background-color: transparent !important;
	
}

#menu #submore_container:hover, #menu #submore_container.hover {background: transparent!important; }

#submore_container.hamburger {float: right!important; margin-right: 2%; }

/* scrollable  */
.sub-menu {      
    max-height: 86vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    display: list-item;
    scrollbar-color: rgb(70, 102, 124) rgb(161, 171, 192);
}
#submore.hamburger li ul.sub-menu {
    max-height: 75vh!important;
}    

/* <style type="text/css">  handig voor highlight */
#sidebarmenu, #sidebarmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 126px;}
#sidebarmenu li {
	color: rgb(161, 171, 192);
	font-size: 14px;
	border-bottom: 1px dotted #666666;  

	padding: 5px 2px 5px 2px;
	text-align: right;
}
#sidebarmenu a {
	color: #000000;
	text-decoration: none;
	overflow-wrap: break-word;
}
#sidebarmenu a:hover {
	color: rgb(161, 171, 192);
	text-decoration: none;
}
#sidebarmenu a.selected {
	color: rgb(161, 171, 192);
}
#sidebarmenu a.selected:hover {
	text-decoration: none;
}
#subsubSlide {
	position:absolute;
	display:none;
}
.subSubMenu {
	overflow:hidden;
	/*width: 135px;*/
	height:auto;
}
.subSubMenu a{
	display: block;	
	margin-top: 4px;
	margin-bottom: 1px;
}

#submenu_container{
	clear: both;
	vertical-align:top;
	/*padding-top: 2;*/
	float: left; width: 17.675925925926%; !important;
	min-width: calc(170px - 2%); 
    margin-top: 1em;
}

#submore li .subSubMenu {
	margin-right:0;
}
#submore li .subSubMenu a {
	margin:0;
	padding-left: 15px;
	padding-right: 0;
}
/* <style type="text/css">  handig voor highlight */
#header_container {
	height:auto;
}
#menu_container {
	background-image: none;
	background-color: rgb(70, 102, 124);
	min-height:2em;
	bottom: 0;
	padding-bottom: 0;
	position: relative;
	margin-bottom: 0px;
}
#topNav {
	border-left:2px solid #fff;
}
#menu a {
	border-width: 0px 2px 0 0;
	border-color: #fff;
	color: #ffffff;
	background-color: transparent;
	padding: 0 10px;
}
#menu #current a, #menu li a:hover, #menu li:hover li a, #menu li a.hover, #menu li.hover li a {	
	color: #000000}
#menu {
    height: 2.1em;
}
#menu li {
    line-height: 2.1em;
}
#menu li ul {
    margin-left: 0;
}

#content_container {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;

	position:relative;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
	vertical-align:top;
	max-width: 900px;
	width: 96%;
	min-height: 640px;
	padding: 2%;
	overflow: auto;
	background-color: #ffffff;
}
#footer_container_main{
	-webkit-flex: 0 auto;
	flex: 0 auto;

	background-color: #25031E;
	color: #061537; 
	position: relative; 
	float: left; 
	width: 100%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#footer_container_main a {
	color: #061537; 
}
#footer_container_new {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	vertical-align:top;
	max-width: 900px;
	width: 96%;
}
#content {
	float: left; width: 80%; !important;
    margin-top: 1em;
}
.content_bgcolor {
	position: relative;
	float: left;
	width: 100%;
}
#trace_container {
	text-align:left;
	font-size: 1em;
	width: 80%;
	float: left;
	height: 1em;
	/*margin: 1%;*/
	float: left;
		margin-top: 6px;
	}
#search_container {
	margin-top: 10%;
	text-align:right;
	clear:both;
	float: left;	margin-bottom: 5px;
	width:126px;
}
#search_container input {width:96px;}
#search input[type="text"] {
/*    background: url(search_btn.png) no-repeat 110px #fcfcfc; */
    border: 1px solid #d1d1d1;
    font: bold 11px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    padding: 4px 15px 4px 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#search_container .rss {
	margin-bottom: 10px;
}
#search_container span {padding-right: 2px;}
table#content, table.content {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing:0px;
}
#lijn {
	height: 6px;
	background: url(../lijn.gif);background-repeat:repeat-x;background-position: 0px 0px;}
#right_container {
	width: 10px;
}
/* form elementen */
form {
	margin: 0px;
	padding: 0px;
/*	line-height: 22px;  nog niet ivm error_divs*/
}
div.form {
	border-top: 1px solid rgb(70, 102, 124); 
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	width: 100%;
}
div.form div {
	display: block;
}
div.inputContainer {
	display: block;
	margin: 6px 0px 0px 0px;
	position:relative;
	clear: both;
	float: left;
	width: 100%;
}
div.inputLabel {
	clear: both;
	float: left;
	margin: 2px 5px 0px 0px;
	font-weight: bold;
	min-width: 30%;
}
div.inputLabelFormulier {
	clear: both;
	position:relative;
	float: left;
	margin: 2px 5px 0px 0px;
	font-weight: bold;
	width: 30%;
}
div.inputValue {
	position: relative;
	float: left;
	margin: 0px 2px 0px 0px;
	min-width: 65%;
}
.col-lg-9 div.inputValue {width: 100%}
div.inputValue input, div.inputValue select, div.inputValue textarea {
	width: 100%;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.inputDate select {
	font-size: 12px;
}
div.inputValue textarea {
	overflow:auto;
	height: 100px;
}
div.inputImageCode {
	margin-left: calc(30% + 5px);
	height: auto;
}
div.inputImageCodeFormulier {
	width: 65%;
	height: auto;
}
div.inputDate a img { vertical-align: text-bottom }
select.date_day {
	width: 50px;
}
select.date_month {
	width: 120px;
}
select.date_year {
	width: 80px;
}
div.inputCode {
	position:relative;
	width: 110px;
	float: left;
	margin: 2px 2px 2px 0px;
    display: inline-block;
}
div.inputCode input{
	width: 70px!important;
}
img.code {
	display:block;
	float:left;
	margin: 2px 0px 0px 0px;
}
div.inputRadio {
	width: 220px;
	float: left;
	margin: 3px 2px 2px 0px;
}
div.inputRadio input {
	width: auto;
	height: auto;
}
div.inputError {
	background-color:#FF3333;
	color:#FFFFFF;
	position:absolute;
	z-index:4;
	top: 3px;
	right: 26px;
	width: auto;
	height:auto;
	float:left;
	margin: 0px;
	text-align:right;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-radius: 3px;
}
div.inputError:hover, div.inputCode:hover div.inputError, div.inputValue:hover div.inputError {
	display: none;
}
div.inputError.ontop {
	padding: 0 5px;
	top: -14px;
	right: auto;
	left: 4px;
}
div.inputError.file {
	right: 175px;
}
div.inputError.left {
	right: auto;
	left: 4px;
}
div.inputError.below {
	left: 2px;
	top: 30px;
}
.recaptcha_error{
	background-color: rgb(255, 51, 51);
	padding: 2px 0 0 2px;
}
div.required {
	position:absolute;
	display:block;
	left: -15px;
	float: right;
	margin: 4px;
	height: 18px;
}
div.submitContainer {
	clear:both;
	margin-top:8px;
	padding-top:8px;
	min-height:40px;
}
div.submit {
	border-top: 1px solid rgb(70, 102, 124); 
	clear: both;
	position:relative;
	margin-top:5px;
	padding-top: 10px;
	padding-left: calc(30% + 6px);
	height: 45px;
}
div.spacer {
	clear: both;
	height: 2px;
	margin: 0px;
	padding: 0px;
}
div.submitFormulier {
	border-top: 1px solid rgb(70, 102, 124); 
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: calc(30% + 5px);
	/*height: 18px;*/
}
div.formError {
	color: rgb(161, 171, 192);
	margin-top: 10px;
	margin-left: 150px;
	height:auto;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.formulierError {
	color: rgb(161, 171, 192);
	margin-top: 10px;
	margin-left: 180px;
	height:auto;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.formLabel {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* WINKEL */
#content_container_winkel {
    flex: 1 0 auto;
	width: 100%;
	padding: 1% 0 0 1px;
}
.i-new-products{
	padding: 0 15px;
}
.i-new-products .owl-next {right: 5px!important;}
.i-new-products .owl-prev {left: 5px!important;}
/* voor popup */
#overlay { 
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px;
	width:100%;
	height:100%;
	z-index: 20;
	filter: alpha(opacity=55);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55; 
	opacity:0.55;
}
div.MaakumPopup {
	position: absolute;
	z-index: 99;
	background-color: #ffffff;
	border: 1px solid rgb(70, 102, 124);
	cursor:move;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}
div.popuptitle {
	display: block;
	background-color: rgb(70, 102, 124);
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	margin: 10px;
}

div.popupcontent {
	padding: 0px;
	margin: 10px;
}
div.banner {
	margin: 22px 0px 10px 0px; 
	width: 126px;
	_width: 130px; /* IE */
	float: left;}
.banners_container {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.banners_container div.banner {
	display:inline-block;
	margin: 10px;
	float: none;
}
#language_container {
    position: absolute;
	right: 2%;
	float: right;
	margin-top: 6px;
	margin-bottom: 1em;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
    -o-transition: all 500ms;
	transition: all 500ms;
	z-index: 9;
    
    width: 24px;
    padding-left: 0px;
    transition: all 500ms, background 500ms;
   /* background: rgba(255,255,155,0.9);*/
    margin-left: 1em;
}
#language_container a { margin-bottom: 10px }
#language_container li {
    height: 30px;
    float: right;
    box-sizing: border-box;
    padding-bottom: 23px;
    text-align: right;
    list-style: none; 
    transition: all 500ms, background 500ms;
    /*background: rgba(155,255,155,0.9);*/
    line-height: 2em;
}
#language_container li ul {
    visibility:hidden;
    padding: 0;
    }
#language_container li:hover ul, #language_container li.hover ul, #language_container li.over ul {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}
#language_container li:hover ul ul, #language_container li.hover ul ul, #language_container li.over ul ul {
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}     
/* voor share social media buttons */
.share {
	position: relative;
	height: auto;
	margin-top: 1em;
	margin-bottom: 10px;
	/*border-top: 1px solid #ebebeb;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #ebebeb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	clear:both;
	/*padding: 7px 6px 6px;*/
}
.addthis_32x32_style {}
.addthis_16x16_style {}
.footer_pipe { width: 8px; float:left; display:none; } /* @todo display staat uit */
.align_center { text-align:center;}
.align_left { text-align:left;}
.align_right { text-align:right;}

/*  FOOTER  ========================= */
#footer_container {
	clear: both;	
	border-top: 0px solid #000;
	padding-top: 2em;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
}
#footer_container h4 {
	font-weight: bold;
	margin-bottom: 2%;
	color:  #000000;
	text-shadow: 0 2px 2px #0F529A;
}
#footer {
	clear: both;
	font-size: 9px; 
	color: #999999;
	max-width: 900px;
	min-height: 20px;	
	margin: 0 auto;
	padding: 2px 0px 4px 0px;
	font-family: Verdana, Geneva, sans-serif;
}
#footer a{
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}
#footer a:hover{
	text-decoration: underline;
}
#footer .span_1_of_4 {
	width: 25%; 
	white-space: nowrap;
}
.foot_col_1 {padding-top: 5px; font-family: Verdana, Geneva, sans-serif;}
.foot_col_1 img {margin-bottom: -1px;vertical-align: text-top;}
.foot_col_2, .foot_col_3, .foot_col_4 { 
	text-align: center;
	padding-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
}
.foot_col_4 {text-align:right }
.col {
	display:block;
	float: left;
	position: relative;
}
/*  GLOBAL OBJECTS =================== */
.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.intro_text {
	padding: 6px 0 12px 0;
}

#wowslider-container1, #wowslider-container1 .ws_images img { max-height: 140px; }
/* ===== tbv isotope portfolio ====== */
.portfolio-wrapper {margin-bottom: 1em; }

.portfolio-tabs {
    list-style: none outside none;
    margin: 0 0 20px;
	margin-top: 2em;
    overflow: hidden;
    padding: 10px 0 0px;
}
.portfolio-tabs.ul li {
	background-image: none !important;
	/*padding-left: 0px !important;*/
}
.portfolio-tabs li {
    float: left;
    margin-right: 15px;
	line-height: 1.7em;
	border: 1px solid #f2f2f2;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	margin-bottom: 9px;
}
.portfolio-tabs li a {
	display:block;
	font-weight: normal;
	padding: 5px 20px 3px;
}
.portfolio-tabs li:hover {
	background-color: #d9d9d9;
}
.portfolio-tabs li a:hover {
	text-decoration: none;
	color: #000000;
}
.portfolio-tabs li.active a {
	color: #000000; /*#48C32C;*/
}
.portfolio-item {display: inline-block;
width: 24%;
margin-bottom: 10px;
}

.portfolio-item {
    margin-bottom: 0px;
}

.portfolio-item img { 
	/*width: 200px;*/
	display:block;
}
.port_title { margin: 0.5em 0; font-style: italic; }
.lv_title H2 { }
/* ==== tbv lighview slideshow ===== */
.portfolio-item .image div {
	/*padding: 12px;*/
	width: 100%;
}
.portfolio-item .image div {
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.portfolio-item .image img:hover {
	opacity: 0.9;
	filter: alpha(opacity=90); /* for IE8 and earlier */
}
.lv_title {
	font-weight: normal;
}
.lv_title_caption a, .lv_title_caption a:hover {
	color: #FFF;
}
/* <style type="text/css">  handig voor highlight */

@media only screen and (max-width: 900px) {	#content {
		width:calc(100% - 170px - 2%) !important;
	}
	#mc_padding {padding: 4px 2% 0 2%;}
	#header_container {
		height: auto;
	}
	#title_container {font-size: 150%;right: 0;}
    .bg_fixed {
       background-attachment: scroll!important;
       position: fixed!important;
    }
}
@media (max-width: 768px) {
    #submore_container.hamburger {
    margin-right: calc(4% - 7px);
    }
     #menu a {padding:0}
    #language_container {right: 4%;top: 6px;}
	.col_1_of_4 { width: 48%!important; }
	.col_1_of_4:nth-child(3) {margin-left: 0; clear: left;}
	.portfolio-item {width: 32%;}
	#footer { height: auto!important; position:relative;}
	.footer_pipe {display: none; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4 {width: 100%!important; }
	.foot_col_1 {
		position: absolute!important;
		bottom: 4px;
	}
	.checkout-progress ul {width:100%!important;}
/*}
@media only screen and (max-width: 480px) {*/
    #header_container, #wowslider-container1 .ws_images img { border-radius: 0; }
	.textblok_container, .textblok_text { overflow-x:auto!important;overflow-y: hidden;}
	.col_3_of_3, .col_2_of_3, .col_1_of_3, .col_1_of_2, .onethirdcoll, .twothirdcoll, .col_1_of_4 { width: 100%!important; }
	.bg_video {display: none;}
	.banners_container div.banner object { display:none;}
	#header_container {
		height: auto;
	}
    #content_container {
      width: 92%;
      padding: 4%;
    }
	#content {
        width:100% !important;
        max-width:100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
	}
	.video {width: 100%}
	.page_img_right iframe, .page_img_left iframe {
		width: 100%; height:270px;
		position: relative;
	}
	#submenu_container {
		display: none;
	}
	#menu_container {
        position: relative;
        background:none;
		background-color:transparent!important;
		bottom: 5px;
    	margin-bottom: auto;
		display:block;
	}
	#submore_container ul {right: 0!important; }
	#submore_container ul ul {left: -11em!important; }
	#topNav { 
		border: 0 !important; 
		padding: 2% 0; 
		margin: 0;
		width: 100%;
	}
	ul#menu > li {
		visibility:hidden; 
	}
	#submore_container {
		visibility:visible !important;
	}
	div.inputValue {width: 100%;}
	#title_container {font-size: 130%;}
	#sForm input {
		width: 100%!important;
	}
		#sForm input {
		width: 100%!important;
	}
	#menu li li a {
	    padding: 5px;
	}
	.news_img_right, .news_img_left {
		width: 100%;
	}
	.portfolio-item {width: 48%;}
    /* for bg */
    .bg_fixed { top: -61px!important; height: calc(100% + 61px)!important}
    #content_container { overflow: visible!important; }
    /* eof for bg */
    .mflex{display: flex;flex-direction: column;}
	.mhide {display: none;}
	.mpos0{order: 0;}
	.mpos1{order: 1;}
	.mpos2{order: 2;}
	.mpos3{order: 3;}
    
    .bg_img .paraldivl, .bg_img .paraldivr {
        min-height: 300px;
    }
    .textblok_container.bg_img {
        display: block!important;
    }    
    .bg_img .paraContDivl>.contDiv, .bg_img .paraContDivl>.section {padding: 2em 0 0!important; width: 100%!important}
    .bg_img .paraContDivr>.contDiv, .bg_img .paraContDivr>.section {padding: 0 0 2em 0!important; width: 100%!important}
    .bg_img[style*="background-color"] .paraContDivl>.contDiv, .bg_img[style*="background-color"] .paraContDivl>.section {padding: 1em!important;width: auto!important}
    .bg_img[style*="background-color"] .paraContDivr>.contDiv, .bg_img[style*="background-color"] .paraContDivr>.section {padding: 1em!important;width: auto!important}
}
@media only screen and (max-width: 480px) {
	.page_img_right, .page_img_left, .page_img {
		margin-left: 0;
		margin-right: 0;
		/*width: 100%!important;
		max-width: none!important;*/
        height: auto;
	}
	.page_img_right, .page_img_left div{
		width: 100%!important;
		max-width: none!important;
		max-height: none!important;
	}

}
@media only screen and (max-width: 375px) {
    #submore_container.hamburger {
    margin-right: calc(4% - 3px);
    }
	.page_img_right, .page_img[style*="float: right"] {
		float:none!important;
		margin-left: 0!important;
	}
	.page_img[style*="float: right"] {
		display:block!important;
		margin-bottom: 1em!important;
	}
}
@media only screen and (max-width: 320px) {
	.page_img_right iframe, .page_img_left iframe {
		height:180px;
	}
	#menu a {
    font-size: 15px;
	}
	#menu #submore_container #submore li {
    width: 160px;
}
	#menu #submore_container #submore li ul {
    left: -160px!important;
	}
	#menu li ul {
    	width: 160px;
    	right: -15px;
		min-width: auto;
	}
	.portfolio-item {width: 100%;}
}/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0 0 5px;
}

/*  COLUMN SETUP  */
.para_col {
	display: block;
	float:left;
	margin: 0 0 0 4%;
    min-height: 1px;
}
.para_col:first-child { margin-left: 0; }


/*  GRID OF THREE  */
.col_3_of_3 {
	width: 100%;
}
.col_2_of_3 {
	width: 65.33%;
}
.col_1_of_3 {
	width: 30.66%;
}
.col_1_of_2, .col_2_of_4 {
	width: 48%;
}
.onethirdcoll{
	width: 30.66%;
}
.twothirdcoll{
	width: 65.33%;
}
.col_1_of_4 {
	width: 22%;
}
.col_3_of_4 {
	width: 74%;
}
.mflex{display: flex;height: auto;}
.para_col {flex: 0 0 auto;}
.col_1_of_4 .inputContainer .inputValue{width: 80%;}
.col_1_of_4 .inputContainer .inputImageCode {margin-left:auto}
.col_1_of_4 div.submitFormulier{padding-left: 0px;margin:0px;}
.textblok_container .inputImageCode{margin-top: 5px;}
/*  PLACE 2 COLLUMNS SIDE BY SIDE AT LESS THAN 580 PIXELS */

@media only screen and (max-width: 580px) {
	.col_1_of_4 {
		width: 45%;
		margin-left: 0; 
		margin-right: 15px;
	}		
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
	.para_col { margin: 1% 0 1% 0%;}
	.col_3_of_3, .col_2_of_3, .col_1_of_3, .col_1_of_2, .onethirdcoll, .twothirdcoll, .col_1_of_4 { width: 100%; }
	.form-group .col-lg-3, .form-group .col-lg-9 {width: 98%!important}
}
/* start formulier */
.form-horizontal { margin-top: 2em; }
.form-horizontal .form-group>* {display:inline-block;}
.form-horizontal .form-group>label {width: 30%}
.form-horizontal .form-group .col-lg-9 {/*min-width: 66% !important;*/
width: 69%;}
.form-horizontal .control-label {
	text-align: left;
	vertical-align: top;
	margin-top: 0.4em;
}
.form-control {
	box-sizing: border-box;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: rgb(161, 171, 192);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img.code {
    display: inline-block;
    float: none;
    margin: 0;
}
div.inputCode {
    float: none;
    margin: 0;
    width: 100px;
}
div.imgCode {vertical-align: top;}

div.inputFile {
	position: relative;
	/*padding: 4px;*/
}

input.inputFile_textbox {
	float: left;
	width: 70%;
}
.inputFileCont { 
	position:relative;
	float: left;
	height: 27px;
    width: 25%;
}
input.inputFile_hide {
	position:absolute;
	left:10px;
	top:0px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:100px;
	height:30px;
	text-decoration:none;
}

input.inputFile_show {
	position:absolute;
	left:10px;
	top:0px;
	z-index:1;
	padding: 3px 10px;
	
	color: #333;
	font-size: 13px;
	width: auto;
	cursor:pointer;
	background:#fff url('https://je-eigen-site.nl/images/buttons/form/form.gif') repeat-x top left; 
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#pseudobutton {	
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
input.inputFile_hide:hover, input.inputFile_show:hover {
	cursor:pointer;
}

/* == BOOTSTRAP == **/
.form-horizontal .control-group {
    margin-bottom: 3px;
}
label, inpunt, button, select, textarea {
	font-size: inherit;
}
select.date_day {
	width: 70px;
}

.form-group {
    margin-bottom: 10px;
}
.form-control { font-size: 12px;}
.date_day, .date_month, date_year { float:left }
#content_container {
    -moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing:content-box !important;
}

.checkbox .form-control {
    vertical-align: middle;
    width: auto;
}
.radio .form-control {
    width: auto;
}
.radio .optiondiv {
	display:inline-block;
	max-width: 345px;
	margin-bottom:5px;
}
.radio .optiondiv span {
	vertical-align: middle;
}
/** checkout progress bar **/
.checkout-progress {
	margin: 0;
	width: 100%;
	border-radius: 6px;
	margin-bottom: 2em;
}
.checkout-progress ul {
    list-style: none outside none;
    margin: 10px auto;
	padding: 0;
	width: 75%;
	display: flex;
    flex-wrap: wrap;
}
.checkout-progress li {
	flex: 1 1 content;
    background-color: #e5e5e5;
    color: #262626;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 7px;
    padding: 3px 10px 4px;
    text-align: center;
    text-transform: lowercase;
	opacity: 0.6;
	filter:alpha(opacity=60); /* for IE8 and earlier */
	border-radius: 6px;
	border:1px solid #d9d9d9;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
      	    box-sizing: border-box;
}
.checkout-progress li:first-child {
   margin-left: 0;
}

.checkout-progress li.current {
	opacity: 1;
	filter:alpha(opacity=100);
	color: #000000;
}
.checkout-progress-text {
	width: 100%;
}
/* end formulier */

/* == Parallax == */

section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: normal;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  padding: 240px 0;
  background-position: 0 0;
}
section.module.parallax h1 {
  color: #1e1e1e;
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px white;
}
.bg_parallax, .bg_fixed {
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  width:100%;
  height:100%;
  min-height: 150px;
  background-repeat:repeat;
  background-position: center;
  background-size: cover;
}
.bg_fixed {
  background-attachment: fixed;
}
.parallax {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  width:100%;
  height:100%;
  min-height: 150px;
  background-repeat:repeat;
  background-position: center;
  background-size: cover;
}
.parallax-content{
	position:relative;
	z-index:2;
}
/* end parallax */
.bg_video {
	max-width:none;
	position:absolute;
	top:0px;
	left:0px;
}
.parallax {max-width: none; }
    
/* bg_img left/right */
    
.textblok_container.bg_img {
	display: grid;
    /*margin: 2em 0;
	margin: 3.5em 0 4em;
	column-gap: 20px;*/
    padding: 0;
}
.bg_img .paraContDivl>.contDiv, .bg_img .paraContDivl>.section {padding: 4em;margin-bottom:0px;}
.bg_img .paraContDivr>.contDiv, .bg_img .paraContDivr>.section {padding: 4em;margin-bottom:0px;}

    
.bg_img:not([style*="background-color"]) .paraContDivl>.contDiv, .bg_img:not([style*="background-color"]) .paraContDivl>.section {padding: 4em 2em 4em 4em;}
.bg_img:not([style*="background-color"]) .paraContDivr>.contDiv, .bg_img:not([style*="background-color"]) .paraContDivr>.section {padding: 4em 6em 4em 4em;}
    
/*.bg_img:not([style*="background-color"]) { color:#FF0000 } */   
.bg_img.left {
	grid-template-columns: 40% 60%;
}
.bg_img.right {
	grid-template-columns: 60% 40%;
	overflow: hidden !important;
}
.bg_img .paraldivl{
position:static;
grid-column-start: 1;
}
.bg_img .paraldivr{
position:static;
grid-column-start: 2;
}
.bg_img .paraContDivl{
grid-column-start: 2;
justify-content: center;
flex-direction: row;
max-width: none;
}
.bg_img .paraContDivr{
grid-column-start: 1;
justify-content: center;
flex-direction: row;
max-width: none;
}
.bg_img .contDiv{
	max-width:525px;
	margin-bottom:0px;
    width: auto; 
}
   
    
    
    
div#last_para_order {
	display:none;
	position: fixed;
	bottom:30px;
	margin-left: -155px;
	z-index: 99999;
	padding: 20px 15px 0px 20px;
	background: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	opacity:0.5;
}

#cookie_warning {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background-color: #eee;
	color: #666;
    padding: 10px 15px;
    box-sizing: border-box;
    z-index: 999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#cookie_warning a { color: #666; }
#cookie_warning center {width: 90%; margin: 0 auto;}
#cookie_warning .cw_close {	
	position: absolute;
	top: 10px;
	right: 15px;
	top: 0px;
	right: 0px;
	margin: 10px 15px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}

.running {animation-play-state: running !important;}
.reveal{
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-timing-function: ease-in-out;
}
.mailing div.submitFormulier {
	border-top:0;
	padding-top:0px;
	margin-top: 0px;
}
.faq.textblok_container{padding-top: 0em;padding-bottom: 0em;}
.faq.textblok_container:first-child{padding-top: 3em;}
.faq.textblok_container:last-child{padding-bottom: 3.5em;}
.faq .textblok_text{transition: max-height 1s ease-out;}
.faq .header{cursor:pointer;margin-bottom: 0px}
.faq .header h1,.faq .header h2,.faq .header h3,.faq .header h4,.faq .header h5{margin-bottom: 0px;padding-right:20px;position: relative;width: 59%;}
.faq .header span{
position: absolute;
right: 0px;
transform: rotate(0deg);
transform-origin: center;
transition: transform .4s;
vertical-align:baseline;
font-size: .6em;
}
.faq .header span.active{transform: rotate(90deg);}
.hide{
	max-height: 0px;
	overflow: hidden;
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
  animation-delay: 0.5s;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(2 * 1.3);
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
  animation-delay: 0.5s;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
  animation-delay: 0.5s;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
  animation-delay: 0.5s;
}