@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
	=FIXES
	=BOX-MODEL
	=NAV-META
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; }
	img { border: 0; }
	html { border-left: 1px solid #fff; }	

/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }

	body { background: url(../img/body_bg.gif) repeat-y center top; }

/*	=BOXMODEL
	----------------------------------------------------*/
	#page-box { width: 990px; margin: 0 auto; }
	#header { position: relative; height: 117px; background:url(../img/header_bg.gif) no-repeat left top; }
	#logo { position: absolute; top: 20px; left: 14px; }
	#content-box { width: 978px; margin-right: 13px;margin-bottom: 45px; height: 100%; overflow: hidden; background: url(../img/content-box_bg.gif) repeat-x left top; }
	#content-box h1 { font-size: 14px; color: #000; font-weight: bold; padding: 8px 0 10px 241px; margin: 10px 10px 0 0; background: #edf4f6 url(../img/h1_bg.gif) no-repeat left bottom; }
	#content-box h1.home { font-family: Arial; font-size: 39px; line-height: normal; color: #00a3e7; } 
	#col-a { float: left; width: 225px; }
	#col-b { float: left; width: 568px; }
	#col-b .user-content { margin: 17px 45px 0 15px; }
	#col-b h1 { margin: 17px 45px 0 15px; padding: 0; background: none;  }
	#col-c { float: left; width: 176px; margin-right: 9px; text-align: center; }

	#content-box.home #col-a, #content-box.home #col-c { margin-top: 42px; }
	#content-box.home #col-b .user-content { margin: 0 45px 0 15px; }

/*	=NAV-META
	----------------------------------------------------*/
	#nav-meta { position: absolute; top: 12px; right: 30px;  }
	#nav-meta li { display: inline; padding-left: 6px; } 
	#nav-meta li a { color: #b3b3b3; text-decoration: none; font-weight: bold; }
	#nav-meta li a:hover { color: #9e9e9e; }
	#nav-meta li.first a { color: #0093e6; }
	#nav-meta li.first a:hover { color: #1884bd; }
	.print_btn { display: none; }

	#nav-main { margin: 0 0 0 10px; padding: 17px 0 0 12px; }
	#nav-main li { list-style: none; font-size: 9px; font-weight: bold; padding: 0 0 0 11px; background: url(../img/nav-main_li_ico.gif) no-repeat 2px 5px; }
	#nav-main li.selected  { background: url(../img/nav-main_li_act.gif) no-repeat left 5px; }
	#nav-main li a { color: #0093e6; text-decoration: none; }
	#nav-main li a:hover { color: #1884bd; }
	#nav-main li li { padding: 0; background: none; }
	#nav-main li li a { font-weight: normal;  color: #000000; }
	#nav-main li li a:hover { color: #515054; }
	#nav-main li li.selected  { color: #212125; background: none; }
	#nav-main li li li { padding: 0 0 0 10px; }
	#nav-main li li li a { color: #737377; }

/*	=FRM-SEARCH
	----------------------------------------------------*/
	#frm-search { position: absolute; right: 11px; bottom: 8px; width: 168px; padding: 0 10px 0 8px; }
	#frm-search label { display: block; float: left; color: #fff; font-size: 9px; font-weight: bold; line-height: 16px;  }
	#frm-search fieldset { border: 0; display: block; float: right; width: 113px; height: 15px;  }
	#frm-search input.text { float: left; border: 1px solid #939195; border-right: 0; width: 96px; height: 15px; margin: 0; float: left; }
	#frm-search input.submit { float: left; width: 15px; height: 15px; border: 1px solid #939195; border-left: 0; }

/*	=VACATURE OVERZICHT
	----------------------------------------------------*/
	#vacature-overzicht { float: left; xwidth: 225px; margin: 17px 40px 0 15px;  }
	#vacature-overzicht .vacature { margin-bottom: 15px; }
	#vacature-overzicht .vacature h3, #vacature-overzicht .vacature h3 a { color: #00a3e7; }
	#vacature-overzicht .vacature a { display: block; color: #c20080; text-decoration: none; }
	#vacature-detail { float: left; width: 280px; margin: 17px 0 0 0; }
	#vacature-detail h2 { font-size: 11px; color: #00a3e7; padding: 0 15px 8px 15px;  background: url(../img/vacature-detail_h2.gif) repeat-x bottom left; }
	#vacature-detail .date { margin: 5px 15px 0 15px; color: #212125; font-size: 9px; }
	#vacature-detail .user-content { margin: 0 15px; }

/*	=SEARCH RESULTS
	----------------------------------------------------*/
	#search-results { margin: 17px 45px 0 15px; }
	#search-results h4 a { font-size: 10px; color: #00a3e7; text-decoration: none; }
	#search-results p { margin-bottom: 14px; }
	#search-results p a { color: #c20080; text-decoration: none;  }
	#search-results p a:hover { text-decoration: underline;  }
	
	.banner { display: block; margin-bottom: 30px; }

/*	=Home Nieuws / Nieuws
	----------------------------------------------------*/
	#nieuws { margin: 17px 45px 0pt 15px; }
	#nieuws.home { margin-top: 30px; }
	#nieuws h2 { color: #00A3E7; font-family: Arial; font-size: 26px; line-height: normal; margin-bottom: 6px; }
	#nieuws li { list-style: none; padding: 0 0 0 13px; background: url(../img/nav-main_li_ico.gif) no-repeat 2px 5px; line-height: 17px; }
	#nieuws a { color: #7C7C7C; font-size: 11px; text-decoration: underline; }
	#nieuws a:hover { color: #00A3E7; }
	#nieuws li.more { margin-top: 15px; font-weight: bold; }
	#nieuws li.more a { color: #00A3E7; }
	
	#nieuws ul.more { margin-top: 30px; }
	#nieuws ul.more li { font-weight: bold; }
	#nieuws ul.more a { color: #00A3E7; }
	
	#nieuws ul.paging { margin-top: 15px; }
	#nieuws ul.paging li { padding: 0; background: none; display: inline; margin: 0 5px 0 2px; }
	#nieuws ul.paging li.selected { font-weight: bold; }
	#nieuws ul.paging li.selected a { color: #00A3E7; }