/* normal */
body {font-family: 'Roboto', sans-serif;}
body ol {
	padding: 0;
}
img {
	border: 0;
	display: block;
 }
a, input { outline: none;
 }

@media screen and (min-width: 1200px) {
    .stageusaContainer {
        padding: 0 60px 0 60px;
    }
}

/*::-moz-selection {
    background: #C4C4C4;
}

::selection {
    background: ##C4C4C4;
}*/

/* global style */
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* body */
#body {
	background-color: #F0F0F0;
	color: #959595;
}
#body strong {
	color: #000;
}

/* wrapper  */
#wrapper {
	background: url('../images/bg.gif') repeat-x;
    -webkit-background-size: 100% 30px;
    background-size: 100% 30px;
}


/* layout */
#layout {
	margin: 0 auto;
	background: #fff;
}

/* header */
#header {
	border-bottom: 3px solid #BAE0FA;
}
#header img {
    width: 75%;
    z-index: 1;
}
@media all and (max-width: 768px){
    #header img {
        max-height: 50px;
        max-width: 75%;
        width: auto;
    }
}
#header h3 {
    position: absolute;
    left: 36px;
    top: 25px;
    display: block;
    text-indent: -9999px;
    height: 42px;
    background: url('../images/header-text.png') no-repeat;
}

@media screen and (min-width: 1200px) {
    #header img {
        width: 80%;
        position: relative;
        right: 25px;
        bottom: 22px;
    }
}

.logoAndMenuContainer {
    clear: both;
}

/* link bar */
.linkBar {
	padding-bottom: 0;
	height: 30px;
 }

.linkBar ul {
	list-style: none;
	float: left;
	padding: 0;
}
.linkBar li {
    margin-right: 5px;
    float: left;
    color: #d7f0ff;
    background-color: #2E98D0;
    border-radius: 0 0 10px 10px;
    line-height: 20px;
}
.linkBar li a {
    text-decoration: underline;
    color: #d7f0ff;
}

.linkBar ul.left li {
    padding: 4px 5px 10px 5px;
}
.linkBar ul.left a {
    font-size: 9px;
    padding: 0;
	text-decoration: none;
}

.linkBar ul.right {
 	float: right;
    padding-top: 8px;
}
.linkBar ul.right li {
    background: none;
    padding: 0;
}

.linkBar ul.right a img {
    width: 21px;
	border: 0px solid white;
}

.linkBar .menu-icon {
    margin: -2px;
}

@media screen and (min-width: 576px) {
	.linkBar ul.left {
		padding-left: 0;
	}
    .linkBar ul.left li {
        padding: 4px 12px 10px 12px;
        margin: auto 5px;

    }
    .linkBar ul.left li a {
        font-size: 12px;
    }

    .linkBar ul.right li {
        padding: 0 0 0 5px;
    }
}


.linkBar li div.login {
	padding-bottom: 10px;
	display: none;
	position: absolute;
	left: -146px;
	top: 22px;
	background: url('../images/login-bottom.png') left bottom no-repeat;
 }
.linkBar li:hover div.login { display: block;
 }
.linkBar li div.mid {
	padding: 26px 2px 0px 2px;
	overflow: hidden;
	background: url('../images/login-mid.png') repeat-y;
 }
.linkBar fieldset { border: 0px;
 }
.linkBar h4 { padding: 0px 0px 14px 29px;
 font-size: 15px;
 color: #4e4e4e;
 }
.linkBar p { padding: 0px 0px 7px 24px;
 float: left;
 }
.linkBar label { padding-left: 5px;
 margin-bottom: -2px;
 display: block;
 color: #4e4e4e;
 float: left;
 }
.linkBar input.field { padding: 10px 14px;
 font-size: 11px;
 color: #4e4e4e;
 height: 15px;
 float: left;
 border: 0px;
 background: url('../images/field1.gif') 100% no-repeat;
 }
.linkBar span { padding: 0px 10px 0px 30px;
 position: relative;
 margin-top: 14px;
 display: block;
 height: 38px;
 border-top: 1px solid #D2DCE1;
 background: #EEF9FD;
 }
.linkBar input.checkbox { margin-top: 14px;
 height: 12px;
 float: left;
 }
.linkBar label.small { padding: 11px 0px 0px 2px;
 float: left;
 font-size: 11px;
 color: #4a4a4b;
 }
.linkBar .checkbox { padding: 0px;
 margin: 8px 0px 0px -2px;
 height: 25px;
 display: block;
 float: left;
 border: 0px;
 background: url('../images/checkbox.png') no-repeat;
 }

/* Search bar */
.zoekveld_top {
    float: right;
    margin-bottom: -2px;
    margin-right: 20px;
    padding-top: 5px;
}
.zoekveld_top .zoek_button{
	margin-left: 10px;
	margin-top: 6px;
}

 /* Menu Top */
.menuTop {
    clear: both;
}
.menuTop ul {
    float: right;
    list-style: none outside none;
    padding: 0;
}
.menuTop li {
	padding: 0 7px 0 8px;
	float: left;
	font-size: 12px;
    border-right: 1px solid #271700;
    line-height: 12px;
    margin: 10px 0;
}
.menuTop li a {
	color: #4e4e4e;
 	text-decoration: none;
 }
.menuTop li a:hover { text-decoration: underline;
 }
.menuTop li.last { border-right: 0;}

/* Menu */
.menu ul li a {
	padding: 13px 11px 18px 11px;
    font-size: 16px;
}

.menu .dropdown-item {
	padding-bottom: 8px;
}

@media screen and (min-width: 576px) {
    .menu ul li ul hr {
        margin: 0;
        border-color: #BAE0FA;
    }

    .menu ul li ul li a:hover {
        background-color: #EF7D00;
        transition: 0.2s 0s;
    }
    .menu ul li ul li a {
        background-color: white;
        transition: 0.2s 0s;
    }

    .mainMenuItem {
        border: 3px solid transparent;
        border-bottom-width: 0;
        border-radius: 0 0 100px 100px;
        height: 54px;
        margin-top: 6px;
    }
    .mainMenuItem .dropdown-menu {
        padding: 0;
        border: 0;
    }

    /* Dropdown menu */
    .dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        /*transform: translateY(-10px);*/
        /*transition: all 0.5s 0.3s;*/

        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
    }
    .dropdown:hover .dropdown-menu {
        max-height: 400px;
        opacity: 1;
        border: 3px solid #BAE0FA;
        border-top-width: 0;
        position: absolute;
        left: -3px;
        /*transition-delay: 0s, 0s, 0.3s;*/
        /*transform: translateY(0%);*/
    }
}

@media screen and (min-width: 578px) {
	.mainMenuItem:hover {
		background-color: white;
		border-top: 3px solid #BAE0FA;
		border-right: 3px solid #BAE0FA;
		border-left: 3px solid #BAE0FA;
		border-radius: 10px 10px 0 0;
	}
}

