body {
	color: black;
	background: #001822;
}
.tooltip {
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

/*------------------------------------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------------------------------------*/

#header #topnav li.divider {
	background: url(../images/topnav_divider.png) no-repeat 20px center;
}
#header #topnav a {
	color: #FFFFFF;
}
#header #topnav #jumpform {
	background: url(../images/topnav_country.png) no-repeat left center;
}

/*------------------------------------------------------------------------------------------------------------
	LOGO en BANNER
------------------------------------------------------------------------------------------------------------*/

#header #logobanner h1  a  {
	background: url(../images/logo_beta.png) no-repeat center center;
}

/*------------------------------------------------------------------------------------------------------------
	NAVIGATIE
------------------------------------------------------------------------------------------------------------*/

#header #mainnav .nav li a {
	color: #FFFFFF;
	background: url(../images/topnav2_divider.png) no-repeat right top;
}
#header #mainnav .nav li a.current {
	background-image: url(../images/topnav2_back_over.png);
}
#header #mainnav .nav li.first a.current {
	background-image: url(../images/topnav2_back_over.png);
}
#header #mainnav .nav li.last a.current {
	background-image: url(../images/topnav2_back_over.png);
}
#header #mainnav .nav li {
	background-image: url(../images/topnav2_back.png);
}

/*------------------------------------------------------------------------------------------------------------
	RECRUTE
------------------------------------------------------------------------------------------------------------*/

#recrute a#recrutelink span {
	background-image: url(../images/recrutelink.png);
	color: #ffffff;
}

#recrute a#recrutecurrent span {
  background-image: url(../images/recrutecurrent.png);
  color: #fff;
}

#recrute a#recrutesublink1 span {
	background-image: url(../images/recrutelink.png);
	color: #ffffff;
}
#recrute #recrutemenu .nav li a {
	color: #FFFFFF;
	background: url(../images/topnav2_divider_yellow.png) no-repeat right top;
}
#recrute #recrutemenu .nav li a.current {
	background-image: url(../images/topnav2_back_over.png);
}
#recrute #recrutemenu .nav li.first a.current {
	background-image: url(../images/topnav2_back_over.png);
}
#recrute #recrutemenu .nav li.last a.current {
	background-image: url(../images/topnav2_back_over.png);
}
#recrute #recrutemenu .nav li {
	background-image: url(../images/topnav2_back_over_yellow.png);
}

/*------------------------------------------------------------------------------------------------------------
	LOGIN FORMULIER en LOGINTEKST
------------------------------------------------------------------------------------------------------------*/

#header #mainnav .userbox h5 {
	color: #004D69;
	background: url(../images/userbox_lijn.png) no-repeat left bottom;
}
#header #mainnav .userbox #login, #header #mainnav .userbox #password {
	background: url(../images/input_back.png) no-repeat left top;
	border: 0px none #FFFFFF;
	color: #004863;
}
#header  #mainnav  .userbox form .green a {
	color: #FFFFFF;
	background: url(../images/userbox_buttons.png) no-repeat left top;
}
#header  #mainnav  .userbox form .blue a {
	color: #FFFFFF;
	background: url(../images/userbox_buttons.png) no-repeat right top;
}
#header  #mainnav  .userbox #logmein, #header  #mainnav  .userbox #logoutbutton {
	color: #FFFFFF;
	background: url(../images/userbox_buttons.png) no-repeat right top;
	border: 0px none #FFFFFF;
}
#header #mainnav .userbox a {
	color: #333333;
}
#header #mainnav .userbox h6 {
	color: #004863;
}

/*------------------------------------------------------------------------------------------------------------
	CONTENT
------------------------------------------------------------------------------------------------------------*/

#contentcontainer {
	color: #FFFFFF;
}
#container a.readmore {
	color: #FFFFFF;
	background-image: url(../images/listitem.png);
}
#container a.bedrijfsfiche_button {
	background: url(../images/greybutton_eigenbedrijfsfiche.png) no-repeat;
	color: #333333;
}
#container ul.bluebutton li {
	background-image: url(../images/bluebutton.gif);
}
#container ul.bluebutton li a {
	color: #FFFFFF;
	background-image: url(../images/bluebutton.gif);
}
#rightcol  .selectregion select {
	color: #7B9700;
}

/* --- DIFFERENT COLUMNS -----------------------------------------------------------------------------------

3 columns = #leftcol - #content - #rightcol
2 columns = #content - #rightcol

						left	cont	right		margin between
normal page:			200px	450px	250px		15px		
homepage:				250px	400px	250px		15px
myprofile						540px	370px		20px
companyprofile:					450px	450px		30px
companyprofile_edit:			450px	470px		10px
credits: 						670px	250px		10px

*/

