@charset "UTF-8";
/***!  /media/templates/site/fluxts/css/FluxTS.css?d505c0  !***/


/* CSS Document */

html {
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	/*background-color: #4c76be;*/
	}
body {
	/*font-family: 'Muli', sans-serif;*/
	font-family: 'Mulish', sans-serif;
	line-height: 1.3em;
	color: #233528;
	height: 100%;
	margin-top: 0px;
	font-size: 1.0em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-color: #ebf0e6;
	background-repeat: no-repeat;
	background-position: center center;
	}
/* Algemene opmaak elementen*/
.breadcrumb {
    background-color: #ebf0e6;
}
a {
	text-decoration: none;
}
#Jumbotron_top{
	color: whitesmoke;
	font-size: 2em;
	background-image: url("https://fluxtransformerservices.nl/media/templates/site/fluxts/images/Banner_01.webp");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 35vh;
	background-color: #c6c6c6;
	background-blend-mode: multiply;
	line-height: 1.1em;
}
.jumbotron_flux {
	padding-top: 65px;
	padding-left: 2em;
}
.jumbotron_flux p {
	margin-top: 5px;
}
.jumbotron_flux h2, .jumbotron_flux h3 {
	padding-bottom: 5px;
}
div.mod-languages a {
  padding: 0px !important;
}
#menu li{
	margin-right:3%;
	padding-bottom: 10px;
	font-size: 1.2em;
}
#menu li a{
	color:#6d7a6c;
}
#menu li a:hover{
	color:#14558B;
	text-decoration: none;
}

#menu li.current a{
	color:#0077c8;
	
	/*text-decoration: underline;*/
	/*text-decoration-color: #0077c8;*/
}
.article_image{
	Border: solid 4px #ffff;
	box-shadow: 2px 2px 8px #000;
}

.kaart img {
    transition: transform .2s; /* Animation */
	margin-top: 10px;
}

.kaart img:hover {
    transition: transform .2s; /* Animation */
    transform: scale(1.05);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#attention_1, #attention_2, #attention_3, #attention_4, #attention_5, #attention_6, #attention_7, #attention_8, #attention_9, #attention_10, #attention_11, #attention_12 {
    margin-bottom: 30px;
}

.bfQuickMode section input[type="text"], .bfQuickMode section textarea, .bfQuickMode section select {
    border-style: none;
}

ul li a{
	color:#01728F;
}
ul li a:hover{
	color:#0192B7;
}

div.mod-languages ul {
      text-align: right;
}

.bfQuickMode .bfLabelLeft label {
    width: 15% !important;
}

.item-page {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#midden_content {
	margin-right: 20px;
	margin-left: 20px;
    margin-top: 10px;
	margin-bottom:50px;
	}
.item-page img {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
#logo_blok  {
	margin-left: -30px;
	}
.logo {
	overflow: hidden;
	margin-bottom: 0px;
	float: left;
	}
.logo p{
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.logo div.moduletable {
	margin-bottom: 0px;
	margin-left: 10px;
	}
#taalselectie {
	margin-bottom: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	}
#mainblok #taalselectie div.moduletable {
	margin-bottom: 0px;
	padding-bottom: 30px;
	margin-top: -4px;
	}
#mainblok #taalselectie div.moduletable.gevuld {
	margin-bottom: 0px;
	padding-bottom: 30px;
	margin-top: -4px;
	}
#mainblok #taalselectie div.moduletable.kader {
	margin-bottom: 0px;
	padding-bottom: 30px;
	margin-top: -4px;
	}
.header {
	overflow: hidden;
	float: left;
	width: 810px;
	text-align: right;
	}
.header p {
	font-size: 2em;
	}
.header div.moduletable {
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	}
div.moduletable {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 0px;
	border: 0px solid #a8a8a8;
	margin-bottom: 10px;
	background-repeat: repeat;
	}
#container div.moduletable{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 0px;
	margin-bottom: 10px;
	background-repeat: repeat;
	}
li {
    line-height: 25px;
}
/* gevuld */
div.moduletable.gevuld {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #dbe4f2;
	background-color: #dbe4f2;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #000;
	}

div.moduletable.gevuld h1{
	color: #4c76be;
	}
div.moduletable.gevuld h2{
	color: #4c76be;
	}
div.moduletable.gevuld h3{
	color: #4c76be;
	}
div.moduletable.gevuld h4{
	color: #4c76be;
	}

/* kader */
div.moduletable.kader {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #dbe4f2;
	background-color: #4c76be;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #000;
	}
/* gevuld_signaal */
div.moduletable.signaal {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #FF6600;
	background-color: #FF6600;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	}

#kruimelpad div.moduletable {
	margin-bottom: 0px;
	}
#kruimelpad .divider img{
	margin-bottom: 4px;
	}


/* Midden = Hoofd content */
#middenblok {
	padding-top: 10px;
	}
