/*
 *	generated by WOW Slider 2.5
 *	template Noble
 */
#topTheme {
	position: relative;
	float:left;
	margin-left: 0;
	margin-top: 0;
}

#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;
    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: 0;
}
body {
	background: #E99A24 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: #0D1B5A;
	scrollbar-face-color: #dc9122;
	scrollbar-highlight-color: #E99A24;
	scrollbar-3dlight-color:#d58d21;
	scrollbar-shadow-color: #c3811e;
	scrollbar-darkshadow-color: #E99A24;
	scrollbar-track-color: #E99A24;
}
#wrapper {
	;
	position: relative;
	text-align: left;
	width: 100%;
}
table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

table, td {
	vertical-align: top;
}
strong {font-weight: bold;}
a {
	cursor: pointer;
	color: #0D1B5A;
	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: #000000;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: 100%;
	height: 0;
	border: 0;
	border-top: 1px solid #000000;
}
.color_light {
	color: #0D1B5A}
/* <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: 209%;}
h2 {
	font-size: 154%;}
h3 {
	font-size: 132%;}
h4 {
	font-size: 110%;}
h5 {
	font-size: 88%;}
h6 {
	font-size: 66%;}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1rem;
    font-weight: bold;
    color: #000000;
}.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: 7px;
	line-height: 1.6em;
}
.kleiner_2px {
	font-size: 9px;
	line-height: 1.6em;
}
.normaal {
	font-size: 11px;
	line-height: 1.6em;
}
.groter_2px {
	font-size: 13px;
	line-height: 1.6em;
}
.groter_4px {
	font-size: 15px;
	line-height: 1.6em;
}
.groter_6px {
	font-size: 17px;
	line-height: 1.6em;
}
.groter_8px {
	font-size: 19px;
	line-height: 1.6em;
}
.groter_12px {
	font-size: 23px;
	line-height: 1.6em;
}
.groter_20px {
	font-size: 31px;
	line-height: 1.6em;
}
.groter_28px {
	font-size: 39px;
	line-height: 1.6em;
}

.smaller_4px {
	font-size: 7px;
	line-height: 1.6em;
}
.smaller_2px {
	font-size: 9px;
	line-height: 1.6em;
}
.normal {
	font-size: 11px;
	line-height: 1.6em;
}
.bigger_2px {
	font-size: 13px;
	line-height: 1.6em;
}
.bigger_4px {
	font-size: 15px;
	line-height: 1.6em;
}
.bigger_6px {
	font-size: 17px;
	line-height: 1.6em;
}
.bigger_8px {
	font-size: 19px;
	line-height: 1.6em;
}
.bigger_12px {
	font-size: 23px;
	line-height: 1.6em;
}
.bigger_20px {
	font-size: 31px;
	line-height: 1.6em;
}
.bigger_28px {
	font-size: 39px;
	line-height: 1.6em;
}
body { font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;}
#mailtable { width: 100%; }
#mailcontent {padding:4% 10px;font-size: 11px;}
p { margin: 0px; padding: 0px; }
P, LI {line-height: 1.6em; }
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:13px}
	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: #000000;
	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: #000000;
	font-size: 200%;
	letter-spacing: 5px;
}
.titel2 {
	color: #000000;
	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: #0D1B5A}
.message { 
	display: table;
	width: 100%;
	color: #000000;
	background-color: #dc9122;
	border-right: 1px solid #c3811e;
	border-bottom: 1px solid #c3811e;
	margin-bottom:4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    box-sizing: border-box;
    padding: 20px;
}
td.message { 
	padding: 6px;
	display: table-cell;
}
.message_padding { /*padding: 10px;*/}
.label {
	color: #000000;
	font-weight: bold;
	vertical-align: top;
}
.knop {
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    padding: 10px 25px;
    width: auto;
    border-radius: 25px;
    font-size: 1em;
    background-color: #0D1B5A;
    transition: background-color 0.5s ease;
}
.knop:hover {
    color: #FFFFFF;
    background-color: #868DAD;
    }
