body {
    background: url(frankfurt.jpg) no-repeat 50% 20%;
    background-attachment: fixed;
    background-size: cover;
    color: #FFF;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}
table {
    width: 50%;
    min-width: 720px;
    height: 100%;
    margin: 0 auto;
}
td {
    text-align: center;
    vertical-align: middle;
}
td.dragonauten {
    padding-left: 25px;
}
td.dragonfighters {
    padding-right: 25px;
}
td.footer {
    height: 20%;
}

a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}
img {
    width: 80%;
    max-width: 350px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 10px #000;
    padding: 20px;
    margin-bottom: 20px;
}
a:hover img {
	border: 2px solid #000;
    padding: 18px;
}
span {
    display: block;
}
h1, a {
    font-size: 2.5em;
}