@charset "UTF-8";
/* CSS Document © DuvalGuillaume 2008 */


/**********************
GENERAL
**********************/
html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	margin:0;
	padding:0;
}

body	{
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	background: url(../img/bg_body.gif) repeat-y #c2bca6 top center;
	}

#wrapper	{
	position:relative;
	width:930px;
	background:#4d4b4f;
	border-right:1px solid #555;
	border-left:1px solid #555;
	text-align:left;
	}

h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 30px 0;
	width:310px;
	}

h2	{
	font-size:14px;
	color:#29447f;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}

h2.home	{
	font-size:12px;
	}
	
h3	{
	font-size:13px;
	color:#6b6939;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 15px 0;
	}
	
p, table, label	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	line-height:15px;
	text-align:left;
	margin:0 0 20px 0;
	}

#right p	{
	margin:0 0 5px 0;
	}

ul, li	{
	margin:0;
	padding:0;
	}

a	{
	color:#29447f;
	text-decoration:underline;
	outline:none;
	cursor:pointer;
	}

#right p a, a.arrow, .arrow	{
	background:url(../img/Li_green.gif) no-repeat 0 70%;
	padding-left:10px;
	}

a:hover	{
	color:#6b6939;
	text-decoration:none;
	}
	
a img{border:none;}
	
.crumbs	{
	font-size:9px;
	color:#6b6939;
	line-height:15px;
	font-weight:normal;
	position:absolute;
	top:-14px;
	left:50px;
	width:330px;
	margin:0;
	list-style-type:none;
}
.crumbs li{display:inline; background:url(../img/Li_green.gif) no-repeat right 70%; padding-right:13px; margin-right:3px;}
.crumbs li.last{background:none;}

.left	{
	float:left;
	}

.right	{
	float:right;
	}
	
.clearbox{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

#right	.clearbox	{
	width:100%;
	/*margin:0 0 30px 0;*/
	}

.greyline	{
	border-top:1px solid #c9cfd9;
	height:1px;
	width:100%;
	clear:both;
	margin:0 0 20px 0;
	}

.greyline.formline{margin-top:10px;}

.green	{
	color:#6b6939;
	background:none;
	}
	
.blue	{
	color:#29447f;
	}

.grey	{
	color:#c9cfd9;
	}
	
.small	{
	font-size:9px;
	line-height:12px;
	}

/**********************
NAVIGATION
**********************/

#nav{height:68px; background:url(../img/bg_navig.gif) repeat-x top left;}

/* Top Navigation */
ul#topnav{margin-left:170px; padding:0; list-style:none;}
ul#topnav li{list-style-type:none; float:left; display:block; position:relative;}
ul#topnav li a{
	display:block; 
	height:48px;
	line-height:48px;
	letter-spacing:-1px; 
	text-align:center;
	border-left:1px solid #918d7c; 
	border-right:1px solid #d1cdbc;
	color:#555;
	text-decoration:none;
	text-transform:uppercase;
}

ul#topnav li a:hover, ul#topnav li a.selected{color:#fff;}

/* Define specifinc width button */
.nl ul#topnav li a#about{width:140px;}
.nl ul#topnav li a#work{width:170px;}
.nl ul#topnav li a#vacancies{width:150px;}
.nl ul#topnav li a#testimonials{width:105px;}
.nl ul#topnav li a#events{width:100px;}
.nl ul#topnav li a#contact{width:83px;}

.nl ul#subwork li a#starter{width:64px;}
.nl ul#subwork li a#experienced{width:134px;}
.nl ul#subwork li a#employee{width:72px;}

.fr ul#topnav li a#about{width:120px;}
.fr ul#topnav li a#work{width:200px;}
.fr ul#topnav li a#vacancies{width:172px;}
.fr ul#topnav li a#testimonials{width:97px;}
.fr ul#topnav li a#events{width:87px;}
.fr ul#topnav li a#contact{width:72px;}

.fr ul#subwork li a#starter{width:96px;}
.fr ul#subwork li a#experienced{width:156px;}
.fr ul#subwork li a#employee{width:70px;}

.en ul#topnav li a#about{width:144px;}
.en ul#topnav li a#work{width:184px;}
.en ul#topnav li a#vacancies{width:186px;}
.en ul#topnav li a#testimonials{width:99px;}
.en ul#topnav li a#events{width:66px;}
.en ul#topnav li a#contact{width:69px;}

