#meer/*
	lichtgroen:			#EDFFB7
	uitzendplaatsgroen	#5c2
	donkergroen			#83AE00
	rood				#f36
	lichtrood			#ffd6e0
	blauw				#AFC6E8
	lichtblauw			#E3FF91
	lichtblauw hover	#C4D5EE
	geel				#fec502
	donkergrijs			#676767
	superlichtgrijs		#f6f6f6
*/

html, body {
	margin:0; border:0; padding:0;
}
body {
	font-size: small;
	font-family:verdana,helvetica,arial,sans-serif;
}
p {
	line-height:1.5em;
	margin:0 0 1em 0;
}
ol, ul {
	list-style: disc;
	margin:0 0 1em 1.5em;
}
textarea{
	font-family: Arial, sans-serif;
	font-size:0.9em;
}
hr {
	border:0;
	height:3px;
	color:#eee;			/* for IE */
	background:#eee;	/* for mozilla/opera */
}
a:link,
a:visited { color:#55f; text-decoration:underline; }
a:hover,
a:active { color:#00f; text-decoration:underline; }

/*
 *	textlinks linking to files of certain type
 */
a.pdf {
	padding-left:20px;
	background-image:url(img/file.pdf.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.doc {
	padding-left:20px;
	background-image:url(img/file.doc.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.xls {
	padding-left:20px;
	background-image:url(img/file.xls.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/*
 *	textlinks with an icon
 */
a.info {
	display:inline-block;
	padding-left:20px;
	min-height:16px;
	background-image:url(img/info.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.info:hover,
a.info:active {
	background-image:url(img/info.gif);
}
a.print {
	padding-left:16px;
	background-image:url(img/print.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.print:hover,
a.print:active {
	background-image:url(img/print_hover.gif);
}
a.email {
	padding-left:16px;
	background-image:url(img/email.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.email:hover,
a.email:active {
	background-image:url(img/email_hover.gif);
}
a.warn {
	padding-left:16px;
	background-image:url(img/warnsign.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.warn:hover,
a.warn:active {
	background-image:url(img/warnsign_hover.gif);
}
a.share {
	color:#55f; text-decoration:underline;
	padding-left:20px;
	background-image:url(img/addthis.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

/*
 *	=actionbtn
 */
a.actionbtn {
    background: transparent url(img/btn_grey_right.png) no-repeat scroll top right; 
	display: inline-block;
	width:auto;
	height: 38px; /* IMAGE HEIGHT */
	margin-bottom:1px;
	margin-right: 6px;
	padding-right: 20px; /* RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	}
a.actionbtn span {
	background: transparent url(img/btn_grey_left.png) no-repeat top left; 
	display: block;
	line-height: 38px; /* BUTTON HEIGHT */
	padding: 0 0 0 18px;
	white-space:nowrap
}
a.actionbtn:active { margin:1px 0 0 1px; }
a.actionbtn:active span {}
a.actionbtn.wz { background-image:url(img/btn_red_right.png); }
a.actionbtn.wz span { background-image:url(img/btn_red_left.png); }
a.actionbtn.wg { background-image:url('img/btn_green_right.png'); }
a.actionbtn.wg span { background-image:url('img/btn_green_left.png'); }

a.meer { font-weight:bold; }
a.meer:link,
a.meer:visited	{ color:#55f; }
a.meer:hover,
a.meer:active	{ color:#00f; }

a.rss {
	padding-left:20px;
	vertical-align:middle;
	background-image:url(img/rss16px.png);
	background-position:left center;
	background-repeat:no-repeat;
}
h1 a.rss			{ font-size:.85em; text-decoration:none !important; }
h1 a.rss:link		{ color:#676767; }
h1 a.rss:visited	{ color:#676767; }
h1 a.rss:hover		{ color:#000; }
h1 a.rss:active		{ color:#000; }


a.img_btn,
div.img_btn,
span.img_btn {
	position:relative;
	display:block;
	float: right;
	margin:0 0 0 1em;
	padding:0;
	width:100px;
	height:125px;
}
span.pasfoto.img_btn{
	width:auto;
}
a.img_btn.cv { background:url(img/cv.gif) top center no-repeat; }				/* 80x100px */
a.img_btn.video { background:url(img/video_wz.jpg) top center no-repeat; }
a.img_btn.video.wz { background:url(img/video_wz.jpg) top center no-repeat; }	/* 99x124px */
a.img_btn.video.wg { background:url(img/video_wg.jpg) top center no-repeat;  }
div.img_btn.nocv { background:url(img/cv.gif) top center no-repeat; }
div.img_btn.novideo { background:url(img/video_wz.jpg) top center no-repeat; }
a.img_btn span,
div.img_btn span,
span.img_btn span {
	position:absolute;
	bottom:0;
	display:block;
	padding:.5em 0;
	width:100%;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	font-style:normal;
}
a.img_btn:link		{ color:#00f; text-decoration:underline; }
a.img_btn:visited	{ color:#00f; text-decoration:underline; }
a.img_btn:hover		{ color:#f00; text-decoration:underline; }
a.img_btn:active	{ color:#f00; text-decoration:underline; }

a.bedrijfsnaam,
span.bedrijfsnaam {
	font-size:1.2em;
	font-weight:bold;
	color:#83AE00;
}
a.bedrijfsnaam:link		{ color:#83AE00; text-decoration:none; }
a.bedrijfsnaam:visited	{ color:#83AE00; text-decoration:none; }
a.bedrijfsnaam:hover	{ color:#f00; text-decoration:underline; }
a.bedrijfsnaam:active	{ color:#f00; text-decoration:underline; }

th{
	text-align:left;
}

/*
 *	=messages
 */
ul.messages {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
ul.messages li { font-size:1em !important; }
ul.messages li.info		{ color:#33f; }
ul.messages li.warning	{ color:#f60; font-weight:bold; }
ul.messages li.error	{ color:#f00; }
ul.messages li.fail		{ color:#f00; font-weight:bold; }
ul.messages li.success	{ color:#83AE00; font-weight:bold; }
ul.messages li.test		{ color:#f60; font-weight:bold; }

.fout		{ color:red; }
.goed		{ color: #83AE00;}
.verplicht	{ color:red; font-weight:bold; }

/*
 *	=hints
 */
p.hints{
	border:2px solid #fff6dd;
	padding:.25em 1em;
	background:#ffffee;
}

/*
 *	=opvallen
 */
p.opvallen strong { color:#ff3366; }

p.warning {
	clear:both;
	margin:0 0 .5em 0;
	padding:5px 0 1em 50px;
	background:url(img/warning.gif) left top no-repeat;
}
p.warning strong {
	font-weight:bold;
	color:#f00;
}

/*
 *	=back, terug naar overzicht
 */
p.back {
	margin:0 0 1em 0;
	padding:0;
}
p.back a {
	padding-left:20px;
	background:url(img/small-arrow.gif) left center no-repeat;
}
p.back a:link,
p.back a:visited	{ text-decoration:none; }
p.back a:hover,
p.back a:active		{ text-decoration:underline; background-image:url(img/small-arrow-gray.jpg); }

/*
 *	=p.bottomline
 */
p.bottomline {
	clear:both;
	font-size:0.8em;
}

p.beschikbaarheid strong.beschikbaar{
	font-weight:bold;
	font-style:normal;
	color:#5c2;
}
p.beschikbaarheid strong.niet_beschikbaar {
	font-weight:bold;
	font-style:normal;
	color:#f36;
}

input.btn,
.field input.btn {
	margin:0 10px 10px 0;
	border:4px double #fff;
	padding:.25em 1em;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	background:#ccc;
}
input.btn.bieden {
	display:block;
	padding-left:24px !important;
	background: transparent url(/img/bod.gif) 4px center no-repeat;
}
input.btn:hover,
input.btn:focus
{
	border:4px solid #eee;
	background:#aaa;
}
input.btn.strong {
	border:4px double #fff;
	padding:.25em 1em;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	background-color:#f36;
}
input.btn.strong:hover,
input.btn.strong:focus
{
	border:4px solid #f9b;
	background:#f03;
}

/*
 *	=h1, =h2, =h3
 */
#content h1
 {
	margin:0 0 0.5em 0;
	padding:0 0 .2em 0;
	font-size: 1.2em;	
	font-weight:bold;
}
#content h2 {
	margin:0;
	padding:0;
	font-size: 1em;	
	font-weight:bold;
}
#content h3 {
	margin:0;
	padding:0;
	font-size: 1em;	
	font-weight:bold;
	color:#333;
}

/*
 *	=index
 */
ul.index {
	margin:0; padding:0;
}
ul.index li {
	list-style:none;
	margin:0 0 .5em 0;
}
ul.index li a			{
	padding-left:20px;
	text-decoration:none;
	background: url(img/small-arrow.gif) left center no-repeat;
}
ul.index li a:hover,
ul.index li a:active	{
	text-decoration:underline;
	background-image: url(img/small-arrow-gray.jpg);
}
fieldset.werkzoekende ul.index li a:hover,
fieldset.werkzoekende ul.index li a:active	{ background-image:url(img/small-arrow-pink.jpg); }
fieldset.werkgever ul.index li a:hover,
fieldset.werkgever ul.index li a:active		{ background-image:url(img/small-arrow-green.jpg); }

/*
 *	=sitecontainer (the parent of all div's)
 */
#sitecontainer {
	margin:0;
	min-width:970px;	/* screenwidth: 1024 */
	max-width:1230px;
	background:white;
}

/*
 *	=header
 */
#header {
	position:relative;
	margin:0;
	padding:10px 20px;
}

/*
 *	=features
 */
#header ul.features {
	position:absolute;
	right:20px;
	top:10px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.2em;
}
#header ul.features li {
	float:left;
	padding:0 5px;
	border-left:2px solid #aaa;
	color:#555;
}
#header ul.features li.first {
	border:0;
	vertical-align:top;
}
#header ul.features li .registreer {
	font-size:.85em;
}
#header ul.features li strong {
	font-weight:bold;
}
#header ul.features li em {
	font-style:normal;
	color:#777;
}
#header ul.features li a.login {
	padding:.1em .5em .15em;
	text-decoration:none;
	color:#fff;
	background:#49f;
}
#header ul.features li a.login:hover,
#header ul.features li a.login:active {
	background:#00f;
}

/*
 *	=logo
 */
#header #logo {
	margin:0; border:0; padding:0 0 10px 0;
	height:65px;
}
#header #logo img {
	float:left;
}
#header #logo span.uzp {
	display:inline-block;
	padding:18px 0 0 5px;
}
#header #logo a {
	margin:0; border:0; padding:0;
	height:100%;
	text-decoration:none;
}
#header #logo a span.uzp {
	cursor:pointer;
}
#header #logo strong {
	line-height:1em;
	font-family: Arial, sans-serif;
	/*font-size:28px;*/
	font-size:21pt;
	font-weight:normal;
	font-weight:bold;
	letter-spacing:2px;
	color:#333;
	/*text-shadow: 1px 1px 2px #676767;*/
}
#header #logo strong span {
	font-weight:bold;
	color:#676767;
}
#header #logo em {
	line-height:1.5em;
	font-family: Arial, sans-serif;
	/*font-size:15px;*/
	font-size:11pt;
	font-style:normal;
	font-weight:bold;
	letter-spacing:1px;
	color:#676767;
}

/*
 *	=breadcrumb
 */
#breadcrumb {
	clear:left;
	font-size:1.2em;
}
#breadcrumb ul {
	float:left;
	display:inline-block;
	margin:5px 0 0 0; padding:0;
	list-style:none;
}
#breadcrumb ul li {
	float:left;
	display:inline-block;
	padding:0 5px 0 15px;
	line-height:1.5em;
	font-size:.9em;
	background:url(img/gt.gif) left center no-repeat;
}
#breadcrumb ul li span {
	font-weight:bold;
	color:#333;
}
#breadcrumb ul li span,
#breadcrumb li a {
	display:inline-block;
	vertical-align:middle;
}
#breadcrumb ul li a:link,
#breadcrumb ul li a:visited	{ text-decoration:none; }
#breadcrumb ul li a:hover,
#breadcrumb ul li a:active	{ text-decoration:underline; }
#breadcrumb ul li.home {
	padding-left:0;
	background:none;
}
#breadcrumb ul li.home a,
#breadcrumb ul li.home span {
	padding-left:18px;
	background:url(img/home.gif) left center no-repeat;
}

/*
 *	=contentcontainer, sidebar + content
 */
#contentcontainer {	
	clear:both;
	display:block;
	position:relative;
	margin:0 0 1.5em 0;
	border:0;
	padding:0;
	min-width:770px;
	background:white;
}
#contentcontainer.vac h1 strong { color:#5c2; }
#contentcontainer.uz h1 strong { color:#f36; }

/*
 *	=content
 */
#content{
	display:block;
	margin:0;
	border:0;
	padding:10px 20px;
	min-height:20em;
}
#contentcontainer.has_sidebar #content {
	margin-left:180px;
}
#contentcontainer.home #content {
	padding:0;
}

/*
 *	=sidebar
 */
#sidebar {
	display:block;
	position:absolute;
	top:0; left:0;
	margin:0;
	border:0;
	padding:7px 0 0 10px;
	width:170px;		/* total width = 10+170 = 180 */
	overflow:hidden;
}
#contentcontainer.home #sidebar {
	width:286px;		/* total width = 10+286 = 296 */
}

/*
 *	=kandidaatlijst
 *	=vacaturelijst
 */
.kandidaatlijst,
.vacaturelijst {
	margin:20px 0;
}
.kandidaatlijst h2,
.vacaturelijst h2{
	margin:0 0 .5em 0;
	font-size:1.2em;
	line-height:2em;
	color:#666;
}
.kandidaatlijst p,
.vacaturelijst p{
	margin:10px 0 0 0;
}
.kandidaatlijst ul,
.vacaturelijst ul {
	margin:0;
	list-style:none;
}
.kandidaatlijst ul,
.vacaturelijst ul{
	border-top:1px solid #eee;
}
.kandidaatlijst ul li,
.vacaturelijst ul li {
	display:block;
	border-bottom:1px solid #eee;
}
.kandidaatlijst ul li.uneven,
.vacaturelijst ul li.uneven{
	background:#fff;
}
.kandidaatlijst ul li.even,
.vacaturelijst ul li.even{
	background:#fafafa;
}
.kandidaatlijst ul li a,
.vacaturelijst ul li a {
	display:block;
	height:90px;
	text-decoration:none;
	color:#000;
}
.kandidaatlijst ul li .pasfoto_container,
.vacaturelijst ul li .pictogram_container {
	float:left;
	margin-right:10px;
	padding:5px;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
}
.kandidaatlijst ul li .pasfoto,
.vacaturelijst ul li .pictogram {
	background-color:#fff;
}

.kandidaatlijst ul li.even .pasfoto_container,
.vacaturelijst ul li.even .pictogram_container		{ background-color:#eee; }
.kandidaatlijst ul li.uneven .pasfoto_container,
.vacaturelijst ul li.uneven .pictogram_container	{ background-color:#f9f9f9; }
.kandidaatlijst ul li strong,
.vacaturelijst ul li strong,
.kandidaatlijst ul li h3,
.vacaturelijst ul li h3 {
	display:inline-block;
	padding-top:.5em;
	font-weight:normal;
	text-decoration:underline;
	color:#55f;
}
.kandidaatlijst ul li span.opleidingsniveau,
.kandidaatlijst ul li span.uurloon,
.kandidaatlijst ul li span.wensen,
.vacaturelijst ul li span.werkomschrijving,
.vacaturelijst ul li span.categorie,
.vacaturelijst ul li span.locatie,
.vacaturelijst ul li span.uurloon {
	display:block;
	margin-top:.25em;
	color:#333;
}
.kandidaatlijst ul li span.uurloon { font-style:italic; color:#f36; }
.kandidaatlijst ul li span.wensen,
.vacaturelijst ul li span.werkomschrijving	{ font-size:.85em; }
.vacaturelijst ul li span.categorie {  }
.vacaturelijst ul li span.locatie {  }
.vacaturelijst ul li span.uurloon { font-style:italic; color:#5c2; }

.kandidaatlijst ul li a:hover { background-color:#fee !important; }
.kandidaatlijst ul li a:hover strong { color:#00f !important; }
.kandidaatlijst ul li a:hover .pasfoto_container { background-color:#f36 !important; }
.kandidaatlijst ul li a:hover .pasfoto { background-color:#fff; }
.vacaturelijst ul li a:hover { background-color:#efd !important; }
.vacaturelijst ul li a:hover strong { color:#00f !important; }
.vacaturelijst ul li a:hover .pictogram_container { background-color:#5c2 !important; }

.kandidaatlijst a.meer:hover{ color:#f36; }
.vacaturelijst a.meer:hover{ color:#83AE00; }
.vacaturelijst li.top a {
	background-image:url(img/home_vacature.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.vergelijkbare_items {
	margin:2em -10px 0 0;
	padding:10px 0 0 10px;
	background:#f6f6f6;
}
#content .vergelijkbare_items h2 {
	margin:0 0 5px 0;
	color:#676767;
	border:0 !important;
}
.vergelijkbare_items p {
	clear:left;
}
.vergelijkbare_items .vacaturelijst,
.vergelijkbare_items .kandidaatlijst{
	margin:0;
}
.vergelijkbare_items .vacaturelijst ul,
.vergelijkbare_items .kandidaatlijst ul {
	border:0;
}
.vergelijkbare_items .vacaturelijst ul li,
.vergelijkbare_items .kandidaatlijst ul li {
	float:left;
	width:49.5%;
	border:0;
}
.vergelijkbare_items .vacaturelijst ul li a,
.vergelijkbare_items .kandidaatlijst ul li a {
	margin:0 10px 10px 0;
	border:3px solid #eee;
	background-color:#fff;
}
.vergelijkbare_items .kandidaatlijst ul li.even .pasfoto_container,
.vergelijkbare_items .vacaturelijst ul li.even .pictogram_container		{ background-color:#f9f9f9; }
.vergelijkbare_items .kandidaatlijst ul li.uneven .pasfoto_container,
.vergelijkbare_items .vacaturelijst ul li.uneven .pictogram_container	{ background-color:#f9f9f9; }

body.home p.promo {
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#777;
}
body.home #content .promo h2 {
	margin:0;
	line-height:2em;
	font-size:1.2em;
}
.werkgever .promo,
.werkzoekende .promo {
	color:#777;
}
body.home #content .werkgever .promo h2 { color:#5c2; }
body.home #content .werkzoekende .promo h2 { color:#f36; }
.werkgever .promo p,
.werkzoekende .promo p {
	margin:.5em 0 0 0;
	font-size:.85em;
}
body.home .promo ol {
	margin:0 0 0 1.75em;
	line-height:1.75em;
	font-size:1.1em;
	font-weight:bold;
	list-style-type:decimal;
}
body.home .werkgever .promo ol { color:#5c2; }
body.home .werkzoekende .promo ol { color:#f36; }
body.home .promo ol li strong { color:#777; }

/*
 *	=footer onderaan de pagina
 */
#footercontainer {
	clear:both;
}
#footer {
	padding:0 20px;
	background:#fff;
}
#footer hr {
	margin:0;
}
#footer #meerinfo {
	padding:10px 0px;
	font-size:0.9em;
	text-align:center;
}
#footer #meerinfo .inner {
	margin:0 auto;
	width:770px;
	text-align:left;
}
#footer .footnote {
	clear:both;
	color:#fff;
	background:#5c2 url(img/corner-green-topright.gif) top right no-repeat;
}
#footer .footnote .inner {
	padding:5px 20px;
	background:url(img/corner-green-topleft.gif) top left no-repeat;
}
#footer .footnote p {
	margin:0;
}
#footer .footnote address {
	font-size:.85em;
	margin-right:2em;
	line-height:1.75em;
	font-style:normal;
}
#footer .footnote .navi {
	margin-top:1em;
	float:right;
}
#footer .footnote .navi a {
	display:inline;
}
#footer .footnote .navi a:link,
#footer .footnote .navi a:visited	{ color:#fff; }
#footer .footnote .navi a:hover,
#footer .footnote .navi a:active	{ color:#00f;}

#footer .payrollad {
	float:right;
	margin:20px 20px 10px 10px;
}

/*
 *	=footermenu
 */
#footermenu,
#footermenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footermenu{
	margin:0;
}
#footermenu li {
	float:left;
	border-left:2px solid #eee;
	padding:0 15px;
	width:auto;
}
#footermenu li li {
	float:none;
	border:0;
	padding:0;
	line-height:1.5em;
}
#footermenu li.first-child {
	border:0;
	padding-left:0;
}

#footermenu em {
	line-height:2em;
	color:#666;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
}
#footermenu em a {
	color:#666;
	text-decoration:none;
}
#footermenu ul li a{
	white-space:nowrap;
	overflow:visible;
	text-decoration:none;
}
#footermenu ul li a:link	{ color:#444; }
#footermenu ul li a:visited	{ color:#44f; }
#footermenu ul li a:hover,
#footermenu ul li a:active	{ color:#44e; text-decoration:underline; }

/*
 *	=homepage
 */
body.home #contentcontainer{
	text-align:center;
}
body.home #content{
	margin:0 auto;
	width:770px;
	text-align:left;
}
body.home #content {
	padding-right:0;
	padding-left:0;
}
body.home #content h3 {
	margin:0 0 1em 0;
	font-size:1.2em;
}

/*
 *	=navigation
 */
#navigation {
	clear:both;
	display:block;
	border-bottom:3px solid #eee;
	padding:0 0 5px 0;
	width:100%;
}
#navigation ul {
	float:left;
	display:inline-block;
	margin:0; padding:0;
	list-style:none;
}
#navigation ul li {
	float:left;
}
#navigation ul li a {
	float:left;
	display:block;
	margin:0 1.5em 0 0;
	padding:.25em 0 0 0;
	font-size:1.2em;
	text-decoration:none;
}
#navigation ul li a:hover,
#navigation ul li a:active { text-decoration:underline;}
a.payrollplaats {
	position:absolute;
	right:25px;
	top:56px;
	padding-left:25px;
	line-height:25px;
	min-height:25px;
	font-size:1.2em;
	background-image:url(img/payrollplaats-logo-small.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}

#navigation.hr {
	padding:0;
	height:1px;
	line-height:1px;
}

