div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#990000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}
/* Stylesheet: jgrowl Modified On 2012-12-03 17:27:50 */
nav a:hover {
text-decoration: none;
}

nav ol,
nav ul,
nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1;
}

nav {
 
  /* background: #3dacdb url('/uploads/images/menubg.png') top left repeat; */
   /* background: #0970b0;  */
  background: #6f7a80;
  height: 38px;
}

nav ul li {
  position: relative;
  float: left;
}
nav ul li a {
  font-size: 12px;
  text-decoration: none;
  font-weight: regular;
  text-transform: uppercase;
  color: #ffffff;
  float: left;
  padding: 13px 15px;
  display: block;
  /* color below should match the design's background color 
  border-right: 1px solid #605B57;
  */
}
nav ul li a.ddIcon {
  background: transparent url("/img/dd.png") no-repeat 86% 52%;
  padding: 13px 25px 13px 15px;
}
nav ul li a:hover {
  background-color: #bcbcbc;
  color: #000;
}

nav ul li.active a {
  background-color: #bcbcbc;
  color: #000;
}
nav ul li:first-child a {
 
}

nav ul li .subNav {
  position: absolute;
  background-color: #bcbcbc;
  padding: 15px 15px 20px;
  width: 175px;
  left: 0px;
  top: 38px;
  display: none;
}

nav ul li .subNav  {
  padding: 5px 0;
  
}


nav ul li .subNav li {
  clear:left;
}


nav ul li .subNav h4 {
  margin-bottom: 0.1em;
}
nav ul li .subNav h4 a {
  font-size: 11px;
  color: #edc951;
  padding: 7px 10px;
}
nav ul li .subNav h4 a:hover {
  color: #edc951;
}
nav ul li .subNav h4 a span {
  float: right;
  font-size: 10px;
  color: #fff;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
nav ul li .subNav h4 a span:hover {
  color: #390206;
}
nav ul li .subNav a {
  float: none;
  border: none;
  display: block;
  color: #000000;
  padding: 7px 15px;
  text-transform: none;
  line-height: 1.3;
}

nav ul li.dropdown:hover {
  background-color: #bcbcbc !important;
}
nav {

border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
}

nav ul .subNav li:hover a {
 color: #ffffff !important;
}


nav ul li.separator {
  width: 1px;
  display:block;
  height:38px;
  background-color: #bcbcbc;
}

.subNav li.separator {
  width: 100% !important;
  height: 1px !important;
  margin: 0px !important;
  padding: 1px 0px !important;
  display: block;
  background: transparent !important;
  border-top: 1px solid #ffffff !important;
  clear: left;
}

li.active a.activesub {
 font-weight: bold !important;
}

.mobile-menu {
display:none;
}
/* Stylesheet: pm_dropdownmenu Modified On 2017-03-03 11:15:24 */
.pmform label {
  display: block;
  width: 150px;
  float: left;
  padding: 4px;
}

.cms_submit {
padding: 2px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
}

.pmform input, .pmform textarea, .pmform select {
  margin: 4px 0px 4px 0px;
  padding: 4px;
}

.pmform input:focus, textarea:focus, select:focus {

}

.captcha label {
  float: none;
  display: inline;
}

.captcha input, .captcha textarea, .captcha select {
  margin: 0px;
  padding: 0px;
}

#mfaee7fbrp_captcha_phrase {
  visibility: hidden;
}

.inschrijfform {
margin-left: 10px;
}

.inschrijfform label {
  font-size: 10px;
  padding: 0px;
  margin: 0px;
}
.inschrijfform input, .inschrijfform textarea  {
  font-size: 10px;
  padding: 0px;
  margin: 0px;
  clear: left;
}
 
.captcha {
  font-size: 10px;
}

.indent {
margin-left: 15px;
}

.indent .cms_submit {
  margin-left: 157px;
}

.indent textarea {
  width: 350px;
}


.fielderror {
  display: block;
  margin-left: 160px;
  color: #990000;
}

/* Larger fonts for separate page with registration form */
#page_inschrijven .inschrijfform label {
  font-size: 12px;
  padding: 2px;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  width: 250px;
  float: left;
}
#page_inschrijven .inschrijfform input, #page_inschrijven .inschrijfform textarea {
  font-size: 12px;
  padding: 2px;
  margin: 4px;
  clear: left;
}
 
#page_inschrijven .captcha {
  font-size: 12px;
}
/* Stylesheet: pm_forms Modified On 2013-01-31 10:07:56 */
@media only screen and (max-width: 640px) {
.equel {
    height: auto!important;
    min-height: 0!important;
}

.sendapp {
display: block;
}

.home3 {
    margin-bottom: 20px;
}

.header {
position:relative;
height:auto !important;
margin-bottom: 10px;
}

a.logo {
display:block;
width:100%;
    width: 140px;
   float: none;
}

#to-vaca {
    display: block;
    margin-top: 10px;
}

a.logo img {
width:97%;
display:block;
}

.mobile-menu {
display:block;
border-top:2px solid black;
border-bottom:2px solid black;
position: relative;
}

.mobile-menu span {
display:block;
text-align: left;
padding:15px 0;
}

#tolangs {
    position: absolute;
    width: 85px;
    text-align: right;
    right: 0;
    top: 0;
    line-height: 54px;
}

