/*
	project:	Hugo Ceusters
	
	author:		DCA for Imengine
	version:	1.0
	date:		04-07-2009
	
------------------------------------------------

used colors:

#ffd400 = yellow for backgrounds
#ffd900 = yellow for texts

*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* fixed footer code */

body{
	margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0} 
* html, * html body{
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;
}
* html #outer { 
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; 
	voice-family:inherit;
}
* html #inner{
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
}
/* end hack */ 

#footer-inner {
	text-align: center;
	height: 170px;
}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #footer-inner {margin-right:17px;}
/* end hide*/

html>body #top-bar,html>body #footer{position:fixed}/* for moz/opera and others*/

/* layout */

body {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	background: transparent url("../img/bg2.png") repeat-y 50% 0;
}
* html body {
	background: transparent url("../img/bg3.png") repeat-y 50% 0;
}
#content-wrap {
	width:850px;
	margin: 0 auto;
	xbackground: transparent url("../img/bg.png") repeat-y 50% 0;
	padding-bottom: 180px;
}
#header {
	text-align: center;
	background: transparent;
	padding: 16px 0;
}
	#header h1 {
		font: 32px Arial;
		color: #ffd900;
		margin: 16px 0;
	}
	#header p {
		margin: 16px 0 0;
	}
#main {
	background: transparent;
	overflow: auto;
	width: 800px;
	margin-left: 25px;
}
	#main h2, #main h3 {
		font-weight: bold;
		text-transform: uppercase;
	}
	#main h2, #main h3 {
		margin-bottom: 1em;
	}
#col1 {
	width: 160px;
	float: left;
}
#col2 {
	width: 440px;
	float: left;
	padding: 0 20px;
	position: relative;
}
#col3 {
	width: 160px;
	float: left;
}
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:170px;
	z-index:2;
}
	#footer a:hover {
		color: #fff;
	}
	#footer-content {
		background: #FFD400;
		margin-top: 25px;
		padding: 50px 0 10px;
	}
	#footer h2 {
		width: 123px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -63px;
	}
	#footer h2 a {
		background:transparent url("../img/logo.gif") no-repeat left top;
		display:block;
		height:51px;
		width:123px;
		text-indent:-9999px;
	}
	p#footernote {
		font-size: 10px;
	}
	
/* navigation */

ul#nav, p.nav {
	margin: 0px 0 16px;
	font-size: 14px;
}

ul#nav
{
	padding: 0;
	list-style-type: none;
	text-align: center;
}
	ul#lang {
		margin-bottom: 10px;
	}
	ul#nav li, ul#lang li {
		display: inline;
		border-right: 1px solid #000;
		/*border-left:1px solid #FFD400;*/
		line-height: 1;
		margin-right:0;
		margin-left:0;
	}
	ul#nav li.last, ul#lang li.last {
		border-right: none;
	}
	ul#nav li a {
		padding: 0 .2em;	
		padding: 0 4px 0 2px;
	}
	ul#lang li a {
		padding:0 .2em;
		padding: 0 4px 0 2px;
	
	}
	ul#nav li a, ul#subnav li a, ul#lang li a, #footer a, #footernote a, body#home a {
		text-decoration: none;
		font-weight: normal;
	}
	ul#nav li a.active, ul#subnav li a.active, ul#lang li a.active {
		font-weight: bold;
	}
	
	ul#lang li.active a {
		color:#726903;
	}
	
ul#subnav {
	margin-left: 12px;
}
	ul#subnav li {
		margin-bottom: 1em;
		height: 1%;
	}
		ul#subnav li a {
			padding-left: 16px;
			padding-left: 24px;
			padding-top:1px;
			display: block;
			background: transparent url("../img/bullet1.gif") no-repeat top left;
		}
		ul#subnav li.active a, ul#subnav li a:hover {
			background: transparent url("../img/bullet2.gif") no-repeat top left;
			font-weight:bold;
		}

/* basic element styling */

a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a.soft {
	font-weight:normal;
}

p {
	margin-bottom: 1em;
}
em {
	font-weight: bold;
}
table {
	width: 100%;
	margin-bottom: 1em;
}
table th {
	font-weight: bold;
}

/* general styling */

p.print {
	position: absolute;
	top: 0;
	right: 16px;
}
.hidden {
	display: none;
}
.hilite {
	background: #FFD400;
}
.box {
	overflow:hidden;
}
.box table {
	margin-bottom: 0.2em;
}
.box th {
	padding: 0.2em 0 0 11px;
}
.box td {
	padding-right: 9px;
}
.hilite th, .hilite td  {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
	display: block;
	text-align: right;
	margin: 0 11px 0.2em 0;
}
img.thumb {
	
}

/* news ticker */

#ticker {
	width: 768px;
	overflow: hidden;
	margin: 0 auto;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #FFD400;
}
	#ticker a {
		text-decoration: none;
	}
	#ticker a:hover {
		text-decoration: underline;
	}

/* homepage */

