html, body, #wrap {height: 100%; }

body > #wrap {height: auto; min-height: 100%;}
body { 
	margin:0px; 
	padding:0px; 
	background-color:#ffffff;
	text-align:center;
}

.bg { background: #FFFFFF url(../img/bg.jpg) no-repeat center top; }
.bg2 { background: #FFFFFF url(../img/bg2.jpg) no-repeat center top; }

#main {
	padding-bottom: 30px;  /* must be same height as the footer */
	width:960px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#main a:link, #main a:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:underline;
}

#main a:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
}

#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	font: bold 12px/12px "Trebuchet MS";
	color:#ffffff;
	background: #FFFFFF url(../img/bg-footer.jpg) no-repeat center top;
} 

#footer a:link, #footer a:visited {
	font: bold 12px/12px "Trebuchet MS";
	color: #000000;
	text-decoration:none;
}

#footer a:hover {
	font: bold 12px/12px "Trebuchet MS";
	color: #ffffff;
	text-decoration:none;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#topnav {
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:37px;
}

* html #topnav { /* targets IE6 only */  height:47px; }

#topnav a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#topnav .item {
	text-align:left;
	padding:9px 15px 0 25px;
	float:left;
	border-right:#003366 dotted 1px;
}

#topnav .item a:link, #topnav .item a:visited {
	text-decoration:none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

#topnav .item a:hover {
	text-decoration:none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6699FF;
}

#topnav .item a.on:link, #topnav .item a.on:visited, #topnav .item a.on:hover {
	text-decoration:none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6699FF;
}

/*#topnav #dropdown {
	margin-left:250px;
	margin-top:9px;
	width:120px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}*/

#flash {
	width:960px;
	height:162px;
	position:absolute;
	left:50%;
	margin:0px 0 0 -480px;
	z-index:5;
}

* html #flash { /* targets IE6 only */   margin:-10px 0 0 -480px; }

#head {
	width:960px;
	height:77px;
	position:absolute;
	left:50%;
	margin:0px 0 0 -480px;
}

* html #head { /* targets IE6 only */  margin:-10px 0 0 -480px; }
#head a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#nav, #nav-fr {
	width:960px;
	height:37px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:164px;
}

* html #nav { /* targets IE6 only */   padding-top:155px; }
* html #nav-fr { /* targets IE6 only */   padding-top:155px; }

#nav2, #nav2-fr {
	width:960px;
	height:37px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:78px;
}

* html #nav2, * html #nav2-fr { /* targets IE6 only */  padding-top:70px; }
*+html #nav2, *+html #nav2-fr { /* targets IE7 only */  padding-top:78px; } 

#nav a:focus, #nav2 a:focus, #nav-fr a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#nav .item, #nav2 .item {
	text-align:left;
	padding:7px 0px 0 25px;
	float:left;
}

#nav-fr .item, #nav2-fr .item {
	text-align:left;
	padding:7px 0px 0 10px;
	float:left;
}

#nav .item a:link, #nav .item a:visited, #nav2 .item a:link, #nav2 .item a:visited {
	text-decoration:none;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#nav-fr .item a:link, #nav-fr .item a:visited, #nav2-fr .item a:link, #nav2-fr .item a:visited {
	text-decoration:none;
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#nav .item a:hover, #nav2 .item a:hover {
	text-decoration:none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6699FF;
}

#nav-fr .item a:hover, #nav2-fr .item a:hover {
	text-decoration:none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6699FF;
}

#nav .item a.on:link, #nav .item a.on:visited, #nav .item a.on:hover, #nav2 .item a.on:link, #nav2 .item a.on:visited, #nav2 .item a.on:hover {
	text-decoration:none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6699FF;
}

#nav-fr .item a.on:link, #nav-fr .item a.on:visited, #nav-fr .item a.on:hover, #nav2-fr .item a.on:link, #nav2-fr .item a.on:visited, #nav2-fr .item a.on:hover {
	text-decoration:none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6699FF;
}

#container {
	width:860px;
	margin-top:50px;
	margin-left:50px;
	text-align:left;
}

* html #container  { /* targets IE6 only */ margin-left:10px; }
*+html #container { /* targets IE7 only */  margin-left:10px; } 

#container #left {
	width:400px;
	float:left;
	text-align:left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:17px;
	padding-bottom:30px;
}

#container #right {
	width:400px;
	float:left;
	text-align:left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:17px;
	padding-bottom:30px;
	margin-left:60px;
}

#container #double {
	width:860px;
	text-align:left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:17px;
	padding-bottom:40px;
}

ol { list-style-type:square; margin-top:4px; margin-bottom:20px; }

