/* ------------------------------------------------------ */
/* Copyright 2008 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/
@import url("reset.css");
@import url("form.css");
@import url("custom.css");

html {
	height: 100%;
}
body {
	background: #FFF;
	color: #333;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

a:link,
a:visited { text-decoration: underline; color: #EC5F00; }
a:hover,
a:active { text-decoration: none; }
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #CBDFEA;
}

img.border {border: 1px solid #76C0FE;}

/* Basic structure -------------------------------------- */
/* ------------------------------------------------------ */

div#container {
	position: relative;
	width: 940px;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto;
	z-index:1;
}

div#wrap {
	width: 100%;
	position: relative;
	float:left;
	margin-top: 5px;
	background-color: #fff;
}

div#header {
	margin: 0 auto;
	width: 100%;
	height: 311px;
	z-index:999;
	position: relative;
}

div.top {
	float: left;
	width: 100%;
	height: 85px;
	position: relative;
	z-index: 1000;
}

div.bottom {
	position: relative;
	float: left;
	width: 100%; /*940px*/
	background: #96C7E0 url(none) no-repeat top left;
	z-index: 50;
}

div.bottom div.sidebar {
	position: relative;
	width: 235px;
	height: 226px;
	float: left;	
}

div.sidebar {
	width: 227px;
	float: left;
}

div.sidebar h5{
	width: 222px;
	font-style: italic;
	font-weight: 700;
	color: #FFF;
	font-size: 1.3em;
	margin: 0px 7px 7px 7px;
}

div#main div.sidebar ul li.active a{ color: #333; }
div#main div.sidebar ul li.last{ border-bottom: none; }
div#main div.sidebar ul ul {
	list-style-type: square; 
	line-height: 140%;
	margin: 5px 0 5px 15px;
	width: 210px;
}
div#main div.sidebar ul ul.off { display: none; }
div#main div.sidebar ul ul.on { display: block; }
div#main div.sidebar ul ul li {
	border-bottom: none;
	padding-bottom: 0px;
}
div#main div.sidebar ul ul li a {
	color:#666666;
}

div.ambiance {
	width: 705px;
	height: 226px;
	display:block;
	right:0;
	top:0;
	position: absolute;
	background-position: top right;
	background-repeat: no-repeat;
}

.transbox {
	padding: 10px 20px 8px 20px;
	position: absolute;
	left:0;
	bottom:0;
	width: 665px;
}

.transbox h2 {	
	font-size: 1.4em;
	font-style: italic;
	font-weight: 700;
	color: #FFF;
}	
	
div#main {
	margin-top: 40px;
	float:left;
	position:relative;
	width: 926px;
	border: 1px solid #C8D0E2;
	padding: 9px 6px;
}
div#content {
	width: 668px;
	font-size:1.1em;
	padding: 0 10px 10px 20px;
	position: relative;
	float:right;
	margin: 0px auto;	
	border-left: 1px solid #C8D0E2;
}

/* Header > Language ------------------------------------ */
/* ------------------------------------------------------ */
ul#lan {
	list-style: none;
	margin: 0;
	position:absolute;
	right:0;
	top: 33px;
	z-index:1000;
}

ul#lan li {
	float: left;
	margin-left: 12px;
	width: 16px;
	height: 14px;
}
ul#lan li a {
	display: block;
	width: 16px;
	height: 14px;
	background-image: url(../images/lan.gif);
}

ul#lan li.nl a { background-position: 0 -14px; }
ul#lan li.en a { background-position: -16px -14px; }

ul#lan li.nl a.active {
	background-position: 0 0;
}
ul#lan li.en a.active {
	background-position: -16px 0;
}

ul#lan li span {
	display:none;
}

/* Header > Zoeken -------------------------------------- */
/* ------------------------------------------------------ */
#searchbox {
	position:absolute;
	top: 57px;
	right: 0;
	width: 220px;
}