body#home {
	background: #FFDA00;
	text-align: center;
}
	#centerwrap {
		margin: 10px auto; 
		width: 600px; 
		height: 400px;  
		position: absolute; 
		left: 50%;
		top: 50%;
		margin: -100px 0px 0px -300px;
	}
	#home h1 {
		width: 238px;
		height: 127px;
		background:transparent url("../img/logo-big.png") no-repeat left top;
		text-indent:-9999px;
		margin: 0 auto 32px;
	}
	#home #lang {
		margin-top: 120px;
	}

/* pages with a subnavigation */

.subnav #main h2, .subnav #main h3 {
	font-weight: bold;
	text-transform: none;
}
.subnav #col2 {
	width: 439px;
	border-left: 1px solid #FFDA00;
}

/* news and jobpage */

.news #main h2, .news #main h3 {
	font-weight: bold;
	text-transform: none;
}

/* contact page */

.contact #col2 {
	text-align: center;
}

/* search & search result pages */

.search #main {
	position: relative;
	width: 784px;
	padding: 0 0 0 16px;
}
.paging {
	/*position: absolute;*/
	top: 0;
	right: 16px;
}
	.paging li {
		display: inline;
	}
		.paging li a {
			text-decoration: none;
			font-weight: normal;
			display: inline-block;
			border: 1px solid #FFDA00;
			padding: 0.1em 0.5em;
		}
			.paging li a:hover {
				background: #ffda00;
			}
		.paging li.active a {
			background: #ffda00;
			font-weight: bold;
		}
.box {
	background: #fff;
	width: 178px;
	height:310px;
	border: 1px solid #FFDA00;
	font-size: 11px;
	float: left;
	margin: 16px 16px 0 0;
}
.pic-box {
	width: 178px;
	height: 178px;
	overflow: hidden;
	border-bottom: none;
}
#pic-box {
	width: 160px;
	overflow: hidden;
}

/* forms */
form {
}
input {
/*	text-align: right;
	vertical-align: middle;*/
}
label {
	width: 100px;
	float: left;
}
form li {
	clear: left;
	margin-bottom: 5px;
	/*overflow: hidden;*/
	background: #efefef;
	padding: 3px;
	float: left;
	width: 100%;
}
form li span {
}
form li.sep {
	margin-bottom: 15px;
}
form li.small label {
}
label.choice {
	float: none;
}
.twocol .col {
	margin-left: 102px;
}
.twocol .col span {
	display: block;
	float: left;
}
.twocol .col span.one {
	width: 145px;
	/*	width: 155px;*/
}
form li.buttons {
	text-align: right;
}
.formStandard {
	background:#EFEFEF;
}
.formStandard .paddingBox {
	padding:10px;
}
ul.extras li {
	list-style: disc;
	padding-left:0px;
	margin-left:15px;
}
ul.extras li.title {
	list-style: none;
	padding-left:0;
	font-weight:bold;
	margin-left:0;
}
.paddedTable td, .paddedTable th { padding: 2px 10px 2px 10px; }

div.notificationOK {
	border-top: 1px solid #488B1C;
	border-bottom: 1px solid #488B1C;
	padding: 5px 5px 5px 35px;
	background: #DCF3CE url(notifications/ok.gif) 10px 0.65em no-repeat;
	margin-bottom: 1em;
	margin-right:15px;
}
#header div.notificationOK {
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
	margin-bottom:0;
	text-align:left;
	background: #DCF3CE url(notifications/ok.gif) 10px 5px no-repeat;
}

div.notificationOK h2 {
	font-size: 1.0em;
	color: #488B1C;
	text-transform: none;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
.notificationSystemWarning, .notificationWarning {
	/*border-top: 1px solid #FF9600;
		border-bottom: 1px solid #FF9600;*/
	padding: 5px 5px 5px 35px;
	background: #FFF6AC url(notifications/warning.gif) 10px 0.65em no-repeat;
	margin-bottom: 1em;
	}

div.blockDisplay .notificationWarning { margin: 0; }

.lightTable {
	/* border-bottom: 1px solid #ddd; */
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	}

.lightTable th {
	border-bottom: 1px solid #ddd;
/*	font-size: 95%;
	color: #444;*/
	padding: 0.2em 0.5em 0.3em 0;
	}

.lightTable td { padding: 2px 0.5em 2px 0; }
.formCompulsory {
	color : red;
	font-size : 1.1em;
}
td.formLabel {
	padding-top : 0.5em;
	padding-right : 1em;
}

tr.sep td { 
	border-bottom: 1px solid #e5edf7; 
}
.formButtons {
	margin-top : 10px;
	padding-top : 5px;
	text-align : left;
}

.formButtons.line {
	border-top : 1px solid #ADB7CB;
}
#main .searchCriteriaBox h2 {
		font-size: 1.2em;
		text-transform: none;
		font-weight:bold;
		margin-bottom: 10px;
		margin-top:2px;
		padding: 0;
}
.searchCriteriaBox {
	text-align:left;
	padding:10px;
/*	margin-left:40px;
	margin-right:40px;*/
	margin-right:15px;
	background:#eee;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;