/* --- STUFF IN COLUMNS -----------------------------------------------------------------------------------------*/

.box   p  {
	color: #FFFFFF;
}
.box ul li.arrow {
	background: url(../images/listitem.png) no-repeat left 6px;
}
.box a {
	color: #FFFFFF;
}

/* --- STUFF IN COLUMNS: headers ---------------------------------------------------------------------------------*/

#leftcol h4, #rightcol h4 {
	color:#FFFFFF;
}
#leftcol .box h4, #rightcol .box h4 {
	background: url(../images/box_h4_underline.png) no-repeat left bottom;
	color: #008DC0;
}
#leftcol .box h4 a, #rightcol .box h4 a {
	color: #008DC0;
	background: url(../images/listitem.png) no-repeat right 6px;
}
#leftcol .box h4 span, #rightcol .box h4 span {
	color: #999999;
}
#leftcol .box h4 strong, #rightcol .box h4 strong {
	color: #FFFFFF;
}
#leftcol .box h5, #rightcol .box h5 {
	color: #FFFFFF;
}
#leftcol .box h6, #rightcol .box h6 {
	color: #91AB00;
}
#leftcol .box h6 a, #rightcol .box h6 a {
	color: #91AB00;
}
#myprofile #rightcol .box h6, #companyprofile #rightcol .box h6 {
	color: #FFFFFF;
}
#myprofile #rightcol .box h6 a, #companyprofile #rightcol .box h6 a {
	color: #FFFFFF;
}

/* BOXES

roundedbox = 	box with rounded corners, 
				needs <div class="bottom"> for the bottom rounded corners
				needs <div class="content"> for the inside padding
				LEFTCOLUMN - RIGHTCOLUMN - HOMEPAGE LEFTCOLUMN - HOMEPAGE RIGHTCOLUMN
				
fadedbox = 		box with faded background, 
				needs <div class="content"> for the inside padding
				LEFTCOLUMN - RIGHTCOLUMN - MYPROFILE RIGHTCOLUMN

greybuttonbox = box with header in grey background
				needs <div class="content"> for the inside padding
				LEFTCOLUMN - RIGHTCOLUMN
				
nobox = 		box that is invisible, just needs padding
				needs <div class="content"> for the inside padding
				ALL
				
/* --- BOXES rounded box ----------------------------------------------------------------------------------------*/

#leftcol .roundedbox {
	background: #1A2D34 url(../images/col200_boxtop.png) no-repeat scroll left top;
}
#homepage #leftcol .roundedbox, #rightcol .roundedbox  {
	background: #1A2D34 url(../images/col250_boxtop.png) no-repeat left top;
}
#leftcol .roundedbox .bottom {
	background: url(../images/col200_boxbottom.png) no-repeat left bottom;
}
#homepage #leftcol .roundedbox .bottom, #rightcol .roundedbox .bottom {
	background: url(../images/col250_boxbottom.png) no-repeat left bottom;
}
.roundedbox .lijn {
	background: url(../images/box_h4_underline.png) no-repeat left bottom;
}

/* --- BOXES fadedbox ----------------------------------------------------------------------------------------*/

#leftcol .fadedbox {
	background: #001822 url(../images/col200_fadedbox_back.png) no-repeat left top;
}
#rightcol .fadedbox  {
	background: #001822 url(../images/col250_fadedbox_back.png) no-repeat left top;
}
#myprofile #rightcol .fadedbox  {
	background: #001822 url(../images/col370_fadedbox_back.png) no-repeat left top;
}
#companyprofile #rightcol .fadedbox  {
	background: #001822 url(../images/col450_fadedbox_back.png) no-repeat left top;
}

/* --- BOXES greybuttonbox ----------------------------------------------------------------------------------------*/

.greybuttonbox {
	background: url(../images/col250_box_fadeback.png) no-repeat left 53px;
}
.greybuttonbox .greybuttonbedrijf {
	background: url(../images/content/email_garage.png);
	color: #333333;
}

/* --- BOXES collapsable ------------------------------------------------------------------------------------*/

#leftcol div.collapsable h4  {
	background-image: url(../images/collapsable_titel_back.gif);
}
div.collapsable  .content  {
	background: url(../images/box_h4_underline.gif) no-repeat left bottom;
}

/* last box has no line */

#leftcol div.collapsable .last  h4.closed {
	background: url(../images/listitem.png) no-repeat 175px 15px;
}
#advancedsearch .content label {
	color: #FFFFFF;
}
#advancedsearch .content a.unchecklink {
	color: #FFFFFF;
}

