BODY { background: #FFFFFF; 
       /*margin: 5 10 5 10; */
       width: auto; 
       font-family: verdana; font-size: 10pt; color: #000000; text-align: left; }


H1 { background: transparent; color: #000000; font-size: 16pt; margin: 0; padding: 0; text-align: left; }

.netjes 
     { 
     text-align: justify; 
     }

P.netjes 
     { 
     padding: 3 10 3 0; text-align: justify; 
     /* border-style: solid; border-width: 4; border-color: #CEBD6B; */
     }

IMG.logo 
     {
     margin: 0 0 0 20; float: right; 
     }

IMG.foto-beschrijving 
     {
     margin: 3 3 3 0; float: left; 
     }

HR 
     {
     color: #CEBD6B;
     }
     

/* stijl voor colormap table */
td.kop{
   font-family: Verdana, sans-serif; color: black;font-size: 10px;font-weight:bold;text-align:center;}
td.tekst{
   font-family: Verdana, sans-serif; color: #E6CE00; font-weight:bold; font-size: 9px;text-align:center;}
td.getal{
   font-family: Verdana, sans-serif; color: white;font-size: 9px;text-align:center;}
td{ 
   border:0px;}
   
/* stijl pull-down list */
select.pulldown {
   position: relative;
   top: 0; 
   left: 0; 
   width: 180px; 
   margin-bottom: 3px; 
   font-family: Verdana, Arial; 
   font-size: 8pt; 
   color: black;}

/* stijl button "1 uur terug" */ 
input.button1 {
   position: absolute; 
   top: 32; left: 
   1;width: 90px; 
   height: 19px; 
   background: #E9E9E9; 
   font-family: Verdana, 
   Arial; font-size: 8pt; 
   color: black;}

/* stijl button "1 uur verder" */ 
input.button2 {
   position: absolute; 
   top: 32; 
   left: 91;
   width: 90px; 
   height: 19px; 
   background: #E9E9E9; 
   font-family: Verdana, Arial; 
   font-size: 8pt; 
   color: black;}


/* stijl voor de 5 onderste buttons */
input.button4 {position: relative; top: 0; left: 0;width: 180px; height: 19px; background: #E9E9E9; font-family: Verdana, Arial; font-size: 8pt; color: black;}

/* stijl button "1 dag terug" */ 
input.button5 {position: absolute; top: 103; left: 1;width: 90px; height: 19px; background: #E9E9E9; font-family: Verdana, Arial; font-size: 8pt; color: black;}

/* stijl button "1 dag verder" */ 
input.button6 {position: absolute; top: 103; left: 91;width: 90px; height: 19px; background: #E9E9E9; font-family: Verdana, Arial; font-size: 8pt; color: black;}

/* stijl 4 onderste buttons op in div navi_tidalcurves */
input.button7 {position: relative; top: 0; left: 0;width: 180px; height: 19px; background: #E9E9E9; font-family: Verdana, Arial; font-size: 8pt; color: black;}

/* stijl 4 onderste buttons op in div navi_tidalcurves */
input.button8 {position: relative; top: 0; left: 0;width: 180px; height: 19px; background: #E9E9E9; font-family: Verdana, Arial; font-size: 8pt; color: black;}

/* 0. div voor achtergrond navigatie; old background colour: #00885c old color :#ccff33 */
#navi_background { position: absolute; top: 0px; left: 625px; width: 200px; height: 500px; font-family: Verdana, Arial; font-size: 8pt; background-color: #0828BD; color: #E6CE00; font-weight: bold;}

/* 1. div voor navigatie stroomplaatjes */
#navi_currentmaps { position: absolute; top: 0px; left: 10px; width: 180px; height: 105px; font-family: Verdana, Arial; font-size: 8pt; background-color: #0828BD; color: #E6CE00; font-weight: bold;}

/* 2. div voor navigatie tidal phase */
#navi_tidalphase { position: absolute; top: 105px; left: 10px; width: 180px; height: 54px; font-family: Verdana, Arial; font-size: 8pt; background-color: #0828BD; color: #E6CE00; font-weight: bold;}

/* 3. div voor zoom navigatie stroomplaatjes */
#zoomzoom { position: absolute; top: 160; left: 10; width: 180px; height: 20px; font-family: Verdana, Arial; font-size: 8pt; background-color: #0828BD; color: #E6CE00; font-weight: bold;}

/* 3.5 div voor zoomout button */
#zoomout {position: relative; top: -9; left: 0;width: 180px; height: 19px; }

/* 4. div voor colormap */
#colormap {position: absolute; top: 232px; left: 10px; width: 180px; height: 150px; le: 0px solid yellow; }

/* 5 div voor navigatie vanaf current maps  */
#navigate_currentmaps {position: absolute; top: 403; left: 10;width: 180px; height: 38px; border: 0px solid blue;}

/* 6. div voor algemene navigatie */
#helpmodelstart {position: absolute; top: 443; left: 10;width: 180px; height: 57px; border: 0px solid blue;}

/* 7. div voor navigatie locaties */
#locaties { position: absolute; top: 105; left: 10; width: 180px; height: 38px; border: 0px solid red; font-family: Verdana, Arial; font-size: 8pt; background-color: #0828BD; color: #E6CE00; font-weight: bold;}

/* 8. div voor navigatie vanaf current curves */
#navigate_currentcurves {position: absolute; top: 403; left: 10;width: 180px; height: 38px; border: 0px solid blue;}

/* 9. div voor navigatie stroomplaatjes */
#navi_tidalcurves { position: absolute; border: 0px solid red; top: 0px; left: 10px; width: 180px; height: 197px; font-family: Verdana, Arial; font-size: 8pt; background-color: #0828BD; color: #E6CE00; font-weight: bold;}

/* 10.div voor navigatie vanaf tidal curves  */
#navigate_tidalcurves {position: absolute; top: 403; left: 10;width: 180px; height: 38px; border: 0px solid blue;}

/* div voor stroomplaatjes */
#current_main { position: absolute; top: 0; left: 0; width: 625px; height: 500px;}

/* div voor stroomplaatjes */
#current_zoom { position: absolute; top: 0; left: 0; width: 625px; height: 500px;}

/* div voor stroomplaatjes */
#currentcurves { position: absolute; top: 0; left: 0; width: 625px; height: 500px;}

/* div voor ingezoomde stroomplaatjes */
#tidalcurves { position: absolute; top: 0; left: 0; width: 625px; height: 500px;}

/* de 4 onderstaande divs dekken maanden af met 28, 29, 30 of 31 dagen */
#days28 {position: absolute; top: 83; left: 0; width: 180px; height: 18px; }
#days29 {position: absolute; top: 83; left: 0; width: 180px; height: 18px; }
#days30 {position: absolute; top: 83; left: 0; width: 180px; height: 18px; }
#days31 {position: absolute; top: 83; left: 0; width: 180px; height: 18px; }

p.italics
{
   font-style: italic;
}

.lineheight24
{
   line-height: 24px;
   font-size: 10pt;
}

.rightalign
{
  text-align: right;
}
.leftalign
{
  text-align: left;
}