﻿@charset "utf-8";
/*
	Intragen
	Basis Stylesheet
	02-12-2008 - www.i-aspect.com
	by: Bas Muskens (bas@i-aspect.com)
*/
/*****************

	Standaard tags
	
*****************/
* {
}
html, body {
	font-family: Arial, Helvetica, sans-serif;

	margin: 0;
	padding: 0;
	height: 100%;

}
html {
	background: #ccd200 url(../img/bg-bol.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
}
body {
	font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color:#6D6255;
	margin: 0;
	padding: 0;
			
}
.trainingtitle{	color:#6D6255;}
table b{color:#9D9285;}
h1, h2 {
	font-weight: normal;
}
ul, li {
	list-style: none;
}
a {
	color: #ccd200; /* background:url(/img/link.gif) repeat-x bottom left;
		padding-bottom:1px;*/
	text-decoration: none;
}
a:hover {
	background: none;
	text-decoration: none;
}
/**************

  page

**************/
#page, #page2 {
	width: 990px;
	margin: auto;
	padding: 0;
	height: 100%;
	background: #fff url(../img/bg-highlight.png) repeat-y top;
	position: static;
		z-index: 1;
			margin-bottom:-35px;
}
#page2 {
	background: #9d9285 url(../img/bg-highlight2.png) repeat-y top;
}
/* link with image arrow and dotted */
#intro a, #highlight a {
	color: #ccd200; /*background:url(../img/arrow-link.gif) no-repeat left center;*/;
	padding-left: 0px;
	padding-bottom: 5px;
}
#intro a:hover, #highlight a:hover {
	color: #9d9285;
	text-decoration: none;
	/*border-bottom: dotted 1px #9d9285;*/
/*background:url(../img/arrow.gif) no-repeat left center;*/	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 1px;
}
/* link with blue dotted */
#lastNews li a {
	background: url(../img/link-blue.gif) repeat-x bottom left;
}
#lastNews li a:hover {
	background: none;
}
/* link with orange dotted */
#address a, #content a {
	/*background: url(../img/link.gif) repeat-x bottom left;*/
}
#address a:hover, #content a:hover {
	font-size: 1.0em;
	line-height: 1.2em;
	/*color: #9d9285;*/
	/*border-bottom: 1px dotted #9d9285;*/
	text-decoration:underline;
	background: none;
}
/**************

  Head and Logo

**************/
#head {
	width: 980px;
	height: 121px;
	overflow: hidden;
	background-color: #FFF;
	border-left: 5px solid #ccd200;
	border-right: 5px solid #ccd200;
	padding: 0;
	margin: 0;
	position: relative;
}
#logo {
	padding-left: 1px;
	padding-top: 1px;
	position: absolute;
	z-index: 999;
	width: 275px;
	clear:both;
	float:none;
}
#logo a, #logo img {
	border: 0;
}
a, img {
	border: 0;
}

#head ul {
	float: right;
	padding: 30px 25px 55px 0;
}
#head li {
	float: left;
	color: #7c7c7c;
	padding: 0 0 0 5px;
}
#head li a {
	color: #7c7c7c;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
}
#head li a:hover {
	text-decoration: none;
}
.country_dd_button {
	background: #fff url(../img/dd_head_uk.jpg) no-repeat top;
	height: 33px;
	width: 191px;
	margin-left: 320px;
	top: -38px;
	overflow: visible;
	position: relative;
	cursor:pointer;
}
.country_dd_button_uk {
	background: #fff url(../img/dd_head_uk.jpg) no-repeat top;
}
.country_dd_button_belg {
	background: #fff url(../img/dd_head_belg.jpg) no-repeat top;
}
.country_dd_button_neth {
	background: #fff url(../img/dd_head_neth.jpg) no-repeat top;
}
.country_dd {
	background-image: url(../img/dd_body_belg-neth.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment:scroll;
	
	height: 63px;
	width: 179px;
	top: 33px;
	left: 5px;
	position: absolute;
	z-index: 999;
	display: none;
}
.country_dd_belg-neth {
	background-image: url(../img/dd_body_belg-neth.jpg);
}
.country_dd_belg-uk {
	background-image: url(../img/dd_body_belg-uk.jpg);
}
.country_dd_uk-neth {
	background-image: url(../img/dd_body_uk-neth.jpg);
}
.dd_1, .dd_2 {
	height: 31px;
	width: 179px;
}
#contactdetails
{
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:25px;
	width:300px;
		z-index: 2;
}
#contactdetails h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	line-height: 1.5em;
	padding: 0;
	text-align:right;
	margin-top:-3px;
	color:#ccd200;

}
#contactdetails h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
		text-align:right;
	padding: 0;
	color:#bbb;

}
.contactdetailsBelg, .contactdetailsNeth
{
	
	display:none;
	
}

