@charset "UTF-8";
/* CSS Document */
/****************************************
*	Reset element margins and paddings	*
****************************************/

html, body, form, input, div, ul, h1, h2, h3, li, img, a{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
	background:url(../../Layout/Images/headerBackground_old.jpg) top left repeat-x;
}

body{
	overflow:visible;
	/*Default font settings*/
	font-size:9.2pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	/*To prevent page shifting set a 1px margin at the bottom of the page to force a scrollbar in the browers window
	margin-bottom:1px;*/
}

/****************************************************
*					IE PNG Fix						*
****************************************************/
img, div { behavior: url(Library/iepngfix.htc); }		

/****************************************************
*	Layout setup for header, footer and content		*
****************************************************/
div#wrapper{
	/*background:#3300CC;*/
	min-height:100%;
	height:auto !important;
	height:100%;
	
	width:740px;
	margin: 0 auto -88px;
	background:url(../../Layout/Images/navback.jpg) repeat-y;
}

div#wrapper.alt{
	background:url(../../Layout/Images/navbackalt.jpg) repeat-y;	
}

div#navigation{
	float:left;
	width:215px;
	
	/*background:red;*/
}

div.menu{
	padding-top:40px;
	margin-left:0;
	padding-left:0;
	/*background:url(../../Layout/Images/SteelPlateBackground.jpg) top left repeat-y;*/
}

div#content{
	float:left;
	margin:0 0 20px 0;
	width: 510px;
	padding: 70px 0 0 15px;
	position:relative;
	/*background:#00CC99;*/

}

div#footer{
	background:#eeeeee;
	width:740px;
	margin: 0 auto;
	border-top:#AAAAAA 2px solid;
	margin-top:20px;
	overflow:hidden;
}

div#footer, div#push{
	height:65px;
	clear:both;

}

div#header{
	background: black;
	position:relative;
	height:90px;	
	overflow:hidden;	/* IE seems to add a 2px bottom margin after the image*/
}

div#newsFrame{
	/*background:#99A4C0;*/
	width:130px;
	
	
	
	position:absolute;
	top:0;
	right:0;
	height:100%;
	
	padding: 20px 0;
}

div#smallContent{
	margin: 0 150px 0 0;
}

/****************************************************
*						News						*
****************************************************/
div.news{
	border:#43588D 1px solid;
}

div#newsFrame div.title{
	background:url(../../Layout/Images/menu_back.gif) top left repeat-x;
}

div#newsFrame div.title a{
	font-family:Arial, Helvetica, sans-serif;
	text-indent:5pt;
	Color:white;
	padding:2px;
	text-decoration: none;
}

div#newsFrame div.newsItem{
	background:white;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#666666;
	
	padding: 5px;
}

div#newsFrame div.newsItem p{
font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#666666;
}

div#newsFrame div.newsItem div.title{
	background:none;
	color:#44588D;
	text-indent:0;
	padding: 10px 0 0 0;
}

div#newsItem{
	/* background: red; */
	border: none;
}

div#newsItem div.news{
	border: none;
}

div#newsItem div.news div.newsItem{
	margin: 0 0 50px 0;
}

div#newsItem div.title{
	display: none;
}

div#newsItem div.news div.title{
	display:block;
	font:bold 10pt Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

/****************************************************
*			Layout for top navigation				*
****************************************************/

div#content div.topNav{
/* 	background:url(../../Layout/Images/topNavBackground.jpg) top left repeat-x; */
	position: absolute;
	top: 40px;
	left: -65px;
	z-index: 10000;
}
div#content div.topNav img.SubSep{ float:left;}
div#content div.topNav a{
/* 	background: url(../../Layout/Images/h3SubSep.png) top left no-repeat; */
	float: left;
	padding:8px 10px 0 10px;
	
	font-size: 10pt;
	color:#5a79bd;
	
	text-decoration: none;
}

div#content div.topNav a:hover{
	color:#666666;
}

div#content div.topNav a:active{
	color: #333333;
}

div#content div.topNav a.topNavLinkActive{
	color:#333333;
}

/*
div#content a.topNavLink{

	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#5a79bd;
	text-decoration:none;
	line-height:35px;
	
	padding: 0 0 0 0;
	
	background: url(../../Layout/Images/h3SubSep.png) top left no-repeat;
}

div#content a:hover.topNavLink{
	color:#666666;
}

div#content a:active.topNavLink{
	color:#333333;
}

div#content a.topNavLinkActive{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333333;
	text-decoration:none;
}

div#content a:hover.topNavLinkActive{
	color:#666666;
}

div#content a:active.topNavLinkActive{
	color:#333333;
}

*/
/****************************************************
*				Layout for navigation				*
****************************************************/
.submenu{
	list-style:none;
	list-style-type:none;
	
/* 	background:url(../../Layout/Images/submenuTop.gif) top left no-repeat; */
	padding: 4px 0 0 0;
}

.submenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	color:#5c739e;
	text-decoration:none;
	
	display:block;
	
/*
	background:url(../../Layout/Images/submenuBackground.gif) top left repeat-y;

*/	
	padding-left:5px;
	padding-bottom:1px;
	font-weight:normal;
}

.submenu a:hover{
	padding-bottom:1px;
	color:#000000;
}

.submenu a.active{
	color:#333333;
}

div.navSpacer{
	height:10px;
	
}

div.CollapsiblePanelTab a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	font-weight:bold;
	color:white;
	text-decoration:none;
}
/****************************************************
*					Header Text						*
****************************************************/

div#header h1{
	margin: -15px 0 0 10px;
	padding-top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:55pt;
	color:#424554;
	text-transform:lowercase;
	float:left;
}

div#header h2{
	position:absolute;
	margin:0;
	
	font:22pt Arial, Helvetica, sans-serif;
	color:#777777;
	
	float:left;
	left:0;
	margin-top:53px;
	margin-left: 250px;
	text-transform: capitalize;
}

div#languageSelection{
	float:right;
	margin-top:0;
}

div#languageSelection a{
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:8pt;
	margin:0 2pt 0 2pt;
	text-decoration:none;
}

div#languageSelection a#active{
	text-decoration:underline;
}

div#languageSelection a:hover{

}

/****************************************************
*				Content Text						*
****************************************************/

div#content h3{
	color:#3A3575;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	line-height:28px;
	vertical-align:top; 
	text-transform: capitalize;
	
	background:url(../../Layout/Images/h3Background.jpg) top left no-repeat;

	padding: 0 0 0 15px;
	margin: 15px 0 20pt -80px;

	width:580px;
	height: 35px;
	
	position:absolute;
	top: 0;
}

div#content h3.short{
	width: 430px;
	
	background:url(../../Layout/Images/h3BackgroundShort.png) top left no-repeat; 
}

div#content div.h3{
	position:relative;
	height:20px;
	width:100%;
	background:none;
	text-align:left;
	vertical-align:bottom;
	clear:both;
}

div#content div.h3End{
	position:relative;
	width:100%;
	float:right;
	height:100%;
	background:none;
	vertical-align:bottom;
	
	margin-right:10px;
	
	border-right:#000066 1px solid;
	border-bottom:#000066 1px solid;
}

div#content h4{
	color:#44588D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	clear:both;
	margin:10pt 0 2pt 0;
}

div#content p{
	font-size:9.2pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	
	margin: 0 0 10pt 0;
	text-align:justify;
}

div#content ul{
	margin: 10px 0 10px 20px;
}

div#content li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.2pt;
	color:#333333;
}

div#content a.default{
	font-family:Arial, Helvetica, sans-serif;
	color:#5a79bd;
	text-decoration:underline
}

/****************************************************
*				Descriptions						*
****************************************************/

div.descKeyword{
	float:left;
	width: 150px;
	
	word-wrap: break-word;
	margin: 0 0 0 0;
	
	display:block;
	font-weight:bold;
}

div.descDescription{
	margin: 10px 0 10px 180px;
	display:block;
	text-align:justify;
}

/****************************************************
*				Footer Address Text					*
****************************************************/

div#footer .belgianAddress, .belgianPhoneNrs, .czechAddress, .czechPhoneNrs{
	float:left;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:7pt;

}

div#footer .belgianAddress{
	padding: 10px 0 0 230px;
}

div#footer .czechAddress{
	padding: 0 0 0 40px;
	
}

div#footer .belgianPhoneNrs{
	padding: 20px 40px 0 20px;
	height:100%;
	
}

div#footer .czechPhoneNrs{
	padding: 20px 0 0 20px;
}

/****************************************************
*				TRANSPARENT FRAME					*
****************************************************/

div.transparentFrame{
	position:fixed;
	top: 0;
	float:left;
	background:url(../../Layout/Images/transFrameBackground.png) top left repeat;
	padding: 40px;
}

img.default{

	
}	

img.alignRight{
	margin: 0 20px 0 20px;
}

img.alignLeft{
	margin: 0 0 0px 20px;
	
}

div.imageContainer{
	text-align:center;
}

img.outofplace{
	margin: 0 0 0 -20px;
}