/* =kader */
.kader_uzp,
.kader_wz,
.kader_wg,
.kader {
	margin:0 0 .5em 0;
	padding:1em 1em 1em 1em;
}
.kader_uzp {
	border:2px solid #83AE00;
	background:#EDFFB7;
	background:#f6ffdc;
}

/* =fieldset =kader */
fieldset {
	position:relative;
	display:block;
	margin:0 0 1em 0;
	border: 1px solid #ccc;
	padding:1em 1em .5em 1em;
}
fieldset.werkzoekende,
fieldset.werkgever,
fieldset.algemeen {
	padding:1.5em 1em 1em 1em;
}
fieldset.werkzoekende,
div.kader_wz {
	border:2px solid #f36;
}
fieldset.werkgever,
div.kader_wg {
	border:2px solid #83AE00;
}
fieldset.algemeen,
div.kader {
	border:2px solid #676767;
}

.col2 {}
.col2 .colright	{ /*float:right;*/ }
.col2 .colleft	{ margin:0 24em 0 0; }

fieldset.koop {
	padding:2em 20px 10px 20px;
	border:6px double #eee;
	background:#fff;
}
fieldset.koop legend {
	margin:0 0 0 -10px;
	border:6px double #fff;
	padding:.5em 1em .5em;
	color:#444;
	background:#eee;
}