/**************

  Intro of Home

**************/
#home #intro {
	width: 980px; /*background: #FFF url(../img/intro-home.jpg) no-repeat right top;*/;
	float: left;
	border-left: 5px solid #ccd200;
	border-right: 5px solid #ccd200;
	margin: 0;
	padding: 0 0 0px 0;
}
#home #intro h1, #home #intro p, #home #intro a {
	width: 500px;
	margin: 0 0 0 45px;
}
#home #intro h1 {
	font-size: 2.4em;
	padding-top: 35px;
	padding-bottom: 10px;
}
#home #intro h1 em {
	color: #ccd200;
	font-style: normal;
}
#home #intro p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom: 10px;
}
#home #intro a {
	font-size: 1.3em;
	line-height: 1.5em;
}
#home #intro a span {
	border-bottom: 1px dotted #ccd200;
}
#home #intro a:hover span {
	border-bottom: 0px;
}
/*
	
		Intro of contentpage
	
	*/
#pageContent #intro {
	background: #FFF;
	border-left: 5px solid #ccd200;
	border-right: 5px solid #ccd200;
	min-height: 154px;
	position: relative;
}
#pageContent #intro img {
	position: absolute;
	right: 0;
}
#pageContent #intro .introSolid {
	background-color: #9d9285;
	width: 980px;
	height: 10px;
	z-index: 1;
	position: absolute;
	bottom: 0px;
}
/**************

  highlight in Home

**************/
#highlight {
	float: left;
	width: 990px;
	background: #9d9285 url(/img/bg-highlight3.png) repeat-y 0 60px;
	background-color:#fff;
	border-top:solid 7px #ccd200;
	padding: 0 0 25px 0;
}
#highlight ul {
	/*color: #ffffff;*/
	color:#7D7265;
	margin: 0;
	padding: 10px 0 0 0;
}
#highlight li {
	float: left;
	width: 250px;
	padding-left: 50px;
	padding-right: 10px;
}
#highlight h2 {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0em;*/
	/*color: #FFF;*/
	padding: 10px 0 0 0;
	margin: 0;
}
#highlight p {
/*	font-size: 1.2em;
	line-height: 1.5em;*/
}
#highlight a {
/*	font-size: 1.3em;
	line-height: 1.6em;*/
	color: #ccd200;
}
#highlight a:hover {
    	color: #ccd200;
    	border:none;
    	text-decoration:underline;
}
#highlight h2
{
    margin-left:-21px;}
