/************************************************
	Andere media
************************************************/
@media print
{
	div.headerContainer *,
	div.subNavigatie
	{
		display: none;
	}
	
	div.mainContent
	{
		width: 600px;
	}
	
		div.mainContainer div.mainContent div.content.text,
		div.mainContainer div.mainContent div.content.people
		{
			padding-top: 0px !important;
		}
	
	.itemPrint
	{
		display: block !important;
	}
}

/************************************************
	Stylesheet algemeen
************************************************/
body
{
    background-color: #fff; /*#001a7b; */
    background-repeat: no-repeat;
    background-position: left 74px;
	margin: 0;
	padding: 0;
}

body *
{
	font-weight: normal;
	font-size: 12px;
	color: #001a7b;
	font-family: Arial, Verdana, Helvetica;
}

strong,
h2
{
	font-weight: bold;
}

h2
{
	margin-bottom: 0px;
}

img
{
	border: 0px;
}

p,
div.mainContainer div.mainContent div.content.text div
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.itemPrint
{
	display: none;
}

/************************************************
	Intro
************************************************/
div.introTable
{
	margin-top: 185px;
	margin-left: auto;
	margin-right: auto;
	width: 445px;
}

/************************************************
	Algemene elementen
************************************************/

div.headerContainer
{
	height: 74px;
}
	div.headerContainer div.logo
	{
		width: 195px;
		height: auto;
		float: left;
	}

	div.headerContainer div.logo img
	{
		margin-top: 15px;
		margin-left: 13px;
	}
	
	div.menuContainer
	{
		left: 229px;
		top: 40px;
	    position: absolute;
	}

div.mainContainer
{
	min-height: 541px;
	_height: 541px;
	background-position: left top;
    background-repeat: repeat-y;
    background-image: url(../images/bg/kolom.png);
}

	div.mainContainer div.mainContent
	{
		width: auto;
	}
	
	div.mainContainer div.mainContent div.subNavigatie
	{
		float: left;
		width: 224px;
	}
	
		div.mainContainer div.mainContent div.subNavigatie img
		{
			margin-left: 18px;
			margin-top: 20px;
		}
	
	div.mainContainer div.mainContent div.content
	{
		line-height: 23px;
	}
	
	div.mainContainer div.mainContent div.content.text
	{
		float: left;
		width: 464px;
		padding-top: 40px;
		padding-left: 4px;
	}
	
	div.mainContainer div.mainContent div.content.people
	{
		float: left;
		width: 750px;
		padding-top: 40px;
		margin-left: 3px;
	}
	
		div.mainContainer div.mainContent div.content.people div.teamMember
		{
			width: 150px;
			height: 153px;
			float: left;
			overflow: hidden;
		}
					
		div.mainContainer div.mainContent div.content.people div.teamMember.lastOnRow
		{
			width: 135px;
		}
		
			div.mainContainer div.mainContent div.content.people div.teamMember img
			{
				margin-bottom: 5px;
			}
			
			div.mainContainer div.mainContent div.content.people div.teamMember div
			{
				margin-bottom: 2px;
			}
			
				div.mainContainer div.mainContent div.content.people div.teamMember div strong
				{
					color: #7d82b8;
					font-family: "Trebuchet MS", Arial, Helvetica;
					font-size: 10px;
				}
				
				div.mainContainer div.mainContent div.content.people div.teamMember div
				{
					text-decoration: none !important;
					border-bottom: none !important;
				}
				
				div.mainContainer div.mainContent div.content.people div.teamMember a
				{
					text-decoration: none;
				}
				
				div.mainContainer div.mainContent div.content.people div.teamMember a *
				{
					color: #001a7b;
					text-decoration: none;
					font-family: "Trebuchet MS", Arial, Helvetica;
					font-size: 10px;
					line-height: normal;
				}
				
				div.mainContainer div.mainContent div.content.people div.teamMember a:hover *
				{
					color: #7d82b8;
					text-decoration: none;
					font-family: "Trebuchet MS", Arial, Helvetica;
					font-size: 10px;
					line-height: normal;
				}
	
	div.peopleFoto
	{
		float: left;
		padding-top: 40px;
		margin-right: 50px;
		margin-left: 2px;
	}

div.langSwitch
{
	position: absolute;
	top: 10px;
	left: 825px;
	width: 150px;
	height: 16px;
	text-align: right;
}

	div.langSwitch a
	{
		padding: 0px 10px 0px 0px;
		vertical-align: top;
	    color: #001a7b;
	}