/*
 *	=twocols
 */
.twocols {
	width:100%;
	float: left;
	margin-right: -50%;
}
.twocols .col1outer {
	width: 100%;
	float: left;
	margin-right: -50%;
}
.twocols .col1 {
	margin-right: 50%;
}
.twocols .col2outer {
	width: 50%;
	float: right;
}
.twocols .col2 {}

.twocols .werkzoekende{
	margin:0 5px 0 0;
}
.twocols .werkgever {
	margin:0 0 0 5px;
}

/*
 *	=uz_box
 *	=wg_box
 *  =pr_box
 */
.uz_box,
.wg_box,
.pr_box {
	margin:0 0 10px 0;
	padding:0 10px 0 20px;
	color:#fff;
}
.uz_box {
	border:5px solid #ffd6e0;
	background:#f36;
}
.wg_box {
	border:5px solid #cfb;
	background:#5c2;
}
.pr_box {
	border:5px solid #ddf;
	background:#0099cb;
}
#content .uz_box h2,
#content .wg_box h2,
#content .pr_box h2 {
	padding:10px 0 15px 0px;
	font-size:1.75em;
	font-weight:normal;
	color:#fff;
}
.uz_box a,
.wg_box a,
.pr_box a {
	display:inline-block;
	padding:.25em .5em;
	font-weight:bold;
	font-size:.85em;
}
.uz_box a:link,
.uz_box a:visited,
.wg_box a:link,
.wg_box a:visited,
.pr_box a:link,
.pr_box a:visited	{ color:#fff; }
.uz_box a:hover,
.uz_box a:active,
.wg_box a:hover,
.wg_box a:active,
.pr_box a:hover,
.pr_box a:active	{ text-decoration:none; background:#fff; }
.uz_box a:hover,
.uz_box a:active	{ color:#d36; }
.wg_box a:hover,
.wg_box a:active	{ color:#83AE00; }
.pr_box a:hover,
.pr_box a:active	{ color:#0099cb; }

.uz_box input	{ border:2px solid #ffd6e0; }
.wg_box input	{ border:2px solid #cfb; }
.pr_box input	{ border:2px solid #ddf; }

/*
 * =home_wg
 * =home_wz
 */
body.home_wg .bedrijfslogo,
body.home_wz .pasfoto { float:right;margin:10px 0 10px 10px;}
body.home_wg .bedrijfslogo img,
body.home_wz .pasfoto img{
	display:block;
	border:0;
}
body.home_wg .uz_box,
body.home_wg .wg_box,
body.home_wg .pr_box{
	float:left;
	margin:3em 10px 10px 0;
	height:10em;
}
body.home_wz .wg_box,
body.home_wz .uz_box
 {
	float:right;
	margin:0 0 10px 10px;
	width:25em;
}
body.home_wg .uz_box a,
body.home_wg .wg_box a,
body.home_wg .pr_box a,
body.home_wz .uz_box a,
body.home_wz .wg_box a,
body.home_wz .pr_box a{
	white-space:nowrap;	
}
fieldset.waardering {
	float:left;
	margin:1em 0 1em 0;
}

/*
 *	=snelzoeken
 */
.snelzoeken {}
.snelzoeken form {
	padding:0 0 10px 0;
}
.snelzoeken form input {
	line-height:1em;
	font-size:1em;
}
.snelzoeken form input#zoektekst_vacatures,
.snelzoeken form input#zoektekst_personeel {
	width:15em;
}
.snelzoeken form input.button {
	border:#ccc outset 2px;
	background:#eee;
}
.snelzoeken form input.button:active {
	border-style:inset;
}

/* legends */
fieldset legend {
	margin:0;
	padding:.3em 1em .2em;
	border:1px solid #eee;
	line-height:1em;
	font-weight:bold;
	overflow:visible;
}
fieldset.werkzoekende legend {
	color:#fff;
	border-color:#f9c;
	background-color:#f36;
}
fieldset.werkgever legend {
	color:#fff;
	border-color:#5c2;
	background-color:#83AE00;
}
fieldset.algemeen legend {
	color:#fff;
	border-color:#999;
	background-color:#676767;
}
fieldset fieldset{}
fieldset div.date {
	color:#999;
}
fieldset p,
fieldset h3 {
	margin:0 0 1em 0;
}
fieldset p img {
	margin:10px;
}
fieldset p img[align="left"] {
	margin-left:0;
}
fieldset p img[align="right"] {
	margin-right:0;
}

/* placement of images and other content when no other style can be applied */
.top	{ margin-top:0; }
.right	{ float:right; margin-right:0; }
.bottom	{ margin-bottom:0; }
.left	{ float:left; margin-left:0; }

/* team from cms */
.team { margin-bottom:2em; }
.team img {
	margin:1em;
	border:1px solid #ccc;
	padding:2px;
	display:block;
	float:right;
}

.vac_fieldset label{
	width:160px;
	font-weight:bold;
}
.vac_fieldset .uzlabel {
	width:60px;
	margin-right: 0px;
}
.vac_fieldset .wglabel {
	width:125px;
	margin-right: 0px;
}
.vac_fieldset h3{
	font-size: 1em;
	font-weight:bold;
	height: 1em;
	line-height:1em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

fieldset .rijbewijs{
	width: auto;
	padding-right:5px;
	margin-right:2px;
}
fieldset .rijbewijs img{
	height:1em;
	padding-left: 5px;
	margin-bottom: -2px;
}
fieldset .chkbox{
	width:auto;
	padding-right:15px;
	margin-right:2px;
	text-align:left;
	margin-top:0px;
}

br { clear:left; }

/*
 *	=form
 */
form{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
form img{
	border: 0px solid white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
form .formbuttons {
	margin:0 0 .5em 0;
	clear:both;
}

/* =field of form */
.field {
	float:left;
	width:100%;
	margin:0 0 1em 0;
	/*line-height:1.2em;*/
}
.field label,
.field input,
.field select,
.field textarea,
.field fieldset
{
	float:none;
	display:inline-block;
	/*margin:0 10px 0 0 ;*/
	vertical-align:text-top;
	font-size:1em;
}
.field input {
	/*border-width:1px;*/
	padding:1px 2px;
}
.field label {
	float:left;
	width:18em;
	font-weight:bold;
	color:#676767;
}
.field label strong {
	color:#000;
}
.field label .comment {
	float:left;
	display:inline-block;
	margin:.5em 0;
	font-size:.8em;
	font-weight:normal;
}
.field fieldset {
	float:left;
	border:0;
	padding:0;
	line-height:2em;
}
.field fieldset label {
	float:none;
	margin:0;
	width:auto !important;
	font-weight:normal;
	color:#000;
	vertical-align:middle;
}
.field fieldset label.disabled {
	color:#999;
}
.field fieldset input {
	float:none;
	vertical-align:middle;
}
.field fieldset input.radio{
	margin:.75em .5em 0 0;
	vertical-align:top;
}
.field fieldset .radio_item{
	display:inline-block;
}
.field.flat label {
	float:left;
	margin:0 0 .5em 0;
	width:auto;
	vertical-align:middle;
}
.field.flat fieldset {
}
.field.flat fieldset label {
	float:none;
	display:inline-block;
	margin:0 10px 0 0 ;
	padding:0;
	vertical-align:middle;
}
.field img.description {
	margin:0 0 0 10px;
	vertical-align:middle;
}

/*
 *	when labeltext is displayed in a input textfield
 */
input.labeled {
	color:#999;
}

/*
 *	=notitie
 */
div.notitie { margin:0 0 1em 0; }
#content div.notitie h2 {
	clear:both;
	margin:0;
	padding:0 0 .25em 0;
	border-bottom:1px solid #676767;
	font-size:.85em;
}
div.notitie .body {
	margin:0 0 .5em 0;
	padding:.25em .5em;
	font-size:1.2em;
	background:#fafafa;
	
}
form.notitie textarea {
	margin:0 0 1em 0;
	display:block;
}
form.notitie input 			 {display:block; }
form.notitie input.opslaan	 { float:left; }
form.notitie input.verwijder { float: right; }

/*
 * agenda
 */
#frmAgenda .grijs, #grijs {
	background-color: silver;
}
#frmAgenda .rood, #rood {
	background-color:#cc3333;
}
#frmAgenda .groen, #groen{
	background-color:#33cc33;
}
#frmAgenda .oranje, #oranje{
	background-color:#ff9933;
}
#frmAgenda table{
	width:auto;
}
#frmAgenda table td{
	font-size:.8em;
	font-weight:normal;
	width: 2em;
	height: 1em;
	border-left:6px solid white;
}

.vac_fieldset #pasfoto{
	text-align:center;
	margin-top: 5px;
	float:right;
	padding:0;
}
.vac_fieldset #pasfoto img{
	border: none;
}
.vac_fieldset #cv{
	text-align:center;
	float:right;
	border: 0px solid silver;
	border-right:none;
	margin-top: 5px;
	margin-right:10px;
	font-size:0.8em;
}
.vac_fieldset #cv img{
	border:none;
}
.vac_fieldset #video {
	text-align: center;
	float: right;
	margin-top: -2px;
	margin-right: 5px;
}
.vac_fieldset #video img {
	border: none;
}

