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

.text {
	z-index:1000;
	color: #007CB7;
}
.text a {
	text-decoration: none;
	color: #007CB7;
}

@media (max-width: 600px) {

	.mittediv {
		z-index:1;
		position: relative;
		margin-left:auto;
		margin-right:auto;
		background: url("back.png") no-repeat left bottom;
		background-color: white;
		background-size: 40%;
		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;}}