@charset "UTF-8";
/***!  /media/templates/site/fluxpower/css/fluxpower.css?6a3a29  !***/


/* CSS Document */

html {
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #4c76be;
	}
body {
	font-family: 'Muli', sans-serif;
	line-height: 1.3em;
	color: #FFFFFF;
	height: 100%;
	margin-top: 0px;
	font-size: 0.9em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-color: #4c76be;
	background-repeat: no-repeat;
	background-position: center center;
	}
/* Algemene opmaak elementen*/
.item-page {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	}
.bfCalendar{
    margin-left: 10px !important;
    border-radius: 4px 4px 4px 4px !important;
}
hr {
	color: #ffffff;
	height: 1.5px !important;
	opacity: 100%;
	
}
#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: -89px;
	margin-bottom: -15px;
	}
.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;
	}
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;
}

a {
	text-decoration: none;
}

/* 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: #000000;
	line-height: 1.8em;
	margin-bottom: 10px;
	padding-bottom: 0px;
	background-color: #dbe4f2;
}
#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: #385e9c;
	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 ##385e9c;
	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: #dbe4f2;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-top: 15px;
}
#banner_1 img {
	margin-right: 20px;
}
#banner_2 {
	padding-left: 0px;
	padding-right: 0px;
}
#banner_2 img {
	width: 100%;
}
/* 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;
	font-weight: bolder;
	}
.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 {
	position:fixed;
	background-color: #385e9c;
	width:100%;
	bottom:0px;
	padding-top:0px;
	color: #FFFFFF;
	z-index: 3;
	}
#copyright {
	color: #ffffff;
	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, h2, h3, h4 {
	color: #4c76be;
	line-height: 1.3em;
	}
h1 {
	font-size: 22px;
	font-weight: bolder;
	}
h2 {
	font-size: 20px;
    line-height: 23px;
	}
h3 {
	font-size: 16px;
	}
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, #special_2, #special_3 {
	text-align: center;
	font-size: 0.8em;
	}
#special_1 a, #special_2 a, #special_3 a {
	color: #4c76be;
	}
div.moduletable h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 2px;
	color: #ffffff;
	text-align: left;
	text-transform: none;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-left: -3px;
	}
#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;
	}



/* Large desktop "Normaal"*/
@media screen and (max-width: 1399.98px) {
#logo_blok  {
	margin-left: -53px;
	}
	
@media screen and (max-width: 1199.98px) {

div#midden.span6 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
#midden_onderblok {
	font-size: 0.8em;
	}

#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;
	}
#logo_blok  {
	margin-left: -48px;
	}
	#banner_2 img {
	max-width: 100%;
	height: auto;
	}
}
/* 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: 0.8em;
	}
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;
	}


#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;
	}
.header {
	display:none;
	}	
#logo_blok  {
	margin-left: 20px;
	}
	#banner_2 img {
	max-width: 100%;
	height: auto;
	}
}
/* Landscape phone to portrait tablet "Klein"*/
@media screen and (max-width: 767.98px) {
body {
	padding-bottom: -20px;
	}
#special_1, #special_2, #special_3 {
 display:none;
	}
#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;
	}
#bottom_holder {
	display:none;
	}
#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;
	}

.header {
	display:none;
	}
#taalselectie {
	padding-bottom: 14px;
	padding-top: 0px;
	}
#rechts {
	display:none;
	}
#kruimelpad {
	display:none;
	}	
#middenblok {
    padding-top: 0px;
	margin-top: 15px;
}
	.logo img{
		width: 200%;
		height: auto;
	}
	#banner_2 img {
	max-width: 100%;
	height: auto;
	}
}
/* Landscape phones and down "Mini"*/
@media screen and (max-width: 575.98px) {
#special_4 {
	display:inherit;
	}
#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;
	}
.header {
	display:none;
	}
#taalselectie {
	padding-bottom: 14px;
	padding-top: 0px;
	margin-top: -18px;
	}
#rechts {
	display:none;
	}
#kruimelpad {
	display:none;
	}
#banner_2 img {
	max-width: 100%;
	height: auto;
	}
#banner_1 img {
  margin-right: 0px;
}
}
}