@import url(/include/css/editor.php);

/** COLORS **
#002a77		Blue
#bfcadd		Light Blue
#d4dbe8		Light Light Blue

#666666		Gray text
#b2b2b2		Gray background
#e5e9f1		Light Gray
*/

body {
	background: #b2b2b2 url('/image/background.jpg') repeat-x;
	}

h1#functie {
	background-color: #E5E9F1;
	padding: 5px 0 5px 5px;
	margin-left: -5px;
}

#contentNedmin li { list-style-position: outside; }


/** LAYOUT **/

#container,
.width {
	width: 958px;
	margin: 0px auto;
	}

#header,
#visual,
#wrapper {
	padding-left: 5px;
	padding-right: 5px;
	clear: both;
	background: #ffffff;
	}
#wrapper {
	overflow: auto;
	}
.home #wrapper {
	background: url('/image/bg-home.gif') repeat-y;
	}
#footmargin {
	clear: both;
	height: 79px;
	background: #ffffff;
	}


/** HEADER **/

#header {
	height: 100px;
	}

#logo {
	width: 300px;
	height: 100px;
	float: left;
	background: url('/image/logo-slogan.gif') no-repeat;
	}
#logo a {
	margin-top: 15px;
	display: block;
	width: 150px;
	}

#navigation {
	width: 543px;
	width: 553px;
	margin-top: 63px;
	height: 37px;
	float: right;
	z-index: 90;
	position: relative;
	}

#careers,
#title {
	position: relative;
	}
#navlang {
	top: 20px;
	right: 10px;
	margin: 0;
	padding: 0px;
	width: 54px;
	list-style: none;
	position: absolute;
	}
#title #navlang {
	top: 35px;
	}
#langSwitchLiNL,
#langSwitchNL {
	width: 22px;
	}
#langSwitchLiEN,
#langSwitchEN {
	width: 30px;
	}
#navlang li {
	display: block;
	float: left;
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	line-height: 20px;
	}
#navlang li a {
	color: #ffffff;
	padding: 2px 5px;
	text-decoration: none;
	}
#navlang li a.active {
	color: #002A77;
	background: #ffffff;
	}


/** VISUAL **/

#visual {
	z-index: 1;
	height: 446px;
	position: relative;
	}
#slogan {
	color: #ffffff;
	width: 207px;
	height: 52px;
	padding: 20px 10px;
	position: absolute;
	top: 30px;
	right: 10px;
	font-size: 150%;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background: #002a77;
	}

#homeBlocks,
#homeBlocks ul {
	margin: 0;
	list-style: none;
	}
#homeBlock-1 { left: 5px; }
#homeBlock-2 { left: 242px; }
#homeBlock-3 { left: 479px; }
#homeBlock-4 { left: 716px; }

#homeBlocks li.coll {
	/* height: 92px; */
	background: #ffffff;
	position: absolute;
	bottom: 30px;
	padding: 10px;
	padding-top: 5px;
	width: 207px;
	cursor: pointer;
	}
#homeBlocks li .blockButton {
	height: 92px;
	height: 77px;
	}
#homeBlocks li .blockButton p {
	color: #888888;
	}
#homeBlocks #homeBlock-2 .blockButton {
	}
#homeBlocks .blockButton h2 {
	font-weight: normal;
	padding-right: 20px;
	font-size: 140%;
	line-height: 1.2;
	margin-bottom: 5px;
	}
#homeBlocks #homeBlock-2 h2 {
	}
#homeBlocks .blockButton .closed,
#homeBlocks .blockButton .opened {
	display: block;
	width: 22px;
	height: 22px;
	right: 8px;
	top: 5px;
	position: absolute;
	text-indent: -999em;
	}
#homeBlocks .blockButton .closed {
	background: url('/image/btn-block-closed.gif') no-repeat;
	}
#homeBlocks .blockButton .opened {
	background: url('/image/btn-block-opened.gif') no-repeat;
	}

#homeBlocks ul {
	height: 0px;
	overflow: hidden;
	}
#homeBlocks ul li {
	height: 40px;
	padding-top: 6px;
	padding-bottom: 6px;
	clear: both;
	border-bottom: 1px solid #b2b2b2;
	list-style-position: outside !important;
	}
#homeBlocks ul li.first {
	margin-top: 5px;
	border-top: 1px solid #b2b2b2;
	}
#homeBlocks ul li:hover,
#homeBlocks ul li.sfhover {
	background: #e5e9f1;
	}
#homeBlocks ul p.image {
	width: 70px;
	float: left;
	}