img.newsImage{
	display:inline-block;
	clear:left;
	margin: 2px 2px 0 0;
}
/****************************************************
*					BLUE BOX						*
****************************************************/

div.bluebox{
		position:relative;
		background:#bdc7e9;
		clear:both;
		padding: 0 10px 10px 0;
		
		margin: 20pt 0;
	}
	
div.bluebox div.title{
	position:absolute;
	background:white;
	float:left;
	clear:both;
	
	top:0;
	padding: 0;
}

div.bluebox div.titleEnd{
	float:left;
	padding: 0 20px 3px 0;
	background:url(../../Layout/Images/historyTitleBRCorner.jpg) bottom right no-repeat;
	height:100%;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-transform:uppercase;
	color:#263974;
	font-weight:bold;
}

div.bluebox div.content{
	padding-top:30px;
	clear:both;
	padding-left:10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#2A3854;
}

div.bluebox a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#263974;
}

/****************************************************
*						HISTORY						*
****************************************************/

img.history{
	margin: 0 0 0 0;
	/*width:509px;*/
	clear:both;
}

div.historyblock{
	margin: 20px 0;
	position:relative;
}

div.past{
	font:Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#333333;
	
	position:relative;
	float:left;
	
	
	border-left:#CCCC00 1px solid;
	margin: -4px 0 30px 0;
}

div.present{
	font:Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#333333;
	
	position:relative;
	float:left;
	
	
	border-left:#A6B6D7 1px solid;
	margin: -4px 0 30px 0;
}

div.y1928{
	width: 118px;
	padding: 10px 1px 0;
	margin-left:1px;
}

div.y1942{
	
	width:118px;
	padding:20px 1px 0;
}

div.y1962{
	
	width:117px;
	padding:10px 1px 0;
}

div.y1976{

	width:140px;
	padding:20px 1px 0;
}

div.y1991{
	margin-left: 25px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	width: 67px;
	padding: 20px 1px 0;
}

div.y1994{
	width:103px;
	left:2px;	
	padding: 80px 1px 0;
}

div.y1996{
	width:150px;
	margin-left:-55px;
	padding: 60px 1px 0;
}

div.y1999{
	width:150px;
	margin-left:-81px;
	padding:40px 1px 0;
}

div.y2001{
	width:118px;
	margin: 0 0 0 -105px;
	padding:10px 1px 0px;
}

div.y2006{
	width:250px;
	margin-left:-349px;
	padding:100px 1px 0;
	
	border-left:none;
	border-right:#A6B6D7 1px solid;
	
	text-align:right;
}

div.y2007{
	width:70px;
	margin-left:24px;
	padding:10px 1px 0;
}

div.history_details{
	display:block;
	clear:both;
}

