/*****************************************************************
Title: main.css
This file contains the style specification for the overall
HO-Additional.
*****************************************************************/
html, body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-weight: normal;
    overflow: auto;
    font-size: 11px;
    text-align:center;
}

img, div, input { behavior: url("_include/website/js/iepngfix.htc") }

li{
    list-style-type: none;
}

div#innersquare {
    width: 996px;
    height:100%;
    margin:auto;
    overflow:hidden;
    text-align:justify;
    position:relative;
    background-color:#f5f5f5;
    background: url(img/shdw_add.png) repeat;
    background-position: 50% 0;
    padding-left:27px;
    padding-right:27px;
}

div.loginBar{
    width:922px;
    background-color:#f5f5f5;
    height: 30px;
    margin-top:0px;
    text-align:right;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;  
    margin-left:10px;
}

iframe.loginBarIframe {
    width:422px; 
    background-color:#f5f5f5;
    padding: 0px 0px 0px 0px; 
    position: relative; 
    height: 30px;
    overflow:hidden;
}

div.titleBar{
    width: 922px;
    height: 120px;
    margin-left:10px;
}

div.titleBarMenu {
    position:absolute;
    z-index:1;
    width:500px;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;  
    text-align:left;
    left:38px;
    margin-top:4px;
}

div.titleBarTitle{
    font-family: Verdana;
    font-weight: normal;
    font-size: 24px;  
    padding: 15px 260px;
    text-align: left;
    overflow: hidden;
    height: 120px;
}

div.subTitleBar{
    width: 922px;
    height: 30px;
    padding: 5px 260px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;  
    margin-left:10px;
    overflow: hidden;
}

div.navigationHeader{
    width: 922px;
    background-color:#f5f5f5;
    height: 30px;
    color:#000000;
    padding: 5px 260px;
    margin-left:10px;
    border-bottom: 2px solid #e4e4e4;
    overflow: hidden;
}

table.navHeader {
    font-family: Verdana;
    font-weight: normal;
    font-size: 9px;
}

div#menuLeft{
    width: 225px;
    background-color:#f5f5f5;
    margin-left:10px;
    margin-top:20px;
}

/*****************************************************************
class: CdContentIframe
The iframe is used to store the refered pages (sco's, appendices).
*****************************************************************/
div.iframe {
	position: absolute;
	width: 707px;
  top:210px;
  left: 262px;
	overflow: hidden;
  padding: 10px 10px 0px 0px;
  background-color: #f5f5f5;
}

div.iframe .CdContentIframe {
  background-color:#ffffff;
	width: 697px;
  overflow:hidden;
}

a.headerImage {
  position:absolute;
  z-index:1;
  top:3px;
  padding: 3px 10px;
  right:37px;
  margin-top:15px;  
  width:135px;
  height:190px;
  border:0px;
}

img.noordhoffLogo{
  width:199px;
  height:58px;
  border:0px;
}
a.titleBarA:link, a.titleBarA:visited {
  text-decoration: none; color: #000000
}

a.titleBarA:hover {
  text-decoration: underline; color: #000000;
}

a.headerNavStyle:link, a.headerNavStyle:visited , a.headerNavStyle:active{
  text-decoration: none; color: #2E2E2E;
}

a.headerNavStyle:hover {
  text-decoration: underline; color: ##2E2E2E;
}

div.logo {
	position:absolute;
	height:58px;
  width:199px;
  left:37px;
  top:50px;
  z-index:2
}

div.contentFooter {
	position:absolute;
	height:18px;
	bottom:0px;
	width:942px;
	background-color:#FFFFFF;
    margin-right:auto;
    margin-left:auto  
}

a.menuStyle:link, a.menuStyle:visited , a.menuStyle{
  color: #4d4d4d;
  text-decoration: none;
}

a.menuStyle:hover {
  text-decoration: none;   
}

a.menuStyleNormal:link, a.menuStyleNormal:visited , a.menuStyleNormal{
  color: #4d4d4d;
  text-decoration: none;
  position: static !important;
}

a.menuStyleNormal:hover {
  text-decoration: none;   
}
hr.hrStyle{
  width:215px;	
  border:1px solid #e4e4e4; 
  margin-left:-26px
}

* {
	-moz-box-sizing: border-box !important;
}