/* CSS Document */
html,
body{
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #485b69;
	font-size: 10px;
	background-color: #f8fbfc;
	background-image: url(images/Layout/bg_page.jpg);
	background-repeat: repeat-x;
	}

/***************************/
/***** language splash *****/
/***************************/

div.langcontainer{
	position: absolute;
	width:272px;
	margin-left:50%;
	left: -125px;
	padding-bottom: 14px;
	background-image: url(images/Layout/lang_splash_bottom.jpg);
	background-repeat: no-repeat;
	background-position: -5px bottom;
}
div.splash{
	float: left;
	width: 250px;
	height: 629px;
	background-image: url(images/Layout/lang_splash.jpg);
	background-repeat: no-repeat;
	border-color: #7499ab;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	}
div.btns{
	margin: 190px 0 0 28px;
	}
	div.btns a,
	div.btns a:link,
	div.btns a:visited{
		font-size: 11px;
		font-weight: bold;
		padding-top: 5px;
		text-align: center;
		display: block;
		width: 193px;
		height: 23px;
		background-image: url(images/Layout/lang_btn.jpg);
		background-repeat: no-repeat;
		}
	div.btns a#en{background-image: url(images/Layout/lang_btn_en.jpg);}
	div.btns a#fr{background-image: url(images/Layout/lang_btn_fr.jpg);}
	div.btns a#nl{background-image: url(images/Layout/lang_btn_nl.jpg);}
/*base structure*/
.clear{
	clear: both;
	}
div.container{
	position: absolute;
	width:882px;
	margin-left:50%;
	left: -441px;
	padding-bottom: 15px;
	background-image: url(images/Layout/schaduw_bottom.gif);
	background-repeat: no-repeat;
	background-position: -2px bottom;
	}
	div.leftshadow{
		background-image: url(images/Layout/bg_schaduw_left.gif);
		background-repeat: repeat-y;
		background-position: left;
		}
	div.rightshadow{
		background-image: url(images/Layout/bg_schaduw_right.gif);
		background-repeat: repeat-y;
		background-position: right;
		}
	div.left{
		float: left;
		background-image: url(images/Layout/schaduw_left.gif);
		background-repeat: no-repeat;
		width: 10px;
		height: 300px;
		}
	div.right{
		float: left;
		background-image: url(images/Layout/schaduw_right.gif);
		background-repeat: no-repeat;
		background-position: -3px 0;
		width: 10px;
		height: 300px;
		}
	div.site{
		float: left;
		width:860px;
		border-color: #7499ab;
		border-style: solid;
		border-width: 0 1px 1px 1px;
		}
	
	div.header{
		background-image: url(images/Layout/bg_header.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 69px;
		background-color: #aaa;
		}
		div.header img{
			float: left;
			}
		div.usernav{
			float: right;
			} 
	div.nav{
		width: 100%;
		height: 21px;
		background-image: url(images/Layout/bg_nav.jpg);
		background-repeat:repeat-x;
		border-color: #7499ab;
		border-style: solid;
		border-width: 1px 0 1px 0;
		}
	div.banner{
		width: 100%;
		}
	div.homecontent{
		width: 100%;
		}
		
		/*content table structure*/
		table.content{
			width: 100%;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d9e0e4;
			}
			table.content td.over{
				vertical-align: top;
				border-right: 1px solid #fff;
				background-color: #e2eaee;
				width: 220px;
				}
			table.content td.werknemer{
				vertical-align: top;
				border-right: 1px solid #fff;
				background-color: #d2dbe1;
				width: 220px;
				}
			table.content td.werkgever{
				vertical-align: top;
				border-right: 1px solid #fff;
				background-color: #dce6eb;
				width: 220px;
				}
			table.content td.banner{
				vertical-align: top;
				background-color: #edf3f3;
				width: 197px;
				}
				p.introtxt{
					margin: 0;
					padding: 10px;
					}
				table.content td img{
					border-top: 1px solid #abb6bc;
					border-bottom: 1px solid #fff;
					display:block;
					}
					table.content td.banner img{
						vertical-align: top;
						background-color: #edf3f3;
						border: none;
						border-top: 1px solid #fff;
						}
					table.content td.banner img.first{
						border: none;
						}
				
			/*sidenav contentpage*/
			table.content td.sidenav{
				vertical-align: top;
				border-right: 1px solid #fff;
				background-color: #ecf2f3;
				width: 170px;
				}
			
			/*content mid contentpage*/
			table.content td.mid{
				vertical-align: top;
				border-right: 1px solid #fff;
				background-color: #f4f9f9;
				padding: 10px;
				}
			p.local{
				font-size: 9px;
				border-bottom: 1px solid #e4e8e8;
				padding: 4px 0 10px 0;
				margin: 0;
				}
			h2{
				margin: 0;
				padding: 10px;
				font-size: 14px;
				font-weight: bold;
				font-style: italic;
				}
			h3{
				margin: 0;
				padding: 13px 0 3px 10px;
				font-size: 12px;
				font-weight: normal;
				border-bottom: 1px solid #e4e8e8;
				}
			.sidetitel{
				background-color: #d2dbe1;
				border-bottom: 1px solid #fff;
				}
			.titel{
				display: block;
				margin: 0;
				padding: 0;
				font-size: 11px;
				font-weight: bold;
				color: #a80057;
				padding-bottom: 2px;
				}
			ul.text{
				padding: 0;
				margin: 10px;
				list-style-image: url(images/Layout/pijlke.gif);
				}
			ul.text li{
				margin: 10px;
				}
	div.baseline{
		border-top: 1px solid #fff;
		clear: both;
		width: 100%;
		height: 40px;
		background-image: url(images/Layout/bg_baseline.jpg);
		background-repeat: repeat-x;
		background-position: top;
		}
		div.baseline img{
			float: left;
			margin: 7px 0 0 7px;
			}
			.copy{
				font-size: 9px;
				float: right;
				padding: 5px 10px 0 0;
				}
	
			
/*****************/
/***** links *****/
/*****************/

a, a:link, a:visited{
	color: #485b69;
	text-decoration: none;
	}
a:hover, a:active{
	color: #6f8290;
	}

a.meer{
	color: #485b69;
	background-image: url(images/Layout/pijlke.gif);
	background-repeat: no-repeat;
	background-position: 0 4px; 
	padding-left: 10px;
	}
a.meer:hover, a.meer:active{
	color: #6f8290;
	text-decoration: underline;
	}
	
	
/*************/
/**** nav ****/
/*************/

/*main nav*/
ul.nav{
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.nav li{
	height: 21px;
	list-style: none;
	margin: 0;
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #5D5E5F;
	}
a.nav{
	display:block;
	padding: 4px 10px 0 10px;
	font-weight: bold;
	font-size: 11px;
	}
.navactive{
	display:block;
	padding: 4px 10px 0 10px;
	font-weight: bold;
	font-size: 11px;
	color: #a5b1b7;
	}
.taalactive{
	display: block;
	font-size: 10px;
	padding: 2px 7px 2px 7px;
	font-weight: normal;
	color: #a5b1b7;
	}
.usernavactive{
	display:block;
	padding: 1px 7px 1px 7px;
	font-weight: bold;
	font-size: 11px;
	color: #a5b1b7;
	}
/*user nav*/
a.usernav{
	display:block;
	padding: 1px 7px 1px 7px;
	font-weight: bold;
	font-size: 11px;
	}
a.taal{
	font-size: 10px;
	padding: 2px 7px 2px 7px;
	font-weight: normal;
	}
ul.usernav{
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.usernav li{
	list-style: none;
	margin: 0;
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #cad1d4;
	}
ul.nav li.last,
ul.usernav li.last{
	border-right: none;
	}
ul.nav li.first,
ul.usernav li.first{
	border-left: none;
	}

/*content side nav*/
ul.sidenav,
ul.sidenav li{
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.sidenav .sideactive,
ul.sidenav a,
ul.sidenav a:link,
ul.sidenav a:visited{
	margin:0;
	display: block;
	color: #485b69;
	border-bottom: 1px solid #e4e8e8;
	height: 17px;
	background-image: url(images/Layout/pijlke.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px; 
	padding: 3px 0 0 20px;
	}
ul.sidenav .sideactive,
ul.sidenav a:hover,
ul.sidenav a:active{
	background-color: #aac4cf;
	color: #fff;
	background-image: url(images/Layout/pijlke_wit.gif);

	}
	
/*******************/
/**** JOBS FORM ****/
/*******************/

p.jobstitel{
	font-weight: bold;
	font-size: 11px;
	}
form.jobs input.rad{
	margin: 10px 0 -2px 20px;
	}
form.jobs select{
	width: 200px;
	height: 100px;
	margin: 10px 0 0 20px;
	font-size: 10px;
	border: 1px solid #e4e8e8;
	}
form.jobs option{
	margin-bottom: 3px;
	}
form.jobs p{
	margin-bottom: 20px;
	}