a { text-decoration:none}
strong { font-weight:bold}

#logo { height:180px; background:url(/images/beeld-verpleegkundigen.jpg) no-repeat right top; padding:1em}
#logo h1  { text-transform:uppercase; font-size:2.5em; padding-top:1em; line-height:1.5em; text-shadow: 0 0 5px #fff}
#logo h1 a { color:#000}
#logo h1 span   { text-transform:none; font-size:1.5em; background-color:#888; background-image: url(/images/banen-v3.png); background-repeat:no-repeat; background-position:center center; background-size:contain; display:block; padding:0.1em; float:left; color:#fff; text-indent:-9999px; min-width:138px; min-height:52px }
#logo h1 div:before { width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 0;border-color: transparent #888 transparent transparent;content:""; display:inline-block; top:0; float:left;}

#menu-button { display:none}
#menu-button { display:none}

body { font-size:62.5%}
main { clear:both}
header { height:100%; overflow:visible; }
header>.inner { padding-top:4em}

nav {  box-shadow:0 0px 10px #111; text-transform:lowercase; position:fixed; 	font-size:1.4em; width:100%; z-index:999  }
nav  ul{
    display: table;
    width: 100%;
}

nav li {
    display: table-cell;
    width: 16.666666667%;  
    text-align: center;
    white-space: nowrap;
}
nav li a { color:#fff; padding:1em; display:block}
nav li a:hover { background:#ccc; color:#000}

main { font-size:1.4em}

#search { padding-bottom:2em}
#search h3 { font-size: 1.8571em; margin-bottom:0.5em; text-transform:lowercase}
#search input[type="text"] , #search select, #search button { border:0;box-shadow:0 0px 4px #333; line-height:1.4em; outline:0 }
#search  input[type="text"] { width:32%; margin-right:1em; padding:0.5em 1em 0.5em 2em; }
#search select {width:35%; margin-right:1em;  padding:0.5em  }
#search #location { width:18%; margin-right:0}
#search #distance { width:14%}
#search button { cursor:pointer}
#search i { position:absolute; z-index:999; color:#aaa; padding:0.6em 0.2em}
#searchterms:after {content: "\e80c"; font-family:"gzb"; color :#000;   position: absolute; float:left; top:0}
#location:after  {content: "\e80c"; font-family:"gzb"; color :#000}

#gezondheidszorgbanen-promo { min-height:400px; background: url(/images/background-gzb-promo.jpg) no-repeat center bottom; background-size:cover;text-align:center; padding-top:1em !important}
#gezondheidszorgbanen-promo a { display:inline-block; padding:0.5em 1em 0.75em 1em; margin:0.1em; background:rgba(0, 188, 212, 0.75); color:#fff; font-size:3.0em; line-height:1em; font-weight:100}
#jobalert-promo {text-align:center}
#jobalert-promo h2 {font-size: 1.8571em; padding:0.5em; line-height:1.2em; margin-bottom:0.5em}

#social-media li { display:inline-block; font-size:2em; border-radius:1em; line-height:1em}
#social-media li a { padding:0.45em 0.3em 0.15em 0.3em; display:block; text-align:center; }
#social-media li a span{ text-indent: 100%;    white-space: nowrap;    overflow: hidden; font-size:0; }

#categories { padding:1em; font-size:1.4em;}
#sub-links { text-align:center; padding:1em; font-size:1.4em;}
#sub-links ul li { display:inline-block; margin:0 1em;}
#sub-links ul li a { color:#fff}
#copyright { background:#fff; text-align:center;padding:1em;  font-size:1.4em; line-height:2em}
#copyright a { color:#000}


#dialog, #helper { display:none}

.panel {}
.panel h1, .panel h2,.panel .back { padding:0.5em 1em; margin: 0 -1em; margin-bottom:1em; text-transform:lowercase; }
.panel h2.main-text  {  font-size:1.7142857em; padding:0.5em 0.58333333em; margin: 0 -0.58333333em;margin-bottom:0.5em; }
.panel h3 {  font-size:1.571429em; margin-bottom:0.5em; line-height:1.2em}
.panel .more { float:right; margin-top:-2.5em;  text-transform:lowercase}
.panel .filter .more {margin-top:0em;}
.panel .filter .more:after {clear:both}
.panel .filter h3 { clear:both}
.panel .more a { color:#fff}
.panel .more a:after { content: "\e806"; font-family:"gzb"; margin-left:0.5em; font-size:0.6em; float:right; line-height:1.8em }
.panel .content { line-height:1.5em}
.panel .content  h1 { text-transform:none}
.panel .content  h2 { text-transform:none}
.panel .content  h1, .panel .content   h2, .panel .content h3 { text-transform:none; font-size:1.5em; font-weight:bold; margin:1em 0 0.5em 0; padding:0; line-height:1.5em}
.panel .content  h3 { font-size:1.2em}
.panel .content  p { margin-bottom:1em}

.panel .content ul {}
.panel .content ul li {padding-left:1em; margin-bottom:0.5em}
.panel .content ul li:before {content: "\e806"; font-family:"gzb"; margin-left:-1.5em; font-size:0.6em; float:left; line-height:2.5em}
.panel .content a {color:#666}
.panel .content a:hover { text-decoration:underline} 
.panel.article img { max-width:100%}

ul.categories {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
ul.categories li { padding-left:1em; margin-bottom:0.5em}
ul.categories li a { color:#000}
ul.categories li a:before {content: "\e806"; font-family:"gzb"; margin-left:-1.5em; font-size:0.6em; float:left; line-height:1.8em}

ul#more-categories { display:none}

ul.job-list-small li { padding-left:1em; margin-bottom:0.5em; color:#4d4d4d; font-weight:100; line-height:1.5em}
ul.job-list-small li a { color:#000; font-weight:normal; margin-bottom:0.5em}
ul.job-list-small li a:before {content: "\e806"; font-family:"gzb"; margin-left:-1.5em; font-size:0.6em; float:left; line-height:2.4em}



#expand-categories { display:none; clear:both}
#expand-categories-link { float:right}

#featured {min-height:200px;}
#featured .featured-job {clear:both;display:block; padding-left:70px; color:#4d4d4d; font-weight:100; margin-bottom:1em; line-height:1.5em}
#featured .featured-job:before {content:'' !important}
#featured .featured-job .featured-job-logo {float:left;width:60px;height:30px;overflow:hidden; margin-left:-70px}
#featured .featured-job .featured-job-position {padding-top:3px;}
#featured .featured-job .featured-job-position a  { color:#000; font-weight:normal;}
#featured .featured-job .featured-job-position a span{display:block;}

.rss-list li { margin-bottom:1em; line-height:1.5em}
.rss-list li span { display:block; color:#4d4d4d; font-weight:100}
.rss-list li a { color:#000}

.split { padding:0 4em;   }
.split:after {    content:"";  display:block; clear:both;}
.split section { width:50%; float:left; margin-left:-3em !important}
.split section:last-child { float:right; margin-left:0em !important; margin-right:-3em!important}

.centered { text-align:center}
#categories h2 { padding:1em; font-size:1.7142857em; }
#categories ul{  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3; padding:0 1.7142857em; line-height:1.5em ; margin-bottom:1em}

ul#employer-list { margin-top:1em;}
ul#employer-list li{list-style:none;border:1px solid #fff;clear:both;border-bottom:1px solid #efefef;display:block;width:100%;overflow:auto;min-height:28px;margin:0 10px 4px 0;padding:0; padding-left:50px;  box-sizing:border-box}
ul#employer-list li .logo{float:left;width:40px;height:20px;margin-right:10px;border:1px solid #eee;overflow:hidden;margin-bottom:5px;padding:0; margin-left:-50px}
ul#employer-list li:before { content:""}
ul#employer-list li .logo a,ul#employer-list li .logo img{margin:0;padding:0;}
ul#employer-list li h2{float:left;margin:0 0 2px;padding:2px 0 0; font-size:1.1em}
ul#employer-list li div{float:right;padding:2px 0;} 
  
.main {background:#888; color:#fff}
.main-text {color:#888}
.main a { color:#fff}
.main-dark {background:#444; color:#fff}
.main-dark a { color:#fff}
.main-light {background:#999; color:#fff}
.main-light a { color:#fff}
.alt {background:#C00; color:#fff}
.alt a {color:#fff}
.alt a.button { text-transform:uppercase; border:1px solid #fff; padding:0.5em 2em; display:inline-block}
.alt-text { color:#C00}
.alt-light {background:#f48fb1; color:#fff}
.alt-light a {color:#fff}

.button { text-transform:lowercase; border:1px solid #333; padding:0.5em 2em; display:inline-block;}
.button { text-transform:lowercase; border:1px solid #333; padding:0.5em 2em; display:inline-block;}



.simply-scroll-clip{position:relative;overflow:hidden;z-index:2; min-height:62px}
.simply-scroll-list{position:absolute;top:0;left:0;z-index:1;overflow:hidden;list-style:none;margin:0;padding:0;}
.simply-scroll-list li{list-style:none;margin:0;padding:0;}
.simply-scroll-list li img{border:none;display:block;}
.simply-scroll .simply-scroll-list li{float:left;height:85px;}

#partners{overflow:hidden;}
#partners ul{list-style:none;margin:0 0 0 4px;padding:0;}
#partners ul li{list-style:none;width:120px;height:60px;border:1px solid #ccc;text-align:center;float:left;overflow:hidden;margin:0 20px 0 0;padding:0;}
#partners ul li.last{margin-right:0;}

/* Listing 8.0 */
#vacancies { clear:both; display:block}
#vacancies .vacancy { display:block; float:none;padding:1em; margin:0.5em -1em}
#vacancies .even { background-color:#f4f4f4}

#vacancies .vacancy h3 { display:block; padding:3px;margin:0px; font-size:14px; font-weight:bold}
#vacancies .vacancy h3 a { text-decoration:none}
#vacancies .vacancy h3.odd { }


#vacancies .vacancy .description {display:block;padding:3px; font-size:12px}
#vacancies .vacancy .information {display:block; height:16px;padding:3px;  font-size:11px; color:#2f3740}
#vacancies .vacancy .description a, #vacancies #vacancies .vacancy .description a:link, #vacancies #vacancies .vacancy .description a:visited { color:#3e4a57; text-decoration:none}

#vacancies .topjob { border:2px solid #e91e63;}
#vacancies .topjob:after {  content: "uitgelicht";font-size: 12px; font-weight: bold; float: right; background: #000; border-radius: 0.5em 0 0 0px;   color: #fff;padding: 0.25em 0.5em;   display: block;    margin-right: -1.25em;    margin-top:-1em;}
#vacancies .vacancy.topjob  h3  a { color:#000 }

.information dl {margin:0;padding:0; line-height:11px}
.information dd {float:left;font-weight:normal;margin:0;padding:0 4px; padding-right:10px; font-size:11px; ; border-right:1px solid #002e54}
.information dd.last {border-right:0}
.information dt {float:left;font-weight:normal;margin:0;padding:0;display:block;padding-left:10px; font-size:11px; color:#666 }
.information dt.first { padding-left:0px;}
.date				{float:right; font-size:11px;margin-top:4px; }
.location		 {float:right;  font-size:11px; display:block; width:160px; text-align:left; margin-top:4px;}

/*  Paging Styles */
.paging { margin-top:4px; margin-bottom:8px; font-size:12px; font-weight:bold}
a.pg { background:;text-align:center; min-width:17px; height:19px;  padding:3px 5px; margin-left:2px }
span.pgs {background:; text-align:center; min-width:17px; height:19px;padding:3px 5px; margin-left:2px; color:#fff}
.btn_previous {float:left; text-align:left; width:90px;}
.btn_next {float:right; text-align:right; width:90px;}

.pages {text-align:center; padding:0 90px}
.paging a, .paging span { display:inline-block; padding:2px; background:#ccc}
.paging li { display:inline}
.paging li:before { display:none}

.search_field { width:50%; min-height:100px; float:left}
.search_field label { font-weight:bold; display:block; padding:1em 0;}
.search_field select { width:240px;}
.text { height:60px;}


/* Vacancy Detail Page */
/*---------------------------------------------------------------------------*/
#classification {padding:10px 8px 0px 8px;  display:block; background: #f4f4f4; height:100%; overflow:auto; clear:both}
#classification dl {margin:0;padding:0;float:left; width:290px;padding-bottom:5px; }
#classification dl.c2 {width:290px;}
#classification dl.c3 {width:208px;}
#classification dt { float:left; font-size:11px; color:#333; height:20px; font-weight:bold; padding-right:0.5em }
#classification dd { font-size:11px; color:#333; height:20px;padding-left:4px;}
#classification dd div {}

#logos { margin-left:12px; margin-right:12px; margin-top:-1em}

.description { padding:0px 0px}
.source { margin:12px 0px;}

.content { padding:0px}
.panel.job { line-height:1.5em}
.panel.job>h1 {text-transform:none; font-size:2em; font-weight:bold; margin:1em 0; padding:0; line-height:1.5em}
.panel.job>h2 {text-transform:none; font-size:1.5em; font-weight:bold; margin:1em 0; padding:0; line-height:1.5em}
.panel.job>h2 a { color:#000}
.panel.job .description  { border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom:1em}
.panel.job .description  h1, .panel.job .description  h2, .panel.job  .description h3 { text-transform:none; font-size:1.5em; font-weight:bold; margin:1em 0 0.5em 0; padding:0; line-height:1.5em}
.panel.job .description h3 { font-size:1.2em}
.panel.job .description p { margin-bottom:1em}

.panel.job .description ul {}
.panel.job .description ul li {padding-left:1em; margin-bottom:0.5em}
.panel.job .description ul li:before {content: "\e806"; font-family:"gzb"; margin-left:-1.5em; font-size:0.6em; float:left; line-height:2.5em}
.panel.job .description a {color:#666}
.panel.job .description a:hover { text-decoration:underline} 
.panel.job #logos { float:right}
.panel.job.expired .job-respond, .panel.job.expired .job-options {display:none}


.paging { margin-top:6px;}


.job-respond { float:left}
.job-respond a { }
.job-respond a span {}

.job-options { float:right; margin-bottom:2em }
.job-options ul { margin:0; padding:0}
.job-options ul li {float:right; list-style:none ; margin-right:0.1em}
.job-options #btnSave a, .links #btnPrint a, .links #btnMail a {}
.job-options #btnSave a span, .links #btnPrint a span, .links #btnMail a span { }
.job-options #btnSave a { }
.job-options #btnPrint a { }
.job-options #btnMail a {}

.btn-remove {float: right;margin-top: 20px;margin-right: 12px; margin-left: 12px;}

/*  Job Alert */
fieldset { border:1px solid #ddd; padding:8px;margin-bottom:3px;margin-top:3px;}
legend { font-weight:bold; color:#000; padding-bottom:6px;}
fieldset label {float:left; width:125px; clear:both; padding:3px 0px; display:block}
fieldset div.field { width:420px;padding:1px 0px;display:block; float:left}
fieldset div.field input {padding:0px;margin:0px; padding:2px}


fieldset div.row label {float:left; width:130px; clear:both;display:block; margin-left:-140px; padding:0}
fieldset div.row {clear:both;padding:3px 0px 3px 140px}
fieldset div input {}

a.icon-info { font-size:10px; border-radius:0.8em; background:#000; color:#fff !important; display:inline-block;min-width:16px; text-align:Center; line-height:16px; font-weight:bold; cursor:pointer}
a.icon-info:hover { background:#666; text-decoration:none}

#invoice-data { display:none}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {

  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-size:1.4em;
  line-height:1.8em;
}

#facebox .content h2 { font-size:1.8em; font-weight:bold}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}	


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgb(25,25,25);
	background: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	line-height:1.5em
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


.acInput {
	width: 200px;
}
.acResults {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	width:230px
}

.acResults ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.acResults li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 13px;
	overflow: hidden;
}

.acLoading {
	background : url('/images/indicator.gif') right center no-repeat;
}

.acSelect {
	background-color: Highlight;
	color: HighlightText;
}


form#contact {}
form#contact div.row{ display:block; margin:0.3em 0}
form#contact div.row label { display:block; font-weight:bold; display:none}
form#contact div.row input { width:100%; max-width:400px; border:1px solid #ccc; background:#fff; padding:0.5em}
form#contact div.row textarea { width:100%; max-width:400px; border:1px solid #ccc; background:#fff; padding:0.5em}

.social-network li { display: inline-block; margin-left: 5px; text-align: center; }
.social-network li a { display: block; width: 30px; }
.social-network li:first-child { margin-left: 0; }
.social-network li span { color: #000; font-size: 13px; text-transform: uppercase; line-height: 19px; display: inline-block; }
@media only screen and (min-width: 120px) and (max-width: 767px) { .social-network li { margin-left: 20px; }
  .social-network li:first-child { margin-left: 0; } }

.social-network { margin: 25px 0 0 0; padding: 0; border-top: none; width: auto; text-align: right;float:none; text-align:left}
.social-network span { color: #000; font-size: 11px; line-height: 17px; }
.social-network a { position: relative; display: block; width: 25px; text-align: center; color: #000}
.social-network li { margin-left: 5px; border: 1px solid #000; border-radius: 50%;   min-height: 30px; line-height: 28px;}
.social-network li:first-child { margin-left: 0; }