@media screen and (min-width: 768px) {
    .navbar-header {
        width: 35%;
    }
}
.navbar-header {float:none !important;height: 50px !important}
.menu .navbar {
    border: none;
    margin-bottom: 0;
    background: none;
}
.menu .navbar-default .navbar-nav {
    position: relative;
    top: 3px;
}
.menu .navbar-default .navbar-nav li a {
	color: #000;
}

#mainMenu {
	position: relative;
}

@media screen and (max-width: 768px) {
    .menu .navbar .navbar-header {
        margin-bottom: 20px;
    }
}


/* Read more link */
.read_more_link {
    color: #01AAF1;
    float: right;
    text-decoration: none !important;
	font-size: 12px;
    background: url('../images/util/arrow-right.svg') no-repeat;
    background-size: 21px auto;
    background-position-x: 100%;
	padding-right: 25px;
	margin-top: 5px;
	font-weight: normal !important;
}

.read_more_link:hover {
	color: #161616;
    background-image: url("../images/util/arrow-right-hover.svg");
    background-size: 21px auto;
}


/* banner */
#banner {
    position: relative;
    padding: 50px 0 50px 0;
    overflow: hidden;
    min-height: 350px;
}
div#slider {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
#slider ul {
	overflow: hidden;
	list-style: none;
    height: 100% !important;
	padding: 0;
}
#slider li {
	overflow: hidden;
	width: 100%;
    height: 100%;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
#slider img {
    min-width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
}

#slider_ul {
    margin-bottom: 0;
    -webkit-transition: max-height 300ms;
    -moz-transition: max-height 300ms;
    -ms-transition: max-height 300ms;
    -o-transition: max-height 300ms;
    transition: max-height 300ms;
}
@media screen and (min-width: 1367px) {
    #slider_ul {
        -webkit-transition: max-height 300ms;
        -moz-transition: max-height 300ms;
        -ms-transition: max-height 300ms;
        -o-transition: max-height 300ms;
        transition: max-height 300ms;
    }
}

/* CTA */
#headerCTA {
    position: relative;
    width: 60%;
    z-index: 2;
    margin-left: 60px;
    padding: 23px;
    background-color: #FFF;
    font-size: 26px;
    border: 1px solid #CBCBCB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media all and (max-width:450px){
    #headerCTA {display:none;}
}
#headerCTA #catchText {
    text-align: center;
    padding: 0 10px;
}
#headerCTA p {
    color: #606163;
}
#headerCTA strong {
    color: #606163;
}
#headerCTA i {
    font-size: 15px;
    padding: 0 11px;
    display: block;
}
.slick-slide {
    height: auto !important;
}
@media all and (max-width:578px){
    #headerCTA {
        width: 80%;
        margin-left: 10%;
        max-height: 295px;
    }
}
@media all and (max-width:578px){
    .slick-slide form {
        margin-top: initial !important;
    }
}
@media screen and (min-width: 1200px) {
    #headerCTA {
        width: 40%;
    }
}
@media screen and (min-width: 1500px) {
    #headerCTA {
        width: 30%;
    }
        #headerCTA #catchText {
            padding: 0 50px;
        }
}
/* Lower banner */
.lower_banner {
    border: solid #CBCBCB;
    border-width: 1px 0;
    padding: 8px 15px;
}
.lower_banner img {
    display: inline;
    margin-right: 11px;
    max-width:30px;
    max-height:30px;
}

@media screen and (min-width: 1500px) {
	.lower_banner span {
        font-size: 14px;
    }
}

@media (max-width: 1500px) {
    .lower_banner span {
        font-size: 12px;
    }
}


/* Social Media Bar */
.socialMediaBar {
	position: fixed;
	margin-left: -60px;
	top: 30vh;

	/*position: fixed;
	top: 20px;
	width: 20%;*/
}

.socialMediaBar img {
	width: 60px;
	margin-bottom: 5px;
}

/* Contact bar */
.fixed-right {
    position: sticky;
    right: 0;
    top: 30vh;
}
.contactBar a {
    display: block;
    border-bottom: 1px solid #ECCE55;
    color: #000;
    background-color: #F9E287;
    padding: 15px 8px 5px;
    margin-bottom: 1px;
    text-align: center;
}
.contactBar a i {
    font-size: 40px;
    display: block;
    width: 40px;
    margin: 0 auto;
}

.fa-skype {
    /*color: #1DABEE;*/
}

.contactBar img {
	width: 50px;
}
.contactBar img:hover {
	cursor: pointer;
}


/* np bar */
.npBar {
    overflow: auto;
}
.npBar ul {
    list-style: none;
    margin-left: -14px;
}
.npBar li {
	padding: 0px 15px 0px 8px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #959595;
	background: url('../images/util/devider.png') right 7px no-repeat;
	background-size: 8px 8px;
}
.npBar li a {
	text-decoration: underline;
	color: #959595;
}
.npBar li a:hover {
	text-decoration: none;
}
.npBar li.first {
	margin-left: -18px;
}
.npBar li.last {
	background: none;
}


/* content */
#contentContainer {
    overflow: auto;

}
#content {
    padding: 25px;
    overflow: auto;

}

/* Left side */
#leftSide {
    clear: both;
}


/* textbar */
.textBar {
    padding: 0 0 40px 0;
    overflow: auto;
}

.textBar p {
	font-size: 13px;
	padding: 0 0 15px 0;
	line-height: 17px;
}

@media screen and (max-width: 576px) {
	.textBar p {
		font-size: 13px;
		padding: 0 0 15px 1px;
	}
}

.textBar ul {
	list-style: disc;
	font-size: 12px;
 	color: #959595;
}

.textBar a {
	color: #01AAF1;
	text-decoration: none;
	font-weight: bold;
}
.textBar a:not(.btn):hover {
	color: #01AAF1;
	text-decoration: underline;
}

.textBar ol {
	margin: 0 0 15px 40px;
    font-size: 13px;
    list-style: none none;
    counter-reset: item;
}

.textBar ol li {
    position: relative;
    margin-top: 17px;
    padding-left: 20px;
}
.textBar > ol > li {
	position: relative;
    margin-top: 17px;
    margin-bottom: 20px;
	padding-left: 20px;
    display: inline-block;
    width: 100%;
}
.textBar ol li:before {
    position: absolute;
    left: -10px;
    font-weight: bold;
    color: #000;

    content: counters(item, ".") " ";
    counter-increment: item;
}
.textBar > ol > li:before {
    position: absolute;
    top: -8px;
    left: -40px;
    width: 42px;
    height: 42px;

    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    color: #000;

    border: 5px solid #01AAF1;
    border-radius: 50%;
    background-color: #FFF;
}

.textBar img:not(.tooltip){
	width: 100%;
	height: auto;
}
.textBar table img {
    max-width: 200px !important;
    max-height: 80px !important;
    display: inline !important;
    width: auto !important;
}

