/* The logo in the top bar. */

#viewer_north_img {
  position: absolute;
  text-align: left;
  float: left;
  top: 12px;
  left: 12px;
  height: 85px;
  width: 150px
}
/* The text in the top bar. */
#viewer_north_text {
  font-family: "Times new roman";
   text-align: left;
  font-size: 42px;
  font-weight:bold;
  color: #15428B;
  text-shadow: 1px 1px 2px black;
  position: absolute;
  top: 25px;
  left: 150px
}
/* The Help-link in the top bar. */

#viewer_north_help {
  /*font-family: "Arial";
  font-size: 20px;
  font-weight:bold;
  color: #15428B;
  text-decoration: none;*/
  position: absolute;
  bottom: 15px;
  right: 20px
}

#images {
  height: 50px;
  width: 50px
}

#images:hover {
  height: 60px;
  width: 60px
}

/* A custom png for the layerswitcher. */
.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(maplayer.png) !important;
}
/* The header-bar of the layertree. */
.x-panel-header {
  border: 0px solid;
}
/* The position of the attribution. */
.olControlAttribution {
  bottom: 0.5em;
}