/* General ---------------------------------------- */

	body {
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		font-size: 10px;
	}
	img {
		border:0px;
	}
	.clearboth { clear: both; }

	ol li { margin-bottom: 8px; }

/* Manila editor menu ---------------------------------------- */
	#editorialMenu{
		position:relative;
		width: 950px;
		font-size: 12px;
		text-align: center; 
		color: #000000;
		font-weight: bold; 
		text-decoration: none; 
		line-height: 20px;
		z-index: 15;
	/*	border: 1px solid #000000;*/
	}
	#editorialMenu a:link.editorialLink {
		color:#0000FF;
		text-decoration: none; 
	}
	#editorialMenu a:visited.editorialLink {
		font-weight: bold; 
		color: #9900cc;
		text-decoration: none; 
	}
	#editorialMenu a:hover.editorialLink {
		font-weight: bold; 
		color: #f7a40a;
		text-decoration: none; 
	}
	#editorialMenu a:active.editorialLink {
		color: #f7a40a;
		font-weight: bold; 
		font-size: 12px;
		text-decoration: none; 
	}
	
/* Page header enclosing div ---------------------------------------- */
	#headerContainer{
		width: 950px;
		position: relative;
		font-size: 10px;
	}
	#headerContainer a:link { 
		font-weight: bold; 
		text-decoration: none; 
		color: #FFFFFF;
	}
	#headerContainer a:visited { 
		font-weight: bold;
		text-decoration: none; 
		color: #FFFFFF;
	}
	#headerContainer a:active { 
		font-weight: bold;
		text-decoration: none; 
		color: #FFFFFF;
		font-size: 10px;
	}
	
/* Page header left column (faculty area) ---------------------------------------- */
	#ioHeader{
		width: 200px;
		float: left;
		height: 150px;
		position: relative;
	}
	#ioImage{
		position:relative;
		width:200px;
		height:150px;
		z-index:1;
	}
	#ioBanner{
		z-index: 5;
/*		background-image: url(/style/labmarkTU/raster.gif);*/
		width:200px;
		height:50px;
		background-image: url(/style/labmarkTU/seventyfive_blue_trans.png);
		position: absolute;
		top: 100px;
	}
	#ioBannerText{
		z-index: 10;
		width:200px;
		height:42px;
		padding-top: 8px;
		text-align: center;
		position: absolute;
		top: 100px;
}

/* Page header center column (studiolab area) ---------------------------------------- */
	#studiolabHeader{
		position: relative;
		width: 540px;
		height: 150px;
		float: left;
	}
	#studiolabImage{
		width:540px;
		height:150px;
		z-index: 10;
		left: 10px;
		position: absolute; /* z-index only applies to elements with position relative or absolute */
	}
	#studiolabPerson{
		z-index: 10;
		right: 0px;
		bottom: 0px;
		position: absolute; /* z-index only applies to elements with position relative or absolute */
	}
	#studiolabBanner{
		width:540px;
		height:50px;
		z-index: 1;
		position: absolute;
		bottom: 0px;
	}
	#studiolabBlue{
		width:540px;
		height:30px;
		background-color: #01b5f2;
		margin-left: 1px;
	}
	#studiolabBlack{
		width:369px;
		height:16px;
/*		background-color: #231f20#f7a40a;*/
		background-color: #231f20;
		text-align: right;
		margin-top: 1px;
		margin-left: 1px;
		padding-right: 170px;
		padding-top: 3px;
	}

/* Page header center column (tudelft area) ---------------------------------------- */
	#tuHeader{
		float: left;
		width: 200px;
		height: 150px;
		clear: none;
		position: relative;
	}
	#tuImage{
		width:200px;
		height:150px;
	}
	#tuBanner{
		width:200px;
		height:50px;
		z-index: 10;
		position: absolute;
		bottom: 0px;
	}
	#tuBlue{
		background-color: #01b5f2;
		width: 200px;
		height: 22px;
		padding-top: 8px;
		text-align: center;
		position: absolute;
		top: 0px;
	}
	#tuBlack{
		width: 200px;
		height: 19px;
		background-color: #231f20;
/*		background-color: #f7a40a;*/
		margin-top: 1px;
		position: absolute;
		bottom: 0px;
	}

/* Content divs breadcrumbs navigation ---------------------------------------- */
	#breadCrumbs{
		float: left;
		width:950px;
		height:20px;
		padding-left:205px;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none; 
		color: #330099;
		padding-top:5px;
	}
	#breadCrumbs a:link { 
		font-weight: normal;
		color:#0000FF;
		text-decoration: none; 
	}
	#breadCrumbs a:visited { 
		font-weight: normal;
		color:#9900cc;
		text-decoration: none; 
	}
	#breadCrumbs a:hover { 
		font-weight: normal;
		color: #f7a40a;
		text-decoration: none; 
	}
	#breadCrumbs a:active { 
		font-weight: normal;