.textBar h1 {
	color: #01AAF1;
	font-size: 36px;
	padding-bottom: 25px;
}
.textBar h2 {
	color: #727171;
	font-size: 23px;
    padding-bottom: 3px;
}
.textBar h3 {
	color: #727171;
	font-size: 17px;
    padding-bottom: 3px;
}
h1, h2, h3 {
	font-family: 'Arial', Arial, sans-serif !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.stageRichtingenTabel {
	list-style: none !important;
	padding: 0px;
 	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
.stageRichtingenTabel em {
	margin-right: 5px;
	color: #01AAF1;
}

@media screen and (min-width: 576px) {
	.stageRichtingenTabel {
		list-style: none !important;
	 	columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}
}


/* Employee info */
.employeeInfo {
	text-align: center;
}


/* twitter bar */
.twitterBar {
	width: 272px;
 	overflow: hidden;
 }
.twitterBar h3 { padding: 0px 0px 0px 29px;
 font-size: 22px;
 font-family: 'Myriad Pro', Arial;
 color: #4a4a4b;
 font-weight: normal;
 background: url('../images/twitter-icon.gif') 2px 2px no-repeat;
 }
.twitterBar .twitter { margin: 6px 0px 5px 0px;
 /*width: 266px;*/
 background: url('../images/twitter-mid.gif') repeat-y;
 }
.twitterBar .top { padding-top: 11px;
 background: url('../images/twitter-top.gif') left top no-repeat;
 }
.twitterBar .bottom { padding: 0px 38px 25px 17px;
 overflow: hidden;
 background: url('../images/twitter-bottom.gif') left bottom no-repeat;
 }
.twitterBar .gap { margin-top: 13px;
 }
.twitterBar p { padding-left: 1px;
 font-size: 11px;
 color: #666;
 line-height: 19px;
 }
.twitterBar a { color: #71b0c0;
 text-decoration: none;
 }
.twitterBar a:hover { text-decoration: underline;
 }
.twitterBar .image { margin-left: 16px;
 width: 28px;
 float: left;
 height: 27px;
 background: url('../images/twitter-bg.gif') no-repeat;
 }
.twitterBar .image img { padding: 4px 0px 0px 5px;
 }
.twitterBar span { padding-left: 5px;
 line-height: 28px;
 font-size: 11px;
 float: left;
 display: block;
 color: #6c7881;
 }
.twitterBar span span { padding: 0px;
 display: inline;
 float: none;
 color: #99a0a5;
 }
.twitterBar a.link { padding-right: 11px;
 margin-top: 20px;
 float: right;
 text-decoration: underline;
 color: #4a4a4b;
 font-size: 11px;
 background: url('../images/np-devaider.gif') right 4px no-repeat;
 }
.twitterBar a.link:hover { text-decoration: none;
 }

/* facebook bar */
.facebookBar {
	/*width: 264px;*/
 	overflow: hidden;
}
.facebookBar h3 {
	padding: 0px 0px 8px 29px;
	font-size: 22px;
	color: #4a4a4b;
	font-family: 'Myriad Pro', Arial;
	font-weight: normal;
	background: url('../images/facebook-icon.gif') 0px 2px no-repeat;
 }
.facebookBar img {
	margin-left: 4px;
	border: 1px solid #ACA8A9;
	border-top: 1px solid #47576E;
 }

/* job bar */
.jobBar { padding: 0px 6px 39px 9px;
 margin-bottom: 32px;
 width: 278px;
 overflow: hidden;
 background: #fff url('../images/job-bg.gif') left bottom no-repeat;
 }
.jobBar h2 { padding-left: 15px;
 margin-bottom: 15px;
 line-height: 32px;
 font-family: 'Myriad Pro', Arial;
 height: 35px;
 font-size: 22px;
 color: #fff;
 font-weight: normal;
 background: url('../images/job-bg1.gif') no-repeat;
 }
.jobBar ul { padding: 0px 0px 16px 9px;
 overflow: hidden;
 list-style: none;
 }
.jobBar li { padding-bottom: 21px;
 width: 100%;
 float: left;
 }
.jobBar h3 { padding-bottom: 1px;
 font-size: 11px;
 color: #4a4a4b;
 }
.jobBar span { display: block;
 font-size: 11px;
 color: #4a4a4b;
 font-style: italic;
 }
.jobBar a { padding-right: 11px;
 margin-right: 6px;
 float: right;
 font-size: 11px;
 color: #4a4a4b;
 text-decoration: underline;
 background: url('../images/np-devaider.gif') right 4px no-repeat;
 }
.jobBar a:hover { text-decoration: none;
 }


/* sitemap bar */
.sitemapList ul {
	list-style-type: none;
	padding: 0;
    margin-bottom: 0;
}
.sitemapBar h3 {
	padding-bottom: 9px;
	font-size: 19px;
	color: white;
}
.sitemapBar .left {
	float: left;
 }
.sitemapBar .right {
	float: right;
 }
.sitemapBar li {
	padding-bottom: 10px;
 }
.sitemapBar li a {
	text-decoration: none;
 	color: #656565;
 }
.sitemapBar li a:hover {
	text-decoration: underline;
 }

/* footer */
.footer {
	background-color: #383838;
}
.footer #offices a {
    color: white;
}
    .footer #container .footerRow {
        padding-top: 41px;
    }

    .footer img {
        width: 100%;
        margin-bottom: 40px;
    }
    @media screen and (min-width: 576px) {
        .footer img {
            width: 85%;
        }
    }

    .footer p {
        color: #656565;
        font-size: 11px;
    }

    #offices {
        overflow: auto;
    }
    #offices div {
        padding: 0;
    }
    #offices p {
        margin: 0;
    }
    #offices .title {
        color: white;
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        #offices div p {
            font-size: 14px;
        }
    }

    /* social media links */
    .socialMediaLinks {
        margin: 0;
        font-size: 13px;
        color: white;
    }
    .socialMediaLinks ul {
        list-style-type: none;
        padding: 0;
    }
    .socialMediaLinks ul li {
        padding-top: 18px;
    }
    .socialMediaLinks ul li a {
        font-size: 12px;
        text-decoration: none;
        color: white;
    }
    .socialMediaLinks ul li a i {
        font-size: 22px;
        width: 20px;
        text-align: right;
        margin-right: 11px;
    }



/*tabel*/
.tabel-hoeklinks {
    background-image: url("../images/tabel-header-links.jpg");
    float: left;
    height: 18px;
    left: -11px;
    padding-top: 4px;
    position: relative;
    top: -4px;
    width: 3px;
}
.tabel-hoekrechts{
	position: relative;
	float: right;
	top: -4px;
	background-image:url(../images/tabel-hoek-rechts.jpg);
	width: 4px;
	height: 22px;
}

/* Styled table */
table.styledTable {
	position: relative;
	float: left;
	margin-bottom: 20px;
	background-color: white;
	font-size: 12px;
	width: 100%;
}
table.styledTable tr th {
	height: 35px;
	padding: 3px 5px 0 5px;
	color: #000;
	text-align: center;
	border-right: 1px solid #CCECFB;
}
table.styledTable tr td {
	padding-left: 10px;
	color: #727171;
	text-align: center;
	border-right: 1px solid #CCECFB;
}
table.styledTable tr:nth-child(even) {
	background-color: #E9F8FF;
}
table.styledTable tr:hover {
	background-color: #E9F8FF;
    font-weight: bold;
}