.en ul#subwork li a#starter{width:70px;}
.en ul#subwork li a#experienced{width:140px;}
.en ul#subwork li a#employee{width:80px;}

		
#logo {position:absolute; top:0; left:0;}		

ul#subwork	{
	display:none;
	position:absolute;
	height:20px;
	top:48px;
	left:0;
	margin:0;
	width:550px;
}
	
ul#subwork li{height:20px;float:left;display:block; background: url(../img/bg_subnavig.gif) repeat-x #fff;}
ul#subwork li a{
	color:#e0e1e2;
	display:block;
	height:20px;
	font-size:9px;
	letter-spacing:0;
	line-height:19px;
	text-transform:uppercase;
	text-decoration:underline;
	background:url(../img/Li_L_grey.gif) no-repeat 10px 7px ;
	padding:0 10px 0 20px;
}

ul#subwork li a:hover,  ul#subwork li a.selected{text-decoration:none;}	

/*
#balk	{
	width:930px;
	height:20px;
	background:#555;
	color:#e0e1e2;
	display:block;
	font-size:9px;
	}
*/
	
/**********************
FUNCTIONALITIES
**********************/
#functs {
	float:left;
	width:660px;
	background:#e0e1e2;
	padding:10px 0 0 0;
	border-top:1px solid #fff;
}

#functs ul	{
	list-style:none;
	margin:0 0 0 410px;
	
}

#functs ul li	{
	/*
	background:url(../img/spacer_beige.gif) no-repeat bottom left;
	*/
	list-style-type:none;
	display:inline;
	float:left;
	color:#6b6939;
	line-height:20px;
	height:22px;
	margin:0;
	}

#functs a	{
	color:#6b6939;
	font-size:10px;
	line-height:22px;
	}

#functs a:hover	{
	text-decoration:none;
	}
	
	
a.sidebar {
	color:#6b6939;
}
/*
#functs a.fr	{
	background:url(../img/flag_fr.gif) no-repeat 0 70%;
	padding-left:15px;
	}

#functs a.en	{
	background:url(../img/flag_uk.gif) no-repeat 0 70%;
	padding-left:15px;
	}

#functs a.nl	{
	background:url(../img/flag_nl.gif) no-repeat 0 70%;
	padding-left:15px;
	}
*/	
	
/**********************
LEFT BAR
**********************/

#leftbar	{
	width:270px;
	background:#4d4b4f;
	float:left;
	z-index:888;
	}

#leftbar #visu	{
	width:270px;
	height:400px;
	border-bottom:1px solid #777;
	}

#leftbar #baseline_home	{
	width:270px;
	height:200px;
	background:url(../img/baseline_home.gif) no-repeat top left;
	}

#leftbar #baseline	{
	width:270px;
	height:250px;
	background:url(../img/baseline_content.gif) no-repeat top left;
	color:#fff;
	font-size:10px;
	}

/**********************
CONTENT
**********************/

#content	{
	width:590px;
	margin:0;
	padding:40px 20px 30px 50px;
	float:right;
	background: url(../img/bg_content.gif) repeat-x top left #fff;
	z-index:777;
	border-bottom:1px solid #555;
	position:relative;
	min-height:506px;
	height:auto !important;
  	height:506px;
}

#content #left	{
	float:left;
	width:300px;
	margin:0;
	padding:0;
	}

#content #left div.testimonial	{
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	line-height:15px;
	text-align:left;
	}

#content #left div.dagboek	{
	border-bottom:1px solid #c9cfd9;
	}

#content #left img	{
	margin:0;
	padding:0 10px 10px 0;
	}

#content #left ul	{
	margin:0 0 30px 0;
	}
	
#content #left ul li	{
	background:url(../img/Li_green.gif) no-repeat 0 6px;
	list-style-type:none;
	padding-left:12px;
	margin:0 0 5px 0;
	}
	
/**********************
RIGHT BAR
**********************/

#content #right ul li	{
	background:url(../img/Li_green.gif) no-repeat 0 80%;
	list-style-type:none;
	padding-left:12px;
	margin:0 0 5px 0;
	}

#content #right	{
	float:right;
	width:230px;
	border-left:1px solid #c9cfd9;
	padding:0 0 0 30px;
	}

