/*
Author:		
Company:	VPRI (.nl)
Project:	
*/

@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed');


/* Main elements */
html,body,.site,td,th { 
	/*font-family: 'Roboto Condensed', sans-serif;*/ 
	font-family: "museo-sans-rounded", sans-serif;
	font-size: 15px; 
	margin: 0; 
	padding: 0; 
	line-height: 140%; 
	height: 100%; 
}
.site						{ position: relative; padding: 0px; margin: 0px; text-align: center; /*color: #000;*/ color: #132867; }
.container					{ width: 100%; text-align: left; min-height:100%; height:auto !important; height:100%; margin: 0 auto -50px auto; padding:0; position: relative; }

a							{ color: #159dd8; }
a:hover						{ color: #132867; text-decoration: none; }

img							{ border: none; }
hr							{ border: none; border-bottom: 1px Solid #159dd8; background: none; }
td 							{ vertical-align: top; }
iframe 						{ width: 100%; }

.hidden						{ display: none; }

h1, h2, h3, h4, h5 { 
	color: #159dd8; 
}
h3, h4, h5 {
	margin-bottom: 0;
}
.domeinen h2, 
.informatie_training h2 {
	text-transform: uppercase;
}

/* Top & Menu: */
.top { 
	/*font-family: 'Roboto', sans-serif;*/
	font-family: "museo-sans-rounded", sans-serif;
	font-size: 13px; 
	background: #132867; 
	width: 100%; 
	padding: 15px 0; 
	height: 20px; 
	line-height: 150%; 
}
.home_btn { 
	position: relative; 
	color: #FFF; 
	text-decoration: none; 
	padding-left: 18px; 
}
.home_alert { 
	position: absolute; 
	top: -15px; 
	margin-left: 10px; 
	color: #FFF; 
	text-decoration: none; 
	padding: 13px 10px 3px 10px; 
	background: #f36523; 
	width: 110px; 
}
.locatie_btn, 
.tel_btn, 
.mail_btn { 
	position: relative; 
	float: right; 
	color: #FFF; 
	text-decoration: none; 
	margin-left: 40px; 
	padding-left: 18px; 
} 
.home_btn img { 
	position: absolute; 
	margin-top: 0px; 
	left: 0; 
} 
.locatie_btn img, 
.tel_btn img, 
.mail_btn img { 
	position: absolute; 
	margin-top: 2px; 
	left: 0; 
} 
.home_btn:hover,
.locatie_btn:hover, 
.tel_btn:hover, 
.mail_btn:hover { 
	color: #FFF; 
	text-decoration: underline; 
} 
.nav {
	position: relative; 
	background: #FFF; 
	width: 100%;
	z-index: 10; 
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.sticky--desktop {
	display: none;
}
.logo {
	margin-top: 15px;
	margin-bottom: 5px;
	display: inline-block;
	float: left;
	height: 60px;
	width: auto;
}
/* Zoeken: */
.nav_zoek .intro	{
	display: none;
}
.nav_zoek {
	position: absolute;
	margin-top: 0px;
	right: 50%;
	margin-right: -474px; 
	z-index: 30;
	height: 40px; 
	width: 125px;
}
.zoeken	{
	margin-top: 40px; 
	width: 120px; 
	height: 30px; 
	background: #FFF;
	border: 2px solid #132867;
}	
.zoekvalue	{ 
	width: 70px; 
	margin: 8px 0 0 10px; 
	color: #333;
	font-style: italic; 
	border: none; 
}
.zoekbutton	{ 
	width: 30px; 
	height: 30px; 
	float: right; 
	font-weight: bold; 
	color: #FFF; 
	background: url(../images/icon-zoeken.png); 
	border: none;
	cursor: pointer; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px; 
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; } 

.menu {
	margin-left: 235px; 
	padding-top: 40px; 
	text-align: left;
}
/* Menu uitgebreid: */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  text-transform: uppercase;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	width: 950px; height: auto; margin: 0 auto;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px 8px;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight: normal;
  color: #132867;
}

#cssmenu > ul > li:hover > a {
  color: #FFF;
  font-weight: bold;
  background: #132867;
}
#cssmenu > ul > li:active > a {
  color: #132867;
  font-weight: bold;
}
#cssmenu > ul > li.menu-current > a {
  font-weight: bold;
}
#cssmenu > ul > li.menu-current > a:hover,
#cssmenu > ul > li:active > a:hover {
  color: #FFF;
  font-weight: bold;
}
#cssmenu > ul > li.has-sub > a {
  /*padding-right: 30px;*/
}
#cssmenu > ul > li.has-sub > a:after {
  display: none; 
  /*position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #FFFFFF;
  content: '';*/
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: none;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px; 
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  font-weight: 400;
  background: #132867;
  text-align: left;
  z-index:999;
} 
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover,
#cssmenu ul li.menu-expand.menu-current.has-sub {
  color: #FFF;
  font-weight: bold;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #FFFFFF;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #FFFFFF;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;

}

