body { text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0}
img {border:0}
h1 {font-size:15px;margin-top:10px; margin-bottom:10px; color:#2f3740}
h1.alt {margin-bottom:4px;}
h1 a { color:#3893c8; text-decoration:none}
h1 a:hover { color:#c34a37; text-decoration:none}
a { color:#3893c8; text-decoration:none}
a:hover { color:#c34a37; text-decoration:none}
.content a { color:#3893c8; text-decoration:none}
.content a:hover { color:#c34a37; text-decoration:none}

	#container { width:980px; border:1px solid #c1cbe4; border-top:0; margin-left:auto; margin-right:auto; text-align:left}
	#header, #main-menu, #sub-menu, #columns {border-bottom:1px solid #c1cbe4; padding:2px} 
	#header { height:108px; padding:0; overflow:hidden}
	#header #logo { float:left}
	#header #promo { float:right; margin-top:-3px}
	#header #service-links { float:right; width:235px; margin-top:30px; margin-right:2px}		
		#header #service-links ul {margin:0; padding:0; list-style:none}		
			#header #service-links ul li {margin:0; padding:0; list-style:none; float:left; width:110px; }				
				#header #service-links ul li a { }
				#header #service-links ul li#Podcast a { background:url(/images/podcast.gif) no-repeat;padding-left:20px;}
				#header #service-links ul li#RSS a { background:url(/images/rss.png) no-repeat }
				#header #service-links ul li#NTvG-S a { background:url(/images/ntvg_stud.gif) no-repeat}
									
				#header #service-links ul li a { font-size:11px; color:#878787; font-weight:bold; text-decoration:none; padding:1px; display:block; height:16px; padding-left:20px; }						
	#main-menu {padding:2px}
		#main-menu .inner {  background:url(/images/verloop_blauw.jpg) repeat-x; height:25px;}
		#main-menu ul {margin:0; padding:0; list-style:none}
			#main-menu ul li {margin:0; padding:0; list-style:none; display:block;padding:2px 6px 2px 6px; height:21px; float:left}	
				#main-menu ul li a { font-size:13px; color:#fff; text-decoration:none; padding-right:6px; font-weight:bold}					
				#main-menu ul li.active, #main-menu ul li.hover { background:url(/images/background-menu-active.gif) repeat-x}	
				#main-menu ul li.active a,#main-menu ul li.hover a { font-size:13px; color:#c44b3a; text-decoration:none; padding-right:6px; font-weight:bold}					
	#sub-menu {  height:22px; padding:4px 6px}
		#sub-menu ul { margin:0; padding:0; list-style:none}
			#sub-menu ul li { margin:0; padding:0; list-style:none; display:inline;padding:0px 2px;  }
			#sub-menu ul li.last { padding:0}		
				#sub-menu ul li a { font-size:12px; color:#3893c8; text-decoration:none;  border-right:1px solid #c1cbe4; line-height:8px;padding-right:6px}
				#sub-menu ul li a:hover { color:#c3493a; text-decoration:none}				
				#sub-menu ul li a em { font-style:normal }
				#sub-menu ul li.last a { border:0}				
	#columns { background:url(/images/background-columns.gif) repeat-y}				
	#content { float:right; width:662px; padding:7px; font-size:12px }
		#links-listings { display:block; clear:both; margin-top:12px; margin-bottom:0px; font-size:11px; height:16px; }
			#links-listings ul { margin:0; padding:0;}
				#links-listings ul li { float:left; list-style:none}
					#links-listings ul li a { display:block;padding :0px 7px; border-right: 1px solid #6b6f78; color:#6b6f78; text-decoration:none }			
					#links-listings ul li a:hover { color:#6b6f78; text-decoration:underline }								
					#links-listings ul li a.first {padding-left:0px}		
					#links-listings ul li a.last { border-right:none}	
		#content .overview {font-size:12px; color:#656565; padding:10px}	
		#content .overview ul { margin:0; padding:0;list-style:none}			
		#content .overview ul li { margin:0; padding:0; list-style:none;  height:20px; font-size:12px; color:#656565;  }			
		#content .overview ul li a { background:url(/images/bullet-grey.gif) no-repeat 5px 5px; padding:0px 5px 0px 18px; color:#3893c8; text-decoration:none; font-size:12px; margin-top:2px; display: inline-block}			
		#content .overview ul li a:hover {color:#c34a37;}							
	#sidebar { float:left; width:295px; padding:0px}	
		#sidebar .heading { background:url(/images/verloop_blauw.jpg) repeat-x; padding:2px 5px}		
		#sidebar .heading h3 { font-size:16px; color:#FFFFFF; font-weight:normal; margin:0; padding:0}	
		#sidebar h4 { font-size:13px; color:#666666; font-weight:bold; margin:0; padding:0; border-top:1px solid #c1cbe4; border-bottom:1px dotted #9bb5d8; padding-top:6px; padding-bottom:3px; padding-left:4px }			
		#sidebar .listing {font-size:10px; color:#656565}	
		#sidebar .listing ul { margin:0; padding:0;list-style:none}			
		#sidebar .listing ul li { margin:0; padding:0; list-style:none; border-bottom:1px dotted #9bb5d8; height:20px; font-size:12px; color:#656565;  }			
		#sidebar .listing ul li a { background:url(/images/bullet-grey.gif) no-repeat 5px 5px; padding:2px 5px 0px 18px; color:#656565; text-decoration:none; font-size:10px; margin-top:2px; display: inline-block}		
		#sidebar .listing ul li a:hover { color:#c3493a; text-decoration:none}				
		#sidebar .listing ul li.chosen {background:url(/images/bullet-grey.gif) no-repeat 5px 8px; padding:3px 5px 1px 18px; color:#c44b3a; text-decoration:none; font-size:10px; height:17px}	
		#sidebar .listing ul li.chosen a { background:none; padding:0; }			
		#sidebar .padded  {font-size:12px; color:#656565; padding:0px 5px }	
		#sidebar .more  { text-align:right; padding:4px 4px; border-bottom:1px solid #c1cbe4; margin-bottom:2px}	
		#sidebar .more  a { text-align:right; color:#656565; text-decoration:none; font-size:12px}	
		#sidebar .more  a:hover {  color:#c3493a; text-decoration:none}			
	#guide { clear:both}
	#footer { text-align:right;  padding: 0px 5px 3px 5px}
		#footer ul.menu { margin:0; padding:0; list-style:none}
			#footer ul.menu li { margin:0; padding:0; list-style:none; display:inline;padding:0px 2px; text-transform:lowercase }
			#footer ul.menu li.last { padding:0}		
				#footer ul.menu li a { font-size:10px; color:#000000; text-decoration:none;  border-right:1px solid #000; line-height:8px;padding-right:6px}
				#footer ul.menu li a:hover { text-decoration:none}				
				#footer ul.menu li.last a { border:0}		
		#bsl_logo { float:left;margin-right:10px;}	
		#copyright { float:left; padding:5px 2px; color:#3e4a57; width:500px; font-size:10px; text-align:left;  color:#000000}
			#copyright a { font-size:10px; color:#000000; text-decoration:none;  }		
		#footer p { margin:0; padding:0;font-size:11px }
							



/*  Home */
#searchterms { width:310px; margin-right:12px}
#location { width:190px; margin-right:12px}

#home_partners {display:block; padding:0px 10px }
#home_partners ul { margin:10px 0px; padding:0px;}
#home_partners ul li { padding:4px ;background: url(/images/background_partner.gif) no-repeat; width:90px; height:50px;; float:left; list-style:none; text-align:center; margin-right:24px;}
#home_partners ul li.last { margin-right:0px}

#home_search { background: url(/images/background_search_ntvg.gif) no-repeat; height:65px; padding:10px; margin-bottom:15px}
#home_search label, #home_search h1 { display:none}
#home_search h2 { color:#323642; font-size:14px ;  margin: 10px 0px 10px 0px; width:525px; text-align:left; padding:0px}
#home_search h2 span  { font-size:11px; font-weight:normal; color:#323642; text-transform:none} 
#home_search #btnSubmit {background: url(/images/background_button_search.gif) no-repeat; border:0px; font-size:12px ;color:#fff; font-weight:bold; padding:2px 5px 2px 2px; cursor: pointer;}

#home_categories {display:block; padding:0px 10px  }
h2 { font-size:14px}
#home_categories ul { margin:0; padding:0}
#home_categories ul li { list-style:none; background:url(/images/bullet-blue.gif) no-repeat 0px 4px; padding-left:12px; width:200px; height:20px; float:left; display:block; font-size:12px; color:#999; }
#home_categories ul li a, #home_categories ul li a:link, #home_categories ul li a:visited {color: #3792c7 ; text-decoration:none}
#home_categories ul li a:hover {text-decoration: none; color:#c3493a}

#extended-categories { padding:0px ; display:block; clear:both; margin-top:2px }
#extended-categories ul { margin:0; padding:0}
#extended-categories ul li { list-style:none; background:url(/images/bullet-blue.gif) no-repeat 0px 4px; padding-left:12px; width:200px; height:24px; float:left; display:block; font-size:12px; color:#999}
#extended-categories ul li a {color:#3792c7; text-decoration:none}
#extended-categories ul li a:hover {color:#c3493a; text-decoration:none}

#category-collapse { text-align:center;; margin-top:-3px}
#category-collapse a#category-collapse-link, #category-collapse a#category-collapse-link:link,#category-collapse a#category-collapse-link:visited { color:#333; width:153px; height:25px; background:url(/images/category-collapse.gif) no-repeat; text-decoration:none; display:block; padding:8px 5px 0px 5px; text-align:center; margin-left:auto; margin-right:auto; font-size:12px}

.seperator {; border-bottom:5px solid #e4e9ef; clear:both;margin-top:5px;	}

#home_advertorials {padding:18px 0px; }
#home_advertorials .ad_block_1 {float:left; width:305px;}
#home_advertorials .ad_block_2 {float:right;width:315px;}

ul.bullet-list  { margin:0; padding:0}
ul.bullet-list  li { list-style:none; background:url(/images/bullet_blue.gif) no-repeat 0px 4px; padding-left:12px; display:block; font-size:12px; color:#37a6d8; }

#topjobs {}
#topjobs .topjob {clear:both; display:block; padding:5px 10px;}
#topjobs .topjob .topjob_logo {float:left; width:60px; height:30px; border:1px solid #c1cbe4; background-color:#FFF; overflow:hidden}
#topjobs .topjob .topjob_logo img { }
#topjobs .topjob .topjob_position { float:left; width:200px; color:#3a91c7;margin-left:10px;padding-top:3px; font-size:12px; }
#topjobs .topjob .topjob_position a { color:#3a91c7; text-decoration:none}
#topjobs .topjob .topjob_position a:hover { color:#c3493a; text-decoration:none}		
#topjobs .topjob .topjob_position a span { color:#989898; display:block}


/* Homepage blokken nieuw */

.promo-block  {width:310px; }
.promo-block.x-left {margin-left:10px; float:left}
.promo-block.x-right {margin-right:10px; float:right}
.promo-block  h2 { font-size:10px ; color:#aaaaaa; margin:0px; font-weight:normal; padding:0px 12px 4px 12px} 
.promo-block .container {border:1px solid #c1cbe4; background: #fff url(/images/background-promo.gif) repeat-x bottom left; width:289px; height:134px; padding:8px 9px 8px 12px; font-family:Arial, Helvetica, sans-serif;} 
.promo-block .container .image { width:80px; height:60px; border:1px solid #e1e1e1; float:left; margin-right:8px; margin-top:4px; overflow:hidden}
.promo-block .container .text { float:left; color:#444; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; width:185px}
.promo-block .container .text p {  font-family:Arial, Helvetica, sans-serif;; margin:4px 0px}
.promo-block .container .text h3{ font-size:15px; color:#3892c7; margin:0px; padding:0}
#content .promo-block .container .text h3 a, #content .promo-block .container .text h3 a:link, #content .promo-block .container .text h3 a:visited { color:#3892c7; text-decoration:none}
#content .promo-block .container .text h3 a:hover, #content .promo-block .container .text h3 a:active { color:#c3493a; text-decoration:none}
.promo-block .container .link {clear:both; text-align:right}
#content .promo-block .container .link a, #content .promo-block .container .link a:link, #content .promo-block .container .link a:visited { color:#3892c7; text-decoration:none; }
#content .promo-block .container .link a:hover, #content .promo-block .container .link a:active { color:#c3493a; text-decoration:none}



#advertisement { clear:both}

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

/* Vacancy Detail Page */
/*---------------------------------------------------------------------------*/
#classification {padding:10px 12px;}
#classification dl {margin:0;padding:0;float:left; width:228px;padding-bottom:5px; }
#classification dl.c2 {width:182px;}
#classification dl.c3 {width:208px;}
#classification dt { float:left; background:url(/images/bullet-grey.gif) no-repeat 0px 4px; padding-left:12px;  font-size:11px; color:#565656; height:20px; }
#classification dd { font-size:11px; color:#565656; height:20px;padding-left:4px;}
#classification dd div {}

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

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

.content { padding:0px 12px 0px 14px}
.paging { margin-top:6px; font-size:11px}
.paging a, .paging a:visited, .paging a:link { color:#3892c7; text-decoration:none}
.paging a:hover { color:#c3493a; text-decoration:none}

.respond {float:left;margin-top:12px;margin-left:12px; width:100px;}
.respond a {width:73px; height:23px; display:block;background: url(/images/but_respond.gif) no-repeat }
.respond a span {display:none}

.links { float:right;margin-top:12px;margin-right:12px; width:300px;}
.links ul { margin:0; padding:0}
.links ul li {float:right; list-style:none; margin-left:6px}
.links #btnSave a, .links #btnPrint a, .links #btnMail a {width:63px; height:22px; display:block; }
.links #btnSave a span, .links #btnPrint a span, .links #btnMail a span { display:none}
.links #btnSave a { background: url(/images/but_save.gif) no-repeat}
.links #btnPrint a { background: url(/images/but_print.gif) no-repeat}
.links #btnMail a { background: url(/images/but_email.gif) no-repeat}

/*  My Jobs*/
.btn_remove { float:right;margin-top:20px;margin-right:12px;margin-left:12px;}

/*  Paging Styles */
a.pg {color:#82027a}
span.pgs {font-weight:bold}
.btn_previous {float:left}
.btn_next {float:right}
.pages {text-align:center}

/*  Forms */
.form_container {}
.form_container .row {display:block; clear:both; padding:10px 0px}
.form_container .row label {float:left; width:80px;padding:3px 0px; font-weight:bold}
.form_add_vacancy {}
.form_add_vacancy .row {display:block; clear:both; padding:1px 0px}
.form_add_vacancy .row label {float:left; width:125px; clear:both; padding:5px 0px; display:block}
.form_jobalert {}
.form_jobalert .row {display:block; clear:both; padding:1px 0px}
.form_jobalert .row label {float:left; width:120px; clear:both; padding:5px 0px; display:block}
#fldContent___Frame { width:100%;height:360px;}

/* Datepicker Classes */

.dpDiv {	}
.dpTable {font-size: 12px;	text-align: center;	color: #82027a;	background-color: #eee;	border: 1px solid #AAAAAA;	width:200px;}
.dpTR {	}
.dpTitleTR {	}
.dpDayTR {	}
.dpTodayButtonTR {	}
.dpTD {	cursor: pointer;	}
.dpDayHighlightTD {	background-color: #fff;	border: 1px solid #82027a;	cursor: pointer;	color: #FFFFFF;	}
.dpTitleTD {	}
.dpButtonTD {text-align: center;		}
.dpTodayButtonTD {	text-align: center;	}
.dpDayTD {	background-color: #CCCCCC;	border: 1px solid #AAAAAA;	color: white;	}
.dpTitleText {	font-size: 12px;	color: #82027a;	font-weight: bold;text-align: center;		}
.dpDayHighlight {	color: #82027a;	font-weight: bold;	}
.dpButton, .dpTodayButton  {	font-size: 10px;	color: #fff;	background: #82027a;	font-weight: bold;	padding: 0px;	}
.dpButton {	padding: 0px;}

/*  Message Styles */
.message	{ text-align: center;  font-weight: bold; padding: 10px; border: 1px solid #000; background-color: #fff;}
.warning 	{ background-color: #EEE; border-color: #F00; color: #F00;}
.success 	{ background-color: #9C9; border-color: #3C0; color: #060;}
.error		{ background-color: #EEE; border-color: #F00; color: #F00;}

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

/* Details 5.0 */
.classification {text-align:left;font-weight:bold;padding:5px;border:1px solid #999;background:#EEE}
.classification th { font-weight:bold}
.classification td.c { font-weight:normal }
.reageer {	background-color: #eee;	text-align: center;	padding: 10px;	border: 1px solid #c80512;}

/* Listing 5.0 */
#vacancies { clear:both; display:block}
#vacancies .vacancy { display:block; float:none;margin-top:8px;; padding:10px 12px;}
#vacancies .odd { background-color:#f2f9ff}
#vacancies .topjob { border:2px solid #459ad0; background:#e1f3ff url(/images/logo_topjob_ntvg.gif) no-repeat bottom right}
#vacancies .ntvg {  background:#f3faff url(/images/label_ntvg.gif) no-repeat bottom right}
#vacancies .vacancy h3 { display:block; padding:3px;margin:0px; }
#vacancies .vacancy h3 a { font-size:13px; color:#3a94c9; text-decoration:none}
#vacancies .vacancy h3 a:hover { font-size:13px; color:#c3493a; text-decoration:none}
#vacancies .vacancy h3.odd { }
#vacancies .vacancy .description {display:block;padding:3px; font-size:12px}
#vacancies .vacancy .description a { color:#000000; text-decoration:none}
#vacancies .vacancy .information {display:block; height:16px;padding:3px;  font-size:11px; color:#2f3740}

#vacancy-description h3 {font-size:14px}
#vacancy-description h4 {font-size:13px}
#vacancy-description a { color:#3893c8; text-decoration:none}
#vacancy-description a:hover { color:#c34a37; text-decoration:none}


/* ToolTips */
div#qTip { padding: 5px;  border: 1px solid #ccc;  border-right-width: 2px;  border-bottom-width: 2px;  display: none;  background: #FFFFDD;  color: #000;  font-size: 10px ;  text-align: left;  position: absolute;  z-index: 1000;}

/* General 5.0 */
.guide {float:none;clear:both}
.hideme {display:none}

/* Recruiter table */
.vacancies { background-color:#CCCCCC}
.vacancies th { background-color:#DDDDDD; text-align:left; font-weight:bold}
.vacancies td { background-color:#FFFFFF}


/* Scroller */
#cycle-left-container, #cycle-right-container { width:28px;padding-top:23px}
#cycle-left-container{ float:left; }
#cycle-right-container{ float:right; text-align:right}
#partners{ float:left; width:700px}