/* VAN OORD, Global styles */

html, body { width:100%; min-height:100%; height:auto !important; height:100%; background-image:url(../img/body_bg.gif); background-repeat:repeat-x; background-position:top left; background-color:#fff; margin:0; padding:0; }
	body { }
	.main-wrapper { width:960px; min-height:100%; height: auto !important; height:100%; margin:0px auto; background-color:transparent !important; position:relative; }
	.main-header { position:relative; width:950px; margin:0 auto;  z-index:999; }
	#flashholder { display:block; z-index:1; min-height:300px; height:auto !important; height:300px; }
		.header-overlay { z-index:10 !important; position:absolute; bottom:0; left:-6px; width:960px; height:34px; background-image:url(../img/sub_header.png); background-repeat:no-repeat; background-position:top left; background-color:transparent; line-height:1px; font-size:1px; }

	.content-wrapper-shadow { width:960px; height:150px; height:auto !important; min-height:150px; background-color:transparent !important; background-image:url(../img/content_shadow_bg.png); background-repeat:no-repeat; background-position:top left; }
	.content-wrapper { width:950px; margin:0 auto; background-color:#fff !important; position:relative; }

	.td-wrapper-fix { background-color:#fff; min-height:100%; height:auto !important; height:100%; }
	.td-wrapper-fix-projects { background-color:#000; min-height:100%; height:auto !important; height:100%; } 
	.logo-van-oord-print { display:none; }

/* MAIN NAVIGATION, HTML styles */
#main-navigation { position:absolute; top:0; left:0; width:950px; height:60px; z-index:11; }
#main-navigation .main-nav { background-image:url(../img/main-nav-bg.png); background-position:top left; background-repeat:no-repeat; width:950px; height:70px; }
#main-navigation .main-nav ul { position:relative; margin:0; width:950px; padding:5px 0 0 0; }
#main-navigation .main-nav ul li { float:left; margin:0; padding:0; }
#main-navigation .main-nav ul li.home { padding:0 0 0 0; cursor:pointer;}
#main-navigation .main-nav ul li.home a { vertical-align:top; text-align:center; display:block; width:84px; height:24px; font:11px Verdana; color:#06335A; line-height:25px; background-image:url(../img/main-nav-home.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer; }
#main-navigation .main-nav ul li.home a:hover { background-image:url(../img/main-nav-home-hover.gif); }
#main-navigation .main-nav ul li.contact { padding:0 0 0 0; cursor:pointer; }
#main-navigation .main-nav ul li.contact a { margin:0 0 0 4px; vertical-align:top; text-align:center; display:block; width:76px; height:24px; font:11px Verdana; color:#06335A; line-height:25px; background-image:url(../img/main-nav-contact.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer; }
#main-navigation .main-nav ul li.contact a:hover { background-image:url(../img/main-nav-contact-hover.gif); }
#main-navigation .main-nav ul li.search { width:247px;  margin:0 15px 0 0; padding:0; }
#main-navigation .main-nav ul li.search input { line-height:21px; vertical-align:top; margin:5px 0 0 11px; width:211px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:none; height:15px; font:9px Verdana; color:#06335A;  }
#main-navigation .main-nav ul li.search .search-field { line-height:16px; }
#main-navigation .main-nav ul li.search .search-submit { cursor:pointer; margin:5px 0 0 -4px; width:18px; height:17px; background-image:url(../img/search-submit-bg.gif); border:none; background-repeat:no-repeat; background-position:top left; }
#main-navigation .main-nav ul li.search .search-submit:hover { background-image:url(../img/search-submit-bg-hover.gif); }
#main-navigation .main-nav ul li.search .search-submit-ie6 { background-image:url(../img/search-submit-bg-hover.gif) !important; } /* IE6 style voor de search icon. Wordt met js geswapped */

#main-navigation .main-nav ul li.en { }
#main-navigation .main-nav ul li.en a.active { background-image:url(../img/lang-bg-en-active.gif); }
#main-navigation .main-nav ul li.en a { font:11px Verdana; color:#06335A; display:block; background-image:url(../img/lang-bg-en.gif); background-repeat:no-repeat !important; background-position:top right; height:25px; width:23px; margin:4px 0 0 0; }
#main-navigation .main-nav ul li.nl {  }
#main-navigation .main-nav ul li.nl a { font:11px Verdana; color:#06335A; display:block; background-image:url(../img/lang-bg-nl.gif); background-repeat:no-repeat !important; background-position:top right; height:25px; width:23px; margin:1px 0 0 3px; }
#main-navigation .main-nav ul li.nl a.active { background-image:url(../img/lang-bg-nl-active.gif); }

/* SUB NAVIGATION */

/* main level */
#main-navigation .sub-nav { position:absolute; top:34px; left:6px; z-index:11; }
#main-navigation .sub-nav ul { margin:0; padding:0; width:730px;  }
#main-navigation .sub-nav ul li { float:left; width:81px; height:29px; background-image:url(../img/main-nav-li-bg.png); background-repeat:no-repeat; background-position:top left; font-size:1px; line-height:1px; }
#main-navigation .sub-nav ul li span { display:block; width:81px; height:29px; }
#main-navigation .sub-nav ul li span a { position:relative !important; display:block; width:81px; height:29px; margin:0 0 0 0; font:9px Arial; color:#fff; text-align:center; vertical-align:top; }

#main-navigation .sub-nav ul li .vo2 { background-image:url(../img/main-nav-li-ourcompany.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo3 { background-image:url(../img/main-nav-li-ourapproach.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo4 { background-image:url(../img/main-nav-li-ourprojects.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo5 { background-image:url(../img/main-nav-li-ourtechnology.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo6 { background-image:url(../img/main-nav-li-yourcareer.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo7 { background-image:url(../img/main-nav-li-ournewsroom.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo50 { background-image:url(../img/main-nav-li-ouractivities.png); background-repeat:no-repeat; background-position:middle center; }
/* Main level NL */
#main-navigation .sub-nav ul li .vo-nl-181 { background-image:url(../img/main-nav-li-ourcompany_nl.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo-nl-222 { background-image:url(../img/main-nav-li-ourapproach_nl.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo-nl-236 { background-image:url(../img/main-nav-li-ourprojects_nl.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo-nl-261 { background-image:url(../img/main-nav-li-ourtechnology_nl.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo-nl-266 { background-image:url(../img/main-nav-li-yourcareer_nl.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo-nl-361 { background-image:url(../img/main-nav-li-ournewsroom_nl.png); background-repeat:no-repeat; background-position:middle center; }
#main-navigation .sub-nav ul li .vo-nl-229 { background-image:url(../img/main-nav-li-ouractivities_nl.png); background-repeat:no-repeat; background-position:middle center; }

#main-navigation .sub-nav ul li.main-active { background-image:url(../img/main-nav-li-bg-hover.png); background-repeat:no-repeat; background-position:top left; }
#main-navigation .sub-nav ul li.main-active_page { background-image:url(../img/main-nav-li-bg-active.png); background-repeat:no-repeat; background-position:top left; }
#main-navigation .sub-nav ul li:hover { background-image:url(../img/main-nav-li-bg-hover.png); background-repeat:no-repeat; background-position:top left; }

/* second level */
#main-navigation .sub-nav ul li ul { width:162px; position:absolute; left: -9999px; display:none; /* <-- Used to counter the left: -9999px in Opera */ }
#main-navigation .sub-nav ul li:hover ul, #main-navigation .sub-nav ul li.hoverIE ul { left:auto; /* Opera needs both attributes to be defined to display correctly --> */ top:29px; display:block; }
#main-navigation .sub-nav ul li ul li { float:none; width:162px; height:26px; background:transparent url(../img/main-nav-li-bg-2e-level.png) no-repeat 0 0 !important; font-size:1px; line-height:1px; }
#main-navigation .sub-nav ul li ul li.has-sub { float:none; width:162px; height:26px; background:transparent url(../img/main-nav-li-bg-2e-level-sub.png) no-repeat top left !important;  }
#main-navigation .sub-nav ul li ul li.nav-active { background-image:url(../img/main-nav-li-bg-2e-level-sub-active.png) !important; background-repeat:no-repeat !important;  }
#main-navigation .sub-nav ul li ul li.has-sub a.has-sub:hover { background:transparent url(../img/main-nav-li-bg-2e-level-hover-sub.gif) no-repeat 0 0 !important;  }
#main-navigation .sub-nav ul li ul li.last { height:26px; background:transparent url(../img/main-nav-li-bg-2e-level-last.png) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li.last a:hover { background:transparent url(../img/main-nav-li-bg-2e-level-last-hover.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li.last a.has-sub { background:transparent url(../img/main-nav-li-bg-2e-level-last-sub.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li.last a.has-sub:hover { background:transparent url(../img/main-nav-li-bg-2e-level-last-sub-hover.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li a { position:relative; display:block; width:162px; height:26px; font:10px Arial; color:#024c6f; background-image:none; text-align:left; margin:0; padding:0 0 0 5px; line-height:21px; }
#main-navigation .sub-nav ul li ul li a:hover { background:transparent url(../img/main-nav-li-bg-2e-level-hover.gif) no-repeat 0 0 !important; }

/* third level */
#main-navigation .sub-nav ul li ul li ul { margin:-26px 0 0 160px; }
#main-navigation .sub-nav ul li:hover ul li ul, #main-navigation .sub-nav ul li.hoverIE ul li ul, #main-navigation .sub-nav ul li.hoverIE-2e ul li ul { left:-9999px; display:none;  }
#main-navigation .sub-nav ul li ul li:hover ul, #main-navigation .sub-nav ul li ul li.hoverIE ul { left:auto; top:auto; display:block; }
#main-navigation .sub-nav ul li ul li ul li { width:165px; height:26px; background:url(../img/main-nav-li-bg-3e-level.png) no-repeat 0 0 !important;  }
#main-navigation .sub-nav ul li ul li ul li.last { height:26px; background:url(../img/main-nav-li-bg-3e-level-last.png) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li ul li.last a { height:26px; }
#main-navigation .sub-nav ul li ul li ul li.last a:hover { background:url(../img/main-nav-li-bg-3e-level-last-hover.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li ul li.has-sub { width:165px; height:26px; background:url(../img/main-nav-li-bg-3e-level-sub.png) no-repeat 0 0 !important;  }
#main-navigation .sub-nav ul li ul li ul li.nav-active { background-image:url(../img/main-nav-li-bg-3e-level-sub-hover.png) !important; background-repeat:no-repeat !important; }
#main-navigation .sub-nav ul li ul li ul li.has-sub a.has-sub:hover { width:165px;height:26px; background:url(../img/main-nav-li-bg-3e-level-sub-hover.gif) no-repeat 0 0 !important;  }
#main-navigation .sub-nav ul li ul li ul li.last a.has-sub { height:26px; background:url(../img/main-nav-li-bg-3e-level-last-sub.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li ul li.last a.has-sub:hover { background:url(../img/main-nav-li-bg-3e-level-last-sub-hover.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li ul li a { position:relative; display:block; width:165px; height:26px; }
#main-navigation .sub-nav ul li ul li ul li a:hover { background:url(../img/main-nav-li-bg-3e-level-hover.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li.last ul li a:hover { height:26px; background:url(../img/main-nav-li-bg-3e-level-hover.gif) no-repeat 0 0 !important; }
#main-navigation .sub-nav ul li ul li.last ul li.last a:hover { height:26px; background:url(../img/main-nav-li-bg-3e-level-last-hover.gif) no-repeat 0 0 !important; }
/* fourth level */
#main-navigation .sub-nav ul li ul li ul li ul { margin:-26px 0 0 160px; }
#main-navigation .sub-nav ul li ul li:hover ul li ul, #main-navigation .sub-nav ul li ul li.hoverIE ul li ul, #main-navigation .sub-nav ul li ul li.hoverIE-2e ul li ul { left:-9999px; display:none; }
#main-navigation .sub-nav ul li ul li ul li:hover ul, #main-navigation .sub-nav ul li ul li ul li.hoverIE ul { left:auto; display:block; }
#main-navigation .sub-nav ul li ul li ul li ul li a { position:relative; display:block; width:165px; height:26px; }
#main-navigation .sub-nav ul li ul li ul li ul li a:hover { background-image:url(../img/main-nav-li-bg-3e-level-hover.gif); background-position:top left; background-repeat:no-repeat; }
#main-navigation .sub-nav ul li ul li ul li.last ul li a:hover { background-image:url(../img/main-nav-li-bg-3e-level-hover.gif); background-position:top left; background-repeat:no-repeat; }
#main-navigation .sub-nav ul li ul li ul li.last ul li.last a:hover { background-image:url(../img/main-nav-li-bg-3e-level-last-hover.gif); background-position:top left; background-repeat:no-repeat; }

/* Sitemap section */
.sitemap-wrapper { margin:0 10px 0 10px; background:url(../img/lc-divider.gif) repeat-x top left;}
.sitemap-wrapper h2 { font-size:18px; margin:0 0 10px 0; padding:10px 0 0 0; color:#024c6f; }
.sitemap-wrapper h2 a { color:#024c6f; }

	td.sitemap-td { vertical-align:top; width:180px; }
	td.sitemap-td ul { margin:0; padding:0 0 20px 0; }
	td.sitemap-td ul li { margin:0; padding:0;  padding:2px 0 2px; 0; }
	td.sitemap-td ul li a { font:12px Verdana; color:#ff8702; text-decoration:none; line-height:16px; }
	td.sitemap-td ul li a:hover { color:#024C6F; text-decoration:none; }
	td.sitemap-td ul li ul { margin:0; padding:0; }
	td.sitemap-td ul li ul li { margin:0 0 0 10px; padding:2px 0 2px; 0;  }
	td.sitemap-td ul li ul li a { font:10px Verdana; color:#024c6f; text-decoration:none; line-height:16px; }
	td.sitemap-td ul li ul li a:hover { }
	td.sitemap-td ul li ul li ul { margin:0; padding:0; }
	td.sitemap-td ul li ul li ul li { padding:2px 0 2px; 0;  }
	td.sitemap-td ul li ul li ul li a { font:10px Verdana; color:#467d9b; text-decoration:none; line-height:16px; }
	td.sitemap-td ul li ul li ul li a:hover{  }

/* 404 enz error messages */
.error-message { margin:0 10px 0 10px; background:url(../img/lc-divider.gif) repeat-x top left; min-height:250px; height:auto !important; height:250px; }
.error-message h4 { }
.error-message p { }
.error-message ol { margin:0 0 0 25px; list-style-type:decimal; list-style-position:outside; }
.error-message ol li { font:12px Verdana; color:#000; line-height:16px; }
.error-message ol li a { color:#467D9B; }
.error-message ol li a:hover { color:#024C6F; }

/* --- TYPOGRAPHY STYLES, Headings, paragraphs, links enz --- */

/* headings */
h1 { font:20px Verdana; color:#ff8702;  }
h2 { font:16px Verdana; color:#024c6f; line-height:16px; }
h3 { font:12px Verdana; color:#646464; font-weight:bold; line-height:16px; margin:0;  }
h4 { font:12px Verdana; font-weight:bold; color:#024c6f; }
h5 { font:13px Verdana; color:#fff; line-height:20px; padding:5px 0 0 10px; }
h6 { font:18px Verdana; font-weight:bold; color:#ff8702;  }

/* H1 heading classes, used when type in the headings are to large */
h1.medium { font:16px Verdana; color:#ff8702; margin:7px 0 0 0; }
h1.small { font:14px Verdana; color:#ff8702; margin:7px 0 0 0; }

h4.title { font:14px Verdana; font-weight:bold; }

/* paragraphs */
p { padding:0 0 20px 0; font:12px Verdana; color:#000; line-height:16px; }
.content-selector-data strong { color:#024C6F; }
/* links */
a { font:10px; Verdana; text-decoration:none; }
a:active, a:visited, a:focus { outline:none; }
object:focus { outline:none; }

object.sIFR-flash { vertical-align:top; }

/* -- misc classes -- */
.spacer { padding:5px 0 0 0; }
.rc-feature-small { font:10px Verdana; }
.h6-sub-text { font:18px Verdana; font-weight:normal; color:#ff8702; line-height:16px; padding:5px 0 5px 0; }
.rc-feature-text { font:12px Verdana; line-height:16px; }
/* -- a classes -- */
.plain-text { font:12px Verdana; color:#333333; line-height:16px; text-decoration:none; }


/* Temporary Video in fullscreen */
.video-wrapper { display:none; position:absolute; top:0; z-index:20;  height:100%; height:auto !important; min-height:100%; background-image:url(../img/video-popup-bg.png); background-repeat:repeat; background-position:top left; }
.video-wrapper .video { padding:100px 0 0 0; }
/* End video */