/* module elementen */
div#page_name {
	width: 100%;
	position:relative;
}
div.moduleTitle, div#page_name H1 {
	display: block;	color: #000000;
	padding-bottom: 5px;
	width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 198%;	font-weight: bold;
	margin: 0px 0px 0.5em -1px;
}
div.backLink {
	border-bottom: 1px solid #000000; 
	width: 100%;
	margin-top: 5px;
	padding: 5px 0px 5px 1px;
}
div.backLinkBottom {
	border-top: 1px solid #000000; 
	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.6em;*/
}
a.read_more {
    white-space: nowrap;
}
a.read_more:after {
    content: " \000BB";
    white-space: nowrap;
}
.test_button {
	background-color: #0D1B5A;
	color: #E99A24;
	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: 0; 
	width: 100%;
	height: 2em;
}
div.moduleMenu {
	border-bottom: 1px solid #000000; 
	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;}
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;
	margin: 0px 0px 10px 0px;
	font-size: 90%;
	font-weight: bold;
}
div.gbDate {
	position:relative;
	width: 100px;
	float: right;
	margin: 0px;
	font-size: 90%;
	text-align:right;
}
table.gb {
	width: 500px;
	height: auto;
}
p.lastlogin {
	border-top: 1px solid #000000;
	margin: 5px 0px 5px 0px;	
	padding: 5px;
	text-align:right;
	/*margin-right: 20px;*/
}
.page_img_left, .page_img[style*="float: left"] {
	margin: 5px 15px 5px 0px;
	text-align:left; 
	float:left;
}
.page_img_right, .page_img[style*="float: right"] {
	margin: 5px 0 0 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;
	display:block !important;
}
.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;
	display:block !important;
}
.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: 10px;
	position: relative; 
	text-align:left;
	top:2px;
	font-style:italic;
}
.page_img_caption_right, .page_img_caption_top, .page_img_caption_bottom {
	font-size: 10px;
	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: 10px;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: #dc9122;
	border-left: 1px solid #d58d21;
	border-top: 1px solid #d58d21;
	border-right: 1px solid #c3811e;
	border-bottom: 1px solid #c3811e;
	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: #dc9122;
	margin:5px 5px 5px 5px; 
	padding:0px; 
	vertical-align: middle;	
}

#body_container {
	display: flex;
  	flex-direction: column;
  	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
	height: auto;
	min-height: 100vh;
	max-width: 700px;
	width: 100%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width:0\0) {
/*Center and height hack for ie9,10,11*/
	#body_container {
		height:100px;
	}
}
#top_container {
	display: block; 
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	max-height: 250px;
		}
#media_container {
	margin-top: 1em;
	/*background-color: transparent;
    border: medium none;
	bottom: 20px;
	    display: block;
    height: 30px;
    left: 50%;
    margin-left: -350px;
    margin-right: auto;
    max-width: 700px;
    padding: 1em 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;*/
}
.tweet_iframe_widget {width:auto !important;}
#mc_padding {
	padding: 8px 0;
	}
#mc_social {float:right; position:relative;}
#mc_social div{float:left; position:relative; margin-left: 5px}
#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}
#mc_search input[type="search"] {
	-webkit-appearance: textfield;
	background:url(https://je-eigen-site.nl/images/buttons/search16.png) 3px 5px no-repeat;
	padding: 4px 4px 4px 24px;  
	border:none!important;  
	width: 160px;
	margin-bottom: 0 !important;
	padding: 4px 4px 4px 24px !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s!important;	
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #d78e21!important;
	color: #fff;
	-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;
	box-shadow:none!important;
}
input[type="search"]:focus {
	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	 border-color: #0D1B5A;
	 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);
	 
}
.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;
}
#loggedin_container{
	float: right;
	height: 3em;
	position:relative;
	z-index:9;
}
/* <style type="text/css">  handig voor highlight */
.nav-holder select{ display: none;}
#header_container {
	flex: 0 0 auto;
	position: relative;
	width: 100%;
}
/*  CSS MENU ========================= */
#menu_container {
	/*clear: both;*/
	display: block;
	background: transparent;
	width: 100%;
	position: relative;
	right: 0;
	min-height: 3em;
	font-size: 1.2em;
	float: right;
	z-index: 30;
	box-sizing:border-box;
}

