/***************************************************************

 * TITLE: Common Stylesheet for Blue Haze                      * 

 * URI  : http://www.oswd.org/design/xxx/bluehaze/bluehaze.css *

 * MODIF: 2003-01-05 1608 +0800                                *

 ***************************************************************/

/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {

  margin-left: 2.5mm;

  float: left;

  clear: left;

}

.RHS {

  margin-right: 2.5mm;

  float: right;

  clear: right;

}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {

  margin-left: 5mm;

}

[class~="RHS"] {

  margin-right: 5mm;

}


/* ###### Body Text ###### */

body {

  background-color: white;

  color: black;

  font-family: verdana, tahoma, helvetica, arial, sans-serif;

  font-size: 90%;

  margin: 0;

  background-repeat: no-repeat;

  background-attachment: scroll;

}

h1, h2, h3 {

  font-family: "trebuchet ms", tahoma, sans-serif;

}

h1 {

  font-weight: bold;

  font-size: 150%;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  padding-bottom: 0.5ex;

}

img {

  border: none;

}

img.left {

  border: none;

  padding-bottom: 0.1ex;

  padding-top: 0.8ex;

  padding-right: 5.0ex;

  padding-left: 2.0ex;

  float: left;

  clear: left;

}

img.right {

  border: none;

  padding-bottom: 0.1ex;

  padding-top: 0.8ex;

  padding-left: 5.0ex;

  padding-right: 2.0ex;	

  float: right;

  clear: right;

}

img.ach {

  border: none;

  padding-bottom: 0.1ex;

  padding-top: 0.8ex;

  padding-left: 5.0ex;

  padding-right: 2.0ex;	

  float: right;

 }

BR.left { clear: left }

BR.right { clear: right }

BR.all { clear : both }

q {

  font-family: tahoma, verdana, helvetica, arial, sans-serif;

  font-weight: bold;

  border-style: dotted;

  border-width: 2px;

  margin: 0 1em 1ex 1em;

  padding: 0.5ex 0.5ex 0.5ex 1ex;

  width: 9em;

  float: left;

}

acronym {

  border-bottom-style: dotted;

  border-bottom-width: 1px;

  cursor: help;

}

code {

  font-family: "lucida console", monospace;

  font-size: 90%;

}

dt {

  font-weight: bold;padding-bottom: 1.5em;

}

dd {

  padding-bottom: 1.5em;

}

table.prijs {

  border:ridge; 

  border-collapse:collapse; 

}

.prijs th {

  border:ridge;

  border-collapse:collapse;  

  font-variant: small-caps; 

}

.prijs td{

  border:ridge;

  border-collapse:collapse;   

}

#bodyText {

  text-align: justify;

  line-height: 1.5em;

  margin: 175px 5em 0em 14em;

  padding: 0 1em 1ex 1em;

}

#bodyText p {

  padding-bottom: 2ex;

}

#bodyText a {

  text-decoration: none;

  border-bottom-style: solid;

  border-bottom-width: 1px;

}

#bodyText a:hover {

  border-bottom: none;

}

#bodyText .topOfPage {

  font-size: 90%;

  font-weight: bold;

  font-variant: small-caps;

  text-decoration: none;

  border: none;

  padding-left: 1ex;

  padding-right: 1ex;

  float: right;

}

.smallCaps {

  font-variant: small-caps;

}

/* ###### Header ###### */

#header {

  border-bottom-style: solid;

  border-bottom-width: 2px;

  height: 10.0em;

  margin-bottom: 5mm;

  padding: 2.5mm  2.5mm 0 5mm;

  background-repeat: no-repeat;
  
  position: fixed;
  
  width: 100%;
  
  height: 130px;
  
  top: 0px;
  
  right: 0px;
  
  bottom: auto; 
  
  left: 0px;  

  
}

.headerTitle {

  font-size: 145%;
  
  font-weight: bold;

  line-height: 2em;
  
  
}

.menuBar {

  float: left;

}

.locBar {

  float: right;

}

.menuBar *, .locBar * {

  text-decoration: none;

  font-weight: bold;

  padding-right: 1ex;

}

.menuBar a:hover, .locBar a:hover {

  text-decoration: underline;

}

/* ###### Side Box ###### */

#sidebar {
  
  position: fixed; 
  
  width: 200px;
  
  height: auto; 
  
  top: 175px; 
  
  right: auto; 
  
  bottom: 35px; 
  
  left: 0px; 
  
}

#LHStableBox {
  vertical-align: top;
}

.sideBox {

  border-style: solid none solid none;

  border-width: 2px 0 2px 0;

  width: 11em;

  margin-top: 5mm;

}

.sideBox div {

  font-weight: bold;

  border-bottom-style: dashed;

  border-bottom-width: 1px;
  
  padding: 0.5ex 0.5em 0.5ex 0.75em;

}

.sideBox a, .sideBox a:hover, .sideBox span {

  color: black;

  text-decoration: none;

  line-height: 1.25em;

  display: block;

  padding: 1.25ex 0.5em 1.25ex 0.75em;

}

.sideBox .thisPage {

  font-weight: bold;

}

/* ###### Footer ###### */

#footer {

  padding-top: 0.75ex;

  padding-bottom: 0.75ex;

  clear: left;
  
  position: fixed; 
  
  width: 100%;
  
  height: 30px; 
  
  top: auto; 
  
  right: 0px; 
  
  bottom: 0px; 
  
  left: 0px;

}

#footer div {

  font-size: 85%;

  line-height: 1.25em;

  text-align: right;

  padding-right: 3mm;

}

#footer a:hover {

  text-decoration: none;

}

.footerLHS {

  float: left;

  clear: left;

  padding-left: 3mm;

}