/* between en fadeout are the bottom of the advanced search box */

#advancedsearch div.between {
	background: url(../images/col200_boxbetween.png) left top;
}
#advancedsearch .fadeout {
	background: url(../images/col200_boxbottomfadeout.png) no-repeat left top;
}

/* --- CONTENT ----------------------------------------------------------------------------------------------*/

#content a {
	color: #FFFFFF;
}
#content ul li {
	background: url(../images/listitem.png) no-repeat 10px 4px;
}
#content h2 {
	color: #008DC0;
}
#content h3 {
	color: #008Dc0;
}
#content h2 a, #content h3 a {
	color: #008Dc0;
}
#content h4 {
	color: #AEC600;
}
#content h5 {
	color: #AEC600;
}
#content h4 a, #content h5 a {
	color: #AEC600;
}
#content h6 {
	color: #FFFFFF;
}
#content h6 a {
	color: #FFFFFF;
}

/* --- WHITEBOX ---------------------------------------------------------------------------------------------*/

.whitebox {
	background: url(../images/col450_backwhite.png) no-repeat left top;
}
.whitebox .bottom {
	background: url(../images/col450_backwhite.png) no-repeat left bottom;
}
#myprofile #rightcol .whitebox {
	background: url(../images/col370_backwhite.png) no-repeat left top;
}
#myprofile #rightcol .whitebox .bottom {
	background: url(../images/col370_backwhite.png) no-repeat left bottom;
}

/* --- ZOEKBOX op de homepage -------------------------------------------------------------------------------*/

#zoekbox {
	background: url(../images/col400_zoekboxback.png) no-repeat left 40px;
}
#zoekbox h2 {
	color: #FFFFFF;
	background: url(../images/col400_zoekboxtitel.png) no-repeat left top;
}
#zoekbox .formrow label { color: #FFFFFF; }
#zoekbox .formrow input, #zoekbox .formrow select {
	color: #7B9700;
}
#zoekbox  .formrow input {
	background: url(../images/input_back.png) no-repeat left top;
	border: 0px none #FFFFFF;
}
#zoekbox button {
	border: 0px none #000000;
	color: #FFFFFF;
}
#zoekbox button#searchmap {
	background: url(../images/searchonmap.png) no-repeat;
}
#zoekbox button#searchclassic {
	background: url(../images/searchclassic.png) no-repeat;
}

/* --- MAP en TOOLBAR op de resultpage ----------------------------------------------------------------------*/

#map_small #map_toolbar {
	background: #F2F2F2 url(../images/result_toolbar.png) no-repeat left bottom;
	color: #004863;
}

/* --- PAGER op de resultpage ----------------------------------------------------------------------*/

.paginator a {
	color: #FFFFFF;
}
.paginator .links a {
	background: url(../images/listitem_left.png) no-repeat left 2px;
}
.paginator .rechts a {
	background: url(../images/listitem.png) no-repeat right 2px;
}

/* --- RESULTS op de resultspage ----------------------------------------------------------------------*/

#content #results .item .head {
	background: url(../images/searchclassic_result_title.png);
	color: #333333;
}
#content #results  .item  .head  h3 a {
	color: #007AA5;
}
#content #results .item .head .subtitel a {
	color: #333333;
}
#content #results .item .content {
	color: #FFFFFF;
}
#content #results .item .bottom {
	color: #B3CB00;
	background:none;
}
#content #results .item .tooltip .content {
	color: #333333;
}
#content #results  .item  .tooltip  .bottom  {
	color: #FFFFFF;
	background-color: #008BBD;
}

#content #results div.hr {
  background:url(../images/col370_hr.png) no-repeat scroll left center;
}

/* --- RESULT op de resultpage ----------------------------------------------------------------------*/