#mainblok {
	padding-top: 0px;	
	}
#midden {
	color: #233528;
	line-height: 1.8em;
	padding-bottom: 0px;
/*	background-color: #bbd1b8;*/
	padding-top: 32px;
}
#midden h2{
	font-weight: lighter;
	/* oude kleur color: #6b6b6b; */
  	color: #FF6600;
	}
.page-header h1 {
	/* [disabled]font-size: 2em; */
	/* [disabled]color: #4c76be; */
	}
#midden .item-page h2 {
	font-size: 2em;
	color: #4c76be;
	line-height: 30px;
	}
.artikel-header {
    font-size: 2.0em;
	}
.content-category h1 {
	/*font-size: 2em; */
	color: #4c76be;
	}
div#midden_content img{
	margin-left: 0px;
	margin-bottom: 0px;
	}
	
#midden_container {
	background-color: #0CC;	
	}
#midden_container .row {
	background-color: #9C3;
	}
#midden_onderblok {
	background-color: #6e7d71;
	margin-right: -20px;
	padding-top: 15px;
	color: #FFF;
	padding-bottom: 5px;
	}
#midden_onderblok a {
	color: #FFFFFF;
	}
#midden_onderblok a:hover {
	color: #FFFFFF;
	}
#midden_onderblok label {
	color: #999999;
	}
/* Categorie links */
#midden_onderblok a.mod-articles-category-title {
	color: #FFF;	
	}
#midden_onderblok li {
	list-style-type: none;
	}

/* Midden onderblok: Fill en kaders en h-tags*/
#midden_onderblok div.moduletable {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border:1px solid #639962;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	}
#midden_onderblok div.moduletable.kader {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #dbe4f2;
	background-color: #385e9c;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFF;
	}
div#links div.moduletable, div#rechts div.moduletable {
	margin-bottom: 10px;
	}
#menu_sub div.moduletable {
    margin-bottom: -10px;
	margin-top: 10px;
	}

#banner_1 {
	background-color: #bbd1b8;
	padding-bottom: 5px;
	margin-bottom: 40px;
	padding-top: 15px;
}
#banner_1 img {
	margin-right: 20px;
}
#banner_2 {
	margin-bottom: 20px;
}
#attention_blok {
	margin-bottom: 40px;
	margin-left: 30px;
	margin-right: 30px;
}
/* Tekst centreren */
.center {
	text-align:center;
	}
/* Tekstkleur blauw */
.blauw {
	color: #4c76be;
	}
/* Tekstkleur grijs */
.grijs {
	color:#6b6b6b;
	}
/* Tekstkleur wit */
.wit {
	color:#FFFFFF;
	}

#banner_1 div.moduletable {
	padding-left: 30px;
	padding-right: 30px;
	}
div.item-page h1 {
	text-align: left;
	font-size: 22px;
	}
.page-header {
	padding-bottom: 9px;
	margin-top: 5px;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	border-bottom-width: 0px;
	}
.vacature_banner{
	background-color: #385E9C;
	padding-top: 20px;
	padding-left: 20px;
    padding-right: 20px;
	color: #ffffff;
}
.vacature_banner h2{
  color: #ffffff;
}
#page_header.row {
	background-color: #FFF;
	margin-right: -20px;
	margin-bottom: 0px;
	}
#voetblok {
	width: 110%;
	z-index: 3;
	}
#voetblok.row {
	padding-top: 0px;
	padding-bottom: 0px;
	}
#bottom_holder, #copyright, #onder_onderblok {
/*	position:fixed;*/
	background-color: #bbd1b8;
/*	width:100%;*/
	bottom:0px;
/*	padding-top:0px;*/
	color: #FFFFFF;
	z-index: 3;
	}
#bottom_holder {
	/*z-index: -1;*/
	}
#copyright {
	font-size: xx-small;
	text-align: center;
	}
.footer {
	position: relative;
	margin-top: -0px; /* negative value of footer height */
	clear: both;
	padding-top: 20px;
	z-index: 3;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #4c76be;
	border-right-color: #4c76be;
	border-bottom-color: #4c76be;
	border-left-color: #4c76be;
	}
#wrap {
	min-height: 100%;
	background-color:transparent;
	}
#container {
	overflow:hidden;
	margin-bottom:28px; /* this needs to be bigger than footer height*/
	padding-right: 20px;
	padding-left: 20px;
	}
h1 {
	font-size: 22px;
	margin-top: 15px;
	}
h2 {
	font-size: 1em;
	}
.page-header h2{
	font-size: 20px;
}
h3 {
	font-size: 20px;
	}
h4 {
	font-size: 12px;
	}
.spacer {
	padding-bottom: 5px;	
	}

div#midden.span6 {
	background-repeat: repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
#voetblok .nav > li > a:hover {
	background-color: #171717;
	color: #FFF;
	}