/* Carrousel */
/* Carrousel jcycle view1 & 2: */
.carrousel { 
	position: relative; 
	width: 100%; 
	height: 575px; 
	margin: 0 auto 105px auto; 
	overflow: hidden;
	background: #132867; 
}
.carrousel .vorige {
	display: none; 
} 
.carrousel .volgende {
	display: none; 
}
.carrousel .vorige, 
.carrousel .volgende,
.carrousel .nav a {
	text-indent: -999px;
	white-space: nowrap;
	display: block; 
	margin: 0; 
	padding: 10px; 
	text-decoration: none;
	height: 30px;
	width: 30px;
	overflow: hidden;
}
.carrousel .vorige:hover, 
.carrousel .vorige:active { display: none; } 
.carrousel .volgende:hover, 
.carrousel .volgende:active { display: none; }
.carrousel .nav .activeSlide,
.carrousel .nav a:hover, 
.carrousel .nav a:active { background: rgba(51,67,129,0.75); }
.carrousel .carrousel_title { position: absolute; color: #37929A; z-index: 10000; width: 100%; text-align: center; margin-top: 255px; }
.carrousel .carrousel_title .carrousel_title_block { display: inline-block; background: #FFF; padding: 7px 10px; }
.carrousel .carrousel_title	span { display: block; font-weight: bold; width: 960px; text-align: right; margin: 0px auto; }

.carrousel .carrousel_description { 
	position: absolute; 
	color: #FFF; 
	width: 950px; 
	margin: 230px auto 0 -475px; 
	left: 50%; 
	z-index: 100; 
}
.carrousel .carrousel_description span { 
	display: inline-block;
	width: 67.5%; 
	font-weight: bold; 
	background: rgba(51,67,129,0.75); 
	margin: 0px auto;
	padding: 15px 2.5%;
	font-size: 21px; 
}
.carrousel .vorige { position: absolute; top: 120px; z-index: 10; left: 0; }
.carrousel .volgende { position: absolute; top: 120px; z-index: 10; right: 0; }
.carrousel .nav_car,
.carrousel .nav { display: none; }
.carrousel .nav a { margin: 2px; padding: 5px 7px; }

/* Background: */
.BG { position: fixed; top: 0; z-index: -1; width: 100%; height: 380px; /*height: 580px;*/ background: url(../images/BG_abstract.jpg); background-size: cover; }

/* Content: */
.intro { position: absolute; top: 606px; width: 100%; z-index: 10; }
a.col-3	{ 
	color: #FFF; 
	width: 30%; 
	display: inline-block; 
	text-align: center; 
	font-size: 21px; 
	padding: 40px 0; 
	height: 138px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-decoration: none; 
}
.trainingen_domeinen ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.trainingen_domeinen ul li {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	width: 25%; 
	float: left; 
	text-align: center; 
	font-size: 18px; 
	padding: 0 2.5%;
	text-transform: uppercase; 
	text-decoration: none; 
	background: #132867;
	height: 285px;
	margin-top: 2.5%; 
	margin-bottom: 2.5%; 
	transition: all 1s ease; 
}
.trainingen_domeinen ul li.center {
	margin-right: 4.5%; 
	margin-left: 4.5%; 
}
.trainingen_domeinen ul li:hover {
	background: #159dd8;
	transition: all 1s ease; 
}
.trainingen_domeinen a {
	color: #FFF;
	text-decoration: none;
}
.trainingen { 
	background: #159dd8 url(../images/icon-trainingen.png) center no-repeat; 
	transition: all 1s ease; 
}
.trainingen:hover {
	background: #132867 url(../images/icon-trainingen.png) center no-repeat; 
	transition: all 1s ease; 
}
.instructies { 
	transition: all 1s ease; 
	margin-left: 4.5%; 
	margin-right: 4.5%; 
	background: #132867 url(../images/icon-instructies.png) center no-repeat; 
}
.instructies:hover { 
	background: #159dd8 url(../images/icon-instructies.png) center no-repeat; 
	transition: all 1s ease; 
}
.leren_en_inpireren { 
	background: #159dd8 url(../images/icon-leren_en_inpireren.png) center no-repeat; 
	transition: all 1s ease; 
}
.leren_en_inpireren:hover { 
	background: #132867 url(../images/icon-leren_en_inpireren.png) center no-repeat;
	transition: all 1s ease; 
}
.seminars { 
	background: #159dd8 url(../images/icon-seminars.png) center no-repeat; 
	transition: all 1s ease; 
}
.seminars:hover { 
	background: #132867 url(../images/icon-seminars.png) center no-repeat;
	transition: all 1s ease; 
}
.hoogte {
	min-height: 150px;
}
.eerste .content_container,
.content_container {
	background: #FFF;
	width: 100%;
	padding: 20px 0 40px 0;
	/*min-height: 350px;*/
	height: auto;
}
.content { 
	position: relative; 
	width: 95%; 
	max-width: 950px; 
	padding: 0; 
	margin: 0 auto; 
}
.zoekformulier form {
	position: relative;
	border: 1px solid #132867;
	width: 100%;
	margin-bottom: 20px !important;
}
.zoekformulier input {
	background: #FFF;
	width: 70%;
	border: none;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 10px;
}
.zoekformulier input[type="submit"] {
	position: absolute;
	right: 0;
	background: #132867;
	color: #FFF;
	width: 29.5%;
	border: none;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
    transition: all 1s ease;
}
.zoekformulier input[type="submit"]:hover {
	background: #159dd8;
    transition: all 1s ease;
}
.jsgrid-header-sort-asc:before {
	margin-top: 10px !important;
	margin-right: 7px !important;
    border-width: 0 5px 5px;
    border-color: transparent transparent #159dd8 !important;
}
.jsgrid-header-sort-desc:before {
	margin-top: 10px !important;
	margin-right: 7px !important;
    border-width: 5px 5px 0 !important;
    border-color: #159dd8 transparent transparent !important;
}
.jsgrid-selected-row>.jsgrid-cell {
    background: #E2F4FE;
    border-color: #E2F4FE;
}
ul.prijzen {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.prijzen li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12.7% !important;
	display: inline-block;
	text-align: right;
}
.clear { 
	clear: both;
}
.domeinen {
	margin: 40px 0; 
	width: 62.5%;
	padding: 10px 2.5%;
	background: #e2f4fe;
	min-height: 330px;
	display: inline-block;
}
.domeinen ul.instructies-opsomming {
	margin: -8px 0 0 0;
	padding: 0;
}
.domeinen ul.instructies-opsomming li {
	list-style: none; 
	padding: 12px 0;
	font-size: 16px;
}
.column_right {
	position: relative;
	margin-top: 40px; 
	width: 30%;
	float: right;
	margin-left: 2.5%;
	z-index: 5;		
}
a.inschrijven_op_maat,
.info_contact_blok {
	color: #FFF;
	background: #f36523;
	transition: all 1s ease; 
}
.info_contact_blok a {
	color: #FFF;
}
.info_contact_blok a:hover {
	color: #132867;
}
a.zelf_opleiden {
	/*color: #132867;
	background: #f6a800;*/
	color: #FFF;
	background: #132867;
	transition: all 1s ease; 
}
a.digital_safety_passport {
	color: #FFF;
	background: #132867;
	transition: all 1s ease; 
}
.info_contact_blok,
a.zelf_opleiden,
a.inschrijven_op_maat,
a.digital_safety_passport {
	display: inline-block;
	width: 90%;
	padding: 10px 5%;
	text-decoration: none;
	font-weight: bold; 
	margin-bottom: 25px;
	/*border: 1px solid #e2f4fe;*/
	font-size: 16px;
}
a.zelf_opleiden:hover,
a.digital_safety_passport:hover {
	background: #159dd8;
	transition: all 1s ease; 	
}
a.inschrijven_op_maat:hover {
	color: #FFF;
	background: #132867;
	transition: all 1s ease; 
}
/*a.digital_safety_passport:hover {
	background: #f36523;
	transition: all 1s ease; 
}*/
.informatie_training {
	width: 85%;
	padding: 9px 7.5% 15px 7.5%;
	background: #e2f4fe;
	margin-bottom: 25px;
	min-height: 327px;
}
.informatie_training ul {
	margin: 5px 0 0 40px;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.informatie_training li {
	margin: 0;
	padding: 0;
	width: 35%;
	display: inline-block;
	float: left;
	list-style: none;
}
.informatie_training .kosten,
.informatie_training .cursusdagen,
.informatie_training .datum,
.informatie_training .plaatsen,
.informatie_training .inschrijven {
	position: relative;
	margin-bottom: 15px;
}
.informatie_training .cursusdagen,
.informatie_training .datum,
.informatie_training .plaatsen,
.informatie_training .inschrijven,
.informatie_training .ex_BTW {
	margin-left: 40px;
}
.informatie_training .kosten:before,
.informatie_training .cursusdagen:before,
.informatie_training .datum:before,
.informatie_training .plaatsen:before,
.informatie_training .inschrijven:before {
	position: absolute;
	width: 20px;
	height: 20px;
	display: inline-block;
}
.informatie_training .cursusdagen:before,
.informatie_training .datum:before,
.informatie_training .plaatsen:before,
.informatie_training .inschrijven:before {
	margin-left: -40px;
}
.informatie_training .kosten:before {
	margin-top: 8px;
	content: url(../images/euro-teken.png);
}
.informatie_training .cursusdagen:before {
	content: url(../images/stopwatch.png);
} 
.informatie_training .datum:before {
	content: url(../images/kalender.png);
} 
.informatie_training .plaatsen:before {
	content: url(../images/plaatsen.png);
}
.informatie_training .inschrijven:before {
	content: url(../images/inshrijven.png);
}
.veiligheidsinstucties_column {
	background: #4db4e1;
	width: 100%;
}
.veiligheidsinstucties_column h2 {
	background: #132867;
	color: #FFF;
	margin: 0;
	padding: 20px;
	text-transform: uppercase;
	font-size: 18px;
}
.veiligheidsinstucties_column ul {
	margin: 0;
	padding: 20px;
}
.veiligheidsinstucties_column ul li {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	display: inline-block;
	color: #FFF;
}
.veiligheidsinstucties_column ul li a {
	color: #FFF;
	text-decoration: none;
}
.veiligheidsinstucties_column ul li a:hover {
	text-decoration: underline;
}
.nieuws_overzicht {
	display: inline-block;
}
h2.nieuws_title {
	display: inline-block;
}
.nieuws_group {
	display: inline-block;
	width: 60%;
}
.nieuws_overzicht_bericht .nieuws_datum {
	top: auto !important;
	width: 40%;
	text-align: right;
	margin-top: -20px;
}
.nieuws_overzicht_bericht {
	width: 30%;
	float: left;
	display: inline-block;
	margin-bottom: 20px;
}
.nieuws_overzicht_bericht .nieuws_image {
	width: 100%;
	max-height: 200px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}
.nieuws_overzicht_bericht .nieuws_image img {
	width: 100%;
	height: auto;
}
.nieuws_overzicht_bericht:nth-child(3n+2) {  
	margin-left: 5%;
	margin-right: 5%;
}
.nieuws_overzicht_bericht:nth-child(3n+4) {
	clear: both;
}

/* Footer: */
.push {
	height: 50px;
}
.footer { 
	position: relative; 
	width: 100%; 
	color: #FFF; 
	background: #132867; 
	line-height: 160%; 
	padding: 10px 0px; 
	min-height: 30px; 
	height: auto; 
}
@media screen and (min-width: 60em) {
	.sticky--desktop {
		display: block;
	}

	.sticky--mobile {
		/*display: none;*/
	}
}
@media all and (max-width: 1024px) { 
		.menu {
			display: inline-block;
			margin-left: 0; 
			width: 100%; 
			padding: /*11px*/ 0; 
		}
		.sticky--desktop {
			display: block;
		}
		#cssmenu {
			margin: 0;
			width: 100%;
			z-index:2005; 
		}
		#cssmenu ul {
			width: 100%;
			display: none;
			z-index:2005;
		}
		#cssmenu.align-center > ul {
			text-align: left;
		}
		#cssmenu ul li {
			width: 100%;
			border-top: 1px solid rgba(120, 120, 120, 0.2);
			background: #FFF;
		}
		#cssmenu ul ul li,
		#cssmenu li:hover > ul > li {
			border-top: none;
			height: auto;
		}
		#cssmenu ul li a,
		#cssmenu ul ul li a {
			width: 100%;
			border-bottom: 0;
		}
		#cssmenu > ul > li {
			float: none;
		}
		#cssmenu ul ul li a {
			padding-left: 25px;
		}
		#cssmenu ul ul ul li a {
			padding-left: 35px;
		}
		#cssmenu ul ul li a {
			color: #132867;
			background: #FFFFFF;
		}
		#cssmenu ul ul li:hover > a,
		#cssmenu ul > li.menu-current a:hover,
		#cssmenu ul > li.menu-current > a,
		#cssmenu ul ul li.active > a {
			color: #132867;
			background: #FFFFFF;
		}
		#cssmenu ul ul,
		#cssmenu ul ul ul,
		#cssmenu.align-right ul ul {
			position: relative;
			left: 0;
			width: 100%;
			margin: 0;
			text-align: left;
		}
		#cssmenu > ul > li.has-sub > a:after,
		#cssmenu > ul > li.has-sub > a:before,
		#cssmenu ul ul > li.has-sub > a:after,
		#cssmenu ul ul > li.has-sub > a:before {
			display: none;
		}
		#cssmenu #menu-button {
			display: block;
			padding: 17px;
			color: #132867;
			cursor: pointer;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: 700;
		}
		#cssmenu #menu-button:after {
			position: absolute;
			top: 22px;
			right: 17px;
			display: block;
			height: 4px;
			width: 20px;
			border-top: 2px solid #132867;
			border-bottom: 2px solid #132867;
			content: '';
		}
		#cssmenu #menu-button:before {
			position: absolute;
			top: 16px;
			right: 17px;
			display: block;
			height: 2px;
			width: 20px;
			background: #132867;
			content: '';
		}
		#cssmenu #menu-button.menu-opened:after {
			top: 23px;
			border: 0;
			height: 2px;
			width: 15px;
			background: #ffffff;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		#cssmenu #menu-button.menu-opened:before {
			top: 23px;
			background: #ffffff;
			width: 15px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		#cssmenu .submenu-button {
			position: absolute;
			z-index: 9999;
			right: 0;
			top: 0;
			display: block;
			border-left: 1px solid rgba(120, 120, 120, 0.2);
			height: 46px;
			width: 46px;
			cursor: pointer;
			background: #132867;
		}
		#cssmenu .submenu-button.submenu-opened {
			background: #262626;
		}
		#cssmenu ul ul .submenu-button {
			background: #132867;
			height: 34px;
			width: 34px;
		}
		#cssmenu .submenu-button:after {
			position: absolute;
			top: 22px;
			right: 19px;
			width: 8px;
			height: 2px;
			display: block;
			background: #FFFFFF;
			content: '';
		}
		#cssmenu ul ul .submenu-button:after {
			top: 15px;
			right: 13px;
		}
		#cssmenu .submenu-button.submenu-opened:after {
			background: #ffffff;
		}
		#cssmenu .submenu-button:before {
			position: absolute;
			top: 19px;
			right: 22px;
			display: block;
			width: 2px;
			height: 8px;
			background: #FFFFFF;
			content: '';
		}
		#cssmenu ul ul .submenu-button:before {
			top: 12px;
			right: 16px;
		}
		#cssmenu .submenu-button.submenu-opened:before {
			display: none;
		}
		.carrousel {  
			margin: 0 0 0 0; 
			height: 300px; 
			overflow: hidden; 
		}
		.carrousel img { 
			position: absolute;
			width: auto;
			min-width: 100%; 
			height: 300px; 
			top: 0;
			left: 0;
		}
		.carrousel .vorige,                                                                                         
		.carrousel .volgende { 
			top: 105px; 
		}
		.carrousel .carrousel_title	{ 
			position: absolute; 
			top: 235px; 
			left: 1.5%; 
		}
		.carrousel .carrousel_description { 
			position: absolute; 
			color: #FFF; 
			width: 100%; 
			margin:0; 
			top: 245px; 
			left: 0;
		}
		.carrousel .carrousel_description span { 
			width: 100%;
			padding-top: 19px; 
			padding-bottom: 19px; 
		}
		.intro { position: relative; top: auto; width: 100%; margin-bottom: 25px; }
}
@media screen and (max-width: 850px) {
	.top { 
		/*font-family: 'Roboto', sans-serif;*/
 		font-family: "museo-sans-rounded", sans-serif;
		font-size: 13px; 
		background: #132867; 
		width: 100%; 
		padding: 15px 0; 
		min-height: 20px; 
		height: auto !important; 
		display: inline-block; 
	}
	.intro { position: relative; top: auto; width: 100%; z-index: 0; }	
	.home_alert { display: none; }
	.carrousel { 
		margin: 0 0 0 0; 
		height: 300px; 
		overflow: hidden; 
	}
	.carrousel img { 
		position: absolute;
		width: auto;
		min-width: 100%; 
		height: 300px; 
		top: 0;
		left: 0;
	}
	.carrousel .vorige,                                                                                         
	.carrousel .volgende { 
		top: 105px; 
	}
	.carrousel .carrousel_title	{ 
		position: absolute; 
		top: 235px; 
		left: 1.5%; 
	}
	.carrousel .carrousel_description { 
		position: absolute; 
		color: #FFF; 
		width: 100%; 
		margin:0; 
		top: 245px; 
		left: 0;
	}
	.carrousel .carrousel_description span { 
		width: 100%;
		padding-top: 19px; 
		padding-bottom: 19px; 
	}
	a.col-3	{ 
		margin-top: 10px;
	}
	.domeinen {
		width: 95%;
		display: block;
		margin: 20px 2.5% 20px 0;
	}
	.column_right {
		width: 100%;
		display: block;
		margin: 20px 0;
	}
	.informatie_training {	
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 500px) {
	.logo {
		width: 100%;
		height: auto;
	}
	.carrousel { 
		margin: 0;
		height: 150px; 
	}
	.carrousel img { 
		position: absolute;
		width: auto;
		/*min-width: 100%; */
		height: 150px; 
		max-height: 150px; 
		top: 0;
		left: 0;
	}
	.carrousel .vorige,                                                                                         
	.carrousel .volgende { 
		top: 70px; 
	}
	.carrousel .carrousel_title	{ 
		display: none; 
	}
	.carrousel_description { 
		display: none; 
	}
	a.col-3	{ 
		color: #FFF; 
		width: 100%; 
		display: inline-block; 
		text-align: center; 
		padding: 20px 0; 
		height: 150px; 
		text-transform: uppercase; 
		font-weight: bold; 
		word-break: break-all; 
		font-size: 13px; 
		/*margin-top: 5px;*/ 
		margin-bottom: 7px;
	}
	.trainingen { 
		width: 100%; 
		/*background: #159dd8; */
	}
	.instructies { 
		width: 100%; 
		margin-left: 0; 
		margin-right: 0; 
		/*background: #132867;
		*/ 
	}
	.seminars { 
		width: 100%; 
		/*background: #159dd8; */
	}
	.hoogte {
		min-height: 50px;
	}
	.eerste.content_container {
		padding: 0 0 20px 0;
	}
	.nieuws_overzicht_bericht {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.nieuws_bericht .nieuws_image, 
	.nieuws_bericht .nieuws_image img {
		max-width: 100% !important; 
		width: 100% !important;
		height: auto !important;
		float: none !important; 
		margin-left: 0 !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important; 
	}
	.nieuws_overzicht_bericht:nth-child(3n+2) {  
		margin-left: 0%;
		margin-right: 0%;
	}
	.nieuws_overzicht_bericht .nieuws_datum { 
		position: absolute; 
		top: 35px !important; 
		right: 0px; 
		font-weight: bold; 
	}

}