#content #result_interim .content {
	color: #333333;
}
#content #result_toolbar .nav {
	color: #FFFFFF;
}
#content #result_toolbar .nav a {
	color: #FFFFFF;
}
#content .tools li.tool_solliciteren {
	background-image: url(../images/tool_solliciteren.png);
}
#content .tools li.tool_bewaren {
	background-image: url(../images/tool_bewaren.png);
}
#content .tools li.tool_bewarenpdf {
	background-image: url(../images/tool_bewarenpdf.png);
}
#content .tools li.tool_email {
	background-image: url(../images/tool_email.png);
}
#content .tools li.tool_print {
	background-image: url(../images/tool_print.png);
}
#content .tools li.tool_basket {
	background-image: url(../images/tool_basket.png);
}
#content .tools a {
	color: #FFFFFF;
}
#content #result_titel .subtitel {
	color: #999999;
}
#content #result_titel .dates {
	color: #999999;
}
#content #result_map .content {
	background: url(../images/result_map_right_back.png) no-repeat left top;
}
#content #result_map .content p, #content #result_map .content a {
	color: #004863;
}
#content #result_map .content ul li {
	background: url(../images/listitem_blue.png) no-repeat left 6px;
}
#video_box ul.video_list li {
	color:#333333;
}
#video_box ul.video_list li.odd {
	background-color: #DFDFDF;
}
#video_box ul.video_list li.even {
	background-color: #D4D4D4;
}
#video_box ul.video_list li h5 a {
	color:#91AB00;
}
#video_box ul.video_list li p {
	color:#333333;
}

/* --- JOBS FOR YOU op mycorner ----------------------------------------------------------------------*/

.progress {
	background: url(../images/progress_back.png) no-repeat;
}
.progress .bar {
	background: url(../images/progress_bar.png) no-repeat left top;
}
.progress .number {
	color: #333333;
}
#content .tabbox {
	background: url(../images/col450_tabbox_back.png) no-repeat center top;
}
#content #tabs td {
	background: url(../images/tabs_back.gif) no-repeat right -40px;
}
#content #tabs td.current {
	background: url(../images/tabs_back.gif) no-repeat right -160px;
}
#content #tabs td a {
	color: #FFFFFF;
}
#content #tabs td a.first {
	background: url(../images/tabs_back.gif) no-repeat left 0px;
}
#content #tabs td a.last {
	background: url(../images/tabs_back.gif) no-repeat right -80px;
}
#content #tabs td.current a.first {
	background: url(../images/tabs_back.gif) no-repeat left -120px;
}
#content #tabs td.current a.last {
	background: url(../images/tabs_back.gif) no-repeat right -200px;
}
#content .tabbox #results .item .head {
	background: url(../images/tabbox_results_title.png);
}

/* --- COMMUNICATIE op mycorner ----------------------------------------------------------------------*/

#content  #tabs2 li {
	background: url(../images/tabs2_back.png) no-repeat right top;
}
#content  #tabs2 li.current {
	background: url(../images/tabs2_back.png) no-repeat left top;
}
#content #tabs2 li a {
	color: #FFFFFF;
}
#content #mailbox th {
	color: #FFFFFF;
	background: #999999;
	border-bottom: 4px solid #2D4149;
}
#content #mailbox td {
	color: #FFFFFF;
	background: #6B797F;
	border-bottom: 1px solid #001822;
	border-left: 1px solid #879297;
}
#content #mailbox td a {
	color: #FFFFFF;
}
#content #mailbox td a:hover {
	color: #FFFFFF;
}
#content #mailbox tr.even td {
	background: #3C4E56;
	border-left: 1px solid #778389;
}
#content #mailbox table tr td.first {
	border-left: 0px none #001822;
}

/* --- SAVED SEARCHES op mycorner ----------------------------------------------------------------------*/

#content #listresults .numberbutton {
	background: url(../images/tabbox_listresults_back.png) no-repeat center top;
	color: #007AA5;
}
#content #listresults .numberbutton a {
	color: #FFFFFF;
	background: url(../images/tabbox_listresults_button.png) no-repeat left top;
}

/* --- PROFIEL op myprofile ----------------------------------------------------------------------*/

#myprofile #myprofile_head .subtitel {
	color: #999999;
}
#myprofile  #content .tabbox {
	background: url(../images/col540_tabbox_back.png) no-repeat left top;
}
#myprofile #content .tabbox div.hr {
	background: url(../images/col540_hr.png) no-repeat left center;
}
#myprofile #rightcol div.hr {
	background: url(../images/col370_hr.png) no-repeat left center;
}
#myprofile #rightcol .content h4 {
	color: #008DC0;
}
ul.skills li span.progress {
	background: url(../images/skills_progress.png) no-repeat left bottom;
	color: #FFFFFF;
}
ul.skills li span.progress span {
	background: url(../images/skills_progress.png) no-repeat left top;
}

/* --- PERSONAL DETAILS op myprofile ----------------------------------------------------------------------*/