nav {
    position:absolute;
    top:133px;
    border-radius: 5px;
    left:0;
    right:0;
    background-color:#6f7a80 !important;
    display: none;
    background: none;
    color: white;
    height: auto;
    border: 0;
    background-size: inherit !important;
z-index:999999;
margin-top: 0;
margin-left: 0;
}

nav.active {
display:block;
}

nav ul li.dropdown:hover {
background-color:transparent !important;
}

nav:after, nav ul:after, nav ul li:after {
clear:both;
content:'';
display:block;
}

nav ul li {
float:none;
display:block;
}

.header nav ul li a {
color:white !important;
width:90% !important;
display:block;
padding:1rem 1rem 0.9rem 1rem !important

}

.header nav ul li a.ddIcon {
background:none !important;
background-size:inherit !important;
}

nav ul li .subNav {
position:relative;
width:100%;
background-color:transparent;
left:0;
top:0;
display:inline-block !important;
padding:0 !important;
}

nav ul li.active a {
background-color:transparent !important;
}

nav ul li .subNav ul li {
background-color:#8898a1;
}

nav ul li .subNav ul li a {
padding-left:2rem !important;
display:block;
}

#langbar {
float:none;
padding-left:15px;
padding-bottom:15px;

position: relative;
top: auto;
}

#langbar a, #langbar a:active, #langbar a:visited {
color: #fff;
}

.row-fluid [class*="span"] {
    margin-left: 0;
}

.container-fluid {
padding-left:0 !important;
padding-right:0 !important;
}

.content-field {
   padding-top: 1px;
   margin-bottom: 20px;
}

.container-fluid .span12.white.rounded.content-field{
   padding:1rem 0;
}

.vacatures-block {
margin-top:0;
}

.vacatures-block .span4.blue4.rounded {
/*padding:1rem 0;*/
}

.vacatures-block ul {
margin-left:10px !important;
}

.vacatures-block .span8.white {
margin-top:1rem;
}

.vacatures-block .span8.white p {
padding-bottom:1rem;
}

.signup {
 margin-top:1rem;
padding:1rem 0;
}

.inschrijfform {
padding:0 10px;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
}

.inschrijfform label {
font-size:14px;
}

.inschrijfform input, .inschrijfform textarea {
width:95%;
box-sizing:border-box;
padding:1rem;
font-size:13px;
}

.inschrijfform div {
margin-bottom:1rem;
}

label.btn.btn-default {
margin-top:0.5rem;
}

.questions {
padding:1rem 0;
}

.storys {
padding:1rem 0;
margin-top:1rem;
}

.socialmedia {
width:100% !important;
text-align:center;
float:none;
padding-top:1rem;
}

.sidebar-block .span12.white.rounded {
margin-top:1rem;
padding:1rem 0;
}

.span3 ul, .span9 ul {
margin-left:30px !important;
box-sizing:border-box;
font-size:13px;
}

.span8 h1, .span4 h1 .span6 h1, .span12 h1, .span3 h1, .span9 h1 {
line-height:1.3;
padding-top: 10px;
}

.span9.white.rounded.stage .item {
margin-bottom:2rem;
}

.span9.white.rounded.stage .item h2, .span9.white.rounded.stage .item p {
margin-left:1rem !important;
}

.pmform.indent {
margin-left:0;
padding:0 15px;
}


.pmform.indent .cms_submit {
width:100%;
margin-left:0;
}

.pmform.indent div {
margin-bottom:1rem;
}

.pmform.indent input, .pmform.indent textarea {
width:100%;
box-sizing:border-box;
padding:1rem;
margin:0;
}

#page_inschrijven .inschrijfform input, #page_inschrijven .inschrijfform textarea {
font-size:13px;
padding:1rem;
margin:0;
}

#page_inschrijven .inschrijfform input.cms_browse {
padding:2px;
}

#page_inschrijven .inschrijfform label {
font-size:14px;
float:none;
width:100%;
margin:0;
}

.alert {
width:60% !important;
}

#vacatures {
margin-top:0rem;
margin-left: 10px!important;
margin-right: 10px;
display: block;
max-width: 100%;
width: calc(100% - 20px);
}

#vacatures thead {
display:none;
}

#vacatures tbody {
	display: block;
}

#vacatures tbody tr {
	display: block;
	width: 100%;
}

#vacatures tbody tr td {
	display: block;
max-width: 100%;
}

.box2 {
margin:0!important;
padding:1rem;
width:91%;
}
.box2 h1  {
	margin:0 !important;
}

.box2 div {
	margin:0 0 1rem 0 !important;
}

.box2 div.pull-right {
    margin-top: -5rem !important;
}

.box2 img#imgterug {
display:none;
}

.span3 .blue4.rounded {
padding:1rem 0;
margin-top:1rem;
}

.span3 .blue4.rounded .cms_browse {
padding:0;
}

ul.filterlist:after {
display:block;
content:'';
clear:both;
}

ul.filterlist {
margin-left:10px !important;
}

ul.filterlist li {
float:none;
margin-bottom:0.5rem;
border:0;
}

ul.filterlist li a{
font-size:14px;
}

}
/* Stylesheet: mobile Modified On 2025-11-14 14:13:08 */