h1 {
	font: bold 22px Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	margin:0px;
} 

h2 {
	font: 18px Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	margin:0px;
} 

h3 {
	color:#6699FF;
	font-size:24px;
	line-height:24px;
	margin-top:14px;
} 

h4 {
	font: 17px Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	margin-bottom:0px;
	margin:0px;
	color:#6699FF;
} 

.slogan{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
}

#double .thumb {
	width:170px;
	float:left;
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:17px;
	padding-bottom:20px;
}

#double a:focus, #double a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#jobs-item1 {
	background-color:#DCE8F9; 
	padding:10px;
}

#jobs-item2 {
	padding:10px;
	border:#85AEE9 solid 1px;
}

#news {
	background-color:#DCE8F9; 
	padding:10px;
}

#news a:link, #news a:visited {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color: #6699FF;
	text-decoration:underline;
}

#news a:hover {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color: #6699FF;
	text-decoration:none;
}

#news a.more:link, #news a.more:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:underline;
}

#news a.more:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
}

#news img {
	float:left;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:6px;	
}

#news #intro {
	margin-top:5px;
	margin-bottom:0px;
}

hr {
	border-bottom: 1px solid #cccccc;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height:1px;
	margin-top:2px;
	margin-bottom:8px;
}

.location {float:left; width:200px; margin-top:6px;}

/* formulier ------------------------------------------------------------------------------------------- */	

#contact {width:400px; padding:0px; left:0px; float:left; position:relative; }
#contact .item {display:block; clear:left; color:#000000; width:100px; float:left; margin:0px; font: 12px Verdana, Arial, Helvetica, sans-serif; padding-top:2px; }

.inputveld {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	height: 20px;
	width: 275px;
	border: 1px solid #ABD4FE;
	margin-bottom:6px;
	background: #ffffff url(../img/bg-formfields.jpg) repeat-x left top;
	padding-top:6px;
}

.textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 100px;
	width: 375px;
	border: 1px solid #ABD4FE;
	margin-top:6px;
	background: #ffffff url(../img/bg-formfields.jpg) repeat-x left top;
	padding-top:6px;
}

.button1 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #164A83;
	background-color: #164A83;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	margin-left:0px;
	vertical-align:middle;
	color:#ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.button2 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #6699FF;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #6699FF;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	vertical-align:middle;
	color:#ffffff;
}

.red { color:#FF0000;}

/* ---------------- dropdown -------------------------------------------------------------------------------------- */

/*#topnav #dropdown {
	margin-left:250px;
	margin-top:9px;
	width:120px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}*/

#main #dropdown {
	width:100px;
	height:20px;
	margin-right:107px;
	z-index:20;
	float:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

* html #main #dropdown  { /* targets IE6 only */ margin-top:5px; margin-right:10px; }
*+html #main #dropdown { /* targets IE7 only */  margin-top:5px; } 

/*#main #dropdown {
	width:100px;
	height:20px;
	z-index:50;
	left:50%;
	position:absolute;
	margin:0 0 0 280px;
}*/


#main #corporate ul { /* all lists */
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align:left;
	z-index:25;
}

#main #corporate li {
	float: left;
	position: relative;
	width: auto;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
	display: inline;
	text-align:left;
	z-index: 25;
	padding-top: 5px;
	height:20px;
	width:135px;
	background: url(../img/bg-dropdown.jpg) no-repeat right center;
}

#main #corporate li a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
	padding-left:8px;
	cursor:pointer;
}

#main #corporate li li {
	width:129px;
	border-bottom:#000000 solid 1px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	height:16px;
}

#main #corporate li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#main #corporate li:hover ul, li.over ul {
	display: block;
	left: 0px;
	top:20px;
}

#main #corporate ul li a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding-left: 0px;
	float: left;
	margin-left:0px;
	text-decoration:none;
}


#main #corporate ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}


#main #corporate li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	float: left;
	z-index: 25;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

	
* html #main #corporate li ul  { /* targets IE6 only */ padding-top: 3px; }
*+html #main #corporate li ul { /* targets IE7 only */  padding-top: 2px; } 
body:nth-of-type(1) #main #corporate li ul { /* targets google chrome only */ padding-top: 3px;}

#main #corporate ul li li a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 5px;
	padding-top:4px;
	margin-top:0px;
	margin-left:0px;
	display:block;
}


#main #corporate ul li li a.subnav { color:#000000; background-color:#FFFFFF; }
#main #corporate ul li li a.subnav:hover { background-color:#D1E0FF; color:#000000; }

#main #corporate li li#subnav, #main #corporate li li#subnav a {
	color:#000000;
	background: #D1E0FF;
	text-decoration:none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left:4px;
}