body {
        font-family: Arial, sans-serif;
        font-size: 13px;
    }
    
    #map_canvas {
        height: 600px;
        width:  500px;
        float: left;
        border: solid 1px #E4E4E4;
        margin: 5px 0;
    }
    #map_container {
        width: 500px;
        margin: 10px;
        float: left;
    }
    #maptext {
        width:980px;
        height: 690px;
    }
    
    #legendDiv {
        width:150px;
    }
    #info{
        width: 100%;
        
    }
      #lahde{
        display: block;
        clear: both;
        font-size: 12px;
    }
    #selector {
        width: 100%;
        background-color: #E4E4E4;
         font-size: 120%;
         color: #324459;
         margin-bottom: 3px;
    }
    
    #text_container {
        width: 430px;
        margin: 0 10px;
        float: left;
    }
    #container {
        width:980px;
        margin: auto;
        height: 690px;
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #F5F5F5;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        border-color: #E4E4E4;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        padding-bottom: 7px;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 7px;
    }

    
    #map-explainer {margin: 25px 0 15px 0;}
  
    #info .lukuina th  {padding: 0px 1px 0px 0px; text-align: left; font-style: normal;}
    #info th.vasen  {font-weight: normal; padding:0px 5px 0px 0px;}
    #info h3 {font-size: 180%; color: #4c4c4c; margin: 10px 1px 5px 1px;}
    h3 {font-size: 110%; color: #4c4c4c; text-align: left;}
    li {list-style-position: inside;}
    a:link, a:visited {font-weight: bold; color:#324459; text-decoration: underline; }
    a:hover {font-weight: bold; color:#253343; text-decoration: none; }