@CHARSET "UTF-8";

body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 768px;
	width: 1024px;
}

#werbekennzeichnung {
    position: absolute;
    right: 0;
    z-index: 30;
}

a {
	background: url('images/btn_bg.jpg') no-repeat scroll 0 0 transparent;
	background-size: 100% 100%;
	color: #FFFFFF;
    display: none;
    font-family: Arial;
    font-size: 13px;
    height: 22px;
    left: 87px;
    padding: 8px 0 0 7px;
    position: absolute;
    text-decoration: none;
    top: 656px;
    width: 374px;
}

#startimage, #animation {
	margin:0px;
	padding:0px;
	background-image: url("images/01_mb_nachtsicht.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
    border:none;
    height: 768px;
    position: absolute;
    width: 1024px;
}

#animation {
	background-image: url("images/02_mb_nachtsicht.jpg");
}

@media only screen and (orientation : portrait) {
	
    body {
		height: 1024px;
		width: 768px;
	}
	
	a {
		left: 60px;
		top: 922px;
	}
	
	#startimage, #animation {
		background-image: url("images/01_mb_nachtsicht_hochformat.jpg");
		height: 1024px;
	}
	
	#animation {
		background-image: url("images/02_mb_nachtsicht_hochformat.jpg");
		height: 1024px;
	}

}


/* Fallback für Zeitschriften die anderen Orientationchange benutzen */
body.portrait {
	height: 1024px;
	width: 768px;
}

.portrait a {
	left: 45px;
	top: 922px;
}

.portrait #startimage, .portrait #animation {
	background-image: url("images/01_mb_nachtsicht_hochformat.jpg");
	height: 1024px;
}

.portrait #animation {
	background-image: url("images/02_mb_nachtsicht_hochformat.jpg");
}