#searchbox div.label {
	float: left;
	width: 50px;
	text-align:right;
	padding: 7px 0 5px 0;
}

#searchbox div.label h6{
	margin-right: 7px;
	font-size: 1.4em;
	color: #003A79;
}

#searchbox div.field {
	float: left;
	width: 170px;
}

#searchbox div.field .search_field {
	color:#88999F;
	width: 160px;
	display: block;
	font-size:1.1em;
	padding: 4px;
	background-color: #EEF1F2;
	border-top: 1px solid #6E6E6E;
	border-left: 1px solid #6E6E6E;
	position:absolute;
	top: 0;
	right: 0;	
}

#searchbox div.field .search_btn {
	width:16px;
	height:16px;
	display: block;
	position:absolute;
	top: 4px;
	right: 4px;
	text-indent: -9999px;
	outline: none;
	border: none;
	cursor: pointer;
	background: transparent url(/www/images/search.png) top left no-repeat;
}

/* Content > Breadcrumbs -------------------------------- */
/* ------------------------------------------------------ */

div#breadcrumbs {
	position: absolute;
	left: 0;
	top: 316px;
	padding: 14px 7px;
	width: 926px;
}

div#breadcrumbs ul li {
	font-size: 0.9em;
	display: inline;
	margin-right: 0.4em;
	padding:0;
	background:none;
}
div#breadcrumbs ul li a {
	font-weight: 400;
	padding-right: 10px;
	background: transparent url(/www/images/bg-li-breadcrumbs.gif) right center no-repeat;
	color: #2C72BE;
	text-decoration: none;
}
div#breadcrumbs ul li a:hover { text-decoration: underline; }
div#breadcrumbs ul li a.last { background: url(none); }


/* Shared > Tags ---------------------------------------- */
div#content h1,
div#content h2 {
	font-size: 1.6em;
	font-weight:700;
	color: #003B79;
	margin: 0;
	margin: 0.7em 0;
}
div#content h2 {
	font-size: 1.35em;
}

div#content ul {
	margin-left: 15px;
	padding-left: 10px;	
	line-height: 170%;
}
div#content ul li {
	list-style: square ;	
}

div#content li a:hover { color:#67A2C0; }
div#content div { line-height: 1.5em; }

div#content ul.news  { list-style-type: none; margin: 0; padding: 0; }
div#content ul.news li  { list-style-type: none; }
div#content ul.news li span { margin-right: 10px; }

strong { font-weight: bold; }
em { font-style: italic; }
div#content table,
p {
	margin-bottom: .75em; 
	font-size: 1em; 
	line-height: 1.7em;
}

/* Thumbnails (215 x 147) ------------------------------- */
/* ------------------------------------------------------ */
#thumbs { 
	float:left; 
	width: 100%;
	height: auto;
	margin: 0;
}
#thumbs.mtop { 
	margin-top: 20px;
}
#thumbs ul{
	width: 100%;
	list-style-type: none;
	padding: 0px !important;	
	margin: 0px !important;
}

.publication ul li img{
	background-position: center center;
	background-repeat: no-repeat;
}

#thumbs ul li {
	width:200px;
	height:148px;
	min-height:148px;	
	height:auto;	
	display:block;
	float: left;
	margin-right:30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#thumbs ul li a{
	color: #2C72BE;
}
#thumbs ul li.end {
	margin-right:0;
}
#thumbs ul li img {
	padding: 3px;
	border: 1px solid #CAE3F0;
}

#thumbs.employee ul li {
	width:136px;
}
#thumbs.employee_large ul li {
	width: 210px;
	height: 239px;
}

/* Publicaties ------------------------------------------ */
/* ------------------------------------------------------ */

div#publication ul.publication {
	float: left;
	width: 100%;
	padding: 0 0 1.1em 0;
}
div#publication ul.publication li {
	list-style-type: none;
	float: left;
	width: 280px;
	height: 10em;
	margin: 0 20px 1.1em 0;
	border-bottom: 1px solid #CAE3F0;	
	background:none;
	padding:0;
}