#title_container { 
	color: #000000;
	display:block;
	position: absolute;
	float: right;
	top: 32%;
	right: 30px;
	max-width: 660px;
	height: 0;
	text-align: right;
	font-size: 180%;
	letter-spacing: 2px;
	margin: 0px;
	margin-right: 4%;
	padding: 0px;
	border: 0px;
	z-index: 30;
}
#topNav {
	float: left;
	width: 100%;
	margin-top: 0;
}
#topNav select {
	display: none;
}
#logo_site {
	display: inline-block;
	padding-left:15px;
}
#logo_site img {
	height: 2.7em;
}
#menu, #menu ul {
	list-style:none;
	float:right;
	padding:0;
	margin:0;
	margin-right: 2;
	-webkit-transition: all 0.2s ease-out !important;
  	-moz-transition: all 0.2s ease-out !important;
  	-o-transition: all 0.2s ease-out !important;
  	transition: all 1s ease-out !important;
}
#menu li {
	float:left;
	position:relative;
	line-height: 3em;
}
#menu li ul {
	position:absolute;
	display:none;
	min-width: 10em;
	right:0;
}
#menu ul li ul {
	margin-top:-40px;
	margin-left:7em;
}
/* ******************************************************************* */
/* 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 {
	-webkit-transition: background-color 0.2s ease-out !important;
  	-moz-transition: background-color 0.2s ease-out !important;
  	-o-transition: background-color 0.2s ease-out !important;
  	transition: background-color 0.2s ease-out !important;
	display:block;
}
#menu li:hover li, #menu li.hover li {
	float: none;
}
#menu li:hover li a, #menu li.hover li a {
	background-color: #0D1B5A;
	color: #FFFFFF}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	border: none;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	padding: 0 1em; 
}

#menu #current > a, #menu .current > a{
	color: #000000;
	}
#menu a:hover, #menu a.hover {
	color:#000000;
	}
#menu ul {
	border:none;
}
#menu ul a {
	border: none;
	background:#E99A24;
}

/* ******************************************************************* */

#menu {
	z-index:99991;
}
#menu ul {
	z-index:99992;
}
#menu ul ul {
	z-index:99993;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 5px solid #0D1B5A;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

#menu .caret {
  margin-top: 1.4em;
  margin-left: 5px;
}
#submore li .caret {
  border-top: 5px solid #E99A24;
  margin-top: 1em;
}

#menu #current .caret, #menu .current > a .caret {
  border-top-color: #000000;
}
/* submenu specifiek */

#menu ul {
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.sub-menu li  {
	border: none !important;
	color:#FFF !important;
	-moz-border-bottom-right-radius: 6px !important;
	-webkit-border-bottom-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	-moz-border-bottom-left-radius: 6px !important;
	-webkit-border-bottom-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
	line-height: 40px!important;
}
#submore li {
	line-height: 40px!important;	
}
.sub-menu li a {
	color: #FFFFFF;/*!important;*/
	-webkit-transition: background-color 0.2s ease-out !important;
  	-moz-transition: background-color 0.2s ease-out !important;
  	-o-transition: background-color 0.2s ease-out !important;
  	transition: background-color 0.2s ease-out !important;
}
.sub-menu li:last-child a {
	-moz-border-bottom-right-radius: 6px !important;
	-webkit-border-bottom-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	-moz-border-bottom-left-radius: 6px !important;
	-webkit-border-bottom-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}
