body {
	animation:fadein 2s;-moz-animation:fadein 2.0s;-webkit-animation:fadein 2s;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	line-height: 145%;
	background-color: white;
}
td {
	font-size: 16px;
	line-height: 145%;
	color: rgba(0, 0, 0, 0.8);
}
.mittediv {
	border-radius: 5px;
	z-index:1;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	background: url("back.png") no-repeat center bottom	;
	background-color: white;
	background-size: 60%;
	
	width: 500px;
}
.hintergrund_text {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 3;
}

.text {
	z-index:1000;
	color: rgba(0, 0, 0, 0.8);
}
.text a {
	text-decoration: none;
	color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 600px) {

	.mittediv {
		z-index:1;
		position: relative;
		margin-left:auto;
		margin-right:auto;
		background: url("back.png") no-repeat center bottom;
		background-color: white;
		background-size: 60%;
		height: 100%;
		width: 100%;
	}
	
}

@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}