.styledTable tr td:last-child,
.styledTable tr th:last-child {
  border-right: 0;
}

.links{
	height: 22px;
	text-align: left;
	padding-left: 10px;
	color: #646464;
	border-top: 1px solid red;
	color: red;
}

/* TABEL VACATURE_DETAILS */

table.vacature-details{
	position: relative;
	float: left;
	margin-bottom: 20px;
	background-color: white;
	width: 580px;
	color: #4a4a4b;
	font-size: 12px;
}
table.vacature-details a{
	color: #0285c1;
	font-size: 11px;
}
table.vacature-details tr th.vacature-kolom-links{
	text-align: left;
	width: 175px;
	min-height: 20px;
}
table.vacature-details tr th.vacature-kolom-rechts{
	width: 395px;
	padding-left: 10px;
	text-align: left;
	min-height: 20px;
}
table.vacature-details tr th h1{
padding-bottom: 6px;
 font-size: 23px;
 font-weight: bold;
 color: #4a4a4b;
 font-family: 'Myriad Pro', Arial;
}
table.vacature-details tr th h1 .klein{
font-size: 13px;

}
table.vacature-details tr td.vacature-kolom-links{
	width: 175px;
	color: #0285c1;
	font-weight: bold;
	height: 20px;
	line-height: 22px;
}
table.vacature-details tr td.vacature-kolom-rechts{
	width: 395px;
	padding-left: 10px;
	height: 20px;
	line-height: 22px;
}


/* TABEL CONTACT*/
.contactForm {
	margin-bottom: 20px;
	background-color: #E9F8FF;
	padding: 20px;
    overflow: hidden;
}

.contactForm p {
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	padding-top: 10px;
}

/* Form controls */
.submitButtonContainer {
	margin-top: 10px;
	margin-left: 15px;
}

.submit_button {
	background-color: #EF7D00 !important;
	color: #FFF !important;
	padding: 10px !important;
	width: 100%;
    border: 0 !important;
    font-weight: bold !important;
}

.form-control:focus {
    -webkit-box-shadow: none !important;
    outline: -webkit-focus-ring-color auto 0 !important;
}


#voegOptieToeContainer:hover {
    cursor: pointer;
}
#voegOptieToeButton {
    display: inline;
    border: 2px solid #01AAF1;
    color: #01AAF1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    font-size: 22px;
    line-height: 0;
    font-weight: bold;
    width: 27px;
    height: 27px;
    padding: 0 0 0 1px;

    background-color: transparent;

}
#voegOptieToeLink {
    color: #727171;
}
#voegOptieToeLink:hover {
    text-decoration: none;
}

.glyphicon-calendar {
    color: #1BAFF2;
}

.formTitles p {
	color: #000;
}

.g-recaptcha {
	margin-left: 10px;

	transform:scale(0.80);
	-webkit-transform:scale(0.80);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}


table.contact {
	background-color: #E9F8FF;
}

table.contact tr td{
	padding-left: 40px;
}
table.contact tr td.contact-kolom-links{
	width: 175px;
	color: #000;
	font-weight: bold;
	height: 20px;
	line-height: 22px;
	vertical-align: top;
	padding-top: 8px;
}
table.contact tr td.contact-kolom-rechts{
	width: 395px;
	padding-left: 10px;
	height: 20px;
	line-height: 22px;
}

#keepUpToDateButton {
	background-color: #5A5A5A !important;
}

/* IFrame responsiveness */
.iframe_container {
	position: relative;
}

.iframe_container iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Nieuws items */
.nieuwsartikel-intro {
	padding: 10px;
	overflow: hidden;
    border: 0 dotted #959595;
    border-bottom-width: 2px;
}
.nieuwsartikel-intro:hover {
	background-color: #EEF9FD;
}
.nieuwsartikel-intro img {
    width: 200px;
    display: inline-block;
    float: left;
    margin: 0 20px 0 0;
    border-radius: 10px;
    max-width: 20%;
}
.nieuwsartikel-intro .datum{
	color: gray;
	font-size: 11px;
	padding-bottom: 5px;
}
.nieuwsartikel-intro p {
	color: #959595;
	text-decoration:none;
	font-weight: bold;
}
.nieuwsartikel-intro h4 {
	text-align: center;
}

.nieuwsarchief h2{
	font-weight: bold;
	margin-top: 20px;
}
.nieuwsarchief ul{
	list-style: none;
}
.nieuwsarchief ul li{
	position: relative;
	float: left;
	font-size: 12px;
	border-bottom: 1px dotted gray;
	padding-left: 0px;
}
.nieuwsarchief ul li.laatste{
	border-bottom: none;
}
.nieuwsarchief ul li a{
	text-decoration: none;
	display: block;
	height: 30px;
	padding-top: 5px;
	left: -10px;
	padding-left: 10px;
}
.nieuwsarchief ul li:hover{
	background-image:url(../images/np-devaider.gif);
	background-repeat:no-repeat;
	background-position: 97% 14px;
	background-color: rgb(238, 249, 253);
}
.nieuwsarchief ul li .datum{
	position: relative;
	float: left;
	color: gray;
	margin-right: 20px;
	width: 80px;
}
.nieuwsartikel{
	border-bottom: 1px dotted gray;
}
.nieuwsartikel img, .vacature_content img  {
	width: 100%;
	height: auto;
    margin: 20px 0;
    border-radius: 10px;
    max-width: 50%;
    display: inline-block;
    float: right;
    margin: 5px;
}
.nieuwsartikel .datum{
	color: gray;
	font-size: 11px;
	padding-bottom: 5px;
}
.nieuwsartikel p a{
	color: #0285c1;
	text-decoration:none;
	font-weight: bold;
}


label.error {
	display: none !important;
	width: 250px;
	float: left;
	margin: 0;
	color: #F00;
}

ul.share
{
	margin-top:10px;
	list-style:none !important;
	float: left;
}

ul.share li
{
	position:relative;
	float: left;
}

/* SUBMIT BUTTONS */
.submitBtn {
	text-align: center;

	background-color: #EF7D00 !important;
	color: #FFF !important;
	padding: 10px !important;

	border: 0;
	border-radius: 4px;
}
.submitBtn span {
	padding: 0px 16px 0px 5px;
	color: #fff;
	font-weight: bold;
	display: block;
	float: left;
	clear: both;
}
.submitBtn:hover {
	border-color: #adadad;
}



 /* FAQ */
#faqs {
    overflow: auto;
    margin-bottom: 40px;
}

#faqs .faqContainer {
    overflow: auto;
    background-color: #E9F8FF;
    border-radius: 5px;
    margin-bottom: 20px;
}