/************************************************
	Submenu
************************************************/
ul.subNav
{
    margin-top: 42px;
}

    ul.subNav li
    {
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
    }

	ul.subNav.portfolio,
	ul.subNav.people,
	ul.subNav.jobs
	{
		margin-top: 50px;
	}

	ul.subNav li
	{
		margin-left: -20px;
		margin-bottom: 10px;
	}
	
		ul.subNav.jobs li
		{
			width: 175px;
		}


	ul.subNav li a
	{
		font-weight: bold;
		color: #001a7b;
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica;
		font-size: 13px;
	}
	
	ul.subNav li a:hover
	{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica;
		font-size: 13px;
	}
	
	ul.subNav li a.active
	{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica;
		font-size: 13px;
	}

/************************************************
	Menu (suckerfish)
************************************************/
#nav, #nav ul 
{
	float: left;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/* alle links */
#nav a
{
	display: block;
	/*width: 10em;
	width: 6em;*/
	color: #fff;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

#nav li
{
	float: left;
	padding: 0;
	/*width: 10em;*/
	width: 150px;
}

/* eerste sublevel */
#nav li ul
{
	position: absolute;
	left: -999em;
	height: auto;
	/*width: 13.9em;*/
	width: 150px;
	font-weight: normal;
	background-color: #b2bad7;
	_margin-left: 2px;
	_margin-right: 2px;
}

	/* eerste sublevel */
	#nav li li
	{ 
		width: 150px;
	}

	#nav li ul a
	{
		text-align: left;
		color: #fff;
		padding: 5px 0px 5px 10px;
	}

	#nav li ul a:hover
	{
		color: #001a7b;
	}

#nav li ul ul {
	margin: -28px 0 0 150px;
}

#nav li.parent:hover
{
	background-color: #fff;
	color: #001a7b !important;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul
{
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul,
#nav li li.sfhover ul, 
#nav li li li.sfhover ul
{
	left: auto;
    top: 34px;
}

/* top element */
#nav li.parent {
    height: 34px;   
}
    
    #nav li.parent.clicked {
        border-bottom: 5px solid #001a7b;
        background-image: url(../images/bg/menu.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    #nav li.parent:hover {
        background-image: none;
    }

#nav li.parent a.parent
{
    color: #001a7b;
	background-position: right top;
	background-repeat: no-repeat;
	height: 20px;
	margin-right: 2px;
	margin-left: 2px;
}

#nav li.parent:hover a.parent, /* rest v.d. wereld */
#nav li.parent.sfhover a.parent /* IE6 */
{
	color: #001a7b;
	background-color: #fff !important;
	background-image: none;
	height: auto;
}

#nav li.parent a.parent.clicked
{
	color: #001a7b;
	background-color: #fff !important;
	background-image: none;
	height: auto;
}

/* alle elementen */
#nav li:hover, 
#nav li.sfhover
{
	background-color: transparent;
}

/************************************************
	Formulieren
************************************************/
input.InputLogin,
input.XGTEditable
{
	color: #001a7b;
	border: solid 1px #001a7b;
}

input.button,
input.XGTButton
{
	background-color: #001a7b;
	border: solid 1px #001a7b;
	color: #fff;
	cursor: pointer;
}

/************************************************
	Investeerders login
************************************************/
td.investLogin
{
	text-align: center;
}

	td.investLogin p
	{
		padding-top: 10px;
	}

	td.investLogin a
	{
		text-decoration: none;
	}

		td.investLogin a:hover
		{
			text-decoration: underline;
		}


/************************************************
	documenten
************************************************/
table.documenten
{
	border-collapse: collapse;
	width: 100%;
}

	table.documenten thead td
	{
		color: #fff;
		font-weight: bold;
	}


/************************************************
	Links
************************************************/
a
{
	color: #001a7b;
	text-decoration: underline;
}
a:hover
{
	color: #b2bad7;
	text-decoration: none;
}

/************************************************
	Persberichten
************************************************/
.pub_date,
.arch_date
{
	font-size: 11px;
    margin-top: 10px;
}

.arch_date
{
	float: right;
}

div.jobItem,
div.pressItem
{
	padding-bottom: 25px;
}

.pressHeader
{
	font-size: 13px;
	font-weight: bold;
}