/*
 *	=tables
 */
table {
	margin:0 0 1em 0;
}
table th {
	overflow:hidden;
	margin:0;
	border-bottom:1px solid #676767;
	padding:.25em;
	vertical-align:bottom;
	color:#000;
}
table td			{ margin:0; padding:.5em; }
table tr.uneven td	{ border-bottom:1px solid #eee; background-color:#fff; }
table tr.even td	{ border-bottom:1px solid #eee; background-color:#fafafa; }

/* image-links as buttons */
table th.button { text-align:center; }
table td.button { text-align:center; }
table td.button a {
	display:block;
	margin:0 auto; border:0; padding:0;
	width:28px; height:20px;
	text-decoration:none;
	background:transparent url(/img/notitieblok.gif) center center no-repeat;
}
table td.open a,
table td.verleng a { background-image:url(/img/actief.gif); }
table td.sluit a { background-image:url(/img/passief.gif); }
table td.afkeuren a { background-image:url(/img/afgekeurd.gif); }
table td.contact a { background-image:url(/img/bericht.gif); }
table td.notitie a { background-image:url(/img/notitieblok.gif); }
table td.payroll a { background-image:url(img/file.pdf.gif); }
table td.geldterug a { background-image:url(/img/button-geldterug-20.gif); }
table td.referentie a { background-image:url(/img/referentie.gif); }
table td.verwijder a { background-image:url(/img/delete.gif); }
table td.opvallen a { background-image:url(/img/duim20.png); }
table td.wijzig a { background-image:url(/img/edit.gif); }
table td span.bod,
table td a.bod {
	padding-left:24px;
	background: transparent url(/img/bod.gif) left center no-repeat;
}

table.mijn_kandidaten 				{ table-layout:fixed; }
table.mijn_kandidaten th.kandidaat	{ width:25em; }
table.mijn_kandidaten th.payroll	{  }
table.mijn_kandidaten th.button		{  }

table.mijn_vacatures 				{ table-layout:fixed; }
table.mijn_vacatures th.functie		{ width:15em; }
table.mijn_vacatures th.matches		{ width:10em; }
table.mijn_vacatures td.matches span { color:#ccc; }
table.mijn_vacatures td.matches strong { color:#f36; }
table.mijn_vacatures th.button		{  }
table.mijn_vacatures th.bekeken		{ width:7em; text-align:right; }
table.mijn_vacatures td.bekeken		{ text-align:right; }
table.mijn_vacatures th.verloopdatum { width:10em; text-align:right; }
table.mijn_vacatures td.verloopdatum { text-align:right; }

table.berichtentable				{ table-layout:fixed; }
table.berichtentable th.onderwerp	{ width:auto; }
table.berichtentable th.afzender	{ width:21%; }
table.berichtentable th.datumtijd	{ width:21%; }

table.opvallen { width:100%; }
table.opvallen th.positie,
table.opvallen th.categorie_positie { color:#999; }
table.opvallen td.positie,
table.opvallen td.categorie_positie {
	font-size:.85em;
	color:#676767;
}

table.opvallen_samenvatting {}
table.opvallen_samenvatting tr.totaal { border-top:1px solid #000; }
table.opvallen_samenvatting tr.totaal th{ border-bottom:0; }
table.opvallen_samenvatting td.bedrag { text-align:right; }
.opvalmogelijkheden {
	display:inline-block;
	margin:0 0 1em 0;
	border:2px solid #e1ffdd;
	padding:.5em 1em 1em;
	background:#f2ffed;
}
.section .opvalmogelijkheden table {
	margin:0 0 1em 0;
	width:auto;
}
.opvalmogelijkheden table th {
	border:0;
	vertical-align:middle;
}
.opvalmogelijkheden table td.prijs {
	font-weight:bold;
	text-align:right;
}
.opvalmogelijkheden a.info {
	float:right;
}

/*
 *	=search (zoekform, zoekopties_side, zoekopties_top, results, pagination)
 */
#search { margin:-1em 0 0 0; }
#search.optionbar h1 { margin-left:11.8em; }
#search.optionbar #zoekopties_top,
#search.optionbar .zoekform,
#search.optionbar #results {
	margin-left:14em;
}
#search p.clearall {
	font-weight:bold;
}
#search p.clearall a {
	padding-right:20px;
	background:url(img/delete-gray.gif) center right no-repeat;
}
#search p.clearall a:hover,
#search p.clearall a:active{
	background-image:url(img/delete.gif);
}
#search p.clearall span {
	padding-right:20px;
	background:url(img/delete-gray.gif) center right no-repeat;
}
#notifications {
	display:inline-block;
	margin-bottom:10px;
	border:1px solid #eee;
	padding:10px 10px 10px 35px;
	line-height:1.5em;
	background:#fafafa;
}
#notifications.info		{ border-color:#fff6dd; background:#ffffee url(img/sign_info.png) 5px 7px no-repeat; }
#notifications.warning	{ border-color:#fff6dd; background:#ffffee url(img/sign_warning.gif) 5px 7px no-repeat; }
#notifications.fail,
#notifications.error	{ border-color:#fcc; background:#fee url(img/sign_fail.gif) 5px 7px no-repeat; }
#notifications.success	{ border-color:#e1ffdd; background:#f2ffed url(img/sign_success.gif) 5px 7px no-repeat; }
#notifications ul{
	margin:0;
}

