/*
rood	color:#BF2C37;
blauw	color:#00476C;
*/
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow:hidden;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	}
body, table, th, td, p, input, textarea, select {
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:11px;
	}	
a {}
a:hover {}
h1 {
	font-size:16px;
	margin-bottom:15px;
	}
h2 {font-size:14px;margin-bottom:10px;}
h3 {font-size:12px;margin-bottom:10px;}
h3 span {
	float:right;
	font-size:11px;
	font-weight:normal;
	color:#00476C;
	}
h4 {}
h5 {}
h6 {margin-bottom:10px;font-size:10px;font-weight:normal;}	
p {margin-bottom:15px;}
	
ol {}
ul {}
li {}
li li {}

label {}
address {
	margin-bottom:15px;
	}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:600px;
	margin:-300px 0 0 -500px;
	background:#FFF url(../gfx/pageback.jpg) no-repeat left top;
	z-index:10;
	}
	
	
.logo {
	position:absolute;
	top:77px;
	left:18px;
	width:98px;
	height:67px;
	z-index:12;
	}
body.home .logo {
	top:94px;
	left:777px;
	width:138px;
	height:91px;
	}
.globe {
	position:absolute;
	top:15px;
	left:30px;
	width:75px;
	height:75px;
	z-index:20;
	}
.slogan {
	position:absolute;
	top:527px;
	left:17px;
	width:112px;
	height:50px;
	z-index:12;
	}
body.home .slogan {
	top:430px;
	left:577px;
	width:336px;
	height:52px;
	}

.footer-nav {
	border-top:1px solid #FFF;
	padding:3px 10px;
	color:#FFF;
	font-size:9px;
	text-align:left;
	border-bottom:1px solid #FFF;
	}
body.home .footer-nav {
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	height:auto;
	z-index:12;
	}
.footer-nav span {
	margin-right:10px;
	}		
					
.language {
	position:absolute;
	top:60px;
	left:730px;
	width:150px;
	height:20px;
	color:#FFF;
	font-size:9px;
	z-index:11;
	text-align:right;
	}	
	.footer-nav .language {
		position:static;
		top:auto;
		left:auto;
		width:auto;
		height:auto;
		float:right;
		padding-right:50px;
		}
	
.language a {color:#000;text-decoration:none;padding:0 0px 0 25px;}
.language a:hover {color:#FFF;}
a.nl {background:transparent url(../gfx/nl.gif) no-repeat 9px 3px;}
a.uk {background:transparent url(../gfx/gb.gif) no-repeat 9px 3px;}


.content-frame {
	position:absolute;
	top:88px;
	left:150px;
	width:730px;
	height:489px;
	z-index:20;
	text-align:left;
	}
.content-frame .background {
	width:730px;
	height:489px;
	background:transparent url(../gfx/content-back.png) no-repeat left top;
	}
.content-scroll {
	position:relative;
	margin:10px;
	width:510px;
	height:380px;
	padding:0 20px 0 170px;
	overflow:auto;
	text-align:left;
	}
.content-scroll a {color:#00476C;text-decoration:underline;}
.content-scroll a:hover {color:#BF2C37;}

.page-title {
	position:relative;
	margin:20px 0 0 118px;
	height:65px;
	text-transform:uppercase;
	background:transparent url(../gfx/pagetitle-back.gif) no-repeat left top;
	z-index:100;
	}
.page-title h1 {
	margin:3px 35px 0 60px;
	font-size:25px;
	color:#BF2C37;
	font-weight:normal;
	}
.page-title .globe {
	position:absolute;
	top:0px;
	left:0px;
	width:41px;
	height:41px;
	z-index:100;
	background-color:#00486C;
	overflow:hidden;
}


ul.menu {
	position:absolute;
	top:182px;
	left:50px;
	width:200px;
	height:auto;
	z-index:100;
	text-align:left;
	}
ul.menu li {
	height:21px;
	margin-bottom:5px;
	width:200px;
	background:transparent url(../gfx/menuitem-back.gif) no-repeat left top;
	}
ul.menu li a {
	display:block;
	padding:3px 0 0 35px;
	position:relative;
	color:#FFF;
	font-size:10px;
	text-decoration:none;
	}
ul.menu li a:hover,
ul.menu li a.active {color:#9BC6DD;}


.form-back {
	margin-bottom:10px;
	height:260px;
	width:411px;
	background:transparent url(../gfx/form-back.gif) no-repeat left top;
	}
.form-grid {
	margin:18px 0 10px 0;
	}
.form-grid td.name-cell {
	color:#FFF;
	padding:6px 10px;
	width:115px;
	text-align:right;
	vertical-align:top;
	}
.form-grid td.input-cell {}
.form-grid .type-text {
	margin-bottom:3px;
	padding:3px 0 0 3px;
	width:253px;
	height:21px;
	font-size:12px;
	border:1px solid #FFF;
	}
.form-grid textarea {
	padding:3px 0 0 3px;
	width:253px;
	height:60px;
	font-size:12px;
	border:1px solid #FFF;
	}
.form-grid .w30 {width:85px;margin-right:5px;}
.form-grid .w50 {width:158px;}

.buttons {
	width:411px;
	text-align:right;
	padding-bottom:2px;
	}
.buttons #reset {}
.buttons #submit {margin-left:10px;}

ul.link-list {margin-bottom:15px;}
ul.link-list li {margin-bottom:5px;}
ul.link-list li a {color:#00476C;text-decoration:underline;}
ul.link-list li a:hover {color:#BF2C37;}

ul.bullet {
	margin:0 30px 15px 20px;
	list-item:disc;
	}
ul.bullet li {
	list-style-type:disc;
	}
	
.job-title {
	margin-bottom:15px;
	font-size:25px;
	color:#BF2C37;
	text-align:center;
	
	}