/**************

  content in Home

**************/
#contentHome {
	float: left;
	width: 990px;
	min-height: 175px;
	background: #FFF url(../img/bg-content-home.png) no-repeat bottom;
	margin: 0;
	padding: 0;
}
#contentHome h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	color: #ccd200;
}
/*

	Content for other pages

*/
#holder {
	background: #FFF url(../img/bg-content.jpg) no-repeat bottom;
	float: right;
	width: 990px;
	position: relative;

}
#content {
	float: right;
	width: 780px;
	position: relative;
		font-size:12px;
}
#content h1, h2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
		color:#9D9285;
	padding: 20px 20px 10px 0px;
	margin: 0;
}
#content h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#9D9285;
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content p {

	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #1c2122;
	padding: 0 50px 20px 20px;
	margin: 10;
}
#sideBar {
	float: left;
	width: 194px;
	margin-left: 5px;
}
#sideBar a img{
margin-top:5px;
}
#callUs {
	/*background: #9d9285 url(../img/bg-callus.jpg) repeat-x top;*/
							border: 0px solid #394244;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	float: left;
	width: 154px;
	padding: 0 12px;
	margin: 7px;
	min-height: 0px;
}
#callUs h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 2.0em;
	padding: 10px 5px;
	margin: 0;
}
#callUs h3 {
	border-top: 1px #434a4b solid;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 5px 5px 5px;
	margin: 0;
}
#callUs p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 5px 5px 5px;
	margin: 0;
}
#contentRef, #contentServices {
	float: right;
	width: 780px;
	font-size:12px;
}
#contentRef h1, h2 #contentServices h1, h2 {
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0a0b0c;
	padding: 20px 20px 10px 0px;
	margin: 0;
}
#contentRef p, #contentServices p {

	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #1c2122;
	padding: 0 50px 20px 20px;
	margin: 10;
}
#contentServices p {
	padding: 0 50px 5px 20px;
	line-height: 1.8em;
	font-size:12px;
}
.RefRow {
	clear: left;
	float: left;
	width: 720px;
	padding: 0 0 0 0;
}
.RefLeft {
	width: 150px;
}
.RefRight {
	width: 565px;
	padding: 0 0 0 15px;
}
#contentRef .RefRight p {
	margin: 0;
	padding: 0 0 4px 0;
	line-height: 1.2em;
}
.RefSource {
	color: #9e9e9e;
	font-style: italic;
}
#contentRef a, #contentRef a:visited, #contentServices a, #contentServices a:visited {
	color: #cad300;
	font-weight: bold;
	text-decoration: none;
	outline: 0;
	background-image: none;
	background-color: #FFFFFF;
}
#contentRef a:hover, #contentServices a:hover {
	color: #cad300;
	font-weight: bold;
	text-decoration: underline;
	outline: 0;
	background-image: none;
	background-color: #FFFFFF;
}
#contentServices a, #contentServices a:visited, #contentServices a, #contentServices a:hover {
	/*display: inline-block;
	margin: 10px 0 0 0;*/
}
#contentServices h3 {
	display: block;
	margin: 0 0 -10px 0;
	padding: 0 0 0 20px;
	color: #cad300;
	font-weight: bold;
	font-family: Arial;
	font-size: 1.4em;
}
.RefUnderline, .ServicesUnderline {
	clear: left;
	float: left;
	width: 686px;
	height: 1px;
	margin: 20px 0 20px 0;
	display: inline;
}
.ServicesUnderline {
	margin: 0 0 20px 0;
}
.RefUnderline img, .ServicesUnderline img {
	float: left;
	width: 686px;
	height: 1px;
}
.ServicesSupportTable {
	clear: left;
	float: left;
	width: 740px;
}
.ServicesSupportImg {
	padding: 15px 0 0 0;
}
/*

  News and Events in Home

*/
#lastNews {
	float: left;
	width: 400px;
}
#lastNews h2 {
	padding: 20px 0 0 40px;
	margin: 0;
}
#lastNews ol {
	margin: 0 8px 0 0;
	padding: 0 0 5px 32px;
}
#lastNews li {
	position: relative;
	padding: 3.5em 0 0 10px;
	font-size: 1.0em;
}
#lastNews li a {
	padding: 5px 0 0 0;
	margin: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #ccd200;
	line-height: 1.2em;
	font-weight: normal;
	display: inline;
}
#lastNews p {
	font-size: 1.2em;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #0f1112;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px 20px 0 10px;
}
/*

  Adress in Home

*/
#address {
	float: left;
	width: 590px;
}
#address h2 {
	padding: 20px 0 0 30px;
	margin: 0;
}
#address iColor {
	font-family: Arial, Helvetica, sans-serif;
	color: #ccd200;
}
#address .column {
	float: left;
	width: absolute;
	padding: 20px 0 0 30px;
}
#address h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
}
#address address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.8em;
}
#address .contact {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	width: 160px;
	padding: 20px 40px 0 0;
	margin: 0;
}
#address .contact p {
	padding: 0;
	margin: 0;
}
/**************

  Footer

**************/
#footer {
	width: 990px;
	position: relative;
	overflow: hidden;
	background: #FFF url(../img/bg-footer.jpg) no-repeat top center;
	margin: auto;
	padding: 0 0 0px 0;
	display: none;
}
#footer p {
	float: right;
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 60px 40px 0 0;
	margin: 0;
}
#footer p a {
	color: #7c7c7c;
	text-decoration: underline;
}
#footer p a:hover {
	text-decoration: none;
}
#footer h4 {
	text-indent: -5000px;
	width: 194px;
	height: 30px;
	background-color: #111415;
	display: block;
	float: left;
	position: absolute;
	left: 5px;
	top: 0;
}
/**************

  Popup

**************/
#fade {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 9999;
}
#popup {
	display: none;
	width: 625px;
	height: 274px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -312px;
	margin-top: -140px;
	z-index: 10000;
	zoom: 1;
	background-image: url(../img/main-panel.png);
}
a#learnmore {
	width: 120px;
	height: 25px;
	float: left;
	margin-left: 295px;
	margin-top: 98px;
	display: block;
}
#nothanks {
	width: 110px;
	height: 25px;
	float: left;
	margin-left: 10px;
	margin-top: 98px;
	cursor: pointer;
}
#close {
	width: 35px;
	height: 35px;
	margin-left: 546px;
	margin-top: 40px;
	cursor: pointer;
}
#contactpage {
	margin-left: 10px;
}
#contactpage p {
	margin-left: 15px;
}
.solutionsbox {
	float: left;
	margin-left: 20px;
}
#solutionsbox1 a, #solutionsbox2 a {
	outline: 0px;
	text-decoration: none;
	border: 0px solid white;
	background-image: none;
	border-bottom: 0px white none;
}
#solutionsbox1 a:hover, #solutionsbox2 a:hover {
	outline: 0px;
	text-decoration: none;
	border: 0px solid white;
	background-image: none;
	border-bottom: 0px white none;
}
.solutionsbox img {
	outline: 0px;
	text-decoration: none;
	border: 0px solid white;
	margin-bottom: 7px;
	float: none;
	clear: both;
	display: block;
}
#solutionsbox2 {
	margin-left: 50px;
	clear: right;
}
.solutionsboxes {
	float: none;
	clear: both;
	width: 700px;
}
img.solutionspageimage {
	float: right;
	margin-right:-20px;
	margin-top:40px;
	bottom: 0px;
}
#tabstrip {
	width: 716px;
	height: 84px;
	margin-left: 20px;
	margin-top: 20px;
	background-image: url(/img/tab_background.jpg);
	background-repeat: no-repeat;
	display: none;
}
#trainingtabstrip
{
	width: 480px;
	height: 84px;
	margin-left: 20px;
	margin-top: 20px;
	background-image: url(/img/tab_training_background.jpg);
	background-repeat: no-repeat;
	display: none;
	overflow:visible;
}
#tabstrip1, #tabstrip2, #tabstrip3, #trainingtabstrip1, #trainingtabstrip2, #trainingtabstrip3 {
	width: 203px;
	margin-right: 34px;
	height: 68px;
	background-image: url(/img/tab_migration.jpg);
	float: left;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tabstrip1 {
	background-image: url(/img/migration_button_static.jpg);
}
#tabstrip2 {
	background-image: url(/img/tab_password_off2.jpg);
}
#tabstrip3 {
	background-image: url(/img/tab_accel.jpg);
}
#trainingtabstrip1 {
	background-image: url(/img/forgerock.jpg);
}
#trainingtabstrip2 {
	background-image: url(/img/oraclewaveset.jpg);
}
#trainingtabstrip1.tabstrip_on, #trainingtabstrip1:hover {
	background-image: url(/img/forgerockon.jpg);
}
#trainingtabstrip2.tabstrip_on, #trainingtabstrip2:hover {
	background-image: url(/img/oraclewaveseton.jpg);
}
#tabstrip1.tabstrip_on, #tabstrip1:hover {
	background-image: url(/img/test5.gif);
}
#tabstrip2.tabstrip_on, #tabstrip2:hover {
background-image: url(/img/test2.gif);
}
#tabstrip3.tabstrip_on, #tabstrip3:hover {
background-image: url(/img/test4.gif);
}