/*
 *	=zoekopties_side, =#zoekopties_top
 */
#zoekopties_side {
	float:left;
	margin:0; border:0; padding:0;
	width:14em;
}
#zoekopties_side p {
	margin:1em 10px 2.5em 20px;
	padding:0;
	font-size:1em;
	color:#999;
}
#zoekopties_top {
	float:none;
	margin:0 0 10px 0;
	border:1px solid #eee;
	padding:10px 10px 10px 5px;
	background:#fafafa;
}

/*
 *	=zoekform, het zoekformulier
 */
.zoekform {
	margin:0 0 10px 0;
	border:1px solid #ccc;
	padding:10px;
	line-height:1em;
	background:#f6f6f6;
	background:#eee;
}
#zoek_container .zoekform {
	margin:0;
}
.zoekform input,
.zoekform select{
	margin-right:5px;
}
.zoekform input#zoektekst_personeel,
.zoekform input#zoektekst_vacatures { margin-right:20px;}
.zoekform input#postcode { margin-right:.25em; }
.zoekform select#afstand { margin-left:.25em; margin-right:15px; }
.zoekform input.button { margin-right:0;}

/*
 *	=selectlist
 */
div.selectlist {
	margin:0 0 10px 0;
}
div.selectlist label {
	display:block;
	margin:0; padding:0 0 0 20px;
	color:#676767;
	font-size:1em;
	font-weight:bold;
}
div.selectlist ul		{
	margin:0;
	padding:0 5px 0 0;
	list-style:none;
	vertical-align:top;
}
div.selectlist ul li	{
	margin:0;
	padding:0 0 0 20px;
	line-height:1.3em;
	color:#999;
}
div.selectlist ul li.selected {
	font-weight:bold;
	color:#666;
	background:transparent url(img/vink.gif) left center no-repeat;
}
div.selectlist ul li.selected span{
	margin:0;
	padding:0;
	font-size:.9em;
}
div.selectlist ul li a:link,
div.selectlist ul li a:visited	{ text-decoration:none; }
div.selectlist ul li a:hover,
div.selectlist ul li a:active	{ text-decoration:underline; }
div.selectlist.selected a:link,
div.selectlist.selected a:visited {color:#999;}
div.selectlist.selected a:hover,
div.selectlist.selected a:active { color:#00f; text-decoration:underline;}
div.selectlist ul li a.clear	{
	display:inline-block;
	border:0;
	padding:0 0 0 5px;
	width:16px;
	background:url(img/delete-gray.gif) center center no-repeat;
}
div.selectlist ul li a.clear:hover,
div.selectlist ul li a.clear:active {
	background-image:url(img/delete.gif)
}
div.selectlist ul a.clear:hover,
div.selectlist ul a.clear:active { text-decoration:none; }
div.selectlist ul span.resultcount { color:#999; }
#zoekopties_top div.selectlist{
	margin:0;
	padding:0 5px 0 0;
}
#zoekopties_top div.selectlist label{
	display:none;
}
#zoekopties_top div.selectlist ul {
	display:-moz-inline-stack;
	display:inline-block;
}
#contentcontainer.uz	div.selectlist label { color:#f36; }
#contentcontainer.vac	div.selectlist label { color:#5c2; }

/*
 *	=resultinfo, =resultcount, =sortorder
 */
#search .resultinfo{
	margin:0 0 .5em 0;
	height:1.2em;
	line-height:1em;
	overflow:hidden;
	font-size:1em;
}
#search .resultinfo .resultcount{
	float:left;
	margin:0;
	padding:0 0 .5em 0;
	font-weight:bold;
	color:#333;
}
#search .resultinfo .resultcount em{
	font-size:1.2em;
	font-style:normal;
}
#search .resultinfo .orderby{
	float:right;
	font-size:.9em;
	font-weight:bold;
	color:#676767;
}
#search .resultinfo .sortorder{
	display:inline-block;
	padding-left:14px;
	background-position: center left;
	background-repeat:no-repeat;
}
#search .resultinfo .sortorder.asc { background-image:url(img/sort_asc.png); }
#search .resultinfo .sortorder.desc { background-image:url(img/sort_desc.png); }
#contentcontainer.uz	#search .resultinfo .resultcount { color:#f36; }
#contentcontainer.vac	#search .resultinfo .resultcount { color:#5c2; }


#search .sortorder {
	text-align:right;
}
#search .sortorder a.orderby {
	margin-left:0px;
	background-position: center right;
	background-repeat:no-repeat;
}
#search .sortorder span.orderby{
	color:#676767;
	font-weight:bold;
}

/*
 *	=results
 */
#results {
	float:none;
	margin:0;
	border:0;
	padding:0;
}
#results table {
	table-layout:fixed;
	margin:0 0 1.5em 0;
	border-top:1px solid #eee;
	width:100%;
}
#results table td { 
	overflow:hidden;
	border-bottom:1px solid #eee;
	padding:1em 0 1em .5em;
	vertical-align:middle;
}
#results table th {
	overflow:hidden;
	margin:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:bottom;
	color:#676767;
	background:#eee;
}
#results table tr th.topitems {
	padding-left:.5em;
	line-height:1em;
	font-size:.9em;
	font-weight:normal;
	color:#5c2;
	color:#fff;
	background:#5c2;
	border-top:0;
	border-bottom-width:0px;
}
#results table tr.topitem td.first-child {
	background-image:url(img/green-vline.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#results table tr.topitem td.last-child {
	background-image:url(img/green-vline.png);
	background-position:top right;
	background-repeat:repeat-y;
}
#results table tr.last_topitem td {
	border-bottom:1px solid #5c2;
}
#results table tr td h2 {
	display:inline;
	font-size:1em;
	font-weight:normal;
}

