/* Parkers Gmap for Westergasfabriek */
#parkersGmap {
  /*transform: rotate(1deg);*/
}
#parkersGmap:after {
  visibility:     hidden;
  display:        block;
  font-size:      0;
  content:        " ";
  clear:          both;
  height:         0;
}

.page-template-plattegrondv2-php #content_container {
  width:          944px;
  padding:        0
}

.page-template-plattegrondv2-php #flupje {
  margin-left:    944px
}

.page-template-plattegrondv2-php #content_container h1 {
  padding:        20px 0 0 20px;
}

#mapContent,
#notifications {
  width:          100%;
  height:         650px; 
}

#notifications {
  display:        none;
  position:       absolute;
  z-index:        10;
  text-align:     center;
  overflow:       hidden;
  background-color: #fff;
  opacity:        0.5
}

#notifications * {
  margin-top: 25%;
}

#mapNav {
  background-color: #0AE
}


#mapNav .cols > li {
  float:          left;
  width:          187px;
  border-left:    1px solid #dbdbdb;
  min-height:     900px;
  background-color: #FFF;
}

#mapNav li.all.last {
  width:        191px
}

#mapNav .col.single  {
  width:          250px;
  padding:        0 0 0 5px;
  border:         none;
  border-left:    1px solid #DBDBDB;
}

#mapNav .col.single.nextcol {
  margin-top:    35px;
  padding-top: 10px
}

#mapNav .col.single  label{
  margin-left:    -5px;
  width:          734px
}
#mapNav .col.single  label.small {
  width: auto;
}

#mapNav .col.fullwidth {
  width:          600px;
  padding:        20px
}

#mapNav .col.fullwidth a {
  padding:  0;
  color: #0AE;
}

#mapNav .col.fullwidth h4 {
  font-size:      1.6em; 
  color:          #000;
}

#mapNav .cols li a {
  display:        block;
  font-family:     'Calibri';
  font-size:       1.2em;
  padding:         0.4em 0.6em 0.5em 1.5em;
  color:           #000;
}

#mapNav .cols li a:hover,
#mapNav .cols li a.active {
  color:           #000;
  text-decoration: underline
}

#mapNav .col.single a {
  width:          200px;
}

#mapNav .col.single a:hover {
  text-decoration: underline
}

#mapNav .col {
  display:      none;
}

#mapNav .col.all {
  display:      block;

}

#mapNav .cols .col1.filters  {
  background-color:   #F1F1F1
}

#mapNav .cols li.filters a,
#mapNav .cols li label {
 font-family:     "TradeGothicLTRegular";
 font-size:       1.3em;
 display:         block;
 background-color: #f1f1f1; 
 padding:         0.5em 1em;
 color:           #000000;   
border-bottom: 1px solid #fff;
}

#mapNav .cols li label {
  padding:        0.5em
}

#mapNav .cols li.filters a:hover,
#mapNav .cols li.filters a.active {
 color:           #fff;  
 background-color: #000;   
 text-decoration:  none
}

#mapNav li.event-locations,
#mapNav li.organisations-locations,
#mapNav li.park-locations {
  display:          none 
}

#mapNav .cols li label {
 color:             #fff;   
 background-color:  #0AE;
 padding-left:      13px;
 margin-bottom:     10px
}   

span.pinball {
  display:          block;
  float:            left;
  background-color: #ff0099;
  width:            16px;
  height:           16px;
  border-radius:    9px;
  color:            #fff;
  text-align:       center;
  margin:           0.1em 0.5em 0.2em -0.8em;
  line-height:      1.25em
}

.col.single span.pinball {
  width:            20px;
  height:           20px;
  border-radius:    10px;
  margin-top:       0em
}

#mapNav .cols li a:hover > span,
a.active span.pinball,
span.pinball.active  {
  background-color: #0AE;
}

#mapNav .col.single  a:hover > span,
#mapNav .col.single a.active span.pinball  {
    background-color: #ff0099;
}


.markerContent {
  max-width:        280px;
  font-size: 1.15em;
  padding: 20px;
}

.markerContent .address {
  float:          left;
}
.markerContent img {
  float:          left;
  margin:         5px 10px 20px 0
}

.markerContent h4,
.fullwidth h4 {
 font-size:       1.2em; 
 font-weight:     normal;
 margin:          0;
 line-height:     1.6em
}

.markerContent h4 {
  line-height: 1.4em;
  margin-bottom: 0.5em
}

/* Overrules for Google map */
.gm-style-mtc div {
  background-color: #139fda !important;
  color:      #fff !important;
  font-size:  1.3em !important;
  padding:    0.5em !important;
}

.gm-style-mtc div:hover {
  background-color: #fff !important;
    color:  #0ae !important;
}