<style type="text/css">
.supportBoxHeader {
padding:0 5px;
}
.supportBox p {
margin-bottom: 0px;
}
.supportBox li {
background: url("images/check.png") no-repeat scroll 0 0 transparent;
margin-bottom: 2px;
padding: 0 0 0 22px;
}
.supportBox ul {
list-style:none;
margin:0;
}
.supportBox h2 {
color:#FFF;
font-weight: normal;
text-align:center;
text-shadow:0 -1px 0 rgba(0,0,0,0.7);
padding-top: 2px;
padding-bottom: 2px;
}
.supportBox {
background-image: #2a2a2a;
background-image: -webkit-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
background-image: -moz-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
background-image: -o-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
background-image: -ms-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
background-image: linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(53,53,53)), color-stop(1, rgb(31,31,31)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535", endColorstr="#1f1f1f",GradientType=0);
color: #CCCCCC !important;
padding:5px 8px;
border-radius: 2px;
border: 1px solid #000000;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
height:192;width:212;
text-align:center;
}
.field {
position: relative;
max-width: 100%;
margin-bottom: 10px;
vertical-align: middle;
font-size: 16px;
overflow: hidden;
}
hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); }
</style>
<table width="90%" border="0" align="center" cellspacing="10">
<tr>
<td width="212" height="192">
<div class="rhcol span3">
<div class="supportBox">
<h2>Citybuild-Server</h2>
<p>Trete ein in die tolle Welt unseres Citybuild-Servers. Fange in einem einfachem Hotelzimmer an, sammle Rohstoffe bis du dir dein eigenes Grundstück leisten kannst. Arbeite dich hoch bis zu deiner eigenen Stadt die du verwaltest.<br />
<br />
<table width="100%" border="0">
<tr>
<td><b>IP:</b></td>
<td><input class="field" onClick="this.select();" type="text" value="join.craftplay.de" />
</div>
</td>
</tr>
</table>
</p>
</div>
</div>
</td>
<td width="212" height="192">
<div class="rhcol span3">
<div class="supportBox">
<h2>Minigames-Server</h2>
<p>Viele tolle, selbst entwickelte Minigames warten auf dich. <br />
<br />
<b>Highlights:</b> MineWars, Wanted, VampireSurvival, SurvivalGames und viele weitere tolle Minispiele. Sammle Punkte und beweise dein können!<br />
<br />
<table width="100%" border="0">
<tr>
<td><b>IP:</b></td>
<td><input class="field" onClick="this.select();" type="text" value="games.craftplay.de" />
</div>
</td>
</tr>
</table>
</p>
</div>
</div>
</td>
<td width="212" height="192">
<div class="rhcol span3">
<div class="supportBox">
<h2>Teamspeak³-Server</h2>
<p>Besuche unseren TS3-Server um mit anderen Mitgliedern zu reden oder um euch bei Events besser absprechen zu können. Wir bieten auch Channels für andere Games an. Es ist also jeder Willkommen!<br />
<br />
<br />
<table width="100%" border="0">
<tr>
<td><b>IP:</b></td>
<td><input class="field" onClick="this.select();" type="text" value="ts.craftplay.de" />
</div>
</td>
</tr>
</table>
</p>
</div>
</div>
</td>
<td width="212“ height="192">
<div class="rhcol span3">
<div class="supportBox">
<h2 style="color:#ff00ff">Nächste Events:</h2>
<font color="#FFA500"><b>Conquer The Tower - 07.12 / 18:30 h<br />
<font color="#FF0000"><b>DraculasCastle - 09.12 / 18:30 h<br />
<font color="#0099FF"><b>TheWalls - 11.12 / 18:30 h<br />
<font color="#FFFFFF"><b>BowSkill - 13.12 / 18:30 h<br />
<font color="#A700AA"><b>Enderwar - 14.12 / 18:30 h<br />
<font color="#0EAA00"><b>CubeControl - 16.12 / 18:30 h<br />
<font color="#0099FF"><b>TheWalls - 18.12 / 18:30 h<br />
<font color="#D3DD0E"><b>Cluster-PvP - 21.12 / 18:30 h<br />
<br />
<br />
<br />
<br />
</div>
</div></td>
</tr>
</table>
