* {	padding: 0;	margin: 0; }
body { background: #E1E9F1; font:normal 76.00%/1em Geneva, Arial, Helvetica, sans-serif; }
	body.landing { background:#fff; }

/* Defaults */
p {	margin-bottom: 10px; line-height:1.6em; }
img { border-color: #ffffff; }
a { color:#4177A9; }
a:hover { text-decoration:underline; }
h1 { font-size: 1.4em; margin: 10px 0 1px 0; color:#4177A9; line-height:2em; }
h2 { font-size: 1.2em; margin: 10px 0 1px 0; color:#4177A9; line-height:1.6em; }
h3 { font-size: 1em; margin: 0 0 0.5em 0; color:#4177A9;}

.textleft { text-align:left; }
.textright { text-align:right; }
.orange { color: #FF7E00 !important; }
.hidden { display:none; }
.left { float:left;}
.clear { clear: both; }

/* Tables */
table { width:100%; }
	table td { line-height: 20px; }
	table td span { padding: 0 4px 0 0px; display:inline-block; text-align:center;}
	table td.label { width: 130px; }

/* Forms */
label { margin-right: 10px; color:#000; font-weight:normal; font-size:1em; }
input { margin-right: 10px; color:#000; font-weight:normal; font-size:1em; }
select { font-size:1em; }
input.radio { margin: 0; }
input.small { width: 60px; color:#000; font-weight:normal; font-size:1em;}
input.medium { width:120px; float:left; margin-left:8px;}
input.normal { width:250px; }
input.zipcode { width: 45px; }
input.submit { width: 118px; height: 35px; padding-bottom:2px; font-size:1em; outline: none; color: #fff; font-weight:bold; border: none; cursor : pointer; background: transparent url(../img/btn_submit_orange-trans.png) repeat-x;}


/* Buttons */
.btn { float: left; padding: 0 0 0 10px; margin: 5px 10px 1em 0; }
	.btn a { float: left; height: 35px; line-height: 35px; padding: 0 10px; color: #fff; font-size: 1em; font-weight:bold;  text-decoration: none; }
	.btn span { float: left; width: 10px; height: 35px; }
	.btn.orange { background: url(../img/btn_left_orange-trans.png) no-repeat; }
	.btn.orange a { background: url(../img/btn_stretch_orange.png) repeat-x left top; }
	.btn.orange span { background: url(../img/btn_right_orange-trans.png) no-repeat;}
	.btn.blue { background: url(../img/btn_left_blue-trans.png) no-repeat; }
	.btn.blue a { background: url(../img/btn_stretch_blue.png) repeat-x left top; }
	.btn.blue span { background: url(../img/btn_right_blue-trans.png) no-repeat;}

/* Container */
#container { position: relative; margin: 0 auto; width: 960px; background: #FFFFFF;	height: auto !important; height: 100%; min-height: 100%; margin-top:20px; overflow:hidden;}
	
/* Header */
#header { background: #000 url(../img/header.jpg) no-repeat left top; height: 120px; overflow: hidden;  /*border-bottom: 1px solid #fff;*/ }
	#logo { position: relative; float: left; height: 55px; width: 204px; margin: 18px 0 0 25px;}
	#image { position: relative; float: right; /*height: 100px; width: 350px;*/ overflow: hidden; }

	/* Tabs */
	#tabs { position: absolute; top:85px; left:20px; height: 40px; float: left; width: 300px; overflow: hidden; font-weight: bold; }
	#tabs a { float:left; color: #ffffff; font-size: 1em; font-weight: normal; text-decoration:none; }
	
	#tabs .jobs { float: left; padding: 0 0 0 7px; margin: 5px 5px 0 0; background: transparent url(../img/tab_left_darkblue-trans.png) no-repeat; }
	#tabs .jobs a { float: left; background: #4177A9; height: 35px; line-height: 35px; padding: 0 15px; background: url(../img/tab_stretch_darkblue.png) repeat-x left top; }
	#tabs .jobs span { float: left; width: 7px; height: 35px; background: url(../img/tab_right_darkblue-trans.png) no-repeat;  } 
	
	#tabs .candidates { float: left; padding: 0 0 0 7px; margin: 5px 5px 0 0; background: transparent url(../img/tab_left_orange-trans.png) no-repeat; }
	#tabs .candidates a { float: left; background: #FF7E00; height: 35px; line-height: 35px; padding: 0 15px; background: url(../img/tab_stretch_orange.png) repeat-x left top;  }
	#tabs .candidates span { float: left; width: 7px; height: 35px; background: url(../img/tab_right_orange-trans.png) no-repeat; } 
	
/* Top Menu */
#top-menu { position: relative; height: 30px; float: left; width: 100%; }
	#top-menu.jobs { background: #8ab7e1; border-bottom: 1px solid #4177a9; }
	#top-menu.candidates { background: #e69546; border-bottom: 1px solid #e17204; } 
	#top-menu ul.menu { float:left; list-style: none; width:700px; margin-left:15px; line-height: 30px; }
	#top-menu ul.menu li { display: inline; border-right: 1px solid #fff; padding: 0 10px 0 0;}
	#top-menu ul.menu li.last { border:0; }
	#top-menu ul.menu li a { padding-left: 7px; color: #ffffff; font-size: 1em; text-decoration:none; line-height: 28px; }
	#top-menu ul.menu li a:hover { text-decoration:underline; }
	
	/* Languages */	
	#top-menu ul.languages { width:60px; float:right; padding: 0 15px 0 0;}
	#top-menu ul.languages li { float: left; display: inline; padding: 9px 6px 0 5px; }
	#top-menu ul.languages li img { border: 1px solid #fff; }

/* Left Menu */
#left-menu { width: 216px; float: left; height: auto; margin-bottom: 1px; }
	#left-menu ul { list-style: none; }
	#left-menu li {	border-top: 1px solid #ffffff; }
	#left-menu a { padding-left: 7px; color: #ffffff; font-size: 1em; font-weight: bold; display: block; text-decoration:none; height: 25px; line-height: 25px; background: url(../img/menu-link.png) no-repeat; }
	
	/*
	#left-menu #disciplines.jobs a:hover { background: #5B8EC4; color: #ffffff; }
	#left-menu #disciplines.jobs a.cur_action { background: #e69546; color: #ffffff; }
	#left-menu #disciplines.candidates a:hover { background: url(../img/menu-hover.png) no-repeat; color: #ffffff; }
	#left-menu #disciplines.candidates a.cur_action { background: url(../img/menu-hover.png) no-repeat; color: #ffffff; }
*/

	/* Disciplines */
	
	#disciplines { margin-top: 20px; }
	#disciplines ul li.title { background: #242424; color: #FFF; font-weight: bold; line-height: 30px; }
	#disciplines ul li.title span { padding-left: 7px; }
	#disciplines ul li ul li.title { background: #707070; color: #fff; }
	#disciplines ul li ul li.title ul li.title { color: #fff; }
	#disciplines ul li a { background: none; padding-left: 7px; }
	#disciplines ul li a:hover { }
	
		/* Jobs *\/
		#disciplines.jobs ul li ul li.title a:hover { background: #858585; }
		#disciplines.jobs ul li ul li.title ul li.title { background: #4C7CAF; }
		#disciplines.jobs ul li ul li.title ul li.title a:hover { background: #5B8EC4; }
		#disciplines.jobs ul li ul li.title ul li.title ul li a { background: #6EA3DB; }
		#disciplines.jobs ul li ul li.title ul li.title ul li a:hover { background: #5B8EC4; }
		
		/* Candidates *\/
		#disciplines.candidates ul li ul li.title a:hover { background: #858585; }
		#disciplines.candidates ul li ul li.title ul li.title { background: #E69546; }
		#disciplines.candidates ul li ul li.title ul li.title a:hover { background: #EEA964; }
		#disciplines.candidates ul li ul li.title ul li.title ul li a { background: #FFB76F; }
		#disciplines.candidates ul li ul li.title ul li.title ul li a:hover { background: #F8AE63; }
		*/
		
		#disciplines ul li ul li.title a:hover { background: #858585; }
		#disciplines ul li ul li.title ul li.title { background: #4C7CAF; }
		#disciplines ul li ul li.title ul li.title a:hover { background: #5B8EC4; }
		#disciplines ul li ul li.title ul li.title ul li a { background: #6EA3DB; }
		#disciplines ul li ul li.title ul li.title ul li a:hover { background: #EB8B32; }
	
	#disciplines ul { display: none; }
	#disciplines ul.active { display: inherit; }
	
	/* Banner */
	#banner { border-top: 1px solid #ffffff; }
	#banner h3 { padding:30px 10px; color:#000; font-size:1.3em; line-height:1.2em; font-weight:normal; }	
	#banner p { padding:10px; font-weight:normal;}	

/* Content */
#content { margin: 20px 15px 0px 15px; width: 710px; float: left; height: auto; padding-bottom: 20px; /*color: #4177A9;*/ margin-bottom: 1px; overflow:hidden; }
	
	/*Blocks landingpage */
	.block { width:345px; height:330px; color: #fff; margin:2em 0 2em 0; text-align:center;}	
	.block .header { height:50px; padding:10px 25px 10px 25px;  }
	.block.candidates .header { background: #477cac; }
	.block.jobs .header { background:#f77e07; }
	.block.candidates { float:left; background: #fff url(../img/block_blue.png) repeat-x; }
	.block.jobs { float:right;  background: #fff url(../img/block_orange.png) repeat-x; }
	.block h1 { clear:both; color:#fff; margin:0; font-weight:normal; line-height:1.4em; text-align:left;}	
	.block h1 span { clear:both; font-weight:bold; font-size:1.4em; display:block;}
	.block .inner { padding:20px 25px 20px 25px; height:140px; text-align:left;}
	.block a { color: #fff; font-size:1.3em; text-decoration:none; }
	.block a:hover { text-decoration:none; }	
	.block ul { margin: 0 0 0 14px; color: #000000; line-height:18px;  }
	.block .footer { padding:20px 25px 20px 25px; display:inline-block; margin: 0 auto 0 auto;}
	
	/* Callout */
	.callout { width: 710px; height:218px; margin: 0 0 20px 0; } 
	.callout.candidates { /*background:#e69546;*/ }
	.callout.jobs { /*background:#8ab7e1;*/ }	
		.callout .image { float:left; width: 450px; overflow: hidden; }
		/*.callout img { float:left; width:545px; }*/
		.callout .text img { width: auto; height: auto; }
		/*.callout .text { width:239px; float:left; height:198px; padding: 10px; /*border:1px solid #888;*/ /*border-left:1px solid #fff;*\/ }*/
		.callout h2 { color:#888; font-size:2em;  text-align:center; padding: 30px 0;}

	/* Privacy */
	.privacy {	display:block; }
	.privacy ul { margin-bottom: 10px; }
	.privacy ul li { margin-left: 15px; line-height:1.6em;	}
	
	/* About Nouvall */
	.aboutnouvall {	display:block; }
	.aboutnouvall h3 { color: #000000; margin: 3px;}
	.aboutnouvall ul { }
	.aboutnouvall ul li { margin-left: 15px; line-height:1.6em;	}
	.aboutnouvallcol1, .aboutnouvallcol2, .aboutnouvallcol3 { float: left; width:220px; }
	.aboutnouvallcol1, .aboutnouvallcol2 {margin-right: 20px; }
	
	/* Why Nouvall */
	.whynouvall { }
	.whynouvall ul { }
	.whynouvall ul li {	margin-left: 15px; line-height:1.6em; }
	
	/* Certificates & Documents */
	.certificates hr { height:1px; border:0; border-bottom: 1px solid #4177A9; margin:1.6em 0 1.6em 0; }
	.certificates ul li {	margin-left: 30px; color:#4177A9; }
	
/* Landing Page */
.landing #container { width:710px; margin:40px auto;}	
.landing #header { background:none; height:80px; }
.landing #content { margin: 0 auto; }
.landing #logo { margin: 0 auto; float:none;}
.landing ul.languages { width:60px; float:right; }
.landing ul.languages li { float: left; display: inline; padding: 9px 6px 0 5px; }
.landing ul.languages li img { border: 1px solid #fff; }		
	
	
/* Footer */	
#footer { background: url(../img/bottom_100.png) no-repeat;	position:relative; width:100%; height: 32px; }
	#bottom-menu ul { list-style: none; overflow: hidden; padding: 0 15px 0 0;}
	#bottom-menu li { float: right; position: relative; line-height: 25px;color:#fff; padding: 0 2px 0 2px; }
	#bottom-menu li a { margin-left: 3px; padding-right: 5px; display: block; color: #FFF; line-height: 25px; text-decoration: none; }
	#bottom-menu li a:hover { text-decoration:underline;}
	

	/* Module Vacature */
	.row { background: #E1E9F1; margin-top: 20px; width:100%; min-height:100px; height:auto !important; height:100px; }
	.row .left { float:left; width: 70%; display:block; margin: 0 0 1em 0; }
	.row .right { float:right; width: 30%; display:block;  margin: 0 0 1em 0; }
	
	.inner { padding:10px 15px 10px 15px; }
	.inner h1 { font-size: 17px; margin-bottom: 1em; color:#4177A9; line-height:17px; }
	.inner strong { color:#4177A9; }	
	.inner p { color: #000; line-height: 18px; margin-bottom: 1em; text-align:left; clear:left; }
			
	.view { height: auto; margin: 20px 0 20px 0; }
	.view .left { float:left; width: 60%; background: #E1E9F1; color:#000; height: auto; min-height: 250px; }
	.view .left .inner { padding:15px; }
	.view .right { float:right; width: 38%; background: #E1E9F1; margin-bottom:2em; }
	.view .right b  { color:#4177A9; }
	.view .right .label { width:95px; }
	.view .right.contact { background:#E1E9F1; color:#000; font-size:0.95em; }	
	.vacatures #left-menu a.cur_controller { background: url(../img/menu-hover.png) no-repeat; color: #ffffff; }

/* Module Sollicitaties, Informatie */		
#apply, #info { float:left; width: 60%; height: auto; margin-top: 20px; background:#f3c396; color:#000; }	
	#apply .inner, #info .inner { padding:15px; }	
	#apply h2, #info h2 { color: #000; }
	#apply table td, #info table td { line-height:24px; vertical-align:top; }


/* Module E-mail */
#email { float:left; width: 60%; height: auto; margin-top: 20px; background:#f3c396; color:#000; }	
	#email .inner { padding:15px; }	
	#email h2 { color: #000; }
	#email table td { line-height:24px; }			
		

/* Module Search */			
#search { height: 50px; background: #CECECE; width:100%; margin: 8px 0 8px 0; overflow:hidden;}
	#search .inner { padding: 15px; height:20px;  }
	#search input { width:80px; margin-right: 2px; float:left; }
	#search label { color: #000; margin-right: 10px; line-height: 20px; float:left;  }
	#search select { margin-right: 2px; float:left; }
	#search select.large { width:170px; }
	#search input.submit { width:55px; background:  url(../img/btn_submit_small_orange-trans.png) repeat-x; margin:-3px 0 0 2px; height: 27px; padding-bottom:4px; }
	#search h2 { margin:0; }
	#search h2 a { color:#000; text-decoration:none; }
	#search h2 a:hover { color:#4177A9; }
	
/* Flash messages */
#flashmessage { float:left; width: 60%; height: auto; margin-top: 20px; background:#f3c396; color:#000; }	
	#flashmessage .inner { padding:15px; }	
	#flashmessage h2 { color: #000; }	
	
/* Paging */
div.paging { color: #444; margin: 1em 0 1em 0; text-align:center; font-size:0.9em;  }
	div.paging div.disabled { color: #666; display: inline; }
	div.paging p { color: #000; }
	div.paging span { }
	div.paging span.current { color: #666; }
	div.paging span a { }

/* Validation  */
div.error-message { clear:both; color: red; font-size: 0.7em; }

/* Clearfix */
.clearfix { display:inline-block; }
	.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }