html {
	height						: 100%;
	margin						: 0;
	padding						: 0px;	
}

body {	
	background-image			: url('../images/Bruggink-Recruitment-achtergrond.jpg');
	background-color			: #ffffff;
	color						: #000000; /*#646469;*/
	font-family					: "Inter", Arial, sans-serif;
	font-size					: 1.0em;
	margin-left					: 0px;
	margin-right				: 0px;
	margin-top					: 0px;
	padding						: 0px;
	text-align					: center;
}

a, a.visited {
	color						: #2b2482;
	text-decoration				: none;
}

a:hover {
	color						: #00a1e5;
	text-decoration				: underline;
}

h1, h2, h3, h4 {
	color						: #2b2482;
	line-height					: 1.0em;
}

.centreer {
	text-align					: center;
}

.website_outerbox {	
	background-color			: #ffffff;
	color						: #444444;
	float						: center;	
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	width						: 100%;
}

.website_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;	
    display						: -webkit-box;
    display						: -moz-box;
    display						: -ms-flexbox;
    display						: -webkit-flex;
    display						: flex;
    -webkit-box-orient			: vertical;
    -moz-box-orient				: vertical;
    -webkit-flex-direction		: column;
    -ms-flex-direction			: column;
    flex-direction				: column;
}

.website_header_outerbox {
	background-color			: #000000;
	float						: center;	
	position					: relative;	
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_header_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_header img {
	max-width					: 100%;
}

.website_logo {
	border-bottom-left-radius	: 5px;
	border-bottom-right-radius	: 5px;
	background-color			: rgba(255,255,255,1);
	float						: left;	
	padding						: 10px;
	position					: absolute;
	z-index						: 1000;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_menu {	
	float						: right;	
	font-size					: 1.3em;
	right						: 10%;
	padding-bottom				: 5px;
	padding-top					: 10px;
	position					: absolute;
	z-index						: 1000;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_menu ul {
	list-style-type				: none;
	margin						: 0;
	padding						: 0;
	position					: relative;
}

.website_menu li {
	float						: left;
	padding-bottom				: 5px;
	padding-left				: 20px;
	padding-right				: 20px;
	padding-top					: 5px;
	position					: relative;
}

.website_menu li:hover {
	background-color			: #0090cd;
	border-radius				: 5px;
	transition					: background-color 0.5s;
}

.website_menu ul a, .website_menu ul a.visited {
	color						: #ffffff;
}

.website_menu ul a:hover {
	color						: #ffffff;
	text-decoration				: none;
}

.website_slideshow, .website_slideshow_filler {
	background-color			: #000000;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;
	width						: 100%;
}

.website_slideshow_filler {
	background-color			: #00a1e5;
	height						: 150px;
}

.rslides {
	float						: center;
  	list-style					: none;
  	padding						: 0;
  	margin						: 0;  	
  	position					: relative;
  	overflow					: hidden;
  	text-align					: right;
  	width						: 100%;
}

.rslides li {
  	-webkit-backface-visibility	: hidden;
  	display						: none;
  	float						: center;
  	position					: absolute;
  	width						: 100%;
}

.rslides li:first-child {
  	position					: relative;
  	display						: block;
  	float						: center;
}

.rslides img {
  	display						: block;
  	height						: auto;
  	float						: center;
	width						: 100%;
  	border						: 0;
  	opacity						: 0.5;
}

.AantalVacatures {
	padding-bottom				: 1px;
	padding-left				: 5px;
	padding-right				: 5px;
	padding-top					: 1px;
	background-color			: #e6007c;
	border-radius				: 20px;
}

.caption {
    /*background-color			: rgba(0,0,0,0.8);*/
    bottom						: 40%;
    color						: #ffffff;
    display						: block;
    line-height					: 1.5em;
    position					: absolute;
    text-align					: center;
    width						: 100%;
}

.caption_titel {
	font-size					: 2em;
	font-weight					: bold;
	line-height					: 1.5em;
}

.caption_CTA {
	padding-bottom				: 5px;
	padding-left				: 20px;
	padding-right				: 20px;
	padding-top					: 5px;
	background-color			: #e6007c;
	border-radius				: 5px;
	transition					: background-color 0.5s;
}

.caption_CTA a, .caption_CTA a.visited {
	color						: #ffffff;
	text-decoration				: none;
}

.caption_CTA:hover {
	background-color			: #2b2482;
	transition					: background-color 0.5s;
}

.website_groteknoppen_outerbox {
	float						: center;	
	position					: relative;	
	margin-left					: auto;
	margin-right				: auto;
	max-width					: 1200px;
}

.website_groteknoppen {
	display						: flex;
	width						: 100%;
}

.website_groteknop {
	background-color			: #ffffff;
	border-radius				: 10px;
	box-shadow					: 0px 5px 10px rgba(0,0,0,0.2);
	color						: #000000;
	cursor						: pointer;
	flex						: 1;
	float						: left;
	font-size					: 1em;
	margin						: 1%;
	padding						: 2%;
	top							: -50px;
	position					: relative;	
	width						: 31%;
	z-index						: 100;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.website_groteknop:hover {
	background-color			: #00a1e5;
	color						: #ffffff;
	transition					: background-color 0.5s;
}

.website_groteknop a:hover {
	color						: #ffffff;
	text-decoration				: none;
}

.website_menu ul .children {	
	background-color			: #e6007c;
	border-radius				: 5px;
	color						: #000000;
	display						: none;
	float						: none;
	font-size					: 0.7em;
	list-style					: none;	
	margin-left					: -50%;
	padding-bottom				: 10px;
	padding-top					: 10px;
	position					: absolute;
	text-shadow					: none;	
	width						: 270px;
	z-index						: 2000;
}

.website_menu ul .children li {	
	border-bottom				: 1px solid rgba(255,255,255,0.5);
	border-radius				: 0px;
	border-left					: none;
	border-right				: none;
	float						: left;
	height						: 20px;
	margin						: 0;
	padding-bottom				: 2px;
	padding-top					: 2px;
	width						: 220px;
}

.website_menu ul .children li:hover {	
	background-color			: #000000;
	border-bottom				: none;
}

.website_menuitem_selected, .website_menuitem_selected a {
	color						: #e6007c;
}

.website_menu ul .children a, .website_menu ul .children a.visited {
	color						: #000000;
	text-decoration				: none;
}

.website_menu ul .children a:hover {
	color						: #ffffff;
}

.mobile-nav {	
	display						: none;
}

.website_content {
	float						: center;
	font-size					: 0.9em;
	line-height					: 1.5em;
	padding						: 0px 30px 15px 30px;
	position					: relative;	
	text-align					: left;		
	vertical-align				: top;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content img {
	max-width					: 100%;
}

.website_content_kolom1 {
	border-right				: 1px solid #e6e6e6;
	float						: left;
	padding-right				: 3%;
	position					: relative;
	width						: 47%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content_kolom2 {
	float						: left;
	padding-left				: 3%;
	position					: relative;
	width						: 47%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content_kolom1_2 {
	float						: left;
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_prefooter_outerbox {
	background-color			: #2b2482;
	color						: #ffffff;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	padding						: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.website_prefooter_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_prefooter_innerbox h1, .website_prefooter_innerbox h2, .website_prefooter_innerbox h3 {
	color						: #ffffff;
}

.website_prefooter_innerbox a {
	color						: #ffffff;
}

.website_prefooter_innerbox a:hover {
	color						: #ff0000;
	text-decoration				: underline;
}

.innerbox_3kolommen {
	float						: left;
	padding						: 1%;
	position					: relative;
	width						: 33%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.innerbox_4kolommen {
	float						: left;
	padding						: 1%;
	position					: relative;
	width						: 24%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_footer_outerbox {
	background-color			: #00a1e5;
	color						: #ffffff;
	float						: center;
	font-size					: 0.8em;
	margin-left					: auto;
	margin-right				: auto;	
	padding						: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.website_footer_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_footer_innerbox a {
	color						: #ffffff;
}

.website_footer_innerbox a:hover {
	color						: #ffffff;
	text-decoration				: underline;
}

.website_footer_innerbox img {
	max-width					: 100%;
}

hr {
	border						: none;
	background-color			: #e6e6e6;
	height						: 1px;
	width						: 100%;
}

input[type=button], input[type=submit], button {
	background-color			: #ffffff;
	border						: 1px solid #656464;
	border-radius				: 5px;
	color						: #444444;
	padding						: 10px 10px 10px 10px;
	cursor						: pointer;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
	background-color			: #00a1e5;
	color						: #ffffff;
}

.lijst, .lijst_item, .lijst_titel, .lijst_afbeelding, .lijst_tekst {
	float						: left;
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.lijst_item {
	padding-bottom				: 15px;
	border-bottom				: 1px solid #dddddd;
}

.lijst_item:last-child {
	border-bottom				: none;
}

.lijst_titel {
}

.lijst_afbeelding {
	padding-right				: 1%;
	width						: 19%;
}

.lijst_afbeelding img {
	/*border						: 1px solid #eeeeee;*/
	height						: auto;
	width						: 100%;
}

.vacature_logo {
	float						: right;
	height						: auto;
	padding-top					: 20px;
	width						: 25%;
}

.lijst_tekst {
	padding-left				: 1%;
	width						: 79%;
}

.vacature_afbeelding {
	/*border						: 1px solid #eeeeee;*/
	clear						: both;
	float						: right;
	height						: auto;
	padding-bottom				: 20px;
	padding-left				: 20px;
	padding-top					: 20px;
	width						: 50%;
}

.td_label {
	float						: left;
	position					: relative;
	text-align					: left;
	vertical-align				: top;
	width						: 25%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.td_input {
	float						: left;
	position					: relative;
	text-align					: left;
	vertical-align				: top;
	width						: 70%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.su-gmap {
	max-width					: 100%;
}

.footer_logos {
	float						: left;
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.footer_logo {
	background-color			: #ffffff;
	float						: left;
	margin-bottom				: 1%;
	padding-left				: 1%;
	padding-right				: 1%;
	position					: relative;
	text-align					: center;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.footer_logo img {
	padding						: 5px;
	max-height					: 75px;
	width						: auto;
}

@media screen and (max-width: 1080px) {
	.caption {
		bottom					: 20%;
	}
	
	.website_menu {
		right					: 0;
	}
	
	.website_menu li {
		padding-left			: 10px;
		padding-right			: 10px;
	}	
}	

@media screen and (max-width: 815px) {
	.website_menu {
		font-size				: 1.1em;
	}
	
	.website_menu li {
		padding-left			: 5px;
		padding-right			: 5px;
	}	
	
	.website_groteknop {
		top						: -25px;
	}
	
	.innerbox_3kolommen {
		width					: 50%;
	}		
		
	.td_label, .td_input {
		width					: 100%;
	}	
	
	.vacature_logo {
		width					: 50%;
	}
}

@media screen and (max-width: 700px) {
	.website_groteknoppen {
		flex-wrap				: warp;
	}
	
	.website_groteknop {
		text-align				: center;
		top						: -15px;
	}
	
	.website_groteknop p {
		display					: none;
	}
	
	.caption {
		display					: none;
	}
	
	.website_slideshow {
		height					: 200px;
	}
	
	.website_slideshow_filler {
		height					: 200px;
	}
	
	.website_logo {
		height					: 175px;
		padding-left			: 0px;
		text-align				: center;
		width					: 100%;
	}
	
	.website_menu {
		left					: 0px;
		margin-left				: 1%;
		margin-right			: 1%;
		padding-bottom			: 5px;
		padding-top				: 10px;
		position				: absolute;
		top						: 110px;
		z-index					: 1000;	
		-webkit-box-sizing		: border-box;
		-moz-box-sizing			: border-box;
		box-sizing				: border-box;			
		width					: 98%;
	}
	
	.website_menu ul {
		display					: none;
	}
	
	.mobile-nav {	
		display					: block;
		font-size				: 1.1em;
		width					: 100%;
	}
	
	.website_content_kolom1, .website_content_kolom2 {
		border					: none;
		padding					: 0;
		margin					: 0;
		width					: 100%;
	}	
	
	.innerbox_3kolommen {
		padding					: none;
		width					: 100%;
	}		
	
	.lijst_afbeelding {
		padding-right			: 0;
		width					: 100%;
	}
	
	.lijst_tekst {
		padding-left			: 0;
		width					: 100%;
	}
}

@media screen and (max-width: 500px) {
	.website_groteknoppen {
		display					: none;
	}
}

.TR_odd {
	background-color			: #00abf3;
}

.TR_even {
	background-color			: #00b3ff;
}

.TR_odd a, .TR_even a {
	color						: #ffffff;
}

.TR_odd a:hover, .TR_even a:hover {
	color						: #ffffff;
}