#faqs .faqContainer h3 {
    float: left;
    background: url('../images/util/plus_icon.gif') 38px no-repeat;
    padding: 23px 25px 21px 67px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    background-size: 15px;
}
#faqs .faqContainer h3.active {
    background: url('../images/util/minus_icon.gif') 38px no-repeat;
    background-size: 15px;
}
#faqs .faqContainer div {
    float: left;
    display: none;
    background-color: white;
    border: 2px solid #CBEBFA;
}
.faqTop img {
    width: 90%;
}

#faqP {
    padding: 14px 25px 18px 67px;
}

.blockContainer {
	position: relative;
	width: 581px;
	float: left;
	margin: 15px 0 0 0;
}
	.infoBlock {
		position: relative;
		width: 175px;
		float: left;
		margin-right: 28px;
		margin-bottom: 15px;
		cursor: pointer;
	}
		.infoBlockTop {
			position: relative;
			width: 175px;
			height: 12px;
			float: left;
		}
		.infoBlockBg {
			position: relative;
			width: 175px;
			height: 170px;
			float: left;
			overflow: hidden;
			background: url('../images/blok_onder_bg.png') no-repeat;
		}
			.infoBlockImg {
				position: relative;
				width: 152px;
				height: 107px;
				overflow: hidden;
				margin: 0 0 0 11px;
			}
				.infoBlockTxt {
					position: absolute;
					width: 123px;
					top: 6px;
					left: 0;
					padding: 4px 0 4px 5px;
					background: url('../images/bg_wit_transp.png');
					font-size: 16px;
					color: #4a4a4b;
					font-weight: bold;
					font-family: Arial, Roboto, sans-serif;
				}
			.infoBlockDesc {
				position: relative;
				width: 152px;
				height: 41px;
				overflow: hidden;
				margin: 10px 0 10px 11px;
				font-size: 11px;
				color: #4a4a4b;
			}


/* Right side-bar */
#rightSide {
    margin-bottom: 150px;
}
#rightSide .right_side_bar {
    margin-bottom: 60px;
}

.hover_item {
    background-color: #FFFFFF;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
}
.hover_item:hover {
    background-color: #EEF9FD;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
}

.right_side_bar h2 {
	line-height: 22px;
	font-size: 20px;
	color: #000;
    padding-bottom: 15px;
 }
.right_side_bar ul {
	list-style: none;
	padding: 0;
}
.right_side_bar span { display: block;
	 font-size: 10px;
	 color: #4a4a4b;
	 font-weight: bold;
 }
.right_side_bar li a {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}
.right_side_bar li span {
	color: #959595;
}
.right_side_bar li a:hover {
	text-decoration: underline;
}
.right_side_bar p {
	font-size: 12px;
}

/* News items */
.newsItem {
    padding: 8px 0;
    overflow: hidden;
}
.overviewNieuwsImg {
    padding: 0 !important;
    width: 15vw;
    height: 15vw;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.overviewNieuwsImg img {
    min-width: 100%;
    height: 100%;
}
@media all and (max-width:576px){
    .overviewNieuwsImg {
        width: 100%;
        height:auto;
    }
}
.newsItemImage {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 5px;
    min-width: 60px;
    max-height: 230px;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
}
.newsItemImage img {
    position: absolute;
    width: 100%;
    border-radius: 5px;
}
@media all and (min-width:1200px){
    .newsItemImage {
        width: 5vw;
        height: 5vw;
    }
}
@media all and (max-width:768px){
    .newsItemImage {margin-bottom: 15px;}
}
@media (min-width:400px) and (max-width:768px){
    .newsItemImage {
        position:relative;height:230px;
    }
    .newsItemImage img {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
    }
}

.newsItemText {
    font-size: 11px;
}

#newsTitle {
    text-decoration: none;
    color: #000;
}
#newsTitle:hover {
    cursor: pointer;
    color: #959595;
}

.newsItemContainer {
	overflow: auto;
}

/* Vacatures */
.vacatureTitel {
    color: #01AAF1 !important;
}
#vacaturesTitle {
    text-decoration: none;
    color: #000;
}
#vacaturesTitle:hover {
    cursor: pointer;
    color: #959595;
}
.vacatureText {
    padding: 10px 0;
}

.vacatureLink {
    color: #01AAF1;
    float: right;
    position: relative;
    top: -25px;
    right: 5px;
}
.vacatureLink:hover {
    color: #161616;
}
.vacatureLink img {
    display: inline;
}

#vacatureLinkContainer {
    width: 100%;
    overflow: auto;
}

/* fanOff fan */
#fanOff img {
    width: 100%;
}
#fanOff > a {
    display: block;
    margin-bottom: 20px;
}

/* Reviews */
.reviewImgContainer {
    margin-bottom: 14px;
}

div#more-reviews, #more-blogs {
    padding-right: 25px;

}
#reviewOverzichtPane {
    padding: 8px;
    display: block;
    text-decoration: none;
    min-height: 412px;
    max-height: 412px;
    margin-bottom: 56px;
    overflow: hidden;
}
#reviewOverzichtPane:hover {
    text-decoration: none;
}

.reviewTitle, .blogTitle {
    text-decoration: none !important;
    color: #000;
    text-align: center !important;
}
.reviewTitle:hover, .blogTitle:hover {
    cursor: pointer;
    color: #959595;
}
#reviewBar {
    margin-bottom: 40px;
}
#reviewBar h2 {
    padding-bottom: 37px;
}

.reviewText p {
    color: #959595;
    font-weight: normal;
}
#reviewPaneText {
    text-align: center;
}
#reviewOverviewText {
    text-align: center;
}
#reviewOverviewText h2 {
    color: #000;
    padding: 0 0 21px 0;
}
.reviewPaneItem #reviewReadMoreLink.inContent {
    text-align: center;
}

.reviewPaneItem #reviewReadMoreLink.inContent a.read_more_link {
    float: none !important;
}
.reviewPaneItem {
    cursor: pointer;
}

#reviewPanesList {
    overflow: auto;
}
#reviewPanesList ul {
    overflow: auto;
}

.reviewPane #name {
	text-align: center;
	color: #01AAF1;
    margin-bottom: 12px;
}
.reviewPane #city {
	text-align: center;
    margin-bottom: 24px;
}
	.reviewPane #city p {
		display: inline;
		background-color: #E9F8FF;
		border-radius: 5px;
		padding: 5px;
        color: #01AAF1;
	}

#reviewReadMoreLink,
#blogReadMoreLink {
    overflow: auto;
}

.review_text {
	margin-top: 20px;
}

.scoreImgContainer {
	text-align: left;
	overflow: auto;
}
.reviewPaneItem .scoreImgContainer {
    text-align: center;
}
#reviewOverzichtPane .scoreImg {
    text-align:center;
}
.scoreImg {
    margin: 0 auto;
}
.scoreImg img {
    display: inline !important;
    width: 15px !important;
}
#reviewTitle h4 {
    text-align: center;
}
.reviewPaneItems {
	margin-bottom: 10px;
}
.reviewBlock .rounded-image {
    width: 100px;
    height: 100px;
    float: left;
}
.reviewBlock .rounded-image img {
    width: 100%;
}
/*.reviewBlock .scoreImg img {*/
    /*width: 40px;*/
