/* General stuff */
HTML
{
  margin: 0;
  padding: 0; 
}

.kolhead {
    text-align: left;
    color: blue;
    background-color: rgb(240, 240, 240);
	min-height: 150px;
	max-height: 150px;
	max-width: 290px;	
	min-width: 290px;
	overflow: scroll;
}
.kolhead2 {
    text-align: left;
    color: blue;
    background-color: rgb(220, 240, 240);
	min-height: 50px;
    max-height: 50px;
	max-width: 400px;	
	min-width: 400px;
	overflow: scroll;
}
.console {
    text-align: left;
    color: blue;
    background-color: rgb(220, 240, 240);
	min-height: 80px;
    max-height: 80px;
	max-width: 400px;	
	min-width: 400px;
	overflow: scroll;
}

.tooltipcl {
    position: relative;
    display:inline-block;
    cursor:pointer;
    border-bottom: 1px solid black;
}
.tooltipcl .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 100%;
    margin-left: -10px;
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}
.tooltipcl:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
    /* Fade in tooltip - takes 2 seconds to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 2s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

BODY 
{
  background-color    : #ffffff;
  font-family         : Tahoma,Arial,Helvetica,san-serif;
  font-size           : small;
  color               : #202040;
  padding             : 0.0em;
  margin              : 0.0em;
  min-width: 720px; 
}

H1
{
  font-size           : large;
  font-weight         : bold;
  text-decoration     : underline;
  color               : #000030;
  text-align          : left;
}

H2 
{
  font-size           : 120%;
  font-weight         : bold;
  color               : #000030;
  margin-top: 2em;
  background-color: #e6ffff;
}

H3, H3 A
{
  margin-top: 1em;
  border-top: solid 1px #003000;
  padding-top: 3px;
  font-size           : 100%;
  font-weight         : bold;
  color               : #000030;
}

H4
{
  margin: 0;
  margin-top: 0.5em;
}

P
{
  margin-top:  0.5em;
  margin-bottom: 0.5em;
  text-align: justify; 
  line-height: 140%;
}
pb
{
   font-size: 18px;
}
A IMG
{
  border              : none; 
}


table.table1{
  font-size           : 100%;
}


/* Banner */
DIV.banner
{
  height: 60px;
  background-color:  white;
  background-image:  url(banner.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* Options bar */
DIV.options
{
  position: absolute;
  top: 30px;
  padding-left: 1em;
}

DIV.option, DIV.option-current
{ 
  display: inline;
  margin              : 0.0em;
  text-align          : center;
  font-family         : "Humanst521 BT",Tahoma,Arial,Helvetica,san-serif;
  font-weight         : bold;
  font-size           : 130%;
  padding-right: 0.5em;
}

DIV.options A
{
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;

  text-decoration     : none;
}

DIV.option-current A
{
  color: #00005a; 
  text-decoration: underline;
}

DIV.option A
{
  color: #00005a; 
}

DIV.options A:hover 
{
  color    : #8686b0;
  background-color: transparent;
}

H1 SPAN.wft
{
}

/* Main body */
DIV.main
{
  width:90%;
  max-width:1000px;
  padding: 2em;
}

table.table2 {
    border-collapse: collapse;
    border: 1px solid black;
} 

div.polaroid {
  width:30%;
  background-color: white;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 15px;
}

div.container {
  text-align: center;
  padding: 8px 16px;
}