.divTable
{
width:auto;
display:block;
/*height:100%!important;*/
border-width:0px 1px 0px 0px solid #eeeeee;
padding:0px;
background-color: #ffffff;
margin:0px;
line-Height:26px;
}


.divRow
{
width: auto;
display:table;
position:relative;
}

.divCell {
border-width:0px 1px 0px 0px;
border-style: solid;
border-color: #eeeeee;
width:16px;
height: 300px;
display:block;
position:relative;
color:#000000;
font-size:12px;
float:left;
/* text-transform:; font-variant:; */
text-align:center;
letter-spacing:0px;
word-spacing:0px;
}

.divCell1
{
border-width:0px 1px 0px 0px;
border-style: solid;
border-color: #eeeeee;
background: #EF5B27;
width:16px;
height: 300px;
display:block;
position:relative;
color:#000000;
font-size:12px;
float:left;
/* text-transform:; font-variant:; */
text-align:center;
letter-spacing:0px;
word-spacing:0px;
}


.divCell2
{
border-width:0px 1px 0px 0px;
border-style: solid;
border-color: #eeeeee;
background: #ED8156;
width:16px;
height: 300px;
display:block;
position:relative;
color:#000000;
font-size:12px;
float:left;
/* text-transform:; font-variant:; */
text-align:center;
letter-spacing:0px;
word-spacing:0px;
}

.divCellweg {
border-width:0px 1px 0px 0px;
border-style: solid;
border-color: #eeeeee;
background: #eeeeee;
width:16px;
height: 300px;
display:block;
position:relative;
color:#000000;
font-size:12px;
float:left;
/* text-transform:; font-variant:; */
text-align:center;
letter-spacing:0px;
word-spacing:0px;
}

.divCell_nu {
border-width:0px 1px 0px 0px;
border-style: solid;
border-color: #eeeeee;
background: #eeeeee;
width:16px;
height: 300px;
display:block;
position:relative;
color:#000000;
font-size:12px;
float:left;
/* text-transform:; font-variant:; */
text-align:center;
letter-spacing:0px;
word-spacing:0px;
}


 .sub_div1 { 
                position: absolute; 
                bottom: -20px;
                left: -18px;
                background: #30B6FF;
                font-size: 10px;
                line-height: 12px;
                text-align: center;
                width: 50px;
                height: 13px;
                padding: 1px;
                border-radius: 2px;
                transform: rotate(-90deg);
                color: #ffffff;
                
            }
            
 .sub_div2 { 
                position: absolute; 
                bottom: -20px;
                left: -18px;
                background: #30E1FF;
                font-size: 10px;
                line-height: 12px;
                text-align: center;
                width: 50px;
                height: 13px;
                padding: 1px;
                border-radius: 2px;
                transform: rotate(-90deg);
                color: #000000;
                
            }        
            


.posi {
        background: #eaeaea;
        color: #000000;
        padding: 2px;
        text-align: center;
    
}

.posi1 {
        background: #eaeaea;
        color: #000000;
        padding: 2px;
        text-align: center;
    
}
.posi2 {
        background: #e2e2e2;
        color: #000000;
        padding: 2px;
        text-align: center;
    
}


/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell; font-family: Play; padding: 9px;}
.divTableCell { display: table-cell; font-family: Play; padding: 9px;}
.divTableCell_LINKS { display: table-cell; width: 654px; padding: 9px; font-family: Arial;font-family: Play;}

.divTableCell_EEN { display: table-cell; width: 970px; padding: 9px; font-family: Arial;font-family: Play;}

.divTableCell_EEN a:link, a:visited{ 
    text-decoration: none;
    font-family: Play;
}

.divTableCell_EEN a:hover{ 
    background: #eeeeee;
    text-decoration: none;
    font-family: Play;
}

.divTableCell_LINKS a:link, a:visited{ 
    text-decoration: none;
    font-family: Play;
}

.divTableCell_LINKS a:hover{ 
    background: #eeeeee;
    text-decoration: none;
    font-family: Play;
}

.divTableCell_RECHTS { 
    display: table-cell;  padding: 8px; 
	font-family: Play;
    color: #000000;
    
}

.divTableCell_RECHTS a:link, a:hover, a:visited { 
	text-decoration: none;
    /*font-family: Play;*/
    color: #000000;
}
    


.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;
	font-family: Arial; text-align: right;}
.divTableBody { display: table-row-group;}



#legende {
    background: #eeeeee;
    line-height: 13px;
    padding: 4px;
    border-radius: 5px;
    color: #30B6FF;
}
#wiwi {
	position: abslute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 620px;
	margin: 0px auto;
}

a.weetjestip {
    text-decoration: none;
}
a.weetjestip:hover {
    cursor: help;
    position: relative;
}
a.weetjestip span {
    display: none;
}
a.weetjestip:hover span {
  position: fixed; 
  position: absolute; 
  display: block; 
  z-index:99;
  left:50%;
	margin: 0px auto;
top: 15px;
padding: 10px;
min-width: 250px;
background-color:#e4e4e4;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
-webkit-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
-moz-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	border-radius: 12px;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
	box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}


#vfr {
	width:600px;
	margin-top: -15px;
}

.button {
  display: inline;
  padding: 10px;
  background: darkcyan;
  color: white;
  cursor: pointer;
}

#evbar {
  width: 600;
  height: 25px;
position: relative;
top: -25px;
}

.ev {
	display: inline-grid;
	width: 25px;
	background-color: #000000;
}

#progressBar {
  width: 600;
  height: 25px;
  background-color: #444444;
  background-color: #3ee2fd;
  display: visible;
  margin-top: 1px;
                border-radius: 2px;
}
#progressBar div {
  height: 100%;
  width: 0;
  background-color: #39b7fc;
background: rgb(34,193,195);
    z-index: 110;
}
.vzzl {
  color: red;
}


#vimbarhouder {
  width: 600;
  height: 25px;
position: relative;
top: -25px;
}

#vimevbar {
  width: 307px;
  height: 25px;
position: relative;
  background-color: #39b7fc;
top: -35px;
left: 95px;
}

#dmbarhouder {
  width: 600;
  height: 25px;
position: relative;
top: -15px;
}

#dmevbar {
  width: 580px;
  height: 25px;
position: relative;
  background-color: #39b7fc;
left: 10px;
}

.tooltip {
  position: relative;
 /*display: inline-block;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 600px;
height: 400px;
  background-color: #e4e4e4;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 1%;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}

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