* {  padding: 0;  margin: 0; }  html {  height: 100%;  max-height: 100%;  border: 0;  background: #fff;  font-size: 76%;  font-family: georgia, palatino linotype, times new roman, serif;  /* hide overflow:hidden from IE5/Mac */ /* \*/  overflow: hidden;  /* */ }  /***************/ /***********/ body {  height: 100%;  max-height: 100%;  overflow: hidden;  border: 0;  background-image: url(../images/bg.gif);  background-attachment: fixed;  background-position: top left;  background-repeat: repeat-x;  font-family: Verdana, Arial, Helvetica, sans-serif; }  body * {  font-size: 1em; }  textarea {  font-size: 1.5em; }  fieldset {  margin: 1em 0;  padding: 1em ;  border-color: #6792BC;  border-style: solid;  border-width: 0.1em;  color: #6792BC;  width: 75%; }  legend {  padding-left: 2em;  padding-right: 2em;  padding-bottom: 1.5em;  font-weight: bold; }  input {  width: 150px;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; }  label {  float: left;  width: 150px;  text-align: right;  padding-right: 0.5em;  color: #6792BC; }  textarea {   font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;  } #alert {  font-weight: bold;  text-decoration: blink;  color: #FF0000; } img{     border:none; }  .field2 {  width: 3em; }  .field10 {  width: 5em; }  .fieldMedium {  width: 13em; }  .fieldLarge {  width: 20em; } .fieldMax {  width: 25em; } .blueButton {  background-color: #6792BC;  width: auto;/*15em;*/  color: white; } /* voorlopig enkel door FF ondersteund: zwarte tekst op disabled buttons) */ .blueButton[disabled]{  color: #FFFFFF;  } .redButton {  color: #FFFFFF;  background-color: #FF0000;  width: auto; }  .tableHeader {  background-color: #6792BC;  font-size: 1.2em;  font-weight: bold;  text-align: left;  border-top: 1px solid;  border-bottom: 1px solid;  padding: 0.3em;  white-space: nowrap; }  .evenRow.nowrap, .oddRow.nowrap{  white-space: nowrap; }  .evenRow{  background-color: #AEC5DB; /*lichter*/  vertical-align: top; }  .oddRow {  background-color: #D1DEEB;  vertical-align: top; } .alfanumeric {  text-align: left; }  .numeric {  text-align: right; }  .noline {  border: 0; }  #customerInfo {  margin-top: 2%;  margin-bottom: 2%;  padding: 1%;  padding-left: 5%;  border-width: .1em;  border-style: solid;  width: 65%;  height: 5em; }  #header {  position: absolute;  margin: 0;  top: 0;  left: 0;  display: block;  width: 100%;  height: 155px;  z-index: 5;  color: #fff;  background-image: url(../images/bg.gif);  background-attachment: fixed;  background-position: top left;  background-repeat: repeat-x; }  #footer {  position: absolute;  margin: 0;  bottom: 0;  left: 0;  display: block;  width: 100%;  height: 30px;  background-color: transparent;  font-size: 0.8em;  z-index: 5;  text-align: center;  color: #6792BC; }  #footer_corporate {  position: absolute;  margin: 0;  bottom: 0;  left: 0;  display: block;  width: 100%;  height: 4.5em;  /*background-color: transparent;*/  background-color: #FFFFFF;  font-size: 0.8em;  z-index: 5;  text-align: center;  color: #6792BC; }  #content div.error,#content div.message, #content div.info{  height: 1.5em;  margin-top: 0.1em;  font-weight: bolder; }  #content {  position: absolute;  left: 10%;  top: 165px;  bottom: 30px;  width: 80%;       min-width:1000px;  font-size: 1em;  z-index: 4;  overflow: auto; } /***************/ * html #content #side, * html #content #main_content {  height: 100%;  top: 0;  bottom: 0;  border-top: 165px solid #fff;  border-bottom: 50px solid #fff; } #side{  margin-left: 2em;  float: left; }   #main_content{  margin-left: 1em;  float: left;         min-width: 650px;         width: 650px; }  .main_content_title{  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;  font-weight: bold;  color: #ffffff;  background-color: #6792BC; }  .indentLeft {  margin-left: 10em; } .total {  margin-left: 12em;  font-weight: bold; } #header img {  position: absolute;  left: 10%; }  .message {  color: #6792BC; } .info {  color: green; } .error {  color: #FF0000; /*#6792BC;*/ }  #customerInfo {  color: #6792BC;  height: auto; /*1em;*/ }  a {  font-weight: bold;  text-decoration: none; }  a.link,a.link:visited,a.link:active,a.link:hover {  text-indent: 1em;  text-decoration: underline;  color: blue;  padding-left: 0.5em; }   .category_links, .corporate_links{   font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;  font-weight: bold;  color: #ffffff;  /*background-color: #6792BC;*/   padding: 0.5em;   text-align: left;   vertical-align: top;  } .category_links{  background-color: #6792BC;  }  .corporate_links{  color: #6792BC;;   }  a.category,a.category:visited,a.category:active,a.category:hover {  color: #ffffff;  text-decoration: none;  } a.corporate_link,a.corporate_link:visited,a.corporate_link:active {  color: #6792BC;;  /*text-decoration: none;*/ } a.corporate_link:hover {  color: red;  /*text-decoration: none;*/ } .top_navigation {  top: 10px; } .navigation {  top: 130px; }  .top_navigation, .navigation {  z-index: 5;  position: absolute;  text-align: left;  margin: 0 auto;  width: 864px;  left: 12%;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px;  color: #FFFFFF;  font-style: normal;  font-weight: bold;  }  .navigation .text {  overflow: hidden;  color: #F00;  font-weight: bold;  float: left;  padding: .5em 3em;  border-right: .1em solid;  }  .top_navigation ul, .navigation ul {  width: 100%;  overflow: hidden;  border-color: #99A; }  .top_navigation li, .navigation li{  display: inline; }  .top_navigation li a{  padding: .5em 2em; }  .navigation li a {  padding: .5em 3em; } .top_navigation li a, .navigation li a{  display: block;  float: left;  border-right: .1em solid; } .navigation li a.last {     padding-right:0;  border:none; } .top_navigation a:link,.top_navigation a:visited,.navigation a:link,.navigation a:visited  {  color: #FFF; }  .top_navigation a:hover,.top_navigation a:active,.navigation a:hover,.navigation a:active {  color: #F00; }  .disabledLink {  color: #F44;  } .erm{  font-size: 11px;  color: #000000;  font-style: normal;  font-weight: normal;  padding: 1em;  height: 100%;  }   .top{  vertical-align: top;  text-align: left;  }  /* popup 'evengeduld' */ #loader {  display: none;  position: absolute;  left: 0px;  top: 0px;  z-index: 5;   }   #buttons {  margin-top: 1%;  margin-bottom: 1%;  padding-left: 10%; }  #buttons ul {  overflow: hidden; }  #buttons li {  display: inline; }  #buttons li button {  float: left;  margin-left: 5em;  padding-left: 1em;  padding-right: 1em; }  #confirm {  padding: 2em;  padding-bottom: 0em;  width: 75%; }       /********** pop up *************/ a.screen, a.screen:visited { color:#000;  position:relative;  z-index:1; } a.screen b { position:absolute; visibility:hidden; /* hide the image */ width:200px; /* give it a width */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */ border:1px solid #000; /* add a border */ left:0; /* position:the image */ top:-150px; } a.screen:hover { text-decoration:none;  border:0; /* needed for this to work in IE */  z-index:1000; } a.screen:hover b { visibility:visible; /* make the image visible */ height:150px; /* now give it a height */ cursor:pointer; /* for IE */ z-index:0;  } a.screen:hover b img { border:0; /* remove the link border */ }