@charset "UTF-8";
/* CSS Document */


@import url("reset.css");
/* @import url("diagnostic.css"); */

@import url("shareholdersNav.css");
@import url("stakeholdersNav.css");



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: RGB(116,116,116);
	}

body.shareholders {
	background: url(../images/layout/shareholdersBG.gif);
	}





#wrapper {
	position: absolute;
	z-index: 3;
	width: 100%;
	padding-bottom: 40px;
	}



a:link,
a:visited {
	color: RGB(229,25,55);
	}
a:hover {
	color: RGB(120,120,120);
	}



/* backgroundImage
--------------------------------------------------------------------- */

div#backgroundImage {
	position: fixed;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	}

div#backgroundImage img {
	width: 100%;
	position: fixed;
	}



/* backgroundGrid
--------------------------------------------------------------------- */

div#backgroundGrid {
	position: fixed;
	z-index: 2;
	overflow: hidden;
	width: 100%;
	height: 1600px;
	background: url(/images/layout/background.png);
	}








/* header
------------------------------------------ */

#header {
	height: 153px;
	background: url(../images/layout/headerBg.png) repeat-x bottom;
	width: 100%;
	}






/* language
------------------------------------------ */

#language {
	width: 47px;
	height: 26px;
	position: absolute;
	top: 9px;
	left: 960px;	
	}
#language a {
	display: block;
	width: 47px;
	height: 26px;
	text-indent: -9999px;
	}
#header.nl #language a {
	background: url(../images/layout/english.gif);
	}
#header.int #language a {
	background: url(../images/layout/nl.gif);
	}
#header.int #language a:hover,
#header.nl #language a:hover {
	background-position: 0 -26px;
	}






/* tickertape
------------------------------------------ */


#tickertape {
	width: 431px;
	height: 26px;
	position: absolute;
	top: 45px;
	left: 576px;
	overflow: hidden;
	}

#tickerWrapper {
	width: 383px;
	height: 26px;
	line-height: 26px;
	list-style-type: none;
	background: white;
	}

#tickerWrapper a:link,
#tickerWrapper a:visited {
	color: black;
	text-decoration: none;
	white-space: nowrap;
	}
#tickerWrapper a:hover {
	text-decoration: underline;
	}
#tickerWrapper span {
	color: RGB(229,25,55);
	margin: 0 5px;
	}


#newsBttn {
	position: absolute;
	right: 0;
	top: 0;
	width: 47px;
	height: 26px;
	}
#newsBttn a {
	display: block;
	width: 47px;
	height: 26px;
	text-indent: -9999px;
	}
#header.nl #newsBttn a {
	background: url(../images/layout/nieuws.gif) no-repeat top right;
	}
#header.int #newsBttn a {
	background: url(../images/layout/news.gif) no-repeat top right;
	}
#header.nl #newsBttn a:hover,
#header.int #newsBttn a:hover {
	background-position: 0 -26px;
	}




/* logo
------------------------------------------ */
#logo {
	position: absolute;
	left: 0px;
	top: 81px;
	width: 192px;
	height: 72px;
	}

#logo a {
	background: url(/images/layout/rwg.gif);
	display: block;
	width: 192px;
	height: 72px;
	text-indent: -9999px;
	}

#logo a:hover {
	background-position: 0 -72px;
	}



body.stakeholders #logo a {
	background-position: 0 -72px;
	}
	
body.stakeholders #logo a:hover {
	background-position: 0 0;
	}
	





/* content
------------------------------------------ */
#content {
	width: 960px;
	}




/* mainContent
------------------------------------------ */

#mainContent {
	position: relative;
	float: left;
	width: 336px;
	min-height: 302px;
	background: white;
	margin-left: 192px;
	padding: 18px 24px 54px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: url(/images/layout/mainContentBG.gif);
	}
#mainContent h1 {
	font-size: 26px;
	line-height: 36px;
	font-weight: normal;
	margin-bottom: 18px;
	}
#mainContent h3.archive {
	font-size: 12px;
	margin-top:6px;
	}
#mainContent p {
	margin-bottom: 18px;
	}
#mainContent ul {
	margin-left: 17px;
	list-style: url(../images/layout/bullet.gif);
	margin-bottom: 18px;
	}

#RotterdamWorldGateway {
	position: absolute;
	bottom: 0;
	width: 336px;
	height: 27px;
	background: url(/images/layout/rotterdam_world_gateway-trans.png);
	text-indent: -9999px;
	}



body#news #mainContent h1,
body#press #mainContent h1 {
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 0px;
	color: RGB(229,25,55);
	}
body#news #mainContent div.post,
body#press #mainContent div.post  {
	padding-bottom: 15px;
	border-bottom: 1px solid RGB(200,200,200);
	}
body#news #mainContent h2,
body#press #mainContent h2,
body#news #mainContent div.post h2,
body#press #mainContent div.post h2  {
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	margin-top: 30px;
	}
body#news #mainContent div.post p.date,
body#press #mainContent div.post p.date {
	color: RGB(150,150,150);
	margin: 8px 0 10px 0;
	}
body#news #mainContent h1 a,
body#press #mainContent h1 a {
	text-decoration: none;
	}