#homeBlocks ul p.text {
	width: 132px;
	margin-left: 4px;
	float: left;
	line-height: 1.2;
	color: #888888;
	height: 3.6em;
	overflow: hidden;
	}


			/*
			#homeBlocks li.active ul,
			#homeBlocks li:hover ul,
			#homeBlocks li.sfhover ul {
				height: auto;
				}
			*/


/** CONTENT - HOMEPAGE **/

#news,
#careers {
	width: 474px;
	float: left;
	margin-bottom: 20px;
	}
#news h1,
#careers h1 {
	margin-left: 5px;
	}
#news h1,
#news h2,
#careers h1,
#careers h2,
#employee h2 {
	height: 60px;
	line-height: 60px;
	text-indent: 10px;
	}

#news .intro,
.person .personText {
	padding-top: 20px;
	}
#homeVacancies ul { /* #news .intro - 5px */
	padding-top: 15px;
	}

#news .intro {
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}

#careers {
	float: right;
	margin-right: -5px;
	padding-right: 5px;
	}
#careers h1 {
	color: #ffffff;
	background: #002a77;
	margin-right: -5px;
	}

	#homeVacancies h2 {
		color: #ffffff;
		}
	#homeVacancies ul {
		margin-left: 0px;
		border-top: 1px solid #ffffff;
		list-style: none;
		}
	#homeVacancies ul li {
		padding: 5px 10px;
		border-bottom: 1px solid #ffffff;
		}
	#homeVacancies ul a {
		font-weight: normal;
		color: #666666;
		}
	#homeVacancies .readmoreBtn {
		padding-right: 8px;
		}

	#employee h2 {
		text-indent: 0px;
		}


/** CONTENT **/

#content,
#sidebar,
#sidebarRight .sideRightPad {
	padding-top: 30px;
	}

#content {
	width: 474px;
	margin-right: 0px;
	}
#contentNedmin {
	margin-left: 20px;
	margin-right: 20px;
	}
.fullContent #content {
	width: 701px;
	}
.fullContent #contentNedmin {
	margin-right: 0px;
	}

#title {
	height: 92px;
	line-height: 92px;
	text-indent: 20px;
	background: #002a77;
	}
#title h1 {
	font-size: 160%;
	color: #ffffff;
	}


	.blueBlock, .generator_content_kader_table {
		background: #bfcadd;

		}

	.generator_content_kader_table {
		width: 100%;

	}

	.generator_content_kader {
		padding-bottom: 10px;
	}


	.blueBlock h1,
	.generator_content_kader_table h1 {
		/* height: 60px; */
		line-height: 60px;

		padding-right: 10px;
		color: #ffffff;
		font-size: 120%;
		font-weight: bold;
		border-bottom: 1px solid #ffffff;
		}

	.generator_content_kader_table h1 {
		margin-bottom: 20px; padding-left: 10px;
	}

	.generator_content_kader_table p {
		padding-left: 10px;
	}

	.generator_content_kader_table td {
		padding-top: 5px;
		padding-left: 5px;
	}

	.blueBlock .blueContent, .generator_content_kader_table .blueContent {
		padding: 20px 10px;
		}
	.blueBlock li a, .generator_content_kader_table li a {
		font-weight: normal;
		color: #666666;
		}

	#content .person {
		height: 165px;
		margin-bottom: 10px;
		background: #e5e9f1;
		}
	#content .person .content {
		padding: 15px 10px;
		float: left;
		width: 490px;
		height: 135px;
		overflow: hidden;
		}
	#content .person p.quote {
		font-size: 170%;
		margin-top: 10px;
		margin-bottom: 15px;
		line-height: 1;
		color: #002a77;
		font-weight: normal;
		text-transform: none;
		}
	#content .person .image {
		width: 165px;
		height: 165px;
		overflow: hidden;
		float: right;
		}
	#content .person-single,
	#content .person-single .content {
		overflow: auto;
		height: auto;
		}

	#content .facilitie {
		background: #bfcadd;
		margin-bottom: 30px;
		}
	#content .facilitie .top {
		height: 60px;
		}
	#content .facilitie h2 {
		text-transform: uppercase;
		color: #ffffff;
		line-height: 60px;
		float: left;
		width: 310px;
		text-indent: 10px;
		font-size: 130%;
		}
	#content .facilitie p.tglBtnFacilities {
		line-height: 60px;
		float: right;
		width: 120px;
		}
	p.tglBtnFacilities a {
		display: block;
		height: 21px;
		line-height: 19px;
		margin-top: 20px;
		width: 106px;
		padding-left: 10px;
		margin-right: 4px;
		color: #666666;
		font-weight: normal;
		text-decoration: none;
		background-image: url('/image/btn-close.gif');
		}
	.closed p.tglBtnFacilities a {
		background: url('/image/btn-open.gif') no-repeat;
		}

	#content .facilitie .content {
		/* padding-bottom: 60px; */
		/* background: pink; */
		}
	#content .closed .content {
		overflow: hidden;
		height: 0px;
		}

	#content .facilitie p.spacer {
		height: 60px;
		}
	#content .facilitie table {
		width: 100%;
		border-collapse: collapse;
		border-bottom: 1px solid #ffffff;
		/* margin-bottom: 60px; */
		}
	#content .facilitie table,
	#content .facilitie th,
	#content .facilitie td {
		border-top: 1px solid #ffffff;
		}
	#content .facilitie th,
	#content .facilitie td {
		width: 50%;
		padding: 5px 10px;
		}
	#content .facilitie th {
		border-right: 1px solid #ffffff;
		}


