@font-face{font-family:open sans;font-style:normal;font-weight:400;src:local('ClearSans'),local('ClearSans-Regular'),url(/test/includes/fonts/ClearSans-Regular.ttf) format('truetype')}

body {
	background: #18a018;
	font-family: 'ClearSans', arial;
}
table {
	border-collapse: collapse;
	width: 40%;
	margin: 0 auto;
}
.container {
	width: 100%;
	text-align: center;
}
button {
    background: #f5f5f5;
    border: 1px solid #444;
    border-radius: 3px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 20px;
    margin-top: 50px;
}
button:hover {
	cursor: pointer;
	background: #cccccc;
}
button:focus {
	outline:0;
}
th, td {
	border: 0;
	padding: 5px;
	min-width: 66px;
	min-height: 96px;
}
th.karo div, th.herz div, th.pik div, th.kreuz div,
td.karo div, td.herz div, td.pik div, td.kreuz div,
#selectedCard div,
td.stepBackCard div {
	background-repeat: no-repeat;
	width: 50px;
	height: 70px;
}
td.stepBackCard {
	background-image: url('/test/includes/img/card-hidden.png');
	background-repeat: no-repeat;
	width: 60px;
	height: 80px;
	background-position-x: 5px;
	background-position-y: 5px;
	text-align: center;
}

div.finish {
	background-image: url('/test/includes/img/finish.png');
	width: 50px;
	height: 70px;
	background-repeat: no-repeat;
}

div.karo-koenig {
	background-image: url('/test/includes/img/karo-koenig.png');
}
div.herz-koenig {
	background-image: url('/test/includes/img/herz-koenig.png');
}
div.pik-koenig {
	background-image: url('/test/includes/img/pik-koenig.png');
}
div.kreuz-koenig {
	background-image: url('/test/includes/img/kreuz-koenig.png');
}

div.karo-2 {
	background-image: url('/test/includes/img/karo-2.png');
}
div.karo-3 {
	background-image: url('/test/includes/img/karo-3.png');
}
div.karo-4 {
	background-image: url('/test/includes/img/karo-4.png');
}
div.karo-5 {
	background-image: url('/test/includes/img/karo-5.png');
}
div.karo-6 {
	background-image: url('/test/includes/img/karo-6.png');
}
div.karo-7 {
	background-image: url('/test/includes/img/karo-7.png');
}
div.karo-8 {
	background-image: url('/test/includes/img/karo-8.png');
}
div.karo-9 {
	background-image: url('/test/includes/img/karo-9.png');
}
div.karo-10 {
	background-image: url('/test/includes/img/karo-10.png');
}
div.karo-bube {
	background-image: url('/test/includes/img/karo-bube.png');
}
div.karo-dame {
	background-image: url('/test/includes/img/karo-dame.png');
}
div.karo-ass {
	background-image: url('/test/includes/img/karo-ass.png');
}

div.herz-2 {
	background-image: url('/test/includes/img/herz-2.png');
}
div.herz-3 {
	background-image: url('/test/includes/img/herz-3.png');
}
div.herz-4 {
	background-image: url('/test/includes/img/herz-4.png');
}
div.herz-5 {
	background-image: url('/test/includes/img/herz-5.png');
}
div.herz-6 {
	background-image: url('/test/includes/img/herz-6.png');
}
div.herz-7 {
	background-image: url('/test/includes/img/herz-7.png');
}
div.herz-8 {
	background-image: url('/test/includes/img/herz-8.png');
}
div.herz-9 {
	background-image: url('/test/includes/img/herz-9.png');
}
div.herz-10 {
	background-image: url('/test/includes/img/herz-10.png');
}
div.herz-bube {
	background-image: url('/test/includes/img/herz-bube.png');
}
div.herz-dame {
	background-image: url('/test/includes/img/herz-dame.png');
}
div.herz-ass {
	background-image: url('/test/includes/img/herz-ass.png');
}

div.pik-2 {
	background-image: url('/test/includes/img/pik-2.png');
}
div.pik-3 {
	background-image: url('/test/includes/img/pik-3.png');
}
div.pik-4 {
	background-image: url('/test/includes/img/pik-4.png');
}
div.pik-5 {
	background-image: url('/test/includes/img/pik-5.png');
}
div.pik-6 {
	background-image: url('/test/includes/img/pik-6.png');
}
div.pik-7 {
	background-image: url('/test/includes/img/pik-7.png');
}
div.pik-8 {
	background-image: url('/test/includes/img/pik-8.png');
}
div.pik-9 {
	background-image: url('/test/includes/img/pik-9.png');
}
div.pik-10 {
	background-image: url('/test/includes/img/pik-10.png');
}
div.pik-bube {
	background-image: url('/test/includes/img/pik-bube.png');
}
div.pik-dame {
	background-image: url('/test/includes/img/pik-dame.png');
}
div.pik-ass {
	background-image: url('/test/includes/img/pik-ass.png');
}

div.kreuz-2 {
	background-image: url('/test/includes/img/kreuz-2.png');
}
div.kreuz-3 {
	background-image: url('/test/includes/img/kreuz-3.png');
}
div.kreuz-4 {
	background-image: url('/test/includes/img/kreuz-4.png');
}
div.kreuz-5 {
	background-image: url('/test/includes/img/kreuz-5.png');
}
div.kreuz-6 {
	background-image: url('/test/includes/img/kreuz-6.png');
}
div.kreuz-7 {
	background-image: url('/test/includes/img/kreuz-7.png');
}
div.kreuz-8 {
	background-image: url('/test/includes/img/kreuz-8.png');
}
div.kreuz-9 {
	background-image: url('/test/includes/img/kreuz-9.png');
}
div.kreuz-10 {
	background-image: url('/test/includes/img/kreuz-10.png');
}
div.kreuz-bube {
	background-image: url('/test/includes/img/kreuz-bube.png');
}
div.kreuz-dame {
	background-image: url('/test/includes/img/kreuz-dame.png');
}
div.kreuz-ass {
	background-image: url('/test/includes/img/kreuz-ass.png');
}