/* VOKO */

BODY {  scrollbar-face-color:#F0F0F0;
  scrollbar-arrow-color: #990000;
  scrollbar-track-color:#FFFFFF;
  scrollbar-shadow-color: #993333;
  scrollbar-highlight-color:#999999;
  scrollbar-3dlight-color:#F0F0F0;
  scrollbar-darkshadow-Color:#666666;

}

.fs {
font-family: verdana,helvetica,arial;
font-size: 9px;
color: #666666;
}

.fem {
font-family: verdana,helvetica,arial;
font-size: 12px;
color: #669933;
font-weight: bold;
}


.f12 {
font-family: verdana,helvetica,arial;
font-size: 12px;
color: #333333;
}

.f10 {
font-family: verdana,helvetica,arial;
font-size: 10px;
color: #333333;
}

.f9 {
font-family: verdana,helvetica,arial;
font-size: 9px;
color: #333333;
}

.fwarning {
font-family: verdana,helvetica,arial;
font-size: 12px;
font-weight: bold;
color: #990000;
}

td {font-family: verdana,helvetica,arial;
    font-size: 11px;
    color: #333333;
    background-color: #F6F6F6;
    align: center;
    }
    
H1{font-family: verdana,helvetica,arial;
   font-size: 15 px;
   color: #333333;
   background-color: #FFE0E0;
   padding: 3pt;
  }

H2{font-family: verdana, helvetica, arial;
    font-size: 15 px;
    color: #333333;
    background-color: #FFE0E0;
    padding: 3pt;
  }
    
.butn {background-color: #F0F0F0;
       font-family: verdana, helvetica, arial;
       font-size: 12 px;
       color: #333333;
}

.warningbutn {background-color: #FF9999;
                font-family: verdana, helvetica, arial;
                font-size: 12 px;
                font-weight: bold;
             }

a:link {color: #990000; text-decoration: none;}
a:visited {color: #990000; text-decoration: none;}
a:active {color: #990000; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}

a.nav:link {color: #990000; text-decoration: underline;}
a.nav:visited {color: #990000; text-decoration: underline;}
a.nav:active {color: #990000; text-decoration: underline;}
a.nav:hover {color: #990000; text-decoration: none;}


.phcell {
color: #333333;
background-color: #DDDDDD;
padding: 1pt;
}

.phcelllight {
color: #000000;
background-color: #DDDDDD;
padding: 1pt;
}


.pcell {
color: #333333;
background-color: #F6F6F6;
}

.pcell2 {
color: #333333;
background-color: #E0E0E0;
}

.pprice {
color: #333333;
background-color: F6CCCC;
font-weight: bold;
}

li { padding: 3pt;
font-family: verdana,helvetica,arial;
font-size: 12px;}

table.indivord { border-collapse: collapse; border: 1px solid black;  margin: 0 0 1 0}
 
td.indivord {border: 1px dashed grey; padding: 4px;}

td.indivordred{border: 1px solid grey; padding: 4px; background-color: #F6CCCC; color:#333333; font-weight: bold;}

td.indivordvakje{border: 1px solid grey; padding: 4px;}

td.indivordh{border: 1px solid grey; padding: 4px; background-color: #E0E0E0;}

td.indivordbig{padding: 4px 5px 4px 4px; font-size: 12px; font-weight: bold; border: 1px solid black;}

td.indivordbigvakje{border: 1px solid black; font-size: 12px; font-weight: bold; padding: 4px 30px 4px 4px;}



 /* Tooltip container */
.tooltip {
    position: relative;
	white-space: nowrap;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
	white-space: normal;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}