#tab1, #tab2, #tab3 {
	font-size: 12px;
}
#tab1 img, #tab2 img, #tab3 img {
	border: 0px solid white;
	vertical-align: middle;
	margin-right: 5px;
}
img.newstitle {
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom:10px;
}
#newstabs {
	position: absolute;
	height: 50px;
	right: 43px;
	top: 20px;
	display: none;
	background-image: url(/img/tab_training_background.jpg);
	background-position: bottom;
}
.newstab, .newstab.tabstrip_on {
	width: 104px;
	height: 36px;
	background-image: url(/img/intragennewstabs.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
.newstab.tabstrip_on, .newstab:hover {
	background-position:0px -37px;
}
.eventstab, .eventstab.tabstrip_on {
	width: 118px;
	height: 36px;
	background-image: url(/img/intragennewstabs.jpg);
	background-position:-294px 0px;
	background-repeat: no-repeat;
	float: left;

	cursor: pointer;
}
.eventstab.tabstrip_on, .eventstab:hover {
	background-image: url(/img/intragennewstabs.jpg);
	background-position:-294px -37px;
}
.presstab, .presstab.tabstrip_on {
	width: 190px;
	height: 36px;
	background-image: url(/img/intragennewstabs.jpg);
	background-position:-104px 0px;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
.presstab.tabstrip_on, .presstab:hover {
	background-image: url(/img/intragennewstabs.jpg);
	background-position:-104px -37px;
}


.newspanel {	width: 718px;
	height: 121px;
	background-image: url(/img/news_events_panel.jpg);
	background-repeat: no-repeat;margin-bottom:20px;
}
#news1, #press1, #events1{
padding-top:10px;
padding-left:18px;
padding-top:25px;

}
#news1 .newspanel h1, #press1 .newspanel h1, #events1 .newspanel h1  {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 20px;
	padding: 23px 0 0 0;
}
#news1 .newspanel h2 , #press1 .newspanel h2, #events1 .newspanel h2 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 20px;
	margin-top: 5px;
color:#9D9285;
	padding: 0;
}
#news1 .newspanel a, #press1 .newspanel a, #events1 .newspanel a {
	border-bottom: none;
}
#news1 .newspanel img, #press1 .newspanel img, #events1 .newspanel img{
	border: none;
	display: block;
	margin-left: 20px;
	margin-top: 15px;
}
#news2 h1, #news2 h3{margin-left:20px;}
/*#events1 h1  {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	padding: 23px 0 0 0;
}*/
table{margin-left:20px;

    line-height: 1.6em;}
	
	img.newsimage{margin-right:20px;}
	
	th.recruitment_title{text-align:left; color:#9D9285;  font-size:1.2em; border-bottom:solid 1px #aaa; padding:0 0 2px 2px;}
