#legende {
  display: none;
  position: absolute;
  top: 1px;
  left: 200px;
  z-index: 1; }
  #legende h3 {
    font-weight: 300;
    font-size: 2em;
    margin: 0;
    line-height: 1.4em; }
    #legende h3 span {
      cursor: pointer;
      text-shadow: 2px 2px 0px #ccc; }

.marker {
  cursor: pointer; }

#infoLayer {
  display: none;
  position: absolute;
  width: auto;
  height: auto;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 30px;
  text-align: left;
  border: 1px solid #efefef;
  max-width: 375px;
  max-height: 300px;
  overflow-y: auto; }
  #infoLayer #closeBtn {
    color: #999;
    cursor: pointer;
    font-size: 40px;
    font-weight: 300;
    height: 25px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 25px; }
  #infoLayer #content {
    margin: 0; }
    #infoLayer #content h1 {
      border-bottom: 1px solid #999;
      font-size: 1em;
      line-height: 1em; }
      #infoLayer #content h1 span {
        color: #999;
        font-weight: 300;
        margin-left: 10px; }
    #infoLayer #content h3 {
      font-weight: 300;
      font-size: 1.5em;
      margin: 20px 0; }
    #infoLayer #content p {
      font-weight: 300;
      color: #666;
      margin: 0;
      max-width: 400px;
      font-size: .9em;
      line-height: 1.4em; }
      #infoLayer #content p a {
        text-decoration: none;
        border-bottom: 2px solid #000;
        color: #333; }
      #infoLayer #content p a:hover {
        background-color: #333;
        color: #fff; }

.infoopen {
  display: block; }

.color1, .color2, .color3, .color4 {
  font-weight: 900;
  color: #fff; }

.color1 {
  background-color: #fff;
  color: #FF5DA2; }

.color1:hover {
  border-bottom: 3px solid #FF5DA2; }

.color1.active {
  background-color: #FF5DA2;
  color: #fff;
  text-shadow: none !important; }

.color2 {
  background-color: #fff;
  color: #FF5DA2; }

.color2:hover {
  border-bottom: 3px solid #FF5DA2; }

.color2.active {
  background-color: #FF5DA2;
  color: #fff;
  text-shadow: none !important; }

.color3 {
  background-color: #fff;
  color: #FF5DA2; }

.color3:hover {
  border-bottom: 3px solid #FF5DA2; }

.color3.active {
  background-color: #FF5DA2;
  color: #fff;
  text-shadow: none !important; }

.color4 {
  background-color: #fff;
  color: #E74C3C; }

.color4:hover {
  border-bottom: 3px solid #E74C3C; }

.color4.active {
  background-color: #E74C3C;
  color: #fff;
  text-shadow: none !important; }

/*# sourceMappingURL=placesStyles.css.map */