#results.vacatures table colgroup.group1		{}
#results.vacatures table colgroup.group2		{}
#results.vacatures table colgroup.group3		{}
#results.vacatures table col.pictogram			{ width:80px; }
#results.vacatures table col.info				{ }
#results.vacatures table col.plaatsingsdatum	{ width:8em; }
#results.vacatures table col.locatie			{ width:8em; }
#results.vacatures table tr.topitem.even td		{ background-color:#eafaea; }
#results.vacatures td.pictogram {
	padding:0 0 0 1px;
	height:80px;
}
#results.vacatures td .summary			{ margin:0; padding:0; font-size:.85em; }
#results.vacatures td .currency			{ margin-right:2px; font-weight:bold; color:#83AE00; }
#results.vacatures td .comment 			{ font-size:0.9em; color:#888; }
#results.vacatures table tr.mijn td a {	color:#5c2; }
#results.vacatures table tr.ruled td { background:#efd;}

#results.kandidaten table colgroup.group1	{}
#results.kandidaten table colgroup.group2	{}
#results.kandidaten table colgroup.group3	{}
#results.kandidaten table col.foto		{ width:80px;}
#results.kandidaten table col.info		{ }
#results.kandidaten table col.opleiding { width:8em; }
#results.kandidaten table col.uurloon	{ width:6em; }
#results.kandidaten table col.plaats	{ width:8em; }
#results.kandidaten table td.foto		{ margin:0; padding:2px;}
#results.kandidaten table td.foto .pasfoto { }
#results.kandidaten table td.foto a		{ margin:0; border:0; padding:0; display:inline-block; text-decoration:none; }
#results.kandidaten table td.foto a img	{ margin:0; border:0; padding:0; display:inline-block; }
#results.kandidaten table td.kandidaat	{ 
	padding-top:.5em; padding-bottom:.5em;
	vertical-align:top;
}
#results.kandidaten table td .currency	{ margin-right:2px; font-weight:bold; color:#f36; }
#results.kandidaten table td .bedrag	{ }
#results.kandidaten table td .summary	{ margin:0; padding:0; font-size:.85em; }
#results.kandidaten table tr.mijn td.kandidaat a {
	padding-left:20px;
	background-image:url(img/small_star.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#results.kandidaten table tr.ruled td { background:#fee;}

/*
 *	=items with the supplied items by kandidate/vacature
 */
#results table td p.items {
	margin:0;
	padding:0;
	text-align:right;
}
.items a:link,
.items a:visited { text-decoration:none; }
.items a:hover,
.items a:active	 { text-decoration:underline; }
.items span{
	margin-right:.5em;
	padding-left:20px;
	color:#ccc;
	background-position:left center;
	background-repeat:no-repeat;
}
.items span.video		{ color:#676767; background-image:url(img/video-small-highlighted.gif); }
.items span.no-video	{ color:#cccccc; background-image:url(img/video-small-lightgrey.gif); }
.items span.cv			{ color:#676767; background-image:url(img/cv-small-highlighted.gif); }
.items span.no-cv		{ color:#cccccc; background-image:url(img/cv-small-lightgrey.gif); }
.items span.agenda		{ color:#676767; background-image:url(img/agenda-small-highlighted.gif); }
.items span.no-agenda	{ color:#cccccc; background-image:url(img/agenda-small-lightgrey.gif); }

/*
 *	=pagination
 */
.pagination {
	padding-top:1em;
	color:#676767;
}
.pagination ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.pagination ul li {
	float:left;
	margin:0 0 0 .5em;
	border:0;
	padding:0;
}
.pagination span,
.pagination a {
	float:left;
	display:inline-block;
	margin:0;
	padding:.25em .5em .25em .5em;
}
.pagination ul li span {
	padding:0 .5em;
	font-weight:bold;
	font-size:1.5em;
}
.pagination a:link,
.pagination a:visited	{ color:#676767; text-decoration:none; }
.pagination a:hover,
.pagination a:active	{ color:#f00; text-decoration:underline; }
.pagination a.previous	{
	padding-left:17px;
	font-weight:bold;
	background:url(img/lt.gif) 5% 60% no-repeat;
}
.pagination a.previous:hover,
.pagination a.previous:active{
	background-position:0 60%;
}
.pagination a.next	{
	padding-right:17px;
	font-weight:bold;
	background:url(img/gt.gif) 95% 60% no-repeat;
}
.pagination a.next:hover,
.pagination a.next:active{
	background-position:100% 60%;
}
.pagination li.page a:hover,
.pagination li.page a:active {
	padding:.2em .5em .3em .5em;
}
.pagination span.current{
	margin-right:1em;
	background:#ccc;
	color:#fff;
	font-weight:bold;
}
.pagination.vacatures span.current{ background:#5c2;}
.pagination.kandidaten span.current{ background:#f36;}
.pagination.vacatures ul li span,
.pagination.vacatures a:hover,
.pagination.vacatures a:active	{ color:#83AE00; }
.pagination.kandidaten ul li span,
.pagination.kandidaten a:hover,
.pagination.kandidaten a:active	{ color:#f36; }

/*
 *	=section
 */
.section {
	clear:both;
	padding:0 0 1em 0;
}
#content .section h2
{
	clear:both;
	margin:0 0 .5em 0;
	border-bottom:1px solid #999;
	padding:0 0 .25em 0;
}
#content .section h3 {
	margin:0 0 .25em 0;
	text-decoration:underline;
	color:#676767;
}

.section .more {
	float:right;
	font-size:0.8em;
	text-align:right;
}
.section table {
	margin-left: 1.0em;
	width: 98%;
}
.section h3 {
	color:#676767;
}

/*
 *	=persoonlijk
 */
.section.persoonlijk {
	margin:0 240px 2em 0;
	width:auto;
}
.persoonlijk label {
	width:11em !important;
}
.persoonlijk a {
	font-size: 0.8em;
	text-align: right;
}

/*
 *	=status
 */
.status {
	float:right;
	display:block;
	margin:0;
	margin:0 0 -1.5em 0;
	width:100%;
}
.status .beschikbaarheid { margin-bottom:2em; }
.status .summary {
	float:right;
	margin:0 0 0 1em;
	color:#676767;
	font-size:.85em;
	text-align:right;
}
.status .gezien {
	margin:0 0 .5em 0;
}
.status .waardering {
	margin:0 0 .5em 0;
}
.status .waardering .ranking {
	display:inline;
}
.status .sinds 	 {
	padding:0 0 .5em 0;
}
.status .vacatures {
	padding:0;
}
.status .summary a:link,
.status .summary a:visited	{ color:#00f; text-decoration:underline; }
.status .summary a:hover,
.status .summary a:active	{ color:#f00; text-decoration:underline; }

#kandidaat-info table th {
	color: #676767;
}

/*
 *	=pasfoto, =dummy
 */
.pasfoto {
	text-align:center;
	background-repeat:no-repeat;
	background-position:center center;
}
.pasfoto img {
	display:block;
	margin:0; border:0; padding:0;
}
.pasfoto.thumb,
.pasfoto.dummy {
	display:inline-block;
	width:80px;
	height:80px;
}
.pasfoto img.spaceball {
	position:relative;
}
.pasfoto.dummy 				{ background-position:center center; background-repeat:no-repeat; }
.pasfoto.dummy.man			{ background-image:url(img/pf_man100.png); }
.pasfoto.dummy.vrouw		{ background-image:url(img/pf_vrouw100.png); }
.pasfoto.dummy.thumb.man	{ background-image:url(img/pf_man80t.png); }
.pasfoto.dummy.thumb.vrouw	{ background-image:url(img/pf_vrouw80t.png); }

.uz_box .pasfoto a { padding:0; }
.uz_box .pasfoto a:hover { background:transparent; }
.uz_box .pasfoto { background-position: top right; }
body.edit_pasfoto .img_btn {
	float:none;
	border:5px solid #eee;
	background:#eee;
}
body.edit_pasfoto .pasfoto {
	display:inline-block;
}
body.edit_pasfoto .pasfoto.dummy {
	margin-bottom:10px;
}
.section .pasfoto.dummy {
	width:100px;
	height:100px;
}

.bedrijfslogo{
	text-align:center;
	margin-top: 5px;
	margin-left:1em;
	float:right;
	padding:0;
}
.bedrijfslogo a img{
	display:block;
	border: none;
}
.bedrijfslogo a cite {
	display:block;
	font-size:.8em;
	font-style:normal;
	font-weight:bold;
}
.section #cv{
	text-align:center;
	float:right;
	border: 0px solid silver;
	border-right:none;
	margin-top: 5px;
	margin-right:10px;
	font-size:0.8em;
}
.section #cv a:link		{ color:#000 !important; text-decoration:none !important; }
.section #cv a:visited	{ color:#000 !important; text-decoration:none !important; }
.section #cv a:hover	{ color:#00f !important; text-decoration:underline !important; }
.section #cv a:active	{ color:#00f !important; text-decoration:underline !important; }
.section #cv img		{ display:block; border:none; }
.section #cv cite		{
	display:block;
	padding:.5em 0;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.section #video {
	text-align: center;
	float: right;
	margin-top: -2px;
	margin-right: 5px;
	font-size:0.8em;
}
.section #video a:link		{ color:#000 !important; text-decoration:none !important; }
.section #video a:visited	{ color:#000 !important; text-decoration:none !important; }
.section #video a:hover		{ color:#00f !important; text-decoration:underline !important; }
.section #video a:active	{ color:#00f !important; text-decoration:underline !important; }
.section #video img			{ display:block; border:none; }
.section #video cite		{
	display:block;
	padding:.5em 0;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.section label {
	float:left;
	display:block;
	width:13em;
	line-height:1.2em;
	font-weight:bold;
	color:#676767;
}

.comment {
	font-size:.85em;
	font-weight:normal;
	color:#b8b8b8;
	color:#676767;
}
.comment a:link	{ color:#676767; text-decoration:none; }
.comment a:visited	{ color:#676767; text-decoration:none; }
.comment a:hover	{ color:#00f; text-decoration:underline; }
.comment a:active	{ color:#f00; text-decoration:underline; }
option.comment {
	font-size:1em;
	font-weight:bold;
	color:#000;
}

.section .info {
	margin:0;
	font-size:.85em;
}
.section .loon {
	float:left;
	margin:1em 0 0 0;
	border:2px solid #0099cb;
	padding:1em 1em;
	background:#eef6ff;
}
.section .loon label,
.section .kader label {
	margin:0 1em 0 0; padding:0;
	width:auto;
	font-size:1em;
	font-weight:normal;
	color:#000;
}
.section .loon .bedrag,
.section .kader .bedrag {
	font-weight:bold;
}
.section .loon a.payroll {
	margin-left:1em;
	padding-left:24px;
	background: transparent url(img/file.pdf.gif) left center no-repeat;
}
.section .loon .info {
	margin:1em 0 0 0; padding:0;
	color:#676767;
	text-align:left;
}
.section a.button {
	display:inline-block;
	border:2px solid #5c2;
	padding:1px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
.section a.button span {
	display:inline-block;
	padding:.25em .5em;
	background:#5c2;
}
.section a.button.bod {
	padding-left:26px;
	background: transparent url(/img/bod.gif) 4px center no-repeat;
}
.section a.button:link		{} 
.section a.button:visited	{} 
.section a.button:hover		{ background-color:#ffe; } 
.section a.button:active	{ background-color:#ffe; } 
.section a.button.uz		{ color:#fff; border-color:#ff3366; }
.section a.button.uz span	{ background:#ff3366; }
.section a.button.wg		{ color:#000; border-color:#83AE00; }
.section a.button.wg span	{ background:#83AE00; }

/*
 *	=tarieven tabel
 */
table.tarieven { margin:2em 0; width:auto; color:#333; }
table.tarieven col.transactie { }
table.tarieven th { border:0; padding:.5em 1em; font-weight:bold; }
table.tarieven th.abonnement,
table.tarieven th.credits {
	border-left:5px solid #fff;
	border-bottom:5px solid #fff;
	text-align:center;
	}
table.tarieven th.abonnement { background:#efe; }
table.tarieven th.credits { background:#eef; }
table.tarieven th.transactie { font-weight:bold; text-align:right; }
table.tarieven tr {}
table.tarieven tr td { padding:.5em 1em; }
table.tarieven tr.duur td { border-top:5px solid #fff; font-style:italic; }
table.tarieven tr.prijs td { padding:0 1em; font-size:1.5em; font-weight:bold; color:#83AE00; }
table.tarieven tr.footnote td { text-align:right; background:transparent; }
table.tarieven tr td { border-left:5px solid #fff; text-align:center; background:#efe; }
table.tarieven tr td.credits { background:#eef; }

/*
 *	=credits discount table
 */
table.credits {
	margin:2em 0;
	width:auto;
	color:#333;
	}
table.credits th {
	border:0;
	padding:.5em 1em;
	border-bottom:5px solid #fff;
	text-align:center;
	background:#eef;
	}
table.credits td {
	padding:.5em 1em;
	background:#eef;
}
table.credits th.credits,
table.credits td.credits {
	text-align:left;
}
table.credits th.korting,
table.credits td.korting {
	text-align:right;
}

/* =two_columnn */
.two_column {
	margin:0 2% 0 0;
	float:left;
	width:45%;
}

/*
 * =agenda (weekview + legenda)
 */
#agenda {}
#agenda .groen { background-color:#33cc33; }
#agenda .oranje { background-color:#ff9933; }
#agenda .rood { background-color:#cc3333; }
#agenda .grijs { background-color: #eee; }
#agenda table.week {
	float:left;
	margin:0; border:0; padding:0;
	width:auto;
}
#agenda table.week th{
	overflow:hidden;
	margin:0;
	border:0;
	padding-top:0;
	font-weight:normal;
	vertical-align:top;
}
#agenda table.week th .weekdag {}
#agenda table.week th.vandaag .weekdag {
	font-weight:bold;
}
#agenda table.week th .datum {
	overflow:hidden;
	font-size: 0.75em;
}
#agenda table.week td{
	overflow:hidden;
	border-left:6px solid white;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}
#agenda .legenda {
	float:left;
	margin:0 0 0 1em;
	border:1px solid #ccc;
	padding:.5em 0 .5em .5em;
	width:12.5em;
}
#agenda .legenda table {
	margin:0; border:0; padding:0;
}
#agenda .legenda th {
	padding:0 0 .5em 0;
	border:none;
}
#agenda .legenda td {
	margin:0;
	border:2px solid #fff;
	padding:.25em 1.25em .25em .25em;
	white-space: nowrap;
}

.cijfer{
	font-size:1.4em;
	font-weight:bold;
	color:green;
	padding: 0;
	margin:0;
}

#minloon{
	width: 20em;
	border: 0px solid silver;
}
#minloon th{
	border-bottom:1px solid silver;
	height:1.6em;
	border-spacing:0;
}

#progressbar{
	height:10px;
	width:204px;
	margin:0;
	padding:1px;
	text-align:center;
	background-color:white;
	border:1px solid #676767;
}
#progresstext{
	border:0px solid silver;
	width:204px;
	text-align:center;
	font-size:8pt;
	padding:0;
	margin:0;
	margin-bottom:0.5em;
}
#progressbar #done{
	float:left;
	margin:0;
	height: 10px;
	line-height:10px;
	background: #83ae00 url(/img/progress_done.gif) repeat-x top;
}
#progressbar #current{
	float:left;
	margin:0;
	height: 10px;
	line-height: 10px;
	background: #edffb7 url(/img/progress_current.gif) repeat-x top;
}

.knollie {
	float:right;
	border:1px solid silver;
}
.knollie img{
	width: 160px;
	height: 120px;
	
}

.description {
	margin-left: -5px;
	width: 20px;
	height: 20px;
}

.popupdiv{
	position: absolute;
	width: 300px;
	padding: 5px;
	background: #5c2;
	border: 1px solid #676767;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #545454;
	font-weight: bolder;
	/* De z-index heeft nog een bug in IE6. Dit is opgelost met een javascriptje. */
	z-index: 10;
}
.popupdiv h2 {
	color: #676767;
	margin: 0 0 2px 0;
	font-size: 15px;
	font-weight: bold;
	font-family:Verdana, Arial, sans-serif;
	border-bottom: #676767 solid 1px;
}

input[type="hidden"] {
	/* FF hack: firefox does not override the 'display:block' property from 'fieldset input' */
	display: none;
}

/*
 *	=sitemap
 */
#sitemap {}
#sitemap div#kandidaten, 
#sitemap div#werkgevers {
	float: left;
	width: 45%;
}
#sitemap div#algemeen {
	clear:both;
}
#sitemap h2{
	font-weight:bold;
	color: #333;
	font-size:1.25em;
	margin-top:0.7em;
	margin-bottom:0.5em;
	border: none;
}
#sitemap h3{
	margin: 0.7em 0 0.35em 0;
	font-size: 0.9em;
	font-weight: bold;
}
#sitemap ul{
	margin: 0 0 1.5em 1em;
	width:100%;
	float:left;
	display: block;
	
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc !important;
}
#sitemap ul li {
	display: list-item;
}
#sitemap a {
	font-size: 0.8em;
}
#sitemap #algemeen {
	display: block;
}
#sitemap #algemeen ul {
	width: auto;
}

/*
 *	=bedrijfspresentaties page/bar
 */
#bedrijfspresentaties {
	clear:both;
}
#bedrijfspresentaties a.all {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:underline !important;
	font-size:0.9em;
}
#bedrijfspresentaties .bedrijf {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 10px 0;
}
#bedrijfspresentaties.bar {
	padding-left:20px;
	background:#fff url(img/logobar_left.gif) left bottom no-repeat;
}
#bedrijfspresentaties.bar .inner {
	padding-right:20px;
	background:transparent url(img/logobar_right.gif) right bottom no-repeat;
}
#bedrijfspresentaties.bar .logos {
	margin:10px 0;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	padding:13px 0;
	height:60px;
	overflow:hidden;
	text-align:center;
}
#bedrijfspresentaties.bar .logos .bedrijf {
	margin:0 10px 100px 0;
}
#bedrijfspresentaties.page .logos {
	margin:20px 0;
}
#bedrijfspresentaties.page .logos .bedrijf {
	margin:0 0 10px 0;
	padding:0;
	width:150px;
	text-align:center;
}

