/* $Id: gmap.css,v 1.11 2009-06-18 11:01:16 drose Exp $ */

/**
 * @CHARSET "UTF-8";
 */

#gmap {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #dee6ef;
   width: 300px;
   font-size: 11px;
}

.largeMap #gmap {
   width: 730px;
}
.largeMap #gmap .map_close {
   left: 624px;
}

#gmap a {
   outline: none;
   text-decoration: none;
}

#gmap a:link {
   color: #215587;
}

#gmap a:visited {
   color: #215587;
}

#gmap a:hover {
   color: #6ba1d9;
}

#gmap a:active {
   color: #215587;
}

#gmap .map_close {
   background-image: url('/bilder/d2/map_close.png');
   width: 93px;
   height: 16px;
   position: absolute;
   z-index:9999999;
   top: 0px;
   left: 194px;
   cursor: pointer;
}

#map_canvas {
	background:url("http://maps.google.com/maps/api/staticmap?center=germany&zoom=5&size=300x310&maptype=roadmap&sensor=false");
   width: 300px;
   height: 310px;
}
/*
#storage {
   display: none;
}*/

/* points of interest */
#poi_selector {
	background-color: #DEE6EF;
   margin: 0;
   padding: 0;
   width: 300px;
   clear: both;
}

#poi_selector .pois {
   float: left;
   padding: 3px 5px 0px 0px;
}

#poi_selector img {
   cursor: pointer;
}

#map_controls {
   display: block;
   height: 25px;
   width: 300px;
   overflow: hidden;
}

#map_controls ul {
   margin: 3px;
   padding: 0;
}

#map_controls ul li {
   float: left;
   list-style: none;
   list-style-type: none;
}

#map_controls ul li.active {
   /*
   background-color: #8aa5c7;
   */
}

#map_controls ul li a {
   display: block;
   padding: 0;
   margin: 0;
   line-height: 20px;
   text-indent: -100px;
   overflow:hidden;
   height: 15px;
   background-image: url('/bilder/d1/map_buttons.gif');
   background-repeat: no-repeat;
   background-position: 0 0;
}

#map_controls ul li.active a:link,
#map_controls ul li.active a:visited,
#map_controls ul li.active a:active {
   color: #215587;
}

#map_controls ul.leftSide {
   float: left;
}

#map_controls ul.rightSide {
   float: right;
}

#map_controls ul.leftSide li {
   margin: 3px 0;
}

#map_controls ul.leftSide li a {
   width: 46px;
}

#map_controls ul.leftSide li a#Kartentyp_Normal {
   background-position: 0 0;
}

#map_controls ul.leftSide li.active a#Kartentyp_Normal,
#map_controls ul.leftSide li a#Kartentyp_Normal:hover  {
   background-position: 0 -15px;
}
#map_controls ul.leftSide li a#Kartentyp_Satellit {
   background-position: -100px 0;
}
#map_controls ul.leftSide li.active a#Kartentyp_Satellit,
#map_controls ul.leftSide li a#Kartentyp_Satellit:hover  {
   background-position: -100px -15px;
}
#map_controls ul.leftSide li a#Kartentyp_Hybrid {
   background-position: -200px 0;
}
#map_controls ul.leftSide li.active a#Kartentyp_Hybrid,
#map_controls ul.leftSide li a#Kartentyp_Hybrid:hover  {
   background-position: -200px -15px;
}
#map_controls ul.leftSide li a#Kartentyp_Physisch {
   background-position: -300px 0;
}
#map_controls ul.leftSide li.active a#Kartentyp_Physisch,
#map_controls ul.leftSide li a#Kartentyp_Physisch:hover  {
   background-position: -300px -15px;
}

#map_controls ul.rightSide li {
   margin: 3px 0;
}

#map_controls ul.rightSide li a {
   width: 100px;
   background-position: -400px 0;
}

#map_controls ul.rightSide li a:hover {
   background-position: -500px 0;
}

#map_controls ul.rightSide li.active a {
   background-position: -400px -15px;
}

#map_controls ul.rightSide li.active a:hover {
   background-position: -500px -15px;
}

#gmap #tooltip {
   position:absolute;
   padding:10px;
   background-color:#FFFFFF;
   border:1px solid #c2cce1;
   display:none;
}
#gmap #tooltip h3 {
   font-weight: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;
}

/* buttons */
#gmap .maparrow {
   position: absolute;
   width: 26px;
   height: 26px;
}

#gmap .left {
   top:130px;
   left: 0;
   background-image: url('/bilder/d1/arrowLeft.png');
}

#gmap .right {
   top:130px;
   left:260px;
   background-image: url('/bilder/d1/arrowRight.png');
}

#gmap .top {
   top:0px;
   left:135px;
   background-image: url('/bilder/d1/arrowUp.png');
}

#gmap .bottom {
   top:265px;
   left:135px;
   background-image:url('/bilder/d1/arrowDown.png');
}

/* large map */
.largeMap #gmap #map_canvas {
   width: 730px;
   height:375px;
}

.largeMap.detail #gmap #map_canvas {
   height:369px; /* because of poi padding ! */
}

.largeMap #gmap .right {
   left: 690px;
}

.largeMap #gmap .top {
   top: 0;
   left: 352px;
}

.largeMap #gmap .bottom {
   top: 330px;
   left: 352px;
}

.detail #gmap #poi_selector {
   padding: 3px;
   width: 294px;
}

.largeMap #gmap  #poi_selector {
   float: left;
   clear: none;
   width: 400px;
}

.detail #gmap #poi_selector .pois {
}

.largeMap #gmap #map_controls {
   float: right;
}

.detail #gmap #map_controls {
   height: 21px;
}

.detail-largeMap #gmap #map_controls {
   padding-top: 3px;
}

/* pseudo-classes */
#gmap .clearLeft {
   clear: left;
   visibility: hidden;
   height: 0;
}