.sub-menu a:hover, #submore a:hover, .sub-menu a.hover, #submore a.hover, #submore #current > a {
	background-color:#868DAD !important;
	color:#E99A24;
}
#menu #submore_container #submore li ul {
	position: absolute;
	left: -10em;
	width: 10em;
	margin-left:0px;
}
#menu #submore_container #submore li:last-child > a {
 	-moz-border-bottom-right-radius: 0px !important; 
 	-webkit-border-bottom-right-radius: 0px !important; 
 	border-bottom-right-radius: 0px !important; 
 	-moz-border-bottom-left-radius: 6px !important; 
 	-webkit-border-bottom-left-radius: 6px !important;
 	border-bottom-left-radius: 6px !important; 
} 
#hamburger {
	box-sizing:border-box;
	width: 40px;
	height: 39px;
	border-radius: 8px;
	/*border: 1px solid #CCC;*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
	background-color: #0D1B5A;
}
#hamburger:hover, #hamburger.hover {
	background-color: #000000;
}
#hamburger div {
	border-radius: 5px;
	width: 24px;
	height: 5px;
	background-color: #E99A24;
	clear: both;
	margin: 4px auto;
}
#submore_container>a {
	padding: 0 15px;
}
/*#submore_container a {
	 
	color: #0D1B5A	}*/
#menu #submore_container:hover, #menu #submore_container.hover {background: transparent; }

/* 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: #000000 #0D1B5A;
}
#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 0 2em 0;
	padding: 0;
}
#sidebarmenu li {
	color: #0D1B5A;
	font-size: 1.2em;
	/*border-bottom: 1px inset #868DAD; */
	background-color: transparent; /* #E99A24;*/
	padding: 5px 18px 5px 2px;
	text-align: right;
	
}
#sidebarmenu a {
	color: #0D1B5A;
	text-decoration: none;
	font-weight: normal;
	-webkit-transition: all 0.2s ease-out !important;
  	-moz-transition: all 0.2s ease-out !important;
  	-o-transition: all 0.2s ease-out !important;
  	transition: all 1s ease-out !important;
}
#sidebarmenu li .dropdown {
	width: 20px;
/*	margin-right:-20px;*/
	
}
#sidebarmenu li .dropdown::after {
	border-top: 5px solid #d58d21; 
	border-right: 5px solid transparent; 
	border-left: 5px solid transparent;
	border-bottom: none;
	display: block;
	width: 0px;
	height: 0px;
	vertical-align: top; 
	content: "";
	margin-top: 0.7em; /*standaard 0.7em; */
	margin-left: 5px; 
	margin-right: -18px;
	float:right;
}
#sidebarmenu li .dropdown:hover:after {
	border-bottom: 5px solid #d58d21; 
	border-right: 5px solid transparent; 
	border-left: 5px solid transparent;
	border-top: none;
}
#sidebarmenu li a.dropdown img { display:none; }

#sidebarmenu li:hover {
	/*background-color: #E99A24;*/
	
}
#sidebarmenu li:hover:before, .subSubMenu a:hover:before, #sidebarmenu a.selected:before {
	font-family:Arial, Helvetica, sans-serif;
	content: "\2588";
	font-size: 8px;
    text-align: left;
	float:left;
    display: block;
	margin-right: -6px;
	margin-top: 1px;
	margin-left: -10px;
	z-index:999;
}

#sidebarmenu a:hover {
	color: #000000;
	text-decoration: none;
	
	
}
#sidebarmenu a.selected {
	color: #000000;
}
#sidebarmenu a.selected:hover {
	text-decoration: none;
}

/* SHOW SUBMENU  1 
#sidebarmenu li:hover a, #sidebarmenu li.over a {
	display:block;
}
#sidebarmenu li:hover ul ul, #sidebarmenu li.over ul ul {
	display:none;
}
*/
#subsubSlide {
	position:absolute;
	display:none;
}
.subSubMenu {
	/*overflow:hidden;
	width: 135px;*/
	height:auto;
	margin-bottom: 0.66em;
/*	-webkit-transition: color 0.5s ease-out;
  	-moz-transition: color 0.5s ease-out;
  	-o-transition: color 0.5s ease-out;
  	transition: color 0.5s ease-out;*/
}
.subSubMenu a{
	display: block;	
	margin-top: 4px;
	margin-bottom: 1px;
}