/*
 *	=info-telefoon
 */
.info-telefoon {
	float:right;
	margin:0 0 .5em 0;
	padding-left:30px;
	min-height:40px;
	background:url(img/info-telefoon.png) left center no-repeat;
}
.info-telefoon em {
	font-weight:bold;
	color:#676767;
}
.info-telefoon strong {
	font-weight:bold;
}

/*
 *	=css_box
 */
.cssbox,
.cssbox_body,
.cssbox_head,
.cssbox_head h2 {
	background: transparent url(/img/cssbox_gray.png) no-repeat bottom right;
}
.cssbox.red,
.cssbox.red .cssbox_body,
.cssbox.red .cssbox_head,
.cssbox.red .cssbox_head h2 {
	background-image: url(/img/cssbox_red.png);
}
.cssbox.green,
.cssbox.green .cssbox_body,
.cssbox.green .cssbox_head,
.cssbox.green .cssbox_head h2 {
	background-image: url(/img/cssbox_green.png);
}
.cssbox{
	margin:1em;
	width:22em;
	max-width:485px;	/* max 500px - 15px */
	padding-right:15px;
}
.cssbox_head{
	background-position:top right;
	margin:0;padding:0;
	margin-right:-15px; 
	padding-right:15px;
}
.cssbox_head h2{
	background-position:top left;
	margin:0;
	padding:15px 15px 0 15px !important;
	border:0;
	font-size:1.2em !important;
	color:#83AE00;
} 
#content .cssbox_head h2{
	margin:0;
}
.cssbox_body{
	background-position:bottom left;
	margin-right:0;
	padding:0 15px 15px 15px;
}
.cssbox_body h3{
	color:#676767;
}
.cssbox_body p {
	margin:0;
}


