#logo { background-image:url(/images/beeld-gzb.jpg); border-color:#00bcd4 }
#logo h1 span   { background-color:#00bcd4;}
#logo h1 div:before { border-color: transparent #00bcd4 transparent transparent;}


nav li a:hover, nav li a.active { background: #006064; color: #fff;} 

.panel .content a {color:#006064}
.panel.job .description a {color:#006064} 

ul.categories li a:before { color:#7b1fa2}
ul.job-list-small  li a:before { color:#7b1fa2}

#vacancies .topjob { border:2px solid #7b1fa2;}
#vacancies .topjob:after { background:#7b1fa2 }
#vacancies .vacancy.topjob  h3  a { color:#000 }


.column section#rectangle { padding:0; max-width:300px; overflow:hidden}

#gezondheidszorgbanen-promo a {background:rgba(0, 188, 212, 0.75);}

.main {background:#00bcd4}
.main-text { color:#00bcd4}
.main-dark {background:#006064; }
.main-light {background:#80deea;}
.alt {background:#7b1fa2;}
.alt-text { color:#7b1fa2}
.alt-light {background:#ce93d8; }

a.button { border-color:#7b1fa2 ; color:#7b1fa2}
a.button:hover {  color:#fff; background:#7b1fa2}
.alt a.button,  a.button.alt { color:#fff}
a.button.alt:hover {  color:#7b1fa2; background:#fff}


.acSelect {
	background-color: #7b1fa2;
	color: #fff;
}


articles
	.content ul.articles li:before { display:none}
	.content ul.articles li { background: none; padding-left:90px; line-height:18px !important; margin-bottom:10px; height:100%; overflow:auto}	
	.content ul.articles li.no-image { padding-left:0px} 
	.content ul.articles li:hover { background:#f6f6f6}
	.content ul.articles li img {float:left; margin-left:-90px}
	.content ul.articles li  h2 { font-size:1.2em; margin-top:0}
	.article .picture img { max-width:100%}


#password div.row { height:100%; overflow:auto; margin-bottom:3px}
#password div.row label { display:block; font-weight:bold;float:left; width:120px}
#password div.row input {  border:1px solid #999; padding:4px 6px; width:260px}
#password div.error label  { display:block}
#password div.options { margin-top:5px; padding-left:120px}

#unsubscribe div.row { height:100%; overflow:auto; margin-bottom:3px}
#unsubscribe div.row label { display:block;  font-weight:bold}
#unsubscribe div.row input {  border:1px solid #999; padding:4px 6px; width:260px}
#unsubscribe div.row.buttons { margin-top:5px} 

#unsubscribe div.row.buttons button { border:1px solid #122c40 ; background:#183d5a; color:#fff; font-weight:bold; font-size:12px; text-decoration:none; border-radius: 2px;; padding:0; margin:0; cursor:pointer } 
#unsubscribe div.row.buttons button span { border-top:1px solid #5e788c; padding:2px 5px; display:block}
#unsubscribe div.row.buttons button:hover {  background:#163248;} 
#unsubscribe div.row.buttons button:hover span { border-top:1px solid #5c707f}
.half #unsubscribe div.row input {  border:1px solid #333; padding:4px 6px; width:238px}

#form-login div.row { height:100%; overflow:auto; margin-bottom:3px}
#form-login div.row label { display:block;  font-weight:bold}
#form-login div.row input {  border:1px solid #999; padding:4px 6px; width:260px; }
#form-login div.row.buttons { margin-top:5px} 

#form-login div.row.buttons button { border:1px solid #122c40 ; background:#183d5a; color:#fff; font-weight:bold; font-size:12px; text-decoration:none; border-radius: 2px;; padding:0; margin:0; cursor:pointer } 
#form-login div.row.buttons button span { border-top:1px solid #5e788c; padding:2px 5px; display:block}
#form-login div.row.buttons button:hover {  background:#163248;} 
#form-login div.row.buttons button:hover span { border-top:1px solid #5c707f}
.half #form-login div.row input {  border:1px solid #333; padding:4px 6px; width:238px}	

.message-error { color:#CC0000; font-weight:bold}

.message	{ text-align: center;  font-weight: bold; padding: 10px; border: 1px solid #000; background-color: #fff;}

.warning 	{ background: #fffbe3;border-color: #ff7e00; color: #ff7e00; font-weight:normal}
.success 	{ background-color: #9C9; border-color: #3C0; color: #060;}
.error		{ background-color: #fff6f6; border-color: #F00; color: #F00;}
.warning strong { display:block;}
.warning strong span { padding-left:18px; background: url(/images/icons/error.png) no-repeat; display:inline-block; margin-left:-9px}

fieldset div.row .error label { float:none; margin:0; width:auto}

#carousel {	width:300px;margin-left:-1em;overflow:hidden}
#carousel .link-prev,#carousel .link-next {	float:left;	text-indent:-9999px;	overflow:hidden;}
#carousel .gallery {
	width:300px;
	height:234px;
	margin:0 0 18px;
	position:relative;
	border:0px #ccc solid;
	background:#ddd;
	overflow:hidden;
}

#carousel .head {	border:0;	padding:14px 0;}
#carousel .gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	width:300px;
	height:234px;
	position:relative;
	overflow:hidden;
}
#carousel .gallery li{
	width:310px;
	padding:0px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	overflow:hidden;
}
#carousel .gallery img{	display:block;}
#carousel .swicher {
	width:310px;
	overflow:hidden;
}
#carousel .swicher ul {
	margin:0;
	padding:0;
	list-style:none;
	width:310px;
	overflow:hidden;
}
#carousel .swicher li {
	float:left;
	width:90px;
	height:58px;
	overflow:hidden;
	border:2px #7b1fa2 solid;	
	margin:0 8px 0 0;
	background:none !important;
	padding:0 !important;
}
#carousel .swicher li.last {margin:0}
#carousel .swicher li a {display:block;text-decoration:none;}
#carousel .swicher img {display:block;}
#carousel .swicher span {display:block;background:#ccc;}
#carousel .swicher span em {display:block;width:88px;height:68px;background:#ccc;}
#carousel .swicher a:hover {position:relative;}
#carousel .swicher a:hover span,#carousel .swicher a.active span {border:0px #000 solid;}

#fldDateExpires, #fldDatePublished, #date-start, #date-end { background:url(/images/icon-calendar.png) no-repeat 74px 2px;  width:70px; border:1px solid #b4c2cf; padding:3px 24px 7px 3px }



/* Datepicker Classes */

div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(/images/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(/images/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(/images/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(/images/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #00bcd4;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}


	 .table-header { padding:2px 5px; }
	 .table-header .cell {  padding:2px 5px; background:none; float:left; color:#90a1b2 !important; font-weight:bold}
	 .table-header .cell.position { font-weight:bold;} 
	 .table-header .cell.ref { width:90px; float:right}
	 .table-header .cell.published { width:70px; float:right}
	 .table-header .cell.expires { width:70px; float:right}
	 .table-header .cell.options { width:70px; float:right}	 
	 
	 .job { clear:both; margin-top:20px}
	 .job .main, .job .stats { background:#e5eaf0; padding:2px 5px; height:24px; overflow:visible}
	 .job .stats { padding:8px 10px 0px 32px; background: #e5eaf0 url(../images/icon-stats.png) no-repeat 10px 7px}
	 .job .main .cell {  padding:2px 5px; background:none; float:left; font-size:11px; color:#666}

	 .job .main .cell.position { font-weight:bold; color:#565656}
	 .job .main .cell.ref { width:90px; float:right}
	 .job .main .cell.published { width:70px; float:right}
	 .job .main .cell.expires { width:70px; float:right}	 	 
	 .job .main .cell.options {width:70px; float:right}
    	 
	 .job .stats ul { float:right;  clear:none; margin-top:-2px }
	 .job .stats ul li { float:left; width: 32px; padding:0px 0px 0px 20px; display:block; font-size:11px; font-weight:normal; color:#565656}
	 .job .stats ul li.icon-views { background:url(../images/icon-eye.png) no-repeat 0 2px} 	 
	 .job .stats ul li.icon-prints { background:url(../images/icon-printed.png) no-repeat 0 2px} 	 
	 .job .stats ul li.icon-responses { background:url(../images/gzb-icons/16x16/115.png) no-repeat 0 2px} 	 
	 .job .stats ul li.icon-shared { background:url(../images/icon-mail.png) no-repeat 0 2px} 	 	 	 	 
	 .job .abstract {padding:2px 10px; font-size:11px }	 
	 .job .stats-name { float:left;}
	 
  
  table td { padding:6px; color:#565656; font-weight:bold; line-height:16px} 
  table tr.odd td { background:#e5eaf0}

.content ul li.icon-viewed { background: url(../images/icon-eye.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}	
	.content ul li.icon-printed { background: url(../images/gzb-icons/16x16/062.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}	
	.content ul li.icon-responses { background: url(../images/gzb-icons/16x16/115.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}	
	.content ul li.icon-shared { background: url(../images/gzb-icons/16x16/004.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}	
	.content ul li.icon-active { background: url(../images/gzb-icons/16x16/152.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}	
	.content ul li.icon-inactive { background: url(../images/gzb-icons/16x16/151.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}					
	.content ul li.icon-staging { background: url(../images/gzb-icons/16x16/154.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}					
	.content ul li.icon-controle { background: url(../images/gzb-icons/16x16/153.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}							
	.content ul li.icon-modify { background: url(../images/gzb-icons/16x16/018.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}					
	.content ul li.icon-archived { background: url(../images/gzb-icons/16x16/101.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}			
	.content ul li.icon-preview { background: url(../images/icons/magnifier.png) no-repeat 0px 3px; padding-left:22px; line-height:24px}			
	.content ul li.icon-refresh { background: url(../images/gzb-icons/16x16/refresh.gif) no-repeat 0px 3px; padding-left:22px; line-height:24px}
	ul#legend li:before { display:none}		

#membership-details fieldset { clear:both}
#membership-details div.row { clear:both; background:#fbf6fd; height:100%; overflow:auto; padding:3px}
#membership-details div.row.odd { background:#e8cbf5 }
#membership-details div.row label { float:left; width:180px}
#membership-details div.row span { font-weight:bold}
#membership-stats { margin:20px 0}
	
#search-advanced { padding: 0em 0; overflow:hidden; display:none}
#search-advanced .option{ float:left; width:40%; margin-right:1em  }
#search-advanced h3 { font-size:1.2em; line-height:1.5em;font-weight:bold; margin-top:1em}
#search-advanced .option-list {border:0;box-shadow:0 0px 4px #333; padding:0.5em ; line-height:1.4em; outline:0 ; background:#fff;  color:#333; max-height:100px; overflow:auto }
#search-advanced #btn-search2 { display:none}

.guide { clear:both}

.social-network a {color:#00bcd4}
.social-network  li {border-color:  #00bcd4;}