div.history_title{
	font:bold 10pt Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

div.cool_details{
	display:none;
	clear: both;
	text-align: justify;
	margin-left:10px;
}

div.cool_title{
	font:bold 10pt Arial, Helvetica, sans-serif;
	margin: 10px 0;
}
div.cool_details img.cool{
	float:left;
	margin: 0 10px 10px 0;
}
/****************************************************
*						WIZARD						*
****************************************************/

div.wizardFrame{
	background:#F6F6F6;
	padding:20px;
	
	width:400px;
	margin:50px auto 0 auto;
	float:left;
}

div.wizardHeader{
	background:#CCCCCC;
	text-align:center;
	
	font-size:15pt;
	color:white;
	padding: 5px;
	
}

div.wizardContent{
	float:left;
	clear:both;
	padding:10px 20px 10px 10px;	
	width:100%;
}

div.wizardFooter{
	clear:both;
	text-align:center;
	padding-bottom:10px;
}

div.wizardFooter a{
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
}
div.wizardFooter div.buttonHolder{
	background:none;
	float:right;
}

div.wizardFooter div.button{
	display:inline;
	float:left;
	height:15px;
	background:#ababab;
}

div.wizardFooter a:hover{
	color:#0066CC;
}

div.wizardContent form{
	margin: 10px 0 10px 0;
}

.formError{
	font-size:8pt;
	display:inline;
	color:red;
}

/****************************************************
*					WIZARD-FORM						*
****************************************************/

div.wizardContent div.departments{
	margin: 10px 0 0 0;
}

div.wizardContent div.depDetails{
	padding:10px 20px 10px 20px;
	background:#CCCCCC;
}

div.wizardContent div.depDetailsHidden{
	display:none;
}

div.wizardContent span.cPhone{
	margin-left:20px;

	text-align:right;
}

div.wizardContent span.cFax{
	margin-left:20px;
	text-align:right;
}

div.wizardContent label{	
	display:block;
	margin: 5px 0 3px 0;
	font-weight:bold;
}

div.wizardContent span.depName{
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	text-transform:uppercase;
	font-size:10pt;
	margin-left:auto;
	display:block;
}

div.wizardContent div.spacer{
	height:1px;
	background:#F6F6F6;
	margin-bottom:3px;
}

div.wizardContent div.spacerBlack{
	clear:both;
	height:1px;
	background:#666666;
	margin-top:3px;
}

div.wizardContent div.personal{
	background:#CCCCCC;
	padding:10px 20px 10px 20px;
	margin: 10px 0 0 0;
}

div.wizardContent div.personal textarea{
	width:350px;
	height:100px;
}

div.wizardContent div.personal label{
	display:inline-block;
}

/****************************************************
*					TEAM PAGE						*
****************************************************/
div.blueTeam{
	width:540px;
	margin:10px 0 10px 0;
}

div.blueTeam div.header{
	background:url(../../Layout/Images/teamBlueHeader.jpg) top left no-repeat;
	height:24px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:14pt;
	text-align:center;
	padding-top: 5px;
}

div.blueTeam div.content{
	background:#a2b0e1;
	
	border:#67749d 1px solid;
	border-bottom:none;
	padding: 10px;
}

div.blueTeam div.footer{
	height:9px;
	background:url(../../Layout/Images/teamBlueFooter.jpg) top left no-repeat;
}

div.blueTeam div.footerLast{
	height:9px;
	background:url(../../Layout/Images/teamBlueFooterLast.jpg) top left no-repeat;
}

div.greenTeam{
	width:510px;
	margin:10px 0 10px 0;
}

div.greenTeam div.header{
	background:url(../../Layout/Images/teamGreenHeader.jpg) top left no-repeat;
	height:24px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:14pt;
	text-align:center;
	padding-top: 5px;
}

div.greenTeam div.content{
	background:#e4e2a4;
	
	border:#a9a767 1px solid;
	border-bottom:none;
	padding: 10px;
}

div.greenTeam div.footer{
	height:9px;
	background:url(../../Layout/Images/teamGreenFooter.jpg) top left no-repeat;
}

div.greenTeam div.footerLast{
	height:9px;
	background:url(../../Layout/Images/teamGreenFooterLast.jpg) top left no-repeat;
}

div.teamContainer{
	background: none;
}

div.teamDetails{
	position:absolute;
	left:0;
	top:40px;
	
	width:432px;

	margin: 45px 0 0 20px;
	
	background:url(../../Layout/Images/White-Opacity-@-75%25.png) top left repeat;
/* 	background: red; */
	
	border:#eaeaea 1px solid;
	padding: 20px;
}

div.teamDetails div.left{
	width:206px;
	background: white;
	
	float:left;
}

div.teamDetails div.right{
	width:196px;
	background: white;
	
	float: right;
	padding:5px;
	
	font-size:8pt;
	
	height: 100%;
}

div.teamDetails div.right a#closelink{
	display:block;
	
	margin-top: 10px;
	float: right;
}

div.teamDetails div.left div.profile{
	padding: 5px;
	
	font-size: 8pt; 
}

div.teamDetails div.left div.profile span.name{
	display:block;
	
	font-size: 10pt;
	color:#3A3575;
	
	margin: 0 0 5px 0;
}

div.teamDetails div.left div.profile span.name span.foreign{
	display: block;
}

div.teamDetails div.left div.profile span.title{
	font-weight: bold;
	text-transform: capitalize;
}

table.team{
	border-spacing: 0 5px;
	
	margin: 0 0 0 0;
}

table.team tr td{ 
	width:50px;
	margin: 5px 0 0 0;
}

table.team tr.blue td{
	background: #6677A1;
	
	border-right: 10px #eaeaea solid;
}

table.team tr.blue td.filled{
	background: #eaeaea;
}

table.team tr.yellow td{
	background: #AAAB6F;
	
	border-right: 10px #eaeaea solid;
}

table.team tr.yellow td.filled{
	background: #eaeaea;
}

table.team tr td.left{
	background: #eaeaea;
	width:100px;
	
	font-family: arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: bottom;
}

table.team tr.blue td.left{ color:#6677A1; }

table.team tr.yellow td.left{ color: #AAAB6F; }

div#imageContainer{
	background:red; height:50px; width:100px; position:absolute; left:-140px; top:0;
}

div.menuImages{
	text-align:right;
	width:100%;
	overflow:hidden;
	margin-top:20px;
}

div.menuImages img{ float: right; clear:both; }

.pageImage{ padding: 10px 0; }