/** TABLES - NAV **/

.resultsNav {
	padding: 5px 30px;
	margin-bottom: 20px;
	background: #e5e9f1;
	}
.resultsNav p {
	display: none;
	text-align: right;
	}
.resultsNav a {
	padding: 2px;
	font-weight: normal;
	text-decoration: none;
	}
.resultsNav .btnPrev,
.resultsNav .btnNext {
	}
.resultsNav a.active {
	background: #ffffff;
	}
.resultsNav select {
	width: 95px;
	vertical-align: middle;
	font-size: 100%;
	}


/** SIDEBAR **/

#sidebar {
	margin-left: 15px;
	margin-right: 10px;
	width: 207px;
	}

#sideItems {
	border-top: 1px solid #b2b2b2;
	}
#sideItems .sideItem {
	border-bottom: 1px solid #b2b2b2;
	}
#sideItems .open .holder {
	background: #e5e9f1;
	border-color: #e5e9f1;
	}
#sideItems .holder {
	border-top: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
	height: 40px;
	overflow: hidden;
	}
#sideItems .sideItem .image {
	float: left;
	margin-right: 4px;
	}
#sideItems .sideItem h3 {
	text-transform: none;
	}
#sideItems .sideItem h3,
#sideItems .sideItem p {
	line-height: 1.2;
	}
#sideItems .sideNav {
	border-top: 1px solid #dddddd;
	}
#sideItems .sideNav li {
	border-bottom: 1px solid #dddddd;
	}
#sideItems .sideNav li.active {
	background: #e5e9f1;
	}


/** SIDEBAR RIGHT **/

#sidebarRight {
	float: right;
	margin-left: 0px;
	margin-right: -5px;
	padding-right: 10px;
	}
#sidebarRight #employee {
	margin: 0px;
	margin-top: 10px;
	}


/** FOOTER **/

#footer {
	margin-top: 10px;
	margin-bottom: 50px;
	}
#footer * {
	color: #ffffff;
	}
#footer p {
	line-height: 30px;
	}


/** CLASSES **/

.coll {
	width: 227px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	}
.coll .image{
	/*border: 1px solid lime;*/
	}
.image img {
	display: block;
	}

.person {
	background: #d4dbe8;
	height: 85px;
	}
.person .personText {
	float: left;
	width: 100px;
	padding-left: 10px;
	}
.person .name {
	font-weight: bold;
	text-transform: uppercase;
	}
.person .image {
	float: right;
	}

.quote {
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}
h1.quote {
	font-size: 170%;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 1;
	color: #002a77;
	font-weight: normal;
	text-transform: none;
}

p.readmore a {
	background: url('/image/nav-arrow.gif') no-repeat right 5px;
	display:block;
	width:70px;
}

.readmoreBtn {
	margin-top: 10px;
	text-align: right;
	}
.readmoreBtn a {
	height: 21px;
	line-height: 21px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	background: url('/image/btn-left.png') left top no-repeat;
	}
.readmoreBtn a:hover {
	/* color: #002a77; */
	}
.readmoreBtn a span {
	height: 21px;
	line-height: 21px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 4px;
	background: url('/image/btn-right.png') right top no-repeat;
	}
.readmoreBtn a:hover span {
	background-position: right bottom;
	}

.frmBtn {
	width: 111px;
	height: 21px;
	padding-bottom: 3px;
	text-align: left;
	color: #666666;
	font-size: 100%;
	background: url('/image/formbutton.gif') no-repeat;
	}


/** CLASSES - SIDE NAV **/

.sideNav {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 16px;
	border-top: 1px solid #b2b2b2;
	}
.sideNav li {
	border-bottom: 1px solid #b2b2b2;
	}