div#publication ul.publication div.left {
	float: left;
	width: 110px;
	height: 75px;
}

div#publication ul.publication div.right {
	float: right;
	width: 160px;
}

div#publication ul.publication img {
	width: 100px;
	height: 75px;
	border: 1px solid #CAE3F0;
	padding: 4px;
}

/* Sidebar ---------------------------------------------- */
/* ------------------------------------------------------ */

div.sidebar h2{
	font-size: 1.1em;
	font-weight: 700;
	margin: 5px 0;
}

div.sidebar h2 a{
	color: #003D78 !important;
}
#main .sidebar ul{
	margin: 0;
	padding:0;
	list-style-type: none;
	line-height: 1.7em;
	width: 225px;
}
#main .sidebar ul li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #D2E4EC;
}

#main .sidebar ul li a {
	text-decoration: none;
}

#main .sidebar ul li a:hover {
	text-decoration: underline;
}

/* Google Maps ------------------------------------------ */
/* ------------------------------------------------------ */

p.google_tekst{
	width: 150px;
}
#iw_kml p{
	width: 150px;
	float:left;
}

/* Leftnav ------------------------------------------- */
/* --------------------------------------------------- */

div.quicknav-holder{
	height: 86px;
	position:absolute; 
	bottom:0;
	left:0;
}

ul#quicknav {
	position: relative;
	float: left;
}

ul.leftnav{
	width: 235px;	
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #BED8E4;
}

ul.leftnav li a{
	width: 221px;
	height: 14px;
	padding: 4px 7px;
	text-decoration: none;
	font-size: 1.1em;
	display: block;
	outline: none;
	background: url(/www/images/leftnav_bg.gif) center bottom no-repeat;
	text-decoration: none;
}

ul.leftnav li a:link, 
ul.leftnav li a:visited {
	color: #003979;
	text-decoration: none;
}

ul.leftnav li a:hover,
ul.leftnav li.active a {
	color: #FFF;
}

ul.leftnav li.last a {
	background-image: url(none);
}

/* Footer ----------------------------------------------- */
/* ------------------------------------------------------ */

div#footer {
	float:left;
	width: 100%;
	margin: 25px 0;
}

div#footer div.top {
	padding: 8px;
	width: 924px;
	height: 112px;
	background-color:#DEEBF1;
	position: relative;
}

div#footer div.top h4{
	font-weight: 700;
	font-size: 1em;
	margin: 0 0 1em 0;
	color: #003979;
}

div#footer div.logo {
	text-align: center;
	width: 235px;
	float: left;
	margin-top: 15px;
	cursor: pointer;
}
div#footer div.logo.active h3 a {
	color: #003B7A;
}

div#footer div.logo.over h3 a {color: #003B7A;}

div#footer span.sym {
	margin: 0 auto 5px auto;
	display: block;
	height: 68px;
	width: 86px;	
	background: url(/www/images/beeldmerk_large.png) top right no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
div#footer div.logo.over span.sym { background-position: top left;}

div#footer div.top h3 {
	margin: 0 auto;
	width: 120px;	
}
div#footer div.top a {
	text-decoration: none;	
	font-weight: 700;
	color: #A1C6D8;
}
div#footer div.subsite {
	height: 122px;
	width: 675px;
	display:block;
	float: right;
}

div#footer div.subsite ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	width: 100%;
}

div#footer div.subsite ul li{
	position: relative;
	float: left;
	text-align: center;
	cursor: pointer;	
	width: 72px;
	height: 58px;	
}

div#footer div.subsite ul li#sub-arbo { margin-right: 0!important; }
div#footer div.subsite ul li span.sym{
	width: 65px;
	height: 58px;
	display:block;
	background-image: url(/www/images/beeldmerk_small.png);
}

