/*ALGEMEEN*/
#code	{display: none;}
.row	{margin: 0;}
body	{font-size: 16px; height: 100%; background: #F1F1F1;}
html	{height: 100%;}
p	{margin: 15px 0 15px 0;}
ul	{margin: 15px 30px;}
li	{line-height: inherit;}
.container	{padding: 0 ; width: 80%; max-width: 1400px; min-width:240px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12	{padding: 0 15px;}
.custom	{}
hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
a {outline: none !important;}

/*BUTTONS*/
.navbar-toggle .icon-bar {background-color: #DB5321}

.btn-lg, .btn-group-lg > .btn {font-size: 100%; color: #006834; font-weight: bold; border-color: #006834}
.iframe-align {text-align: center; width: 100%; vertical-align: middle; height: 100%; display: block; margin: auto;}

/* columns of same height styles */
.row-full-height {
height: 100%;
}
.col-full-height {
height: 100%;
vertical-align: top;
}
.row-same-height {
display: table;
width: 100%;
table-layout: fixed;
}
.col-xs-height {
display: table-cell;
float: none !important;
}
@media (max-width: 768px) {
	.row-same-height {display: inline-block;}
.col-xs-height {
display: block;
float: none !important;
}
}

@media (min-width: 768px) {
.col-sm-height {
display: table-cell;
float: none !important;
}
}
@media (min-width: 992px) {
.col-md-height {
display: table-cell;
float: none !important;
}
}
@media (min-width: 1200px) {
.col-lg-height {
display: table-cell;
float: none !important;
}
}

/*MODULES*/
div.module	{padding: 5px 15px; border-radius:5px;}
div.custom {
	padding: 0;
	margin:0;
	background-color: transparent;
	background-image: none;
	border: none;
	}

.module	{padding: 5px 15px;}

.sidebar-left .module, .sidebar-right .module {margin-bottom: 20px;}

/*ROOD*/
.rood {background-color: #E53A24; color: #FFF;}

/*ROOD-BORDER*/
.rood-border	{background-color: transparent; color: inherit; border: 1px solid #E53A24}

/*GROEN*/
.groen {background-color: #0E8F50; color: #FFF;}

/*GROEN-BORDER*/
.groen-border {background-color: transparent; color: inherit; border: 1px solid #0E8F50}

/*BREADCRUMBS*/
#breadcrumbs .container {background: none; padding: 0;}
#breadcrumbs	{margin: -34px auto 0 auto; background: none /*rgba(255,255,255,0.50)*/}
#breadcrumbs .module-content {position: absolute; left: 60px;}
#breadcrumbs div.module {padding: 0;}
.breadcrumb li {color: #006834}
.breadcrumb > .active {color: #006834;}
.breadcrumb > li + li::before {color: #DB5321}
span.divider img {display: none}
a.pathway {color: #DB5321; text-decoration: underline;}
a.pathway:hover {text-decoration: none;}

/*HEADER*/
.main-header	{background: #F1F1F1; height:250px; margin: 40px 0 0 0}
.main-header #header div.module {padding: 0;}
.logo {margin: 0 0 0 30px;}
.pull-right-adres	{font-size: 100%; margin: 25px auto 0 auto; position: absolute; z-index: 999}
.pull-right-adres .btn-default {background: #db5321; font-size: 100%; color: #FFF; font-weight: bold;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;}
.pull-right-adres .btn-default:hover {background: #BF4317; font-size: 100%; font-weight: bold;}

/*ZOEKEN*/
.search-module input	{font-size: inherit; position: relative; padding: 5px 5px 5px 5px; background: #045B30; color: #62E39B !important;}
.search-module button	{top: 0; right: 0; padding: 5px; border-radius: 0; background-color: #0E8F50; color: #FFF; font-size: 100%}
.search-module button:hover	{background-color:#66E7A1; color: #0E8F50; }
.search-module input	 {border: 0;}
.search-module input:hover,.search-module input:focus {border: 0;}

/*MENU*/
#menu	{background: #006834; z-index:999; position: fixed; width: 100%; margin: -40px auto 0 auto;/*border-bottom: 2px solid #F5DC23*/}
#menu .nav > li	{/*background: url(../images/menu-arrows.png) center right no-repeat;*/ font-size: 110%; margin: 10px 5px 10px 0; }
#menu .nav > li:last-child	{background: none;}
#menu .nav > li a:hover	{background: none; color: #db5321;}
#menu .navbar-nav > li > a	{line-height: 0%; font-weight: bold; color: #FFF;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;}
#menu .navbar-nav > li > a.active	{background: none;}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent;}
#menu .nav > li > a > img	{margin: 0 10px 0 0;}
#menu .navbar-fixed-bottom	{position: relative;}
#menu .navbar-brand	{padding: 0 0 15px 0;}
.navbar-brand {padding: 0;}
#menu .nav .dropdown-menu > li > a	{padding: 5px 10px; font-size: 125%; font-weight: bold;}
#menu .dropdown-menu > li a:hover	{background: #F1F1F1;}
#menu .dropdown-menu > .active:hover {background: #F1F1F1;}
#menu .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus	{background: #db5321 !important; color: #FFF !important;}

#menu .navbar-collapse	{float: left;}

.navbar-fixed {top: 0; z-index: 100; position: fixed; width: 100%;}
.navbar-fixed .navbar-nav > li > a  {line-height: 100%; font-size: 80%;-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
-ms-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out; }

.logo-fixed {position: fixed; z-index:1000; background: #EFEFEF; padding: 0 0 10px 0; margin: 0 0 0 0; border-radius: 0 0 5px 5px;}
.logo-fixed img {max-height: 44px; z-index:1000; padding: 0px 10px}
.logo-fixed a.navbar-brand 	{padding: 5px !important;}

/*SLIDER*/
#slider .container	{padding: 0;}

/*STRAPLINE*/
#strapline .container	{background: #00672F; padding: 0; margin: -30px auto 30px auto; border-radius: 10px; z-index:99; color: #FFF; display: block; position: relative; }

/*TOP*/
#top1	{margin: 25px 0;}

.topbutton p	{position: absolute; bottom: 15px; right: 15px; border: 1px solid #FFF; padding: 5px 10px; border-radius: 5px; font-weight: bold;}
.topbutton p:hover	{border: 1px solid #F8C51F; color: #F8C51F;}
.topbutton a	{color: #FFF;}
.topbutton a:hover	{color: #F8C51F;}
.topbutton .custom	{background-size:cover !important;min-height: 250px;} 
.topbutton .module-content	{border-radius: 10px;}
.topbutton h1, .topbutton h2, .topbutton h3 { background: #F8C51F; color: #fff; margin: 0; padding: 10px; border-radius:10px 10px 0 0;}

#top1a	{padding: 0; background: #FFF; border-radius: 10px;width: calc(33.33% - 30px); margin: 0 15px;}
#top1b	{padding: 0; background: #FFF; border-radius: 10px;width: calc(33.33% - 30px); margin: 0 15px;}
#top1c	{padding: 0; background: #FFF; border-radius: 10px;width: calc(33.33% - 30px); margin: 0 15px;}

/*MAINBODY*/
#mainbody .mainbody-background {background: url(../images/background-mainbody.png) no-repeat; position: relative; top: 0; left:0; margin: -15px 0 0 -750px; min-height: 110%; height:auto; max-height:1500px; width: 1125px; z-index:-1; overflow: hidden;}
#mainbody .container {background: #FFF; padding: 15px 30px; /*box-shadow: 0 2px 5px 0 #202020;*/}
#share-container	{width: 240px !important;}
ul.tss-techline-icons 	{margin: 0 !important; padding: 0 !important;}
ul.tss-techline-icons li:before	{margin: 0 !important; padding: 0 !important; content: none !important;}
ul.tss-techline-icons li	{padding: 0 2px 0 0 !important}
.tss-techline-icons.small-format li a .techline-icon	{padding-top: 5px;}
.tss-techline-icons li.small a .techline-icon	{top: 5px !important;}

/*CONTENT*/
#content	{padding: 0 30px;}
#content img {padding: 10px;}

/*MK ADVANCED ARTICLE*/
.mk-articles-introtext h2 {font-size: 100%; font-style: normal;}
.mk-blog .mk-right-side {width: 100% !important;}
.fa-tags, .fa-tag {display: none !important;}
p.mk-articles-readmore {margin-top: -20px; background: #FFF !important; position: relative; background-color: #FFF !important; display: -webkit-box; z-index:2; font-weight: bold;}

/*BELOW-CONTENT*/
#mainbody #below-content div.module {padding: 0}

/*SIDEBAR-LEFT*/
.sidebar-left	{background: #FFF; padding: 0; height: 100%; min-height: 100%; }
#sidebar-left .module-content img	{width: 100% !important;}

/*SIDEBAR-RIGHT*/
.sidebar-right	{background: #FFF; padding: 0; height: 100%; min-height: 100%; }
#sidebar-right .module-content img	{width: 100% !important;}


/*HEADINGS*/
.page-header {background: url(../images/page-header-background.png) center left no-repeat; margin: 0 0 0 -25px; padding: 10px 39px 0 25px; height: 75px;}
h1, h2, h3, h4, h5, h6	{font-weight: bold;line-height: 125%; text-transform: none; }
h1	{font-size: 150%;font-style: italic;}
h2	{font-size: 135%;font-style: italic;}
h3	{font-size: 125%;}
h4	{font-size: 110%;}

/*FOOTER*/
#bottom1	{margin: 50px 0;}
#bottom1 .container {color: #00672F;}
#bottom1 a {color:#00672F;}
#bottom1 a:hover {color:#000;}
#bottom1 h1,#bottom1 h2,#bottom1 h3 {color: #00672F;}

#bottom2	{margin: 50px 0;}
#bottom2 .container {background: #F5E324; color: #000;}
#bottom2 a {color:#000;}
#bottom2 a:hover {color:#000;}
#bottom2 h1,#bottom2 h2,#bottom2 h3 {color: #000;}

#bottom3	{margin: 50px 0;}
#bottom3 .container {background: #000; color: #FFF;}
#bottom3 a {color:#fff;}
#bottom3 a:hover {color:#fff;}
#bottom3 h1,#bottom3 h2,#bottom3 h3 {color: #FFF;}

#footer1	{margin: 50px 0;}
#footer1 .container {background: #000; color: #FFF; padding: 15px 30px; border-radius: 10px;}
#footer1 a {color:#fff;}
#footer1 a:hover {color:#fff;}
#footer1 h1,#footer1 h2,#footer1 h3 {color: #FFF;}

/*STRAPLINE*/
#strapline .container .form-inline .form-group	{width: 100%; margin: 0 0 5px 0; text-align: center; padding: 0;}
#strapline .container .form-inline .form-group select	{width: auto; margin: 0 0 0 10px;}
#strapline .container .form-inline .form-group .btn-default	{background: none; background-color: transparent; border: 2px solid #FFF; padding: 4px 10px; color: #FFF}
#strapline .container .form-inline .form-group .btn-default:hover	{background: #FFF; background-color: #FFF; border: 2px solid #FFF; padding: 4px 10px; color: #000}

#strapline .container .form-inline .form-group .col-md-2	{padding: 10px 0 0 0; font-size: 100%; font-weight: normal !important;}
#strapline .container .form-inline .form-group .col-md-3	{padding: 10px 0 0 0; font-size: 100%; font-weight: normal !important;}
#strapline .container .form-inline .form-group .col-md-4	{padding: 10px 0 0 0; font-size: 100%; font-weight: normal !important;}
#strapline .container .form-inline .form-group .col-md-9	{padding: 10px 0 0 0; font-size: 100%; font-weight: normal !important;}

.form-inline .form-group	{width: 100%; margin: 0 0 10px 0}
.form-inline .form-group select	{width: 100%;max-width: 100%; margin: 0 0 0 10px; border: 1px solid #909090}
.form-inline .form-group .select2-container--default .select2-selection--multiple {  color: inherit; font-size: 80%; line-height: 110%; margin: 0 0 0 10px; max-width: 100%; padding: 5px 10px;  border: 1px solid #909090}
.form-inline .form-group  .select2-results__option	{padding: 2px !important;}
.form-inline .form-group button, html input[type="submit"]	{background-color: transparent; border: 2px solid #00672F; padding: 4px 10px; color: #00672F }
.form-inline .form-group button, html input[type="button"]	{background-color: transparent; border: 2px solid #F8C51F; padding: 4px 10px; color: #F8C51F }
.form-inline .form-group .col-md-2	{padding: 0; font-size: 80%; font-weight: normal !important;}
.form-inline .form-group .col-md-3	{padding: 0; font-size: 80%; font-weight: normal !important;}
.form-inline .form-group .col-md-4	{padding: 0; font-size: 80%; font-weight: normal !important;}
.form-inline .form-group .col-md-9	{padding: 0 0 0 10px; font-size: 80%; font-weight: normal !important;}

/*TABS*/
.nn_tabs.outline_content > ul.nav-tabs	{margin: 30px 0;}

/*ISOTOPE*/
.Nieuws {border-top: 2px solid #919191 !important;}
.Toegekend {border-top: 2px solid #db5321 !important;}
.Ontvangen {border-top: 2px solid #006834 !important;}

.portfolio-item dl.article-info {margin: -20px 0 0 0;}

#isotope-container .col-md-2 .page-header, #isotope-container .col-md-3 .page-header, #isotope-container .col-md-4 .page-header, #isotope-container .col-md-6 .page-header {border-bottom: none; margin: 0; padding: 0 0 10px 0;}

div.joostrap-portfolio div.portfolio-nav {display:none;}
div.joostrap-portfolio div.portfolio-nav div.joostrap ul#filters.option-set li.btn	{background: none; color: #0E8F50; border: 1px solid #0E8F50;}
div.joostrap-portfolio div.portfolio-nav div.joostrap ul#filters.option-set li.btn:hover	{border: 1px solid #E53A24;}
div.joostrap-portfolio div.portfolio-nav div.joostrap ul#filters.option-set li.btn a.selected	{color: #E53A24; font-weight: bold;font-size: 120%; background: none !important;}
div.joostrap-portfolio div.portfolio-nav div.joostrap ul#filters.option-set li.btn a:hover	{color: #E53A24;}
div.joostrap-portfolio div.portfolio-nav .dropdown-menu > li > a	{color: #0E8F50;}
.portfolio-element .portfolio-item	{height: 275px; overflow: hidden; display: block; margin: 10px 0; padding: 10px; }
.portfolio-element .portfolio-item .img-wrapper	{margin-bottom: 10px;}
.portfolio-element .portfolio-item p, .portfolio-element .portfolio-item p strong	{font-weight: normal !important; line-height: 135%;}
.col-md-4 .portfolio-item .page-header, .col-md-3 .portfolio-item .page-header, .col-md-2 .portfolio-item .page-header	{background: none; height: auto; margin: 20px 0;}
.col-md-4 .portfolio-item .page-header h3, .col-md-3 .portfolio-item .page-header h3, .col-md-2 .portfolio-item .page-header h3	{font-size: 100%;}

/*CONTROLS*/
input, button, select, textarea	{max-width: 100%; border: 1px solid #BBB; padding: 5px 10px;}
label	{margin-left: 0px; font-weight: normal;}
.btn-sm, .btn-group-sm > .btn	{font-size: inherit;}

/*RAXO*/
.allmode-default a {color: #DB5321 !important;}
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (min-device-pixel-ratio: 1.3),
	only screen and (min-resolution: 120dpi) 
{
	.allmode-default .allmode-date,
	.allmode-default .allmode-hits,
	.allmode-default .allmode-comments {
		background-image: none !important;
	}
	.allmode-default .allmode-rating span {
		background-image: none !important;
	}
}

/*VERTICAL-MENU*/
ul#vertical  {padding: 0; margin: 10px 0;}
ul#vertical li  {line-height: 100%;}
ul#vertical li.active a  {background-color: #DB5321; color: #FFF;}
ul#vertical li.active a:hover  {color: #FFF;}
ul#vertical li a  {color: #000; padding: 5px 10px; font-weight: bold;}
ul#vertical li a:hover  {color: #DB5321;}

/*RSFORM*/
.formResponsive .formHorizontal .formControlLabel {width: 30% !important;}
.formResponsive .formHorizontal .formControls	{margin-left: calc(30% + 25px) !important;}
.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {font-size: inherit !important; line-height: inherit !important; height: inherit !important;}
.formResponsive label {height: inherit !important; margin: 0 !important;}
.formResponsive .formHorizontal .rsform-block {margin-bottom: 0 !important;}
strong.formRequired, .formRed {color: #db5321 !important}
.formResponsive input.rsform-error, .formResponsive textarea.rsform-error, .formResponsive select.rsform-error {color: #db5321 !important; border-color: #db5321 !important}

/*SHORTCODES*/
.su-button-center a, .su-button-center i {color: #006834 !important;}
.su-button-center a {border-color: #006834 !important;}
.share-container {max-width: 100px; height:50px;}
.su-button-wide {margin: 0 0 5px 0 !important; padding: 0 !important;}

/*POST-IT*/
.postit {float: right; right: 0; top: 0; z-index:-1; clear: both; max-width: 50%; width:auto; display:inline}
.IJSpegels.post-it-note {margin: 25px; min-height: 100px !important; max-height: 190px !important; overflow: hidden !important; }
.IJSpegels .tack {display: none;}

/*RESPONSIVE*/
@media (max-width: 768px) {
#content	{padding: 0;}
.container	{padding: 0 15px !important; width: 100%; }
.logo  {margin: 0px auto 0 auto !important; text-align: center; width: 100%; float: none;}
.main-header {height: 100px; margin: 10px 0 0 0;}
.logo img {max-height: 100px;text-align: center;}
.pull-right-adres	{font-size: 70%; line-height: 120%; width: 50%; float: right;}
.search-module input	{max-width: 90%; float: right; }
.page-header {margin: 0 0 0 -15px;}
.page-header h1 {font-size: 125%;}
#menu .navbar-nav > li > a {font-size: 80%;}
.postit {display:none}

.topbutton p	{position: absolute; bottom: 10px; right: 10px; font-size: 90%;}

#top1a	{width: calc(100% - 10px); margin: 10px 0}
#top1b	{width: calc(100% - 10px); margin: 10px 0}
#top1c	{width: calc(100% - 10px); margin: 10px 0}

#map-canvas	{width: 100%; height: 350px;float:none}
#pano	{width: 100%; height: 350px;float:none}

/*RSFORM*/
.formResponsive .formHorizontal .formControlLabel {width: 100% !important;}
.formResponsive .formHorizontal .formControls	{margin-left: 0 !important;}
.formResponsive .formBody {float: left !important;}
.formResponsive .formHorizontal .formControlLabel {text-align: left !important;}

	.su-row.su-gutter-large > * {padding: 0px !important; }
	.su-row.su-gutter-large	{margin: 0px !important;}
	#bottom1 {font-size: 80% !important; margin: 0px 0;}
	.su-button span {padding: 2px !important;}
}


@media (max-width: 992px) {
}

@media (max-width: 1199px) {
	.pull-right-adres	{font-size: 80%;}
	.container	{padding: 0 15px !important; width: 100%; }
	.nav>li>a {padding: 10px;}
	.su-row.su-gutter-large > * {padding: 0 10px !important; }
	.su-row.su-gutter-large	{margin: 0 -10px !important;}
}

.su-testimonial.su-testimonial-style-5 .su-testimonial-text {font-size: 120% !important; font-style: italic !important; padding: 40px 100px 40px 80px !important; line-height: 150% !important; text-align: left !important; background: #F1F1F1 !important; margin: 0 !important;}
.su-testimonial.su-testimonial-style-5 span.quote:before {color: #006834 !important; font-size: 130px !important;}