.sideNav li a {
	display: block;
	padding: 3px 0px;
	font-weight: normal;
	color: #666666;
	padding-right: 10px;
	background: url('/image/nav-arrow.gif') no-repeat right 7px;
	}
.blueSideNav li a {
	color: #002a77;
	}
.newsItem {
	display: block !important;
	}
.newsDateSpacer{
	width:60px;
	vertical-align:top;
	display:inline-block;
	}
.newsIntro{
	margin-left:8px;
	display:inline-block;
	width:350px;
	vertical-align:top;
	}

/** CLASSES - sidebarRight **/

.imgSlider * { zoom:1; }
.imgSlider {
	height: 414px;
	position: relative;
	margin-bottom: 30px;
	margin-right: -10px;
	}
.imgSlider .sliderElm {
	top: 0px;
	right: 0px;
	position: absolute;
	background: #e5e9f1;
	}
.imgSlider .image,
.imgSlider .imageBg {
	height: 354px;
	width: 227px;
	overflow: hidden;
	}
.imgSlider .image img {
	/* float: right; Doesn't work in IE */
	}
.imgSlider .imageBg {
	background-position: center top;
	background-repeat: no-repeat;
	}
/*
.imgSlider:hover .image,
.imgSlider:hover .metaInfo {
	width: 600px;
	}
*/
.imgSlider .metaInfo {
	position: relative;
	text-align: right;
	padding-top: 5px;
	height: 55px;
	width: 227px;
	width: 197px;
	}
.imgSlider .zoom {
	position: absolute;
	left: 200px;
	top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 16px;
	height: 16px;
	}

.imgSlider .legend {
	position: absolute;
	padding: 370px 0 0 30px;
	width: 170px;
}

.imgSlider .legend a{
	padding-top: 363px;
}

.tblResults {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid silver;
	}
.tblResults tr:hover {
	background: #e5e9f1;
	}
.tblResults tr.closed {
	display: none;
	}

.tblResults td {
	padding: 2px 0px;
	background: #e5e9f1;
	}

.td-id { width: 6%; }
.td-name { width: 30%; }
.td-icon { width: 6%; }
.td-year { width: 10%; }
.td-type { width: 16%; }
.td-country { width: 14%; }
.td-client { width: 18%; }

.tblResults .extraRow td,
.tblResults .closedRow td {
	border-bottom: 1px solid silver;
	}
.tblResults .extraRow .image {
	margin-bottom: 30px;
	}
.tblResults .extraRow .image img {
	margin: 0px auto;
	}
.tblResults .closedRow td {
	background: transparent;
	}

p.tglButton a {
	display: block;
	height: 21px;
	line-height: 19px;
	margin-top: -49px; /* -19px and -30px from .extraRow */
	width: 90px;
	padding-left: 10px;
	margin-right: 4px;
	color: #666666;
	font-weight: normal;
	float: right;
	background: url('/image/btn-open.png') no-repeat;
	}
.closed p.tglButton a,
p.tglButton a.close {
	text-decoration: none;
	background-image: url('/image/btn-close.png');
	}
.closed p.tglButton a:hover,
p.tglButton a:hover.close {
	background-position: left bottom;
	}

#contactform p.radio label.value {
	margin-top: 3px;
}
#contactform p.error {
	background-color: #E5E9F1;
}

#contactform p.error input {
	border: 1px solid #002878;
}

#contactform p.error label.error {
	margin: 5px 0 2px 135px;
	font-weight: bold;
	color: #002878;
	width: 200px;
}

#refSearchDiv {
	height: 21px;
	width: 315px;
	float: right;
	margin-bottom: 5px;
	overflow: hidden;

}

#refSearchDiv form div.input_element {
	overflow: auto;
	float: left;
	height: 19px;

}

#refSearchDiv form div.input_element label {
	width: 45px;
	height: 12px;
	line-height: 17px;
}

#refSearchDiv form div.input_element input {
	height: 14px;
	font-size: 10px;
	width: 200px;
	border:1px solid #AAAAAA;
}

#refSearchDiv form div.input_element input:focus {
	border-color:#002a77;
}

#refSearchDiv form div.input_button label {
	display: none;
}

#refSearchDiv form div.input_button {
	float: right;
	width: 60px;
	height: 18px;
	margin-left: 3px;
	padding: 0;
}

.generator_content_kader_table td p {
	margin-left: 0;
	padding: 0;
}

.generator_content_kader_table hr {
	color: white;
    background-color: white;
    height: 1px;
    border: none;
    border-top: 1px solid white;
}

.generator_content_kader_table h2 {
	color: white;
}