div#footer div.subsite ul li.over span.sym{	background-position: top left; }

div#footer div.bottom {
	padding: 8px;
	width: 924px;
	background: #BED8E4;
	text-align: center;	
}

div#footer div.bottom ul {
	margin: 0 auto;
	padding: 0;
	width: auto;
}

div#footer div.bottom ul li {
	float: left;
	margin-right: 8px;
	padding: 4px 0;
	color: #003979;
}
div#footer div.bottom ul li a{
	text-decoration: none;
	color: #2C72BE;
}

div#footer strong { font-weight: 700; }


/* Navigation ------------------------------------------- */
/* ------------------------------------------------------ */
a.goto-home {
	position: absolute;
	left:0;
	top: 8px;
	width: 240px;
	height: 70px;
	display:block;
	outline: none;
	background: url(none) no-repeat top left;
}

a.goto-home span { display:none; }


/* Navigation ------------------------------------------- */
/* ------------------------------------------------------ */

div#navigation {
	background: #003B7A;
	margin: 0;
	padding: 0;
	position:absolute;
	top: 53px;
	left: 235px;
	padding: 6px 0;	
}

#nav {
	position:relative;
	float:left;
	width: 100%;
	list-style: none;
	white-space:nowrap;
}

#nav li {
	list-style: none;
	float: left;
	display: inline;
	position: relative !important;
	margin: 0; 
	padding: 0;
}

#nav li a {
	text-decoration: none;
	outline: none;	
}

#nav li a.root { 
	padding: 3px 12px;
	color: #FFF;
	font-size: 1.4em;
	font-weight: 700;
	display: block;
}

#nav li a.root:hover .sub { display: block; }

#nav li .sub {
	position: absolute;
	left: 0;
	top: 26px;
	display: none;
	min-width: 125px;
	max-width: 350px;
	width: auto;
}

#nav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #96C7E0;
	position: relative;
	overflow: hidden;
	width: 225px;
	width: 100%;
}

#nav li .sub li	{
	border-bottom: 1px solid #D2E4EC;
	width: 100%;	
}

#nav li .sub ul li a {
	padding: 5px;
	display: block;
	background: #96C7E0;
	color: #003979;
}

#nav li .sub ul li a:hover { color: #FFF; }
#nav li .sub ul li.last	{ border-bottom: none; }

/* search --------------------------------- */
/* ---------------------------------------- */
div.search-item {
	background: #D2E4EC;
	margin: 20px 0;
	padding: 10px;
}

div.search-item h3 { font-weight: 700; }
div.search-item a { color: #003B79 !important; }
/* Recordpaging -------------------------- */
/* --------------------------------------- */
.recordnav {
	width:100%;
	padding:0;
	text-align:center;
	margin:0 auto 5px auto;
}

.recordnav ul.pages { margin-top: 1.0em; }
.recordnav ul.pages li {
	display: inline;
	margin-right: 5px;
}

div.recordnav ul.pages li a:link, div.recordnav ul.pages li a:visited, div.recordnav ul.pages li a:hover, div.recordnav ul.pages li a:active {
	font-weight: 700;
	text-decoration: underline;
}

div.recordnav .active a { color: #016DB5; text-decoration: none !important; }
div.recordnav a.rnav {
	text-decoration: underline !important;
	margin: 0 8px;
}

/* Thema -------------------------- */
/* -------------------------------- */
li#sub-kantoren.over a { color: #C10000 !important; } /* Rood */
li#sub-fysieke.over a { color: #407E1B !important; }  /* Groen */
li#sub-controlekamers.over a { color: #EC5F00 !important; } /* Oranje */
li#sub-usability.over a { color: #572C83 !important; } /* Fuchsia */
li#sub-productie.over a { color: #BC63BC !important; } /* Paars */
li#sub-arbo.over a { color: #009BC1 !important; } /* Turquoise */