/*		font-size: 10px;*/
		color: #f7a40a;
		text-decoration: none; 
	}

/* Content enclosing div  ---------------------------------------- */
	#contentContainer {
		clear: both;
		width: 950px;
		position: relative;
		z-index: 1;
		font-size: 12px;
		color: #000000;
	}
	#contentContainer h1 {
		font-size: 16px;
	}
	#contentContainer h2 {
		font-size: 14px;
	}
	#contentContainer h3 {
		font-size: 12px;
		color: #f7a40a;
		margin-top: 12px;
		margin-bottom: 4px;
	}
	#contentContainer p {
		font-size: 12px;
		color: #000000;
	}
	#contentContainer table {
		font-size: 12px;
		color: #000000;
	}
	#contentContainer a:link{
		font-size: 12px;
		color: #345cb6;
/*		color: #3e4953;*/
		text-decoration: none; 
	}
	#contentContainer a:visited{
		font-size: 12px;
/*		color: #859bb2;*/
		color: #8D99b4;
		text-decoration: none; 
	}
	#contentContainer a:hover{
		font-size: 12px;
		color: #f7a40a;
		text-decoration: none; 
	}
	#contentContainer a:active{
		font-size: 12px;
		color: #f7a40a;
		text-decoration: none; 
	}

/* Content background div  ---------------------------------------- */
	#contentBackground{
		position: absolute; /* z-index only applies to elements with position relative or absolute */
		left: 0px;
		top: 0px;
		z-index: 1;
	}

/* Content left column (site title area)  ---------------------------------------- */
	#leftContent {
		clear: both;
		position: relative;
		float: left;
		width: 180px;
	/*	position: absolute;
		left: 0px;
		top: 0px;*/
	/*	font-size: 10px;*/
		z-index: 10;
		padding: 10px;
		text-align: right;
/*		background-image: url(/style/labmarkTU/raster.gif);*/
	}
	#siteName a:link {
		color:#000000;
		font-weight: bold; 
		font-size: 16px;
		text-decoration: none; 
	}
	#siteName a:visited {
		font-weight: bold; 
		color:#000000;
		font-size: 16px;
		text-decoration: none; 
	}
	#siteName a:hover {
		font-weight: bold; 
		color:#00000;
		font-size: 16px;
		text-decoration: none; 
	}
	#siteName a:active {
		color:#000000;
		font-weight: bold; 
		font-size: 16px;
		text-decoration: none; 
	}
	#navigator p {
		font-size: 12px;
		color: #000000;	
	}
	#navigator a:link{
		font-size: 12px;
/*		color: #3e4953;*/
		color: #345cb6;
		text-decoration: none; 
	}
	#navigator a:visited{
		font-size: 12px;
/*		color:    #859bb2;*/
		color: #8D99b4;
		text-decoration: none; 
	}
	#navigator a:hover{
		font-size: 12px;
		color: #f7a40a;
		text-decoration: none; 
	}
	#navigator a:active{
		font-size: 12px;
		color: #f7a40a;
		text-decoration: none; 
	}
	#serviceBar {
		font-size: 12px;
		color: #000000;	
	}
	#serviceBar a:link{
		font-size: 12px;
/*		color: #3e4953;*/
		color: #345cb6;
		text-decoration: none; 
	}
	#serviceBar a:visited{
		font-size: 12px;
/*		color:    #859bb2;*/
		color: #8D99b4;
		text-decoration: none; 
	}
	#serviceBar a:hover{
		font-size: 12px;
		color: #f7a40a;
		text-decoration: none; 
	}
	#serviceBar a:active{
		font-size: 12px;
		color: #f7a40a;
		text-decoration: none; 
	}

/* Content center column (site content)  ---------------------------------------- */
	#centerContent {
		float:left;
		position: relative;
		z-index: 15;
		padding: 10px;
		width: 520px;
		background-image: url(/style/labmarkTU/fifty_white_trans.png);
	}

/* Content right column (context module("context"))  ---------------------------------------- */
	#rightContent {
		position: relative;
		float: left;
		clear:none;
		width: 180px;
		z-index: 10;
		padding: 10px;
		background-image: url(/style/labmarkTU/fifty_white_trans.png);
	}

/* Page footer ---------------------------------------- */
	#footerContainer {
		float: left;
		clear: none;
		width: 950px;
		position: relative;
		text-align: center;
/*		font-size: 10px;*/
		color: #000000;
	}
	/* Make the themeLink invisible (on a white backround, that is) */
	#themeLink {
		display:none;
	}

	.idsl-smallbody {
		font-size: 10px;
	}