div.contact {
	}
#special_1 a, #special_2 a, #special_3 a {
	color: #4c76be;
	}
div.moduletable h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding-right: 10px;
	padding-left: 2px;
/*	color: #ffffff;*/
	text-align: left;
	text-transform: none;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-left: 0px;
	}
#logo h3 {
/*	color: #4c76be;*/
	}
#header h3 {
/*	color: #4c76be;*/
	}	
#menu_top h3 {
/*	color: #4c76be;*/
	}

	
#links ul.menu li a, #links ul.menu li a:link, #rechts ul.menu li a, #rechts ul.menu li a:link {
	padding-left: 20px;
	margin-left: 10px;
	}
div#midden_onderblok ul.menu li a, div#midden_onderblok ul.menu li a:link {
	padding-left: 20px;
	margin-left: 10px;
	}
#header_bericht {
	font-size: 3.5em;
	color: #a8a8a8;
	text-align: right;
	vertical-align: bottom;
	margin-top: 90px;
	font-style: italic;
	font-weight: bolder;
	font-family: Verdana, Geneva, sans-serif;
	}
#menu_sub ul.nav.menu {
	border-radius: 0px;
	border: 0px solid #a8a8a8;
	padding-left: 20px;
	margin-left: -30px;
	margin-right: 30px;
	margin-top: -10px;
	padding-top: 10px;
  	padding-bottom: 10px;
  	text-align: center;
	background-color: #a8a8a8;
	}
#menu_sub h3 {
	font-size: 2em;
    font-weight: lighter;
    text-align: center;
	width: 100%;
	margin-bottom: 20px;
	}
div.categories-list {
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
	}

div.categories-list h1
{
  font-size: 2em;
  font-weight: lighter;
	}
ul.categories-module {
  margin-left: 0px;
	}
ul.categories-module li{
  margin-bottom: 10px;
  font-size: 14px;
	}

ul.categories-module h4{
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing: normal;
	}
#bfInvisibleReCaptchaContainer {
    z-index: 99;
    position: fixed;
}

.button {
	background-color: #0077c8;
	border: none;
	color: white;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	display: block;
	border-radius: 10px;
	font-size: 20px;
	margin-left: 35px;
	cursor: pointer;
	box-shadow: 0px 5px 5px grey;
	width: 200px;
	height: 110%;
	float: right;
	font-weight: bold;
	margin-right: 50px;
	text-transform: uppercase;
	font-weight: 900;
}

.button:hover {
	background-color: #0077c8;
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	border-radius: 10px;
	font-size: 20px;
	margin-left: 35px;
	cursor: pointer;
	box-shadow: 0px 5px 5px black;
	width: 200px;
	height: 110%;
	float: right;
	font-weight: bold;
	margin-right: 50px;
	text-transform: uppercase;
	font-weight: 900;
	text-shadow: 0px 2px 2px black;
}




/* Large desktop "Normaal"*/

@media screen and (max-width: 1199.98px) {

div#midden.span6 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
#midden_onderblok {
	font-size: 0.8em;
	}
.logo {
	overflow: visible;
	margin-left: -30px;
	}
.logo img {
	width: 80%;
	height: auto;
	}
#logo_blok  {
	margin-left: 3px;
	}
.header {
	width: 580px;
	}
.header p {
	font-size: 1.5em;
	line-height: 1.2em;
	}
#menu_sub ul.nav.menu {
	border-radius: 0px;
	border: 0px solid #a8a8a8;
	padding-left: 20px;
	margin-left: -20px;
	margin-right: 30px;
	margin-top: -10px;
	text-align: center;
	background-color: #a8a8a8;
	width: 680px;
	}

}
/* Portrait tablet to landscape and desktop "Middel"*/
@media screen and (max-width: 991.98px) {
body {
	padding-bottom: -20px;
	}
div#midden.span6 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
#midden_onderblok {
	font-size: 0.8em;
	letter-spacing: -0.08em;
	}
div#midden_onderblok ul.menu li a, div#midden_onderblok ul.menu li a:link {
	padding-left: 10px;
	margin-left: 8px;
	background-size: 8px;
	line-height: 15px;
	}
div.moduletable h3 {
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 20px;
	}
div.moduletable.recht_fill_kader_blauw h1{
	font-size: 15px;
	}
#midden_onderblok div.moduletable h3 {
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 0.8em;
	}
#links ul.menu li a, #links ul.menu li a:link, #rechts ul.menu li a, #rechts ul.menu li a:link {
	padding-left: 10px;
	margin-left: 0px;
	background-size: 10px;
	font-size: 0.8em;
	line-height: 15px;
	}
#links {
	display:none;
	}
#midden {
	/* [disabled]width:724px; */ /*Alleen nodig bij display #links en #rechts op none*/
	}