#submenu_container{
	clear: both;
	vertical-align:top;
	/*padding-top: 2;*/
	display: none; !important;

}


/* <style type="text/css">  handig voor highlight */
#header_container {

}
#menu_container {

}
#menu li {
	line-height: 3em;
	background-color:transparent;
}
#menu > li:hover, #menu > li.hover, #menu > li#current, #menu > li.current, #menu #submore_container:hover, #menu #submore_container.hover {
	background: #0D1B5A; /* Old browsers */
	background: -moz-linear-gradient(top, #0D1B5A 0%, #0D1B5A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D1B5A), color-stop(100%,#091341)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0D1B5A 0%,#091341 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0D1B5A 0%,#091341 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0D1B5A 0%,#091341 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0D1B5A 0%,#091341 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D1B5A', endColorstr='#091341',GradientType=0 )";  /*IE8 */
}
#menu li ul {
	margin-left:0;
	margin-top: 0;
}
#menu a {
	-webkit-transition: color 0.2s ease-out;
  	-moz-transition: color 0.2s ease-out;
  	-o-transition: color 0.2s ease-out;
  	transition: color 0.2s ease-out;
	background-color: transparent;
	font-weight: normal;
}
#menu #current a, #menu .current a, #menu a:hover, #menu a.hover {
	color: #FFFFFF}
#submore li#current > a {
	background-color:#868DAD !important;
	color:#E99A24;
}
#menu .caret, #menu .current a .caret, #menu #current a .caret {
	border-top-color: #fff;
    margin-top: 1.4em;
}

#menu ul li ul {
	background-color: #0D1B5A;
}
/* WINKEL */

#content_container, #content_container_winkel {
	flex: 1 0 auto;

	position:relative;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	/*float: left;*/
	background-color: #E99A24;
	vertical-align:top;
	max-width: 700px;
	width: 96%;
	min-height: 400px;
	padding-top: 2%;
	padding-left: 2%;
	padding-right: 2%;	
	padding-bottom: 3em;
	background-color: #E99A24;
		-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	overflow:hidden;
}
#footer_container_main{
	flex-shrink: 0;

	background-color: #E99A24;
	color: ; 
	position: relative; 
	float: left; 
	width: 100%;
	margin-top: 10px;
	z-index:0;
}
#footer_container_main::after {
	content: "";
	position absolute;
	height: 16px; 
	max-width: 700px; 
	width: 100%;
	top: -26px; 
	left: 0px; 
	position: absolute;
	z-index: 1;
	background-color: transparent;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0px 0px 0px 100px #E99A24;
    clip: rect(0px, 700px, 26px, 0px);
}

#footer_container_main a {
	color: ; 
}
#footer_container_new {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	vertical-align:top;
	max-width: 700px;
		padding-bottom: 1em;
    margin-top: 1%;
}
#content_container_winkel {
	padding: 1.2em 1% 2em;
	width: 98%;
}
.i-new-products{
	padding: 0 15px;
}
.i-new-products .owl-next {right: 5px!important;}
.i-new-products .owl-prev {left: 5px!important;}
#submenu_container {
	 margin-top: 3.05em;}
#trace_container {
	text-align:left;
	width: 97%;
	float: left;
	height: 1em;
		margin: 10px 0;
	margin-left:2%;;
}
#trace_container a {
	font-weight: normal;
	font-size: 1.2em;
}
#trace {
	width: 70%;
	float: left;
}
#search_container {
	text-align:right;
	float: right;
    margin: 0 18px 1em 0;
}
#search_container span { display:block; padding: 2px;}
#search_container input {
	width:72%;
	background-position: 3px 4px;
	border: 1px solid #d1d1d1;
    font: bold 11px Arial,Helvetica,Sans-serif;
    color: #000000;
	background-color: #FFF!important;
    padding: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-right: -1px;
	text-align: right;
}
#search_container .rss {
	margin-bottom: 10px;
}

