@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.kalender {
  /*  background-color: white;
    background: url('../img/stripe.png');
    background: linear-gradient(to bottom, rgba(125,185,232,0),rgba(30,87,153,1));*/
  margin-top: 0px;
  display: block;
  /*  margin-left: 20%;
    margin-right: 20%;
    margin: 0;*/
  /*font-size: 1.2em;*/
  padding-top: 1.5em;
  padding-bottom: 2em;
  padding-left: 16%;
  padding-right: 16%;
  background: linear-gradient(to right, #215B35 8.5%, #ffffff 8.5%, #ffffff 91.5%, #215B35 85%);
  background-color: white;
  /*background-color: #006e2e;*/
  overflow: true;
}

#activiteiten {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

#vorigeActiviteiten {
  width: 33%;
  float: left;
}

#volgendeActiviteit {
  width: 45%;
  /*float: left;*/
  margin-bottom: -100%;
  float: left;

}

#counter {
  color: #fdba2b;
  /*background-color: #215B35;*/
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #000;
}

#volgendeActiviteiten {
  width: 45%;
  float: right;
}

.activiteitDate {
  color: #fdba2b;
  /*background-color: #215B35;*/
  background-color: #222;
}

.activiteitName {
  color: #fff;
  background-color: #215B35;
}

#volgendeActiviteit .activiteitName {
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
}

#volgendeActiviteit .activiteitDate {
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
  background-color: #000;
}

/*.section:nth-of-type(even) .kalender{
  background-color: white;
  color: darkgreen;
}

.section:nth-of-type(odd) .kalender{
  background-color: darkgreen;
  color: white;
}
*/


/*################# BEGIN Polariods###################*/
ul.polaroids {
  padding-left: 0;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}

ul.polaroids li {
  /*  background-color: #fff;
margin: 0;*/
  padding: 10px;
  display: inline-block;
  text-align: center;
  /*width: 250px;*/
}

ul.polaroids img {
  display: block;
  text-align: center;
  height: 230px;
  width: 230px;
}

ul.polaroids a:before {
  /*content: url('../img/Thumbtack.svg');*/
  content: attr(functie);
  font-size: 1em;
}

ul.polaroids a:after {
  content: attr(title);
}

/* By default, we tilt all our images -2 degrees */
ul.polaroids a {
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: block;
  background-color: #EFEDDE;
  color: black;
  text-decoration: none;
  /*font-size: 0.5em;*/
  transform: rotate(-2deg);
}

/* Add drop shadows and smooth out the transition (Safari only) */
ul.polaroids a {
  transition: transform .15s linear;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

/* Rotate all even images 2 degrees */
ul.polaroids li:nth-child(even) a {
  transform: rotate(2deg);
}

ul.polaroids li:nth-child(even) a:hover {
  transform: scale(1.25);
}

/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
ul.polaroids a:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  transform: scale(1.25);
  position: relative;
  z-index: 5;
}
/*################# END Polariods###################*/