.toptextred {color: #97261c;}
.toptextred a {color: #97261c;}
.toptextblack {color: #000000;}
#content {
     background-color: transparent;
}

.GrijsVlak {
     background-image: url("img/GrijsVlak.jpg");
     background-repeat: no-repeat;
     background-size: 100% auto; background-color: #eee;
     font-family: "robotolight";
     min-height: 405px;
     text-align: center; margin-bottom: 40px;
}

.buttontitle {
     display: block;
     font-size: 2.2em;
     padding-bottom: 30px;
     padding-top: 30px;
}
.icon { height: 140px;}
.actionarearedline {
     color: #97261c;
     display: block;
     font-size: 1.3em;
     padding-top: 30px;
}

.actionareaText {
     display: block;
     font-size: 1.3em; height: 102px; 
}

.actionButton {
    margin-bottom: -15px;
}
#groepsfototitle {
     background-color: #eeeeee;
     padding: 10px;
}

#groepsfototitle h3 {
     color: black;
     font-family: "Roboto",sans-serif;
     font-size: 2em;
     font-weight: 300;
     letter-spacing: 1.5px;
}

#groepsfoto {
     width: 66%;float: left; padding: 0 0 0 15px; position: relative;
}
#groepsfoto .actionButton {
     bottom: 15px;
     position: absolute;
     right: 0px; 
}
#groepsfotoTextContainer{
width: 32.8%; height: 337px; padding-left: 30px; float: left; background-color: #eeeeee; padding-right: 15px; margin-right: 0px;}

#groepsfotoText {
    padding-bottom: 20px;padding-top: 0px; font-size: 1.3em;font-family: "robotolight",sans-serif;letter-spacing: 1px;
}

.geel {
     background-color: #f0bd3f;
     margin-bottom: 50px;
     margin-top: 50px;
}

#comment {
     color: white;
     font-family: "robotolight";
     font-size: 1.8em;
     padding-bottom: 25px;
     padding-top: 25px;
     text-align: center;
}
@media (max-width: 1004px) {
   
  .GrijsVlak { background-color: #eeeeee; min-height: 375px; }
  .buttontitle { font-size: 1.8em; }
  .actionarearedline { font-size: 1.1em; padding-top: 0px; }
  .actionareaText { font-size: 1.1em; height: 102px; }
  .actionButton { width: auto; padding: 8px 32px; }
  #groepsfototitle { margin-top: 40px; }
  #groepsfotoTextContainer { width: 32.5%; height: 270px;  }
  #groepsfotoText { font-size: 1.1em; padding-bottom: 0px; }
} 
@media (max-width: 1004px) {
 #groepsfotoTextContainer { 
 	width: 32%; height: 220px; padding-left: 15px; 
 	float: left; background-color: #eeeeee; 
 	padding-right: 5px; font-size: 0.85em; }
 }
 
@media (max-width: 755px) {
  #groepsfoto {width: 100%; padding-right: 15px;}
  #groepsfotoTextContainer { width: 100%; height: auto; padding: 25px; font-size: 1em; }
}