body {
  background:           #FFF url(merou_bg.png) center center fixed no-repeat;
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            10pt;
  line-height:          16pt;
  margin:               0px;
  padding:              0px;
}

hr {
  clear: both;
}

#content {
  margin: 0px;
  margin-left: 20px;
  padding: 10px;
}
  
@media print {
  #content, #smallcontent {
    margin-left: 0px;
  }
}

#rightbar {
  position: absolute;
  right: 0px;
  top: 150px;
  margin: 0px 20px 0px 20px;
  padding: 10px 25px 10px 25px;
  float: right;
  width: 200px;
  background: #CCCCFF;
}

#leftbar {
  margin-right: 300px;
}

#rightbar h4 {
  font-size: 12pt;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px 0px 15px -25px;
  background-color:     #008DA1;
  width:                240px;
  padding: 5px;
}

h1 {
  font-size: 18pt;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #06C;
  margin-bottom: 6px;
  margin-top: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid #999;
}
  
h2 {
  font-size:            14pt;
  font-family:          Helvetica, Arial, sans-serif;
  font-weight:          normal;
  width:                95%;
  color:                #FFFFFF;
  background-color:     #008DA1;
  padding:              5px;
}
  
h3 {
  font-size: 12pt;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #06C;
  margin-bottom: 0px;
  margin-top: 18px;
}
  
h4 {
  border-bottom: 0px dashed #999999;
  font: 12px Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #06C;
  margin-bottom: 0px;
}
  
p {
  margin-bottom: 9px;
  margin-top: 9px;
}
  
a {
  color: #06C;
  text-decoration: none;
  font-weight: bold;
}
  
a.popup {
  cursor:             help;
}
  
a:hover {
  color: #06C;
  text-decoration: underline;
}

a img {
  border:              0px;
}
  
dt {
  font-weight: bold;
}
  
pre {
  background: #EEE;
  border: 1px solid #CCC;
  font: 85%/120% "Andale Mono","Courier New", Courier,  monospace;
  padding: 6px;
  margin: 4px 50px 4px 8px;
  color: #444;
}
  
blockquote {
  background: #EEE;
  border-left: 3px solid #AAA;
  font-size: 10pt;
  font-family:  Georgia, "Times New Roman", Times, serif;
  padding: 6px;
  margin: 4px 50px 4px 8px;
  color: #444;
  font-style:italic;
}
  
.tip {
  border: 1px dashed #06C;
  padding: 6px;
  background-color: #DDF;
  margin: 4px 50px 4px 8px;
}
  
.filename {
  background: #EEEEEE;
  font: 85%/100% "Andale Mono","Courier New", Courier,  monospace;
  color: #222;
}
  
  
.tagname {
  padding: 3px;
  color: #444;
  font-weight: bold;
}
  
.menuoption {
  font-weight: bold;
  color: #254;
}
  
#header {
  background: #1E3C3C;
  background: url(water.jpg);
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-align: right;
  height: 100px;
}
  
#logo {
  border: 0px solid #FF0000;
  float: right;
  margin: 00px;
  margin-top: 10px;
  padding: 10px;
}
  
@media print {
  #shortcuts, #header{
    display:           none;
  }
}
  
/* CSS for the main navigation .. */
  
#shortcuts {
  background: #DDD;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  color: #333;
  margin: 0px 0px 0px 0px;
  padding: 0px 6px;
}
  
.spacer {
  clear: both;
}
  
#nav ul, #nav { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: bold;
  color: #333;
  font-size: 9pt;
  cursor: pointer;
}
  
#nav {
  margin-left: 20px;
}
  
#nav li { /* all list items */
  float: left;
  position: relative;
  text-align: left;
  display: block;
  padding: 2px 30px 4px 2px;
  margin: 0px; /* 2px 2px 0px 2px; */
  text-align: left;
}
  
#nav li a {
   color: #333;
}
  
#nav li a:hover {
   color: #06C;
   text-decoration: none;
}
  