/*}*/
.reviewBlock .review_title {
    color: #00adf2;
}
.reviewBlock .reviewer_name {
    color: #7e7e7e;
    font-weight:normal !important;
}
.reviewBlock .reviewer_name span {
    font-weight:bold;
}
.review_startDate, .review_tags {
    display: inline-block;
    padding-right:45px;
    color: #00adf2;
}
.startDate_value {color: #696969;}
.textBar .reviewBlock {
    border-bottom: 3px solid #1486c0;
}
.review_startDate, .review_tags {
    display: inline-block;
    padding-right:45px;
    color: #00adf2;
}
.review_tag {
    display:inline-block;
    background-color: #e9f8ff;
    border-radius: 5px;
    padding: 5px 7.5px;
    color: #00adf2;
    margin: 0 2px;
    font-weight:normal !important;
    text-transform: capitalize;
}
.review.row {
    margin-top: 15px;
    margin-bottom: 15px;
}
.review_share {
    padding-bottom: 20px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom:10px;
    display:block;
}
.btn-social {
    color: #fff !important;
    border-color: transparent !important;
}
.btn-social:hover {
    text-decoration: none;
}
.btn-facebook {
    background-color: #415e9a !important;
}
.btn-twitter{
    background-color: #55aded !important;
}

.uploadify-queue {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);

    margin-bottom: 10px;
    overflow: auto;
    padding: 0px;
}

.uploadify-queue-item{
    background-color: #FFF !important;
}


.uploadify-button {
	width: 150px !important;
}


.extras{
	display:none;
}

.afspraakstatus{
	float:left;
	width: 100%;
}

.twtr-timeline{
	height: auto !important;
}


.twtr-timestamp,
twtr-reply,
.twtr-rt,
.twtr-fav,
.twtr-reply,
.twtr-ft,
.twtr-hd{
	display: none !important;
}
.twtr-widget .twtr-tweet{
	border-bottom: none !important;
}

input.error, textarea.error{

	background: #FFE1E2;
	border: solid #F00 1px;
}

/* Over ons */
.overonsContainer {
	margin-bottom: 20px;
    overflow: auto;
}
.overonsContainer > p {
    margin-bottom: 45px;
}
.overonsContainer > h2 {
    margin-bottom: 40px !important;
}

#employees {
    overflow: auto;
}
.employeeInfo {
    margin-bottom: 60px;
}
.employeeInfo > p {
    padding: 0 10px;
}
.employeeInfo h3 {
    padding-top: 28px;
    padding-bottom: 13px;
}

.mapContainer {
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .mapContainer {
        width: 45%;
        height: 250px;
        display: inline-block;
    }

    .locationData {
        height: calc(10 * 20px);
    }
}
@media all and (max-width:768px){
    .mapIframe {
        padding-bottom: 35px;
    }
}
/* Submenu content */
.submenuContainer {
    margin-bottom: 25px;
}
#submenu_border {
    border: 0 solid #01AAF1;
    border-bottom-width: 5px;
    border-right-width: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

ul.submenu_content{
	list-style: none;
    margin-bottom: 0;
    padding: 0;
    overflow: auto;
}
ul.submenu_content li {
    border: 1px solid #C1C1C1;
    border-bottom-width: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    float: left;
    margin: 0;
}
ul.submenu_content a:hover {
    text-decoration: none;
}

ul.submenu_content li .submenu_itemTitle {
    padding: 10px 25px 8px;
    color: #4D4D4D;
    font-weight: normal;
}
@media screen and (min-width: 1500px) {
    ul.submenu_content li .submenu_itemTitle {
        float: left;
        font-size: 15px;
        text-decoration: none;
        padding: 10px 25px 8px;
    }
}

ul.submenu_content li .submenu_itemTitle {
    display: block;
    width: 100%;
}
@media screen and (max-width: 768px) {
	ul.submenu_content li {
		float: left;
		border: 0;
		width: 95%;
		border-radius: 0;
	}
}

ul.submenu_content li.active {
	background-color: #01AAF1;
	border-color: #01AAF1;
}

ul.submenu_content li.hover {
	background-color: #EDEDED;
}
ul.submenu_content li.active.hover {
	background-color: #01AAF1;
}

ul.submenu_content li.active .submenu_itemTitle {
	color: white;
}

ul.submenu_content li.special_btn {
	background-color: #EF7D00;
	border-color: #EF7D00;
}

ul.submenu_content li.special_btn .submenu_itemTitle,
ul.submenu_content li.active.special_btn .submenu_itemTitle {
 color:  #FFF;
}

ul.submenu_content li.special_btn.hover {
	background-color: #EF7D00;
}

/* pagination / filter */
.pagination-bar {
	width: 579px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #000;
}
	.pagination-bar-top {
		margin-bottom: 20px;
	}
	.pagination-bar a {
		font-weight: normal;
		color: #4a4a4b;
	}

.filter-bar {
	width: 563px;
	padding: 8px;
	background: #eee;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 20px;
}
	.filter-bar .filter {
		width: 183px;
		float: left;
		margin-right: 7px;
	}
	.filter-bar .filter-last {
		margin-right: 0;
	}
		.filter-bar .filter label {
			width: 100%;
			float: left;
			margin-bottom: 5px;
			font-weight: bold;
		}
		.filter-bar .filter select {
			width: 183px;
		}


/* Forms */
.formulier ul{
	float: left;
	list-style: none;
	background-color: #E9F8FF;
	padding: 20px;
}

.formulier ul li{
	float: left;
}
.formulier ul li .field-label{
    color: #000;
    font-weight: bold;
    /*height: 20px;*/
    /*line-height: 40px;*/
	float: left;
	font-size: 13px;
	padding-top: 8px;
}

.formulier ul li .input {
    float: left;
    /*line-height: 22px;*/
    margin-bottom: 8px;
}

.formulier .info-btn {
	float: left;
	margin-left: 10px;
}

.invoerveld{
	float: left;
	padding: 5px;
    width: 100%;
}
.invoerveld-veld {
	float: left;
	border: 1px solid #C8C8C8 !important;
	border-radius: 5px !important;
	margin-bottom: 12px;
}


/* Input styling */
form .input-group {
	width: 100%;
}

.datepicker {
	margin-bottom: 5px;
}
.datepicker input {
    width: 90% !important;
}
.removeDatepickerButton {
	margin-left: -4px;
	height: 34px;
}

a#home_button {
    background: url("../images/home_button.png") no-repeat scroll left -2px transparent;
    border-left: medium none;
    font-size: 0;
    height: 40px;
    left: 8px;
    position: absolute;
    text-indent: 5000em;
    top: 99px;
    width: 76px;
}

a#home_button:hover,
.selected a#home_button {
    background: url("../images/home_button_hover.png") no-repeat scroll left -2px transparent;
}

a#home_button span{
	background: none;
}


