@media only screen and ( min-width: 950px ){
    /* breites Browserfenster */
    html, body {
		width: 100%;
		height: 100%;
		margin: auto;
		padding: 0;
		overflow: hidden;
	}

	#hintergrund {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 1;
		background-size: cover;
	}

	#kopfzeile {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 150px;
		z-index: 2;
		overflow: auto;
		background-color: rgb(255,255,255);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
		filter: alpha(opacity=80);  /* IE 5-7 */
		-moz-opacity: 0.8;          /* Netscape */
		-khtml-opacity: 0.8;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
		margin: auto;
		text-align: center;
	}

	#fusszeile {
		position: absolute;
		top: 60%;
		left: 50%;
		z-index: 2;
		width: 60%;
		height: auto;
		overflow: auto;
		text-align: center;
		color: rgb(0,51,154);
		font-family: Arial;
		font-size: 20px;
		margin: auto;
		margin-left: -30%;
		background-color: rgb(255,255,255);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
		filter: alpha(opacity=80);  /* IE 5-7 */
		-moz-opacity: 0.8;          /* Netscape */
		-khtml-opacity: 0.8;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
		padding-bottom: 10pt;
		padding-top: 10pt;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}

}

@media only screen and ( max-width: 440px ) {
    /* mobile Geräte */
    html, body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#hintergrund {
		width: auto;
		height: 100%;
		position: relative;
		z-index: 1;
		background-size: cover;
	}
	
	#kopfzeile {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 20%;
		z-index: 2;
		overflow: auto;
		background-color: rgb(255,255,255);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
		filter: alpha(opacity=80);  /* IE 5-7 */
		-moz-opacity: 0.8;          /* Netscape */
		-khtml-opacity: 0.8;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
		margin: auto;
		text-align: center;
	}

	#fusszeile {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		width: 80%;
		height: auto;
		overflow: auto;
		text-align: center;
		color: rgb(0,51,154);
		font-family: Arial;
		font-size: 20px;
		margin: auto;
		margin-left: -40%;
		background-color: rgb(255,255,255);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
		filter: alpha(opacity=80);  /* IE 5-7 */
		-moz-opacity: 0.8;          /* Netscape */
		-khtml-opacity: 0.8;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
		padding-bottom: 10pt;
		padding-top: 10pt;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}
}

@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
    /* Tablets und mittlere Bildschirme */
    html, body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#hintergrund {
		width: auto;
		height: 100%;
		position: relative;
		z-index: 1;
		background-size: cover;
	}
	
	#kopfzeile {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 150px;
		z-index: 2;
		overflow: auto;
		background-color: rgb(255,255,255);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
		filter: alpha(opacity=80);  /* IE 5-7 */
		-moz-opacity: 0.8;          /* Netscape */
		-khtml-opacity: 0.8;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
		margin: auto;
		text-align: center;
	}

	#fusszeile {
		position: absolute;
		top: 60%;
		left: 50%;
		z-index: 2;
		width: 70%;
		height: auto;
		overflow: auto;
		text-align: center;
		color: rgb(0,51,154);
		font-family: Arial;
		font-size: 20px;
		margin: auto;
		margin-left: -35%;
		background-color: rgb(255,255,255);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
		filter: alpha(opacity=80);  /* IE 5-7 */
		-moz-opacity: 0.8;          /* Netscape */
		-khtml-opacity: 0.8;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
		padding-bottom: 10pt;
		padding-top: 10pt;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}
}

.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #003399;
	-webkit-box-shadow: 0px 10px 14px -7px #003399;
	box-shadow: 0px 10px 14px -7px #003399;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6666cc), color-stop(1, #003399));
	background:-moz-linear-gradient(top, #6666cc 5%, #003399 100%);
	background:-webkit-linear-gradient(top, #6666cc 5%, #003399 100%);
	background:-o-linear-gradient(top, #6666cc 5%, #003399 100%);
	background:-ms-linear-gradient(top, #6666cc 5%, #003399 100%);
	background:linear-gradient(to bottom, #6666cc 5%, #003399 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6666cc', endColorstr='#003399',GradientType=0);
	background-color:#6666cc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #003399;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #003399), color-stop(1, #6666cc));
	background:-moz-linear-gradient(top, #003399 5%, #6666cc 100%);
	background:-webkit-linear-gradient(top, #003399 5%, #6666cc 100%);
	background:-o-linear-gradient(top, #003399 5%, #6666cc 100%);
	background:-ms-linear-gradient(top, #003399 5%, #6666cc 100%);
	background:linear-gradient(to bottom, #003399 5%, #6666cc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003399', endColorstr='#6666cc',GradientType=0);
	background-color:#003399;
}
.myButton:active {
	position:relative;
	top:1px;
}