.camera_pie {
	display:none;
	}
.camera_pag_ul {
	display: none;
	}
.cameraCont, .cameraContents {
	margin-top: -40px;
	padding-top: -40px;
}
#banner_1 { /*Alleen nodig bij display #links en #rechts op none*/
	width:724px;
	}
#menu_sub ul.nav.menu {
	border-radius: 0px;
	border: 0px solid #a8a8a8;
	padding-left: 20px;
	margin-left: -20px;
	margin-right: 30px;
	margin-top: -10px;
	text-align: center;
	background-color: #a8a8a8;
	width: 704px;
	}
.logo {
	overflow: visible;
	margin-left: -30px;
	width:200px;
	}
.logo img {
	width: 100%;
	height: auto;
	}
#logo_blok  {
	margin-left: 8px;
	}
.header {
	width: 500px;
	}
.header p {
	font-size: 1.2em;
	line-height: 1.2em;
	}
.kaart img {
    width: 140px;
    height: auto;
}
}
/* Landscape phone to portrait tablet "Klein"*/
@media screen and (max-width: 767.98px) {
body {
	padding-bottom: -20px;
	}
#top {
 display:none;
	}
#container {
	margin-bottom:0px;
	}
#midden_onderblok {
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0px;
	}
#midden_content img {
	height: auto;
	}
#page_header.row {
	background-color: #FFF;
	margin-right: -20px;
	padding-left: 40px;
	margin-left: -20px
	}
div.moduletable h3 {
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 0.8em;
	}
#midden_onderblok div.moduletable h3 {
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 0.8em;
	}
#menu_sub ul.nav.menu {
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	}
#mainblok {
	padding-top: -20px;
	margin-top: -20px;
	}
.camera_pie {
	display:none;
	}
.camera_pag_ul {
	display: none;
	}
.cameraCont, .cameraContents {
	margin-top: -40px;
	padding-top: -40px;
}
.logo {
	overflow: hidden;
	margin-left: -30px;
	width:200px;
	}
.logo img {
	width: 100%;
	height: auto;
	}
#logo_blok  {
	margin-left: 8px;
	}
#logo_blok  {
	margin-left: 0px;
	}
#logo_blok img {
	max-width: 50%;
	height: auto;
	align-content: center;
	margin-left: 0px;
	padding-left: 0px;
	}
.header {
	display:none;
	}
#taalselectie {
	padding-bottom: 14px;
	padding-top: 0px;
	}
#rechts {
	display:none;
	}
#kruimelpad {
	display:none;
	}	
#middenblok {
    padding-top: 0px;
}
#bottom_holder {
    text-align: center;
}	
	
}

/* Landscape phones and down "Mini"*/
@media screen and (max-width: 575.98px) {
#top {
 	display:none;
	}
#container {
	overflow:auto;
	padding-bottom:0px; /* this needs to be bigger than footer height*/
	margin-bottom:0px;
	}
#midden_onderblok {
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 5px;
	padding-right: 5px;
	}
#midden_content img {
	max-width: 75%;
	height: auto;
	}
#bottom_holder {
	/*display:none;*/
	}
div#top_menu.navbar-inner a {
	font-size: 0.7em;
	}
#banner_top_1 {
 	display:none;
	}
#banner_top_2 {
 	display:none;
	}
#banner_top_3 {
 	display:none;
	}
#banner_top_4 {
 	display:none;
	}
#page_header.row {
	background-color: #FFF;
	margin-right: -20px;
	padding-left: 10px;
	margin-left: -20px
	}

div.moduletable h3 {
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 0.8em;
	}
#midden_onderblok div.moduletable h3 {
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 0.8em;
	}
#menu_sub ul.nav.menu {
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	}
#mainblok {
	padding-top: -20px;
	margin-top: -20px;
	}
.camera_pie {
	display:none;
	}
.camera_pag_ul {
	display: none;
	}

.cameraCont, .cameraContents {
	margin-top: -40px;
	padding-top: -40px;
}
.logo {
	overflow: hidden;
	margin-left: -30px;
	width:200px;
	}
.logo img {
	width: 100%;
	height: auto;
	}
#logo_blok  {
	margin-left: 0px;
	}
#logo_blok img {
	max-width: 80%;
	height: auto;
	align-content: center;
	margin-left: 0px;
	padding-left: 0px;
	}
.header {
	display:none;
	}
#taalselectie {
	padding-bottom: 14px;
	padding-top: 0px;
	margin-top: -18px;
	}
#rechts {
	display:none;
	}
#kruimelpad {
	display:none;
	}
#bottom_holder {
    text-align: center;
}
.jumbotron_flux {
  padding-top: 4px;
  padding-left: 2em;
}
.jumbotron_flux h2 {
	font-size: 20px;	
	}
	#attention_blok {
  
  margin-left: 0px;
  
}
}