.map_image
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.map_image_surface
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: default;
    overflow: hidden;
    background-color: transparent;
    /* Background-image is needed for IE to recognize events! */
    background-image: url("images/center.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
}

.map_image_backgroundtiles
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.map_image_tilecontainer
{
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.map_image_tile
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    width: 256px;
    height: 256px;
}

.map_image_dynamic,
.map_image_background
{
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map_image_dynamic
{
    background-color: transparent;
}

.map_image_copyright,
.map_image_meter
{
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

.map_image_copyright
{
    bottom: 10px;
    right: 20px;
}

.map_image_meter
{
    bottom: 10px;
    left: 10px;
}

div.map_scalebar
{
    margin: 0;
    padding: 0;
    width: 25px;
    height: 200px;
    position: absolute;
    top: 70px;
    left: 10px;
    cursor: default;
    border: none;
    z-index:202;
    line-height:0px;
    border:none;
}

div.map_scalebar_background
{
    background-image: url("images/scalebar_background.gif");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 200px;
    position: absolute;
    top: 70px;
    left: 10px;
    cursor: default;
    border: none;
    line-height:0;
    z-index:200;
    opacity:0.60;
}

/* hight of scalebar images: needed to be set, 
   so that javascript gets the hight bevor image is loaded */
.map_scalebar_bar
{
    height: 164px;
}

.map_scalebar img
{
   margin: 0;
   padding: 0;
   border: none;
 }

.map_scalebar_slider
{
    background-image: url("images/scaleslider.gif");
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    padding: 0;
    width: 15px;
    height: 7px;
    position: absolute;
    left: 15px;
    cursor: default;
    border: none;
    z-index:210;
}

.map_scalebar_tooltip
{
    position: absolute;
    padding: 0.05em;
    background-color: #ff0;
    border: 1px solid #000;
    height: auto;
    z-index:220;
}

.map_pan_background
{
    background-image: url("images/pan_background.gif");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 5px;
    left:5px;
    cursor: default;
    border: none;
    z-index:200;
    opacity:0.60;
}

.map_pan
{
    background-image: url("images/pan.gif");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: default;
    border: none;
    z-index:202;
}

.map_menu
{
    margin: 0;
    padding: 1px;
    position: absolute;
    border: 2px outset gray;
    background-color: #ffffff;
    visibility: hidden;
    z-index: 2;
}

.map_menu a
{
    display: block;
    text-decoration: none;
    padding: 2px;
}

.map_menu a:hover
{
    background-color: #ccccee;
}