#content #right h3 a	{
	font-size:13px;
	color:#6b6939;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:170px;
	padding:0 30px 10px 0;
	border-bottom:1px solid #6b6939;
	background:url(../img/arrow_square_blue.gif) no-repeat right bottom;
	}

#content #right img	{
	margin:0;
	padding:0 10px 5px 0;
	}

#content #right ul	{
	margin:0 0 20px 0;
	}

#content #right p, #content #right a, #content #right ul li a	{
	font-size:10px;
	color:#6b6939;
	}

/**********************
STF
**********************/
table tr td	{
	vertical-align:top;
	height:15px;
	}

label{
	margin:0 0 10px 0;
}
	
td input, td select	{
	color:#6b6939;
	background: url(../img/bg_input.gif) repeat-x left bottom #fff;
	border:1px solid #c9cfd9;
	width:180px;
	margin-bottom:5px;
	}

type input.radio	{
	width:10px;
	}

td input.btn	{
	text-transform:capitalize;
	color:#6b6939;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	float:right;
	cursor:pointer;
	}

td h2	{
	font-size:12px;
	margin:10px 0 10px 0;
	padding-top:15px;
	border-top:1px solid #c9cfd9;
	}

td h2.top	{
	margin-top:0;
	}

td h3	{
	font-size:11px;
	margin:10px 0 5px 0;
	}
	
q	{
	font-style:italic;
	}
	
/*********************
Sollicitatie Formulier
**********************/

/*#solliciteren_part1{display:none;}*/
#solliciteren_part2{display:none;}
td input.error {border: #CC0000 1px solid;}
td.error{color:#C00; font-size:11px; padding-bottom:10px;}
.error{color:#C00;}


/* -- Table Styles ------------------------------- */
#solliciteren_part2{}

.progressWrapper {
	width: 200px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: none;
	background-color: #4D4B4F;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/**********************
LAN
**********************/

#home	{
	width:700px;
	height:400px;
	margin-top:15%;
	}

#home #img	{
	float:left;
	width:280px;
	}

#home #title	{
	float:right;
	width:420px;
	text-align:left;
}

#home #title h1	{
	color:#6a5775;
	font-size:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:30px;
	}

#home #title #block	h1	{
	position:relative;
	display:block;
	width:300px;
	height:80px;
	float:right;
	overflow:hidden;
	font-size:1px;
	color:#d9d9d7;
	padding-top:80px;
	}

#home #title #block h1 span	{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../img/Lan_Logo_L_L.gif) no-repeat top left;
	margin-top:-80px;
	}

ul#lan	{
	float:right;
	margin:20px 30px 0 0;
	}

ul#lan li	{
	list-style:none;
	display:inline;
	float:left;
	width:190px;
	height:30px;
	margin-left:1px;
	}

ul#lan li a.btn {
	display:block;
	width:190px;
	height:30px;
	text-align:center;
	background:#555;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	}
	
ul#lan li a.btn:hover	{
	background:#373737;
	}	

/********
Disclaimer
*********/	
.disclaimer a	{
	color:#6b6939;
	font-size:10px;
	line-height:22px;
	}

.disclaimer a:hover	{
	text-decoration:none;
	}

/********
Sitemap
*********/

#left #sitemap ul{margin: 5px 0 5px 10px;}
#left #sitemap li{margin-bottom:3px;}
	
/********
Sideblock
*********/
.sideblock{margin-bottom:30px;}
.block_left, .block_right{float:left;}
.block_left{width:75px;}
.block_right{width:155px;}

/*************
Vacancy Block
**************/
#content #left ul.vac_overview div.vac_detail{display:none;}	
#content #left ul.vac_overview div.vac_detail p{margin:0;}
.vac_link{cursor:pointer;}
.vac_detail{margin:6px 0 0 10px;}
#content #left .vac_detail ul{margin-bottom:10px;}
#content #left .vac_detail li{
	list-style:none; 
	background:none; 
	margin:0 0 5px 0; 
	padding:0;
}
#content #left .vac_detail .sp_container{margin-bottom:10px;}
#content #left .vac_detail .sp_container p{
	list-style:none; 
	background:none; 
	margin:0 0 5px 0; 
	padding:0;
}
.vac_detail .linkage{}

/*************
Forms
**************/
#loading{display:none; text-align:center; width:100%; margin:30px 0;}