table#content, table.content {
	width: 500px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border-spacing:0px;
}
div#content, div.content {
	margin-left: 2%;
	margin-right: 2%;
    margin-top: 2%;
	}
.content_bgcolor {
	position: relative;
	float: left;
	width: 100%;
}
#lijn {
	height: 6px;
	}
#right_container {
	width: 0px;
}
/* form elementen */
form {
	margin: 0px;
	padding: 0px;
/*	line-height: 22px;  nog niet ivm error_divs*/
}
div.form {
	border-top: 1px solid #000000; 
	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;
	min-width: 30%;
}
div.inputLabelFormulier {
	clear: both;
	position:relative;
	float: left;
	margin: 2px 5px 0px 0px;
	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.inputValue select {
	font-size: 12px;
}
div.inputValue textarea {
	overflow:auto;
	height: 100px;
}
div.inputImageCode {
	margin-left: calc(30% + 5px);
	height: auto;
}
div.inputImageCodeFormulier {
	width: 300px;
	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;
	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;
	height:40px;
}
div.submit {
	border-top: 1px solid #000000; 
	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 #000000; 
	clear: both;
	/*margin-top: 10px;*/
	padding-top: 10px;
	padding-left: calc(30% + 5px);
	height: 18px;
}
div.formError {
	color: #0D1B5A;
	margin-top: 10px;
	margin-left: 150px;
	height:auto;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.formulierError {
	color: #0D1B5A;
	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;
}

/* voor popup */
#overlay { 
	background-color: #E99A24;
	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: #E99A24;
	border: 1px solid #000000;
	cursor:move;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}
div.popuptitle {
	display: block;
	background-color: #000000;
	color: #E99A24;
	font-weight: bold;
	padding: 4px;
	margin: 10px;
}
div.popupcontent {
	padding: 0px;
	margin: 10px;
}
#submenu_container div.banner {
	margin: 0 18px 1em 0px; 
	float: right;
}
.banners_container {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.banners_container div.banner {
	display:inline-block;
	margin: 10px;
}
#language_container {
	position:absolute;
	right: 2%;

	float:right;
	margin-bottom: 1em;
	margin-top: 15px;
	-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: 1em;*/
	clear:both;
}
.addthis_toolbox {/* float: left;*/ }
.addthis_32x32_style {}
.addthis_16x16_style {}
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 0 4px 0 0;
}
.footer_pipe { width: 8px; float:left; }
.align_center { text-align:center;}
.align_left { text-align:left;}
.align_right { text-align:right;}

/*  FOOTER  ========================= */
#footer_container {
	clear: both;
	width: 100%;	
	border-top: 0px solid #000;
		/*padding-top: 40px;*/
		padding-bottom: 5px;
}
#footer_container h4 {
	font-weight: bold;
	margin-bottom: 2%;
	color:  #000000;
	text-shadow: 0 2px 2px #0F529A;
}
#footer_container #lijn {
	display:none;
	background: none;
}
#footer {
	clear: both;
	font-size: 9px;
	color: #999999;
	max-width: 700px;
	height: 20px;	
	margin: 0 auto 3px;
	padding-top: 6px;
	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;
}
/* Winkel */

/*  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;
}
/* ===== 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 #dc9122;
	border: 1px solid #c3811e;
	background-color: #E99A24;
	margin-bottom: 9px;
}
.portfolio-tabs li a {
	display:block;
	font-weight: normal;
	padding: 5px 20px 3px;
}
.portfolio-tabs li:hover {
	background-color: #c3811e;
}
.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 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;
}
/* tbv groepen */    
.portfolio-wrapper.isotope .textblok_container {
    padding:0px;
    margin-bottom:2em;
}    
/* <style type="text/css">  handig voor highlight */