body#news #mainContent div.post h2 a:link,
body#news #mainContent div.post h2 a:visited,
body#press #mainContent div.post h2 a:link,
body#press #mainContent div.post h2 a:visited {
	color: black;
	text-decoration: none;
	}
body#news #mainContent div.post h2 a:hover,
body#press #mainContent div.post h2 a:hover {
	color: RGB(100,100,100);
	}



/* mainContent vacancies pages */


body#jobs #mainContent h2 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: RGB(70,70,70);
	}
body#jobDescription #mainContent h1 {
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 0px;
	color: RGB(229,25,55);
	margin-top: 12px;
	}
body#jobDescription #mainContent h1 a {
	text-decoration: none;
	}
body#jobDescription #mainContent h2 {
	font-size: 26px;
	line-height: 27px;
	font-weight: normal;
	margin-top: 24px;
	}
body#jobDescription #mainContent h3 {
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	margin-top: 24px;
	}

/* --- */







#bottomImage {
	width: 384px;
	clear: both;
	margin-left: 192px;
	}







/* sideContent
------------------------------------------ */

#sideContent {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	}

#sideContent h1 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 9px;
	line-height: 18px;
	color: RGB(75,75,75);
	}
#sideContent ul {
	margin-left: 17px;
	list-style-type: square;
	}

#sideContent ul li {
	line-height: 15px;
	}
#sideContent a:link,
#sideContent a:visited {
	color: RGB(75,75,75);
	text-decoration: none;
	}
#sideContent a:hover {
	color: RGB(229,25,55);
	}


body.shareholders #sideContent,
body.stakeholders #sideContent {
	width: 192px;
	padding: 0;
	}

body#news #sideContent,
body#press #sideContent,
body#partners #sideContent,
body#jobs #sideContent,
body#jobDescription #sideContent{
	width: 156px;
	background: url(/images/layout/sideContentBG.gif);
	padding: 18px 18px 18px 18px;
	}




/* sidecontent vacancies pages */

body#jobs #sideContent,
body#jobDescription #sideContent {
	width: 240px;
	padding: 32px 0 0 0;
	}
#sideContent #vacanciesSideContent {
	padding: 0 18px 27px 18px;
	}
#sideContent #vacanciesSideContent h1 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	}
#sideContent #vacanciesSideContent ul li {
	margin-bottom: 6px;
	}
#sideContent #vacanciesSideContent ul a:link,
#sideContent #vacanciesSideContent ul a:visited {
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
	color: RGB(229,25,55);
	}
#sideContent #vacanciesSideContent ul a:hover {
	color: RGB(75,75,75);
	}




/* sidecontent partners page */

#sideContent div#partnerLogos {
	padding-left: 30px;
	padding-top: 55px;
	}
#sideContent div#partnerLogos img {
	margin-bottom: 30px;
	}
#sideContent div#partnerLogos a img {
	border: none;
	}




/* sidecontent constructionReport page */

body#constructionReport #sideContent {
	width: 288px;
	padding: 0 0 18px 0;
	background: url(/images/layout/sideContentBG.gif);
	}

body#constructionReport #sideContent p {
	padding: 9px 9px 0 9px;
	}




/* footer
------------------------------------------ */
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: white;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	z-index: 3;
	}







/* Overlay
------------------------------------------ */

/* the overlayed element */ 
div.overlay {
    display: none; 
	}

div.phase1 { 
   	background-image: url(/images/fase1.png); 
    width: 960px; 
	height: 560px;  
	} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
	background: url(/images/overlay/close.png) no-repeat; 
	position: absolute; 
 	right: 15px; 
	top: 15px; 
	cursor: pointer; 
	height: 28px; 
	width: 28px; 
	} 
 





/* progress
------------------------------------------ */

#progress {
	position: relative;
	}

#progressImages {
	width: 288px;
	height: 180px;
	overflow: hidden;
	}
#progressDescription {
	padding-top: 4px;
	height: 41px;
	}
#progressDescription h2 {
	padding: 9px 9px 0 9px;
	}
#progressDescription p {
	padding: 0px 9px 0 9px !important;
	}

#pager-controls {
	position: absolute;
	top: 152px;
	right: 24px;
	z-index: 999;
	width: 49px;
	height: 19px;
	background: url(/images/pager-controls/pager-controls-bg.png);
	}
#pager-controls a {
	display: block;
	height: 19px;
	width: 16px;
	float: left;
	text-indent: -9999px;
	background-position: 0 -19px;
	}
#pager-controls a:hover {
	background-position: 0 0;
	}
#pager-controls a.pause {
	width: 17px;
	background-image: url(/images/pager-controls/pager-controls-pause.png);
	}
#pager-controls a.resume {
	width: 17px;
	background-image: url(/images/pager-controls/pager-controls-resume.png);
	}
#pager-controls a.prev {
	background-image: url(/images/pager-controls/pager-controls-prev.png);
	}
#pager-controls a.next {
	background-image: url(/images/pager-controls/pager-controls-next.png);
	}
#paused-resume a {
	display: block;
	width: 49px;
	height: 37px;	
	position: absolute;
	top: 68px;
	left: 119px;
	z-index: 999;
	background-image: url(/images/pager-controls/pager-controls-paused-resume.png);
	background-position: 0 -37px;
	text-indent: -9999px;
	}
#paused-resume a:hover {
	background-position: 0 0;
	}