garanties voordelen

<style type="text/css">


body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table {border-spacing: 0; }
/*------------------------------------------------------------------ */

body{
	font-family:Ubuntu, Arial, Helvetica, sans-serif;
	margin:0 auto;
	width: 100%;
}
a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
a:visited {
	color: #666;
	font-weight:bold;
	text-decoration:none;
}
a:active,
a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


/*
Table Style
------------------------------------------------------------------ */
table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Ubuntu, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:10px;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;
	width: 220px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #ececec;
	-webkit-box-shadow: 0 1px 2px #ececec;
	box-shadow: 0 1px 2px #ececec;
}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child{
	text-align: center;
	padding-left:20px;
}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr{
	text-align: center;
	padding-left:20px;
}
table tr td:first-child{
	text-align: center;
	padding-left:20px;
	border-left: 0;
}
table tr td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td{
	border-bottom:0;
}
table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}
.table1 { width: 25%; float: left; }
.table2 { width: 25%; float: left; }
.table3 { width: 25%; float: left; }
.table4 { width: 25%; float: right; }
.tableholder { overflow: hidden; }
.voordelen { text-align: center; width: 50%; float: right;}
.garanties { text-align: center; width: 50%; float: left;}

table tr.table1head th{background: #81ac2b; font-size: 17px; color: #fff;}
table tr.table2head th{background: #5faac7; font-size: 17px; color: #fff;}
table tr.table3head th{background: #fdd55a; font-size: 17px; color: #fff;}
table tr.table4head th{background: #e8504f; font-size: 17px; color: #fff;}

table tr.table1sub td{background: #ececec; font-size: 11px; font-weight: bold; color: #666;}
table tr.table2sub td{background: #ececec; font-size: 11px; font-weight: bold; color: #666666;}
table tr.table3sub td{background: #ececec; font-size: 11px; font-weight: bold; color: #666666;}
table tr.table4sub td{background: #ececec; font-size: 11px; font-weight: bold; color: #666666;}

p.medium {line-height: 1.3;}
p.big {line-height: 1.8;}
</style>

</head>

<body>

<div class="tableholder">
<div class="garanties">
<h4>ONZE GARANTIES</h4>
</div>
<div class="voordelen">
<h4>ONZE VOORDELEN</h4>
</div>
</div>

<div class="tableholder">
<center>
<div class="table1">
<table cellspacing='0'> <!-- cellspacing='0' is important, must stay -->
	<tr class='table1head'><th>MATCH PROTECT</th></tr><!-- Table Header -->

<tr class='table1sub'><td>ZEKER VAN VOETBAL</td></tr><!-- Table Row -->
	<tr class='even'><td><p class="medium">Als uw wedstrijd verplaatst wordt, kan het voorkomend dat deze niet meer in uw reisschema past, in dat geval bieden wij u een oplossing. Om meer te weten te komen over de voorwaarden per situatie klikt u hieronder op MEER INFO.</p></td></tr><!-- Darker Table Row -->

    <tr><td><a href="/matchprotect">MEER INFO</a></td></tr>
</table>
</div>
</center>
<center>
<div class="table2">
<table cellspacing='0'> <!-- cellspacing='0' is important, must stay -->
	<tr class='table2head'><th>SEAT PROTECT</th></tr><!-- Table Header -->

<tr class='table2sub'><td>YOU NEVER SIT ALONE</td></tr><!-- Table Row -->
	<tr class='even'><td>Alle wedstrijdtickets die wij verkopen zijn minimaal in paren.
</td></tr><!-- Darker Table Row -->

	<tr><td>In het geval dat u met 3 reist zijn deze plekken ook naast elkaar.</td></tr>
	<tr class='even'><td>Bij 4 reizigers of meer proberen wij u allemaal naast elkaar te plaatsen.</td></tr>

</table>
</div>
</center>
<center>
<div class="table3">
<table cellspacing='0'> <!-- cellspacing='0' is important, must stay -->
	<tr class = 'table3head'><th>FLEXIBILITEIT</th></tr><!-- Table Header -->

<tr class='table3sub'><td>UW REIS NAAR UW WENS</td></tr><!-- Table Row -->
	<tr class='even'><td><p>U boekt een reis en een ervaring</p><p>En dat hoort u te doen zoals u wilt.</p></td></tr><!-- Darker Table Row -->

	<tr><td>Daarom kunt u bij ons altijd uw zitplaatsen, overnachting en vlucht upgraden of uw verblijf verlengen.</td></tr>
	<tr class='even'><td>Op die manier heeft u de volledige controle over uw voetbaltrip.</td></tr>

</table>
</div>
</center>
<center>

</center>
</div>


</body>