#myprofile #content .content h4 {
	background: url(../images/col540_hr.png) no-repeat left bottom;
}
#myprofile #content ul.editbox li a {
	background-image: url(../images/editbuttons.gif);
}
#myprofile #content ul.editbox li.edit a {
	color: #333333;
}
#myprofile #content ul.editbox li.online a {
	color: #FFFFFF;
	border-right: 1px solid #808B90;
}
#myprofile #content ul.editbox li.offline a {
	color: #FFFFFF;
}
#myprofile #content .formrow .links {
	color: #FFFFFF;
}
#myprofile #content .formrow .rechts input.form_txt {
	background: url(../images/input_back.png) no-repeat left top;
	border: 0px none #FFFFFF;
	color: #333333;
}
#myprofile #content .formrow .rechts select {
	background: url(../images/input_back.png) no-repeat left top;
	color: #333333;
}
#myprofile #content .formrow .rechts input.form_txtsmall {
	background: url(../images/input_back.png) no-repeat left top;
	border: 0px none #FFFFFF;
	color: #333333;
}
#myprofile #content .formrow .rechts label {
	color: #FFFFFF;
}

/* --- SKILLS op myprofile ----------------------------------------------------------------------*/

#myprofile #content .content h4.smaller {
	background: url(../images/col540_hr.png) no-repeat left bottom;
}

/* --- COMPANY PROFILE ----------------------------------------------------------------------------*/


#map_big .corner_lt {
	background-image: url(../images/border_1.gif);
	background-position: top left;
}
#map_big .corner_rt {
	background-image: url(../images/border_2.gif);
	background-position: top right;
}
#map_big .corner_lb {
	background-image: url(../images/border_3.gif);
	background-position: bottom left;
}
#map_big .corner_rb {
	background-image: url(../images/border_4.gif);
	background-position: bottom right;
}
#companyprofile #content #company_city {
	background: url(../images/col450_companycity_back.png) no-repeat left top;
}
#companyprofile #content #company_city ul li a {
	background: url(../images/listitem_dark.png) no-repeat 5px center;
	color: #333333;
}
#companyprofile #content #company_city ul li a:hover {
	background-color: #CCCCCC;
}
#companyprofile #content div.hr {
	background: url(../images/col370_hr.png) no-repeat left center;
}
#companyprofile #rightcol .content ul.rss li a.rssgreen {
	background-image: url(../images/rss_green.png);	
}
#companyprofile #rightcol .content ul.rss li a.rssblue {
	background-image: url(../images/rss_blue.png);	
}
#companyprofile #rightcol .content h4 {
	color: #008DC0;
	color: #AEC600;
}
#companyprofile #rightcol .content h4 a {
	color: #AEC600;
}
#companyprofile #company_jobs h4 {
	color: #0287B7;
}
#companyprofile #company_jobs .item .head {
	background: url(../images/searchclassic_result_title.png);
	color: #333333;
}
#companyprofile #company_jobs  .item  .head  h3 a {
	color: #007AA5;
}
#companyprofile #company_jobs .item .head .subtitel a {
	color: #333333;
}
#companyprofile #company_jobs .item .content {
	color: #FFFFFF;
}
#companyprofile #company_jobs .item .bottom {
	color: #B3CB00;
}
#companyprofile #company_jobs .item .tooltip {
	background: transparent url(../images/col450_tooltipback.png) no-repeat left bottom;
	border: 0px none #001822;
}
#companyprofile #company_jobs .item .tooltip h4 {
	background: transparent url(../images/col450_tooltipback.png) no-repeat left top;
}
#companyprofile #company_jobs .item .tooltip h5 {
	color: #91AB00;
}

/*------------------------------------------------------------------------------------------------------------
	SUMMARIES met laatste jobs, aantal jobs per land etc.
------------------------------------------------------------------------------------------------------------*/

#summaries {
	background: url(../images/footer2_back.png) no-repeat scroll left top;
}
#summaries  h4 {
	color: #0580AD;
}
#summaries h4 a {
	color: #0580AD;
}
#summaries h5 {
	color: #91AB00;
	background: url(../images/footer2line.png) no-repeat left bottom;
}
#summaries h5 a {
	color: #91AB00;
}
#summaries  p {
	color: #333333;
}
#summaries a {
	color: #333333;
}
#summaries .bottom {
	background: url(../images/footer2_back.png) no-repeat scroll left bottom;
}

/*------------------------------------------------------------------------------------------------------------
	FOOTER met adresgegevens
------------------------------------------------------------------------------------------------------------*/

#footer {
	color: #FFFFFF;
	background: url(../images/footer_line.png) no-repeat left top;
}
#footer a {
	color: #FFFFFF;
}
#footer h1 a {
	background: url(../images/footer_logo.png);
}
#footer .bottom {
	background: url(../images/footer_line.png) no-repeat center bottom;
}