/* Overwrite Bootstrap Tooltip */
.tooltip {
    opacity: 1 !important;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #0c94d2;
	background: #fff;
	color: #0285C1;
	font-weight: bold;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* form-step-nav */
.form-step-nav {
  padding: 8px 15px;
  margin: 0 0 20px !important;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.form-step-nav > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.form-step-nav > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.form-step-nav > .active {
  color: #999999;
}

.form-breadcrumb ul {
	list-style: none;
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}

.vacancy_filter {
	width: 171px;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 3px 0;
}

.overview-table {
	width: 100%;
	float: left;
}
	.overview-table td {
		padding: 5px 0;
		border-bottom: 1px dashed #ccc;
	}
	.overview-table td.bold {
		font-weight: bold;
		width: 25%;
	}

.w100p {
	width: 100%;
	float: left;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert p {
	padding-bottom: 0;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}


/* Google maps */
.markerInfo p {
    padding: 0;
}


/* Chat colors */

#lhc_need_help_container{
    background: #1cacee !important;
    border: 1px solid #1cacee !important;
}
#lhc_need_help_triangle{
    border-top: 15px solid #1cacee !important;
}
#lhc_need_help_close{
    background: #000000 !important;
    color: #ffffff !important;
}

a.submitBtn {
 display: block;
 float: left;
}