div.firebug_footer {
	width:100%;
	height:400px;
}

div.clear { clear: both; height: 0.1px; width:1px; font-size: 0.1em; line-height: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*.clearfix {display: inline-block;}  /* for IE/Mac */

/*
 *	=contextmenu
 */
.pagemenu,
.contextmenu{
	float:right;
	clear:both;
	margin:10px 0;
}
.pagemenu {
	margin-top:-.5em;
}
.pagemenu ul,
.contextmenu ul {
	list-style:none;
}
.pagemenu li,
.contextmenu li{
	float:left;
	padding:0 .5em;
	border-right:2px solid #999;
}
.pagemenu li.last,
.contextmenu li.last {
	border:0;
	padding-right:0;
}
.pagemenu li a,
.contextmenu li a {
}
.pagemenu li a.favorieten {
	padding-left:20px;
	background-image:url(img/small_star.png);
	background-position:left center;
	background-repeat:no-repeat;
}

/*
 *	=ad
 */
#results table tr.m4nAd td {
	text-align:center;
}
p.m4nTextAd {
	display:inline-block;
	border:2px solid #5c2;
	padding:0 0 0 .5em;
	color:#fff;
	background:#5c2;
}
p.m4nTextAd a{
	display:inline-block;
	padding:0 1em;
	margin-left:.5em;
	line-height:1.5em;
	text-decoration:none;
	background:#fff;
}

/*
 *	=pictogram for categories
 */
span.pictogram {
	display:block;
	height:80px;
	width:80px;
	background-position:center center;
	background-repeat:no-repeat;
}
.pic-administratief-secretarieel { background-image:url(img/cat/administratief-secretarieel.png); }
.pic-automatisering-ict { background-image:url(img/cat/automatisering-ict.png); }
.pic-beveiliging { background-image:url(img/cat/beveiliging.png); }
.pic-bezorging-koerier { background-image:url(img/cat/bezorging-koerier.png); }
.pic-buitenland { background-image:url(img/cat/buitenland.png); }
.pic-callcenter { background-image:url(img/cat/callcenter.png); }
.pic-commercieel-verkoop { background-image:url(img/cat/commercieel-verkoop.png); }
.pic-communicatie { background-image:url(img/cat/communicatie.png); }
.pic-cultuur-sport { background-image:url(img/cat/cultuur-sport.png); }
.pic-detailhandel-winkel { background-image:url(img/cat/detailhandel-winkel.png); }
.pic-financieel-accountancy { background-image:url(img/cat/financieel-accountancy.png); }
.pic-grafisch-webdesign { background-image:url(img/cat/grafisch-webdesign.png); }
.pic-horeca-evenementen { background-image:url(img/cat/horeca-evenementen.png); }
.pic-juridisch { background-image:url(img/cat/juridisch.png); }
.pic-logistiek-groothandel { background-image:url(img/cat/logistiek-groothandel.png); }
.pic-management-interim { background-image:url(img/cat/management-interim.png); }
.pic-marketing { background-image:url(img/cat/marketing.png); }
.pic-media { background-image:url(img/cat/media.png); }
.pic-mode { background-image:url(img/cat/mode.png); }
.pic-onderwijs { background-image:url(img/cat/onderwijs.png); }
.pic-onderwijs-training { background-image:url(img/cat/onderwijs-training.png); }
.pic-overige { background-image:url(img/cat/overige.png); }
.pic-personeelenorganisatie-hrm { background-image:url(img/cat/personeelenorganisatie-hrm.png); }
.pic-productie-industrie { background-image:url(img/cat/productie-industrie.png); }
.pic-promotiewerk { background-image:url(img/cat/promotiewerk.png); }
.pic-scheepvaart { background-image:url(img/cat/scheepvaart.png); }
.pic-schoonmaak { background-image:url(img/cat/schoonmaak.png); }
.pic-technisch-bouw { background-image:url(img/cat/technisch-bouw.png); }
.pic-thuiswerk { background-image:url(img/cat/thuiswerk.png); }
.pic-toerisme { background-image:url(img/cat/toerisme.png); }
.pic-transport { background-image:url(img/cat/transport.png); }
.pic-tuinbouw-agrarisch { background-image:url(img/cat/tuinbouw-agrarisch.png); }
.pic-zorg-welzijn { background-image:url(img/cat/zorg-welzijn.png); }

/*
 *	=dropdown (suckerfish)
 */
ul.dropdown {
	display:inline-block;
	margin-left: 0;
	border:2px solid #ccc;
	list-style:none;
	line-height:1;
}
ul.dropdown li.topitem {
	padding-right:3px;
	width:auto;
	background:#fff;
}
ul.dropdown ul {
	margin: 0;
	padding: 0 0 10px 0;
	border:1px solid #ccc;
	border-top:0;
	list-style: none;
	line-height: 1;
/*	-moz-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;
*/
}
ul.dropdown li {
	position:relative;
	float: left;
	width: 22em;
	color:#ccc;
}

ul.dropdown li ul {
	position: absolute;
	background:#fff;
	top:0;
	width: 22em;
	left: -999em;
}
ul.dropdown li:hover ul, ul.dropdown li.sfhover ul {
	left: auto;
}
ul.dropdown a,
ul.dropdown span.item {
	display: block;
	margin: 0;
	padding:.25em 1em;
	width: 20em;
	font-weight:normal !important;
	font-size:1em !important;
}
ul.dropdown a:link,
ul.dropdown a:visited {
	color:#000 !important;
	text-decoration:none !important;
	background:#fff;
}
ul.dropdown a:hover,
ul.dropdown a:active {
	color:#fff !important;
	background:#55f;
}
ul.dropdown a:hover span,
ul.dropdown a:active span {
	color:#fff;
}
ul.dropdown a.dropdown{
	padding:.25em 20px .25em .5em;
	width:auto;
}
ul.dropdown a.dropdown:link,
ul.dropdown a.dropdown:visited {
	background-image:url(img/selector.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
ul.dropdown span.item span.comment {
	color:#ccc;
}
ul.dropdown.uz {
	border-color:#ffd6e0;
}
ul.dropdown.wg {
	border-color:#cfb;
}
.uz_box .dropdownfield label,
.wg_box .dropdownfield label {
	display:block;
	margin:0 0 .5em 0;
}
.uz_box .dropdownfield ul.dropdown,
.wg_box .dropdownfield ul.dropdown {
	margin:0 0 5px 0;
}