body, html {
margin: 0 0 10px 0;
padding: 0;
background-color: #FFFFFF;
background-image:url(../assets/images/bg_haskoning.jpg);
background-repeat:repeat-x;
color: #000000;
}
div, td, p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
p {
margin: 4px 40px 8px 20px;
line-height:1.3;
}
h1 {
margin: 0px 180px 13px 20px;
font-weight:bold;
font-size: 11px;
}
h2 {
margin: 4px 12px 4px 20px;
padding: 0;
font-weight:bold;
letter-spacing:0.10em;
font-size: 11px;
color: #004F68;
}
h3 {
margin: 12px 12px 4px 20px;
padding: 0;
font-weight:bold;
font-size: 10px;
color: #004F68;
}
h4 {
margin: 4px 0px 4px 8px;
padding: 0;
font-weight:bold;
letter-spacing:0.10em;
font-size: 11px;
color: #004F68;
}
h5 {
margin: 0px 40px 13px 40px;
font-weight:bold;
font-size: 11px;
}
h6 {
margin: 12px 0px 0 0px;
padding: 0 6px 0 8px;
font-size: 10px;
color: #000000;
font-weight:normal;
}
h6 a:link, h6 a:visited  {
color: #004F68;
text-decoration: none;
}
h6 a:hover{
color: #004F68;
text-decoration: none;
}
a:link, a:visited  {
color: #004F68;
text-decoration: none;
}
a:hover{
color: #000000;
text-decoration: none;
}
#wrapper {
margin: 0 auto 32px auto;
padding: 0;
width:900px;
border-bottom: solid 1px #7FA7B3;
border-right: solid 1px #7FA7B3;
border-left: solid 1px #7FA7B3;
}
#header {
width:900px;
height:205px;
}
#header h1 {
padding: 50px 0px 0px 160px;
margin-right: 8px;
font-size: 12px;
text-transform:uppercase;
letter-spacing: 0.1em;
color: #FFFFFF;
font-weight: normal;
}
#logo {width:264px;}
#topNav {
margin:0px;
width:511px;
text-align: right;
height:25px;
}
#topNavContent {
padding: 4px 8px 0px 0px;
}
#topNav a {font-weight: bold;}
#topNav a:link, #topNav  a:visited {text-decoration: none;}
#topNav a:hover, #topNav a:active {text-decoration: underline;}
#search {
margin: 0px;
padding: 4px 8px 6px 0px;
width: 170px;
background-image:url(../assets/images/searchBg.jpg);
background-repeat:repeat-x;
height:25px;
}
#imageBlock { }
#menuTop {
width: 180px;
}
#claim {
margin: 0;
padding: 0;
width:900px;
height: 50px;
}
#container {
margin: 0;
padding: 0;
width:900px;
}
#leftBar {
width:174px;
background-color:#F2F6F7;
border-right: solid 1px #7FA7B3;
}
#nav {
width:174px;
margin:0px;
}
#navFoot {
width:174px;
margin:0;
}
#copTable {
width:174px;
padding: 2px;
margin:0px;
}
#content {
width:601px;
padding:0px;
}
#cat {
width:660px;
margin: 0 0px 20px 0;
text-align:left;
}
#mainContent {
width:724px;
margin: 0;
height: 375px;
min-height:375px;
}
#mainContent h1 {
margin: 4px 12px 4px 20px;
padding: 0;
font-weight:bold;
letter-spacing:0.10em;
font-size: 11px;
color: #004F68
}
#mainContent ul {
margin: 0px 20px 0px 20px;
padding: 0;
}
#mainContent li {
margin: 0 20px 0px 12px;
line-height:1.8;
list-style:url(../assets/images/bulletBlue.jpg);
}
#rightBar {
width:180px;
margin-bottom: 12px;
}
#rightBar p {
margin: 0px 0px 2px 2px;
padding-left: 8px;
line-height:1.0;
}
#projectContent {
width:724px;
margin: 0;
}
#projectContent .content {
padding: 12px 20px 12px 32px;
}
#projectContent p {
margin: 4px 0px 0px 0px;
}
#projectContent ul {
margin: 4px 20px 0px 20px;
padding: 0;
}
#projectContent li {
margin: 0px;
line-height:1.4;
list-style-type:square;
}
#projectHeader {
padding: 4px 0px 8px 0px;
background-color:#EBECED;
font-weight:bold;
}
#projectTable {
padding-bottom: 20px;
}
.projImg {margin: 8px 0px 4px 8px;}
#rightBlueBar {
border-left: solid 1px #7FA7B3;
}
#footer {
width:724px;
margin: 0;
}
#title {
background-color:#CCDCE1;
}
#title2 {
background-color:#CCDCE1;
height: 50px;
min-height: 50px;
vertical-align:text-top;
}
#title3 {
background-color:#CCDCE1;
height: 35px;
min-height: 35px;
vertical-align:text-top;
}
#footer  ul {
margin: 0px;
padding: 8px 12px 0px 8px; 
heigth:100%;
}
#footer li {
list-style-type: none;
padding: 4px 20px 0px 20px;
background-repeat: no-repeat;
background-position: 7px 1px;
}
.headlines {
padding-left: 4px;
padding-bottom: 12px;
}
.headlines li {
background-image:url(../assets/images/catHead.jpg);
padding-top: 4px;
padding-bottom: 4px;
}
.headlines a:link, .headlines a:visited {
color: #000000;
text-decoration: none;
font-weight:bold;
}
.headlines a:hover, .headlines a:active {
color: #004F68;
text-decoration: none;
}
.catCellBeige {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:280px;
}
.catCellBeige p {
color:#996600;
margin: 4px 8px;
}
.catCellBeige a:link,
.catCellBeige a:visited {
color: #000000;
text-decoration: none;
}
.catCellBeige a:hover,
.catCellBeige a:active {
color: #996600;
text-decoration: none;
}
.catCellOrange {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:280px;
}
.catCellOrange p {
color:#DF7101;
margin: 4px 8px;
}
.catCellOrange a:link,
.catCellOrange a:visited {
color: #000000;
text-decoration: none;
}
.catCellOrange a:hover,
.catCellOrange a:active {
color: #DF7101;
text-decoration: none;
}
.catCellGreen {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:280px;
}
.catCellGreen p {
color: #007E63;
margin: 4px 8px;
}
.catCellGreen a:link,
.catCellGreen a:visited {
color: #000000;
text-decoration: none;
}
.catCellGreen a:hover,
.catCellGreen a:active {
color: #007E63;
text-decoration: none;
}
.catCellLightGreen {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:280px;
}
.catCellLightGreen p {
color: #B2BD01;
margin: 4px 8px;
}
.catCellLightGreen a:link,
.catCellLightGreen a:visited {
color: #000000;
text-decoration: none;
}
.catCellLightGreen a:hover,
.catCellLightGreen a:active {
color: #B2BD01;
text-decoration: none;
}
#mainNavigation {
width: 174px;
min-height: auto;
margin: 0;
padding: 0;
background-color:#FFFFFF;
}
#mainNavBG {
background-color:#004F68;
}
#mainNavigation ul {margin: 0px; padding: 0px;}
#mainNavigation li {
display: inline;
background-image: none;
padding: 0px;							
}
#mainNavigation li a {
display: block;
margin:0px;
padding: 4px 2px 4px 6px;
text-decoration: none;
font-weight: bold;
border-bottom: solid 1px #99B9C3;
color: #004F68;
}
#mainNavigation li a:hover {
background-color: #7FA7B3;
color: #FFFFFF;
}
#mainNavigation ul li a {padding: 4px 0px 4px 6px;}
#mainNavigation ul li a:hover {
color: #004F68;
background-color: #CCDCE1;
}
#openLink {
/*/*/display: block;
padding: 4px 2px 4px 6px;
background-color: #7FA7B3;
color: #FFFFFF;/* */
}
#openSubLink {
background-color: #CCDCE1;
padding: 4px 2px 4px 6px;
}
.imgCenter {
margin: 8px 0px;
}
#projectSpec {
width: 700px;
margin: 12px 0px;
background-color: #EBECED;
}
#projectSpec p {
margin: 2px 10px;
line-height:1.2;
}
#projectSpec2 {
margin: 0px;
background-color: #EBECED;
}
#projectSpec2 p {
margin: 2px 0px;
line-height:1.4;
font-weight:normal;
}
#organisation {
width: 700px;
margin: 8px 12px;
background-color: #EBECED;
}
#organisation p {
margin: 6px 10px 6px 10px;
line-height:1.5;
font-weight:normal;
}
#organisation td {
vertical-align:top;
}
.adobe a:link, .adobe a:visited  {
color: #FFFFFF;
text-decoration: none;
}
.adobe a:hover{
color: #FFFFFF;
text-decoration: none;
}
.right-image {
margin: 15px 0px 15px 20px;
float:right;
}
.left-image {
margin: 15px 20px 15px 0px;
float:left;
}