#nav li:hover, li.over {
   color: #06C;
   text-decoration: none;
}
  
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
  display: block;
}
  
#nav li ul { /* second-level lists */
  display: none;
  position: absolute;
  top: 2em;
  left: 0;
  border-left: 1px solid #AAA;
  width: 12em;
}
  
#nav li li  {
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  background-color: #EEE;
  width: 15em;
  padding: 2px;
  padding-left: 4px;
  margin: 0px 0px 0px 0px;
}
  
#nav li li:hover {
  background-color: #EEE;
  background-image: none;	
}
  
  
/* end of CSS for the navigation */
  
  
/* CSS code for duikplanning */
  
td {
  font-size:           10pt;
  font-family:         Arial;
  vertical-align:      top;
}
  
th {
  color:               #008DA1;
  text-align:          left;
  font-family:         Arial;
  font-size:           11pt;
}
  
.month {
  background-color:    #2861a6;
  color:               #ffffff;
  font-weight:         bold;
  text-align: center;
}
  
.day {
  background-color:    #b0c4de;
  color:               #000000;
  text-align:          center;
  padding:             5px;
}
  
.busyDay {
  background-color:    #1e90ff;
  color:               #000000;
  text-align:          center;
  padding:             5px;
}
  
.day b{
  color:               #ffff00;
}
  
.busyDay b{
  color:               #ffff00;
}
  
.duikplanning td {
  font-size:           8pt;
}
  
.duikplanning th {
  font-size:           8pt;
  font-weight:         bold;
}
  
/* end of CSS code for duikplanning */
  
/* CSS code for prikbord */
  
.kortnieuws{
  clear:               all;
  margin-bottom:       25px;
}
  
.kortnieuws a {
  color:               #0067CF;
  text-decoration:     none;
}
  
.kortnieuwsdatum {
  color:               #0067CF;
  font-weight:         bold;
  text-decoration:     none;
}
  
.kortnieuwstekst {
  color:               #000090;
  font-weight:         bold;
  text-decoration:     none;
}

.tvlink {
  color:               #00AAAA;
}

/* CSS code voor tabelopmaak met alternerende regels */

th.center {
  text-align:          center;
}

td.center {
  text-align:          center;
}

table.alter {
  border-collapse: collapse;
}

table.alter th, table.small_alter th {
  background:          #0066CC; // #888888;
  color:               #FFFFFF;
  padding-left:        5px;
  padding-right:       15px;
}

table.alter td, table.small_alter td {
  padding-left:        5px;
  padding-right:       15px;
}

table.alter tr.odd td, table.small_alter tr.odd td {
  background:          transparant;
}

table.alter tr.even td, table.small_alter tr.even td {
  background:          #CCCCCC;
}

table.small_alter td {
  font-size:           8pt;
}
  
.table.small_alter th {
  font-size:           8pt;
  font-weight:         bold;
}

img {
  vertical-align:      middle;
}

.red {
  color:               #FF0000;
  font-weight:         bold;
}

img.right{
  float:               right;
  margin-top:          0pt;
  margin-left:         10pt;
  margin-right:        10pt;
  margin-bottom:       10pt;
}

img.left{
  float:               left;
  margin-top:          0pt;
  margin-left:         0pt;
  margin-right:        10pt;
  margin-bottom:       10pt;
}

/* CSS voor berichten */

table.topic, table.reactie {
  border-collapse: collapse;
  width:               600px;
  margin:              25px 25px 0px 25px;
  border:              0px;
  padding:             0px;
}

table.reactie {
  margin-left: 50px;
}

table.topic td, table.reactie td {
  background-color:    #DDDDDD;
  padding:             10px;
}

td.right {
  text-align:          right;
}

table.topic th {
  background-color:    #0066CC;
  color:               #FFFFFF;
  padding:             5px;
}

table.reactie th{
  background-color:    #2299FF;
  color:               #FFFFFF;
  padding:             5px;
}

table.topic th.datum, table.reactie th.datum{
  text-align:          right;
}