

.grid {
	position: relative;
	margin: 0 auto;
	adding: 1em 0 4em;
	max-width: 1024px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	argin: 10px 1%;
	in-width: 320px;
	ax-width: 480px;
	ax-height: 10%;
	width: 100%;
	eight:auto;
	ackground: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	in-height: 200px;
	max-width: 100%;
	opacity: 1;
	
}
.grid figure img:hover{
	/*border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border: 0px solid #000000;*/
}

.grid figure figcaption {
	padding: 0.2em;
	color: #fff; color:#F90;
	text-transform: uppercase;
	font-size: 0.8em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 100px;
	eft: -365px;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 500;
	display:none;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
	
}
.grid figure h2 {
	margin-top:15%;
	color:#FFF;
	font-size:1.2em;
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 100%;
	font-weight:700;
	font-size:1.3em;
	color:#B1CFFF;
}


/* Individual effects */



/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	ackground: #9e5406;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 10%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 1.2em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#F00; color:#F90;
	font-size:1.0vw;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/



@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
<form  name="boekings_form" action="contactvdb1.asp" method="post"  onsubmit="return checkform(this)" id="formulier2">
              <fieldset>
              <legend>Aanvraagformulier</legend>
                 
       <table border="0" cellspacing="1" id="boekingsform">
          <tr>
          	<td>Bestemming&nbsp;:</td>
          	  <td colspan="6"><select class="keuze" name="woonprijs" title="Uw Bestemming">
              <option class="option" value="" selected="selected">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Maak hier uw keuze</option>
              <option class="option" value="Amstelveen naar Schiphol EUR 29,-" >Amstelveen-Schiphol €29,-</option>
              <option class="option" value="Schiphol naar Amstelveen EUR 29,-" >Schiphol-Amstelveen €29,-</option>
              <option class="option" value="Amsterdam-Buitenveldert naar Schiphol EUR 32,-" >Buitenveldert-Schiphol €32,-</option>
              <option class="option" value="Schiphol naar Amsterdam-Buitenveldert EUR 36,-" >Schiphol-Buitenveldert €36,-</option>
              <option class="option" value="Nes a/d Amstel naar Schiphol EUR 34,-" >Nes a/d Amstel-Schiphol €34,-</option>
              <option class="option" value="Schiphol naar Nes a/d Amstel EUR 38,-" >Schiphol-Nes a/d Amstel €38,-</option>
              <option class="option" value="Ouderkerk a/d Amstel naar Schiphol EUR 34,-" >Ouderkerk a/d Amstel-Schiphol €34,-</option>
              <option class="option" value="Schiphol naar Ouderkerk a/d Amstel EUR 34,-" >Schiphol-Ouderkerk a/d Amstel €34,-</option>
              <option class="option" value="Uithoorn naar Schiphol EUR 29,-" >Uithoorn-Schiphol €29,-</option>
              <option class="option" value="Schiphol naar Uithoorn EUR 33,-" >Schiphol-Uithoorn €33,-</option>
              <option class="option" value="Overige plaatsen" >Overige plaatsen (op aanvraag)</option>
              </select>
            </td>
          </tr>
          <tr class="spacer"><td>&nbsp;</td></tr>
  
      		   <input class="verborgen" name="verborgen"  title="nocheck"  />
       
          <tr>
          	<td>Datum&nbsp;:</td>
              <td><select class="dag" name="datum" >
              <option class="option" value="*">Dag</option>     
              <option class="option" value="1">&nbsp;&nbsp;1</option>
              <option class="option" value="2">&nbsp;&nbsp;2</option>
              <option class="option" value="3">&nbsp;&nbsp;3</option>
              <option class="option" value="4">&nbsp;&nbsp;4</option>
              <option class="option" value="5">&nbsp;&nbsp;5</option>
              <option class="option" value="6">&nbsp;&nbsp;6</option>
              <option class="option" value="7">&nbsp;&nbsp;7</option>
              <option class="option" value="8">&nbsp;&nbsp;8</option>
              <option class="option" value="9">&nbsp;&nbsp;9</option>
              <option class="option" value="10">&nbsp;10</option>
              <option class="option" value="11">&nbsp;11</option>
              <option class="option" value="12">&nbsp;12</option>
              <option class="option" value="13">&nbsp;13</option>
              <option class="option" value="14">&nbsp;14</option>
              <option class="option" value="15">&nbsp;15</option>
              <option class="option" value="16">&nbsp;16</option>
              <option class="option" value="17">&nbsp;17</option>
              <option class="option" value="18">&nbsp;18</option>
              <option class="option" value="19">&nbsp;19</option>
              <option class="option" value="20">&nbsp;20</option>
              <option class="option" value="21">&nbsp;21</option>
              <option class="option" value="22">&nbsp;22</option>
              <option class="option" value="23">&nbsp;23</option>
              <option class="option" value="24">&nbsp;24</option>
              <option class="option" value="25">&nbsp;25</option>
              <option class="option" value="26">&nbsp;26</option>
              <option class="option" value="27">&nbsp;27</option>
              <option class="option" value="28">&nbsp;28</option>
              <option class="option" value="29">&nbsp;29</option>
              <option class="option" value="30">&nbsp;30</option>
              <option class="option" value="31">&nbsp;31</option>
              </select>
            </td>        
            <td>
              <select class="maand" name="maand">
              <option class="option" value="*">&nbsp;&nbsp;&nbsp;&nbsp;Maand</option>
              <option class="option" value="januari">&nbsp;Januari</option>
              <option class="option" value="februari">&nbsp;Februari</option>
              <option class="option" value="maart">&nbsp;Maart</option>
              <option class="option" value="april">&nbsp;April</option>
              <option class="option" value="mei">&nbsp;Mei</option>
              <option class="option" value="juni">&nbsp;Juni</option>
              <option class="option" value="juli">&nbsp;Juli</option>
              <option class="option" value="augustus">&nbsp;Augustus </option>
              <option class="option" value="september">&nbsp;September</option>
              <option class="option" value="oktober">&nbsp;Oktober</option>
              <option class="option" value="november">&nbsp;November</option>
              <option class="option" value="december">&nbsp;December</option>
              </select>
             </td>
             <td colspan="6"> <select class="jaar" name="jaar">
              <option class="option" value="*">&nbsp;&nbsp;Jaar</option> 
              <option class="option" value="2014">&nbsp;&nbsp;2014 </option>
              <option class="option" value="2015">&nbsp;&nbsp;2015 </option>
             </select> 
           </td>
         </tr>
        <tr class="spacer"><td>&nbsp;</td></tr>
         <tr>
       	   <td>Tijdstip&nbsp;:</td>
        	 <td ><input class="naam" name="naam" type="time" title="Naam"  />
             </td>
             <td><select class="tijd" name="minuut" size="1" >
              <option class="option" value=":00 uur">00</option>
              <option class="option" value=":15 uur">15</option>
              <option class="option" value=":30 uur">30</option>
              <option class="option" value=":45 uur">45</option>
             </select>
             </td>
           </tr>   
         <tr class="spacer"><td>&nbsp;</td></tr>
           <tr>
             <td>Vluchtnr.&nbsp;:</td>
               <td colspan="6"><input class="vlucht" name="vlucht" title="nocheck" placeholder="Alleen invullen bij afhalen Schiphol" /></td>
           </tr>
         <tr class="spacer"><td>&nbsp;</td></tr>
           <tr>
             <td>Herkomst&nbsp;:</td>
              <td colspan="6"><input class="plaatsnaam1"  name="vlucht1" type="date" title="nocheck" placeholder="Alleen invullen bij afhalen Schiphol"/></td>
           </tr>
         <tr class="spacer"><td>&nbsp;</td></tr>       
            <tr>
              <td>Passagiers&nbsp;:</td>
                <td><select class="dag" name="passagiers" >
                    <option class="option" value="1">&nbsp;&nbsp;1</option>
                    <option class="option" value="2">&nbsp;&nbsp;2</option>
                    <option class="option" value="3">&nbsp;&nbsp;3</option>
                    <option class="option" value="4">&nbsp;&nbsp;4</option>
                    <option class="option" value="5">&nbsp;&nbsp;5</option>
                    <option class="option" value="6">&nbsp;&nbsp;6</option>
                    <option class="option" value="7">&nbsp;&nbsp;7</option>
                   </select>
                  </td>
                    <td id="koffers">&nbsp;Koffers&nbsp;:</td>
                    <td colspan="6" id="aantalkoffers"><select class="tijd" name="bagage" >
                    <option class="option" value="0">&nbsp;&nbsp;0</option>
                    <option class="option" value="1">&nbsp;&nbsp;1</option>
                    <option class="option" value="2">&nbsp;&nbsp;2</option>
                    <option class="option" value="3">&nbsp;&nbsp;3</option>
                    <option class="option" value="4">&nbsp;&nbsp;4</option>
                    <option class="option" value="5">&nbsp;&nbsp;5</option>
                    <option class="option" value="6">&nbsp;&nbsp;6</option>
                    <option class="option" value="7">&nbsp;&nbsp;7</option>
                    <option class="option" value="8">&nbsp;&nbsp;8</option>
                   </select>
                  </td>
                 <td colspan="2"></td>
               </tr>
             <tr class="spacer"><td>&nbsp;</td></tr>   
               <tr><td>Categorie&nbsp;:</td>
                 <td colspan="6"><select class="voertuig" name="voertuig" title="Uw voertuig">
                    <option class="option" value="">Uw voertuig categorie</option>
                    <option class="option" value="Taxi(max 4 pass)">Standaard Taxi (1-4 prs)</option>
                    <option class="option" value="Taxi(max 4 pass)">Business Taxi (1-4 prs +20%)</option>
                    <option class="option" value="Taxi(max 4 pass)">Limousine (1-4 prs +30%)</option>
                    <option class="option" value="Busje(prijs+25%)">Busje (max 7 prs +25%)</option>
                   </select>
                 </td>
               </tr>        
            <tr class="spacer"><td>&nbsp;</td></tr> 
             <tr><td></td>
                 <td colspan="6" class="inputname">Betaalwijze
                 	<select class="betaalwijze" name="betaalwijze" title="Uw betaalwijze">
                    <option class="option" value="">Betaalwijze</option>
                    <option class="option" value="Taxi(max 4 pass)">Contant</option>
                    <option class="option" value="Taxi(max 4 pass)">Pinnen</option>
                    <option class="option" value="Taxi(max 4 pass)">Credit Card</option>
                    <option class="option" value="Busje(prijs+25%)">Op rekening (bedrijven)</option>
                   </select>
                 </td>
               </tr>
             <tr class="spacer"><td>&nbsp;</td></tr>                                    
               <tr>
                 <td>Naam&nbsp;:</td>
                   <td><select class="dag" name="aanhef" >
                    <option class="option" value="Dhr.">Dhr</option>
                    <option class="option" value="Mevr.">Mevr</option>
                   </select>
                   </td>
                 <td colspan="5"><input class="naam" name="naam" type="text" title="Naam"  /></td>
               </tr>
             <tr class="spacer"><td>&nbsp;</td></tr>     
               <tr>
                 <td>Adres&nbsp;:</td>
                 <td colspan="6"><input class="adres" name="adres"  title="Adres"  /></td>
               </tr>
             <tr class="spacer"><td>&nbsp;</td></tr>   
               <tr>
                 <td>Woonplaats&nbsp;:</td>
                 <td colspan="5"> <input class="plaatsnaam" name="woonplaats"  title="Plaatsnaam"  /></td>
               </tr>
             <tr class="spacer"><td>&nbsp;</td></tr> 
               <tr>
                 <td>Tel.nr.&nbsp;:</td>
                 <td colspan="6"><input class="adres" name="telefoon" title="Telefoonnummer" onkeypress="return NumberOnly()"/></td>
               </tr>
              <tr class="spacer"><td>&nbsp;</td></tr> 
               <tr>
                 <td>Emailadres&nbsp;:</td>
                 <td colspan="6"><input class="adres" name="emailf"  title="E-mailadres"  /></td>
               </tr>
             <tr class="spacer"><td>&nbsp;</td></tr>   
               <tr>
                 <td id="opmerkingen">Opmerkingen&nbsp;:</td>
                 <td colspan="6"><textarea  wrap="virtual" name="commentaar" rows="3" class="opmerkingen" title="nocheck" ></textarea></td>
               </tr>
                  
               <tr>
                 <td colspan="6" id="spacer">&nbsp;</td>
               </tr> 
                  
               <tr>
                 <td colspan="4" align="right">Beveiligingsvraag&nbsp;: 3 x 4 = </td>
                 <td colspan="6"><input class="beveiligingsvraag" name="beveiligingsvraag"  title="De beveiligingsvraag"  /></td>
               </tr>
              
               <tr>
                 <td colspan="7" id="voorwaarden"> <label><input type="checkbox" name="accoord" title="Accoord&nbsp;met&nbsp;de&nbsp;Algemene&nbsp;Voorwaarden"  />
                    <span id="akkoord">Ik&nbsp;ga&nbsp;akkoord&nbsp;met&nbsp;de&nbsp;<a href="voorwaarden.html">algemene&nbsp;voorwaarden</a>&nbsp;van&nbsp;Schiphol taxi Amstelveen</span></label>
                 </td>
               </tr>
                     
               <tr>
                 <td colspan="6" id="checkemail">Controleer uw e-mailadres: hierop ontvangt u een kopie van de aanvraag</td>
               </tr>
                          
         </table>
                     
  <div class="versturen">
         <table>
               <tr>
                 <td colspan="4" id="reset"><input class="reset" type="reset" value="Wissen" name="reset2" /></td>
                 <td colspan="2" id="versturen"><input  type="submit" value="Versturen" name="Submit2" /></td>
               </tr>
          </table>
  </div>
  </fieldset>
</form>