/*give the body height:100% so that its child elements can have percentage heights*/
body{ 
  height:100%;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Tahoma, Helvetica, Arial;
}

#map {
  display:block;

  /*set the div in the top-left corner of the screen*/
  position:absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  
  /*set the width and height to 100% of the screen*/
  width:100%;
  height:100%;
}

#info {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 5px;
  overflow: hidden;
  background: white;
  foreground: black;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-size: smaller;
  z-index: 1000;
  text-align: right;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  /* for Mozilla */
  -moz-opacity:0.9;
}

#voertuigcounter {
    font-weight : bolder;
}

#voertuigen {
   display: block;
}

#tijden {
 overflow: auto;
 padding: 1em;
 font-family: verdana, tahoma, sans-serif;
 position: absolute;
 background-color: #fff;
 display: none;
 top: 10%;
 right: 0;
 bottom: 10%;
 width: 20em;
 z-index: 1003;
}

#status {
   display: block;
}

#sockstatus, #sockmsg {
 padding-right: 10px;
}

#sockstatus.down {
 background-color:red;
}

#sockstatus.ok {
 background-color:green;
}

#sockstatus.load {
 background-color:yellow;
}

.olBackgroundLayer .olTileImage{
    filter: grayscale(90%); /* Current draft standard */
    -webkit-filter: grayscale(90%); /* New WebKit */
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%); 
    -o-filter: grayscale(90%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: gray; /* IE */
    -webkit-filter: grayscale(0.9); /* Old WebKit */
}

#tijden div {
  font-size: smaller;
}

#tijden h1 {
  font-size: large;
}

#tijden h2 {
  font-size: x-small;
  margin-top: -1em;
}

#departure b.CANCEL {
    text-decoration: line-throughl
}

#departure b.UNKNOWN {
    font-style:italic;
}

.disclaimer {
    text-align:left;
  font-size: x-small;
}