@media only screen and (max-width: 700px) {	#content {
		margin-top: 0;
		/*width:calc(100% - ) !important;
		margin-right: 0 !important;*/
	}
	#mc_padding {padding: 4px 2% 0 2%;}
	
	#menu_container {
    	background-color: #E99A24	}
	#media_container {
		left: 0;
		margin-left: auto;
	}
	#title_container {font-size: 150%;right: 0;}
	#language_container {
    	right: 4%;
	}
    .bg_fixed {
       background-attachment: scroll!important;
       position: fixed!important;
    }
}
@media (max-width: 768px) {
	.col_1_of_4 { width: 48%!important; }
	.col_1_of_4:nth-child(3) {margin-left: 0; clear: left;}
	#sidebarmenu li, #menu_container {font-size: 1em }
	.portfolio-item {width: 32%;}
	.checkout-progress ul {width:100%!important;}
/*}
@media only screen and (max-width: 480px) {*/
	.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;}
	#content {
		width:96% !important;
		max-width:96% !important;
		margin-left: 2% !important;
		margin-right: 2% !important;
	}
	.page_img_right, .page_img_left {
		margin-left: 0;
		margin-right: 0;
		width: 100%!important;
		max-width: none!important;
	}
	.page_img_right, .page_img_left div{
		width: 100%!important;
		max-width: none!important;
		max-height: none!important;
	}
	.video {width: 100%}
	.page_img_right iframe, .page_img_left iframe {
		width: 100%; height:270px;
		position: relative;
	}
	#menu {font-size: 17px!important; }
	#menu li ul {
   		width: 200px;
	}
	#menu #submore_container #submore li ul {
		left: -200px;
		width: 200px;
	}
	#submenu_container {
		display: none;
	}
	div.inputValue {width: 100%;}
	#title_container {font-size: 130%;}
	#sForm input {
		width: 96%!important;
	}
	#footer { height: auto!important; }
	.footer_pipe {display: none; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4 {width: 97%!important; }
	.foot_col_1 {
		position: absolute!important;
		bottom: 7px;
	}
	#media_container {
   		bottom: 50px;
	}
	ul#menu > li {
		visibility:hidden; 
	}
	#submore_container {
		visibility:visible !important;
	}
	.news_img_right, .news_img_left {
		width: 100%;
	}
	.portfolio-item {width: 47%;}
    .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: 400px) {
	#menu li ul {
   		width: 180px;
	}
	#menu #submore_container #submore li ul {
		left: -180px;
		width: 180px;
	}
}
@media only screen and (max-width: 375px) {
	.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; 
	width: 160px;
	}
	#menu li ul {
    	width: 160px;
		min-width: auto;
	}
	#menu ul li ul {
    	margin-top: -40px;
	}
	.portfolio-item {width: 96%;}
}
#menu li ul {
	transition:ease-in 1s all;
}/*  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 {display:inline-block;margin:5px 0 0 auto}
.col_1_of_4 div.submitFormulier{padding-left: 0px;margin:0px;}

/*  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: 100%!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;}
.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: #0D1B5A;
  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 {
    margin: 0;
    width: 100px;
}
.mailing .inputCode {
	float: none;
}
.mailing .inputImageCode {
	margin-top:5px;
}
.mailing div.submitFormulier {
	border-top:0;
	padding-top:0px;
	margin-top: 0px;
}
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;
}
div.submitFormulier {padding-left: 30%;}

.checkbox .form-control {
    vertical-align: middle;
    width: auto;
}
.radio .form-control {
    width: auto;
}
.radio .optiondiv {
	display:inline-block;
	max-width: 250px;
	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: #cf8820;
    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 #c3801e;
	-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;
}
.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-left:.7em;position: relative;width: 59%;}
.faq .header span{
position: absolute;
left: 0px;
top: 0.2em;
transform: rotate(0deg);
transform-origin: center;
transition: transform .4s;
vertical-align:baseline;
font-size: .6em;
font-weight: bold;
}
.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;
}