.rounded-image {
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 50%;

	/* Firefox 1-3.6 */
	-moz-border-radius: 50%;

	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 50%;

	vertical-align: middle;
    width: 100px;
    height: 100px;
    border: 0;
    overflow: hidden;

    display: block;
	margin-left: auto;
	margin-right: auto;
}
.rounded-image img {
    width: 100px;
}
.search-tags {margin: 25px 0;}
.search-tags .row span {
    background-color:#e9f8ff;
    color:#1dabee;
    padding: 5px 10px;
    margin: 5px;
    display: inline-block;
    transition: all .5s;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #fff;
}
.search-tags .row span:first-child {margin-left:0;}
.search-tags .row span:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.search-tags .row span a {
    background-color: #e9f8ff;
    color: #1dabee;
    font-weight: bold;
    padding: 4px 3px;
    transition: all .5s;
    border-radius: 6px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: -5px;
    text-align: center;
    margin-left: 5px;
    font-size: 15px;
    line-height: 15px;
}
.search-tags .row span a:hover {
    background-color: #caecff;
    color:#1dabee;
    text-decoration: none;
}
.blue-bg {background-color: #caecff;}
.rounded-corners {
    border-radius: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.row.job {
    margin-bottom: 15px;
    position: relative;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.row.job a.jobLinkOverlay {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:block;
    color: #161616;
    font-weight: normal;
    z-index: 9999;
}
.row.job a.jobLinkOverlay:hover {text-decoration:none;}

.row.job p {margin-bottom:0;}
.row.job h2.title {color:#161616;}
.row.job .payment {color:#1dabee !important;font-weight:500;}
.row.job .featured_image{
    width:100%;
    min-height:100%;
    padding-top:100%;
    background-size:cover;
    background-position:center;
    border-radius: 10px;
}
a.btn.btn-vacatures {
    background-color: #EF7D00 !important;
    color: #FFF !important;
    padding: 10px !important;
    width: 100%;
    border: 0 !important;
    font-weight: bold !important;
}
a.btn.limitWidth, input.btn.limitWidth {
    max-width: 200px;float:right;
}
a.btn.btn-vacatures:hover {
    background: #da751c;
    text-decoration:none;
}
.pagination-bar {width:100%;}
.pagination-bar > a {
    display: inline-block;
    padding:10px;
    background-color: #caecff;
    border-radius: 5px;
    cursor:pointer;
    margin: 2.5px;
    transition: all .5s;
    color:#1dabee;
    position: relative;
}
.pagination-bar > a:hover, .pagination-bar > a.page-active {
    background-color: #1dabee;
    text-decoration: none !important;
    color:#fff !important;
}
.pagination-bar > span img {display:none;}
.pagination-bar > span > a {
    display: inline-block;
    background-color: #caecff;
    border-radius: 5px;
    cursor: pointer;
    margin: 2.5px;
    transition: all .5s;
    color: #1dabee;
    position: relative;
}
.pagination-bar  > span > a:hover {
    background-color: #1dabee;
    text-decoration: none !important;
    color:#fff !important;
}

.pagination-bar > span:first-of-type > a    {padding: 10px 15px 10px 20px;}
.pagination-bar > span:last-of-type > a     {padding: 10px 20px 10px 15px;}

.go-to-first:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #2a72b7;
    transition: all .5s;
}
.go-to-last:before {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #2a72b7;
    transition: all .5s;
}

/* for when you need a table, but it isn't a table, but you still want everyone to think that its a table. */
.like-table .row .col-xs-6, .like-table .row .col-xs-12 {
    padding: 5px 15px;
}
.like-table a.btn.btn-vacatures {margin: 10px 0 !important;}
#container{position:relative;}
.contactBar.fixed-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 20px #00000024;
    position: fixed;
    width: 70px;
    overflow: hidden;
    right: auto;
}
.contactBar.fixed-right a:hover {text-decoration:none!important;}
span.cust-arrow {
    border-top: 3px solid #00000073;
    border-right: 3px solid #00000073;
    width: 15px;
    height: 15px;
    display: block;
    transform: rotate(-45deg);
    margin: 0 auto;
    border-radius: 2px;
}
@media all and (min-width:1500px) {
    .contactBar.fixed-right {
        margin-left: 1370px;
    }
}
@media (min-width:1199px) and (max-width:1500px) {
    .contactBar.fixed-right {
        margin-left: 1110px;
    }
}
@media (min-width:880px) and (max-width:1199px) {
    .contactBar.fixed-right {
        margin-left: 720px;
    }
}
@media (min-width:768px) and (max-width:880px) {
    .contactBar.fixed-right {
        right:0;
    }
}

span.cust-arrow {
    width: 10px;
    height: 10px;
    transition: all .5s;
}

a#toggleIcons{cursor:pointer;}
@media all and (max-width:880px) {
    .contactBar.fixed-right {
        width: 20px;
        border-radius: 10px 0px 0px 10px;
        height: 80px;
        background-color: #f9e287;
        z-index: 90000;
        transition: all .5s;
    }
    .contactBar.fixed-right a {
        display: block;
        height: 100%;
        float: left;
        padding: 10px;
    }
    a#toggleIcons{
        display: inline-block;
        width: 20px;
        height: 100%;
        padding: 36px 0px;
        opacity: 1;
        cursor: pointer;
    }
    span.cust-arrow {
        transform: rotate(-135deg);
    }
    .contactBar.fixed-right.open {
        width: 295px;
        margin-left: 425px;
    }
    .contactBar.fixed-right.open span.cust-arrow {
        transform: rotate(45deg);
    }
    .contactBar.fixed-right.open a {
        opacity: 1;
    }
    .iconHolder {
        width: 295px;
        height: 100%;
    }
    .arrow_label {display:none;}
}
@media all and (min-width:880px){
    .arrow_label {color:#00000073;font-weight:bold;padding-top:5px;}
    .contactBar.fixed-right.open span.cust-arrow {
        transform: rotate(135deg);
    }
    .contactBar .iconHolder {
        height: auto;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s;
    }
    .contactBar.open .iconHolder {
        max-height: 500px;
    }
}

@media all and (max-width:768px){.contactBar.fixed-right{right:0;}}
.contactBar.fixed-right.usa, .contactBar.usa a, .contactBar.fixed-right.eur, .contactBar.eur a, .contactBar.fixed-right.global, .contactBar.global a {
    background-color: #1486c0;
    color: #fff;
    border-bottom: 1px solid transparent;
}
.blogartikel-intro {
    width: 100%;
    margin-bottom: 25px;
    display: inline-block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
}
.blogPaneItems, .blogPaneItem, .newsItem, .newsItems, .reviewPaneItems, .reviewPaneItem, .nieuwsartikel-intro {position: relative;}
.blogartikel-intro.row a.overlay_url,
.nieuwsartikel-intro a.overlay_url,
.blogPaneItems a.overlay_url,
.blogPaneItem a.overlay_url,
.newsItem a.overlay_url,
.newsItems a.overlay_url,
.reviewPaneItems a.overlay_url,
.reviewPaneItem a.overlay_url{
    position:absolute;
    z-index:10;
    width:100%;
    top:0;bottom:0;left:0;right:0;
    display:block;
}

.blog-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
    border-radius: 10px;
}

.blog-img-lg {
    display: block;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom:25px;
    margin-top:25px;
}
.blog-img-lg img {
    width:100%;
}
.blog-txt {
    padding-bottom: 35px;
}
.blog_tags, .blog_datum {
    display: inline-block;
    padding-right:45px;
    color: #00adf2;
}
.blog_tag {
    display:inline-block;
    background-color: #e9f8ff;
    border-radius: 5px;
    padding: 5px 7.5px;
    color: #00adf2;
    margin: 0 2px;
    font-weight:normal !important;
    text-transform: capitalize;
}
.blog_tag:hover {text-decoration: none !important;}
.blogImgContainer img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.blogImgContainer {
    height: 180px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
}
.blogItemContainer .blogImgContainer {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: initial;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn-contact {
    margin-right:15px;
}
.mapIframe iframe {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 315px;
    display: block;
}
@media all and (min-width:1200px){
    div#jump-here {
        width: 100%;
        margin: 0 !important;
        display: flex !important;
    }
}

#jump-here span.col {
    display: inline-flex;
    flex: 1 1 auto;
    vertical-align: top;
}

#jump-here .col .usp-icon {
    display: inline-block;
    vertical-align: top;
    height: 100%;
}
#jump-here .col .usp-descr {
    display: inline-block;
    height: 100%;
    max-width: calc(100% - 10px);
    vertical-align: top;
    padding-top: 4px;
}
@media (min-width:1200px) and (max-width:1500px){
    #jump-here .col .usp-descr {
        max-width: calc(100% - 50px);
    }
}
@media all and (max-width:1200px){
    #jump-here .col .usp-descr {
        max-width: calc(100% - 50px);
    }
}
table {
    margin-bottom: 25px;
}
table tr:first-child td{font-weight:bold;color:#252627 !important;}
table tr:nth-child(even) td{
    background-color: #eaf8fe;
}
table tr td:first-child {font-weight:bold;color:#747576 !important;}
table tr td:nth-child(even), table tr th:nth-child(even) {
    border-left: 1px solid #d6eaf7;
    border-right: 1px solid #d6eaf7;
}

table:not(.ui-datepicker-calendar) tr td, table:not(.ui-datepicker-calendar) tr th {
    padding: 10px 10px !important;
    color: #747576;
}
.fan_box {
    background-color: #1486c0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #c8c8c8;
}

.fan_box a.fan_link {
    padding: 5px;
    padding-right: 30px;
    color: white;
    display: block;
    text-align: right;
    background-image: url(../images/util/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 21px auto;
    margin-right: 15px;
}
.fan_box a.fan_link:hover {text-decoration:none;}
.ui-datepicker {width: auto !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {color:black;}

.collection-list {
    padding: 10px 0;
    border-bottom: 2px solid #0c94d2;
    width: 100% !important;
}

#form-start-chat .btn-group button.btn {
    background: #ef7d00;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    padding: 10px 16px;
    line-height: 14px;
}

#form-start-chat .btn-group button.btn span {
    background: none;
    padding: 0;
    margin: 0 !important;
    height: auto !important;
}
div.column.footer.left {
    width: 50%;
}

div.column.footer.right {
    width: 50%;
}
.column.left img{
    max-width: 150px;
    margin-bottom: 20px;

}.column.right img{
     max-width: 190px;
     margin-bottom: 20px;
 }
.row.footer:after {
    content: "";
    display: table;
    clear: both;
}
.column.footer {
    float: left;
    padding: 10px;
}
.languagepicker {
    display: inline-block;
    overflow: hidden;
    transition: all .3s ease;
    vertical-align: top;
    height: 23px;
    width: 30px;
    margin-top: 3px;
    margin-left: 10px;
    padding-left: 5px !important;
    background-color: #1486c0;
}
.languagepicker:hover {
    height: 65px;
}

.languagepicker li {
    display: block;
    background: transparent;
    padding: 0 0 5px 0 !important;
    line-height: 40px;
}

.languagepicker a {
    color: #000;
    text-decoration: none;
}

.header-button {
    position: relative;
    height: 0;
    clear: both;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    overflow: visible;
}

.header-button .special_btn {
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #ef7d00;
    border-radius: 4px;
    padding: 10px 20px;
    text-align: center;
    border-right: 0;
    margin: 0;
    z-index: 10;
}

.header-button .special_btn .header-button-title {
    color: #fff;
    text-decoration: none;
    display: block;
}

.header-button .special_btn .header-button-title:hover {
    text-decoration: underline;
}

/*!* Medium screens (tablets etc.) *!*/
/*@media screen and (max-width: 992px) {*/
/*    .header-button .special_btn {*/
/*        top: 10px;*/
/*    }*/
/*}*/

/*!* Small screens (phones) *!*/
/*@media screen and (max-width: 757px) {*/
/*    .header-button .special_btn {*/
/*        position: static;*/
/*        margin: 10px auto;*/
/*    }*/

/*    .header-button {*/
/*        width: 100%;*/
/*        position: static;*/
/*        height: auto;*/
/*        display: block;*/
/*        text-align: center;*/
/*    }*/
/*}*/


@media screen and (max-width: 757px) {
    .header-button .special_btn {
        right : 60px;
    }
}

/* Medium screens (tablets etc.) */
@media screen and (max-width: 592px) {
    .header-button .special_btn {
        right: 0px;
        top: 10px;
    }
}

/* Small screens (phones) */
@media screen and (max-width: 592px) {
    .header-button .special_btn {
        position: static;
        margin: 5px auto;
        margin-left: 50%;
        padding: 10px;
    }

    .header-button {
        /*width: 100%;*/
        position: static;
        height: auto;
        display: block;
        text-align: center;
    }
}