body {
	margin: 0.5em;
	background-color: #FFFFFF;
	font-family: Arial,Sans-Serif;
	font-size: 1em;
	text-align: center;
	background-image: -moz-linear-gradient(to bottom right, rgba(168,183,204,1) 0%, rgba(168,183,204,0) 50%);
	background-image: -webkit-gradient(to bottom right, rgba(168,183,204,1) 0%, rgba(168,183,204,0) 50%);
	background-image: -webkit-linear-gradient(to bottom right, rgba(168,183,204,1) 0%, rgba(168,183,204,0) 50%);
	background-image: -o-linear-gradient(to bottom right, rgba(168,183,204,1) 0%, rgba(168,183,204,0) 50%);
	background-image: -ms-linear-gradient(to bottom right, rgba(168,183,204,1) 0%, rgba(168,183,204,0) 50%);
	background-image: linear-gradient(to bottom right, rgba(168,183,204,1) 0%, rgba(168,183,204,0) 50%);
	background-repeat: no-repeat;
}
img {
	border-width: 0px;
}
#mainbox {
	width: 100%;
	text-align: left;
}
.adlayer {
	clear: left;
	margin: 0.4em;
}
.adlayer img {
	max-width: 100%;
	height: auto;
}
#startscreen img {
	width: 100%;
	height: auto;
}
#flagbox {
	display: none;
}
h1 {
	color: #C24220;
	margin: 0;
}
a.h2 {
	color: #C24220;
	text-decoration: none;
}
a.txt {
	color: #000000;
	text-decoration: none;
}
a.txt:hover {
	color: #B77927;
}
#cookienotice {
	text-align: left;
	padding: 0.8em;
	margin: 1em 0;
	border: 1px solid #C24220;
	background-color: #FFFF99;
}
#footer {
	color: gray;
	text-align: left;
	line-height: 2.5em;
}
.footercol {
	padding: 0.8em;
	margin: 1em 0;
	border-top: 1px solid #C24220;
	border-right: 1px solid #C24220;
	border-bottom: 1px solid #C24220;
	border-left: 1px solid #C24220;
}
#footer a {
	color: gray;
	text-decoration: none;
}
#footer a:hover {
	color: #C24220;
}
#whs_box {
	margin: 1em 1.4em;
}
#additional {
	text-align: left;
	margin: 2.4em 0;
}
#additional h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
}
@media ( min-width: 754px ) {
	body {
		margin: 0px 0px !important;
	}
	#mainbox {
		margin: 0px auto;
		width:740px;
		height:520px;
		background-image:url('startscreen.png');
		background-repeat:no-repeat;
		overflow:hidden;
	}
	#startscreen img {
		display: none;
	}
	#headline {
		width:480px;
		margin-top:20px;
		margin-left:230px;
	}
	#infotext-en {
		width:460px;
		margin-top:12px;
		margin-left:260px;
		text-align:justify;
		font-size:13px;
	}
	#infotext-de {
		width:370px;
		margin-top:12px;
		margin-left:350px;
		text-align:justify;
		font-size:13px;
	}
	#flagbox {
		display: block;
		width:180px;
		margin-top:18px;
		margin-left:540px;
		font-size:13px;
	}
	#flagbox img {
		margin-left:12px;
	}
	h1 {
		margin:0px;
		font-weight:bold;
		font-size:28px;
		color:#C24220;
	}
	h2 {
		margin:0px;
		font-weight:bold;
		font-size:15px;
	}
	#cookienotice {
		margin: 8px auto;
		width: 680px;
	}
	#footer {
		margin: 0px auto;
		width: 680px;
		text-align: center !important;
		font-size: 11px;
		color: gray;
		line-height: 1.2em;
	}
	.footercol:first-child {
		border-left: 1px solid gray !important;
	}
	.footercol {
		width: 158px !important;
		width: 164px;
		float: left;
		text-align: left;
		padding: 0px 4px;
		height: 180px;
		border-top: 0px solid gray;
		border-right: 1px solid gray;
		border-bottom: 0px solid gray;
		border-left: 0px solid gray;
	}
	#whs_box {
		text-align: center;
	}
	#additional {
		clear: left;
		margin: 0px auto;
		width: 680px;
		text-align: left;
		font-size: 11px;
	}
	#additional h3 {
		font-size: 12px;
		font-weight: normal;
		margin: 0px;
	}
	.adlayer {
		margin: 0.4em auto;
		width: 740px;
	}

}
@media ( max-width: 753px ) {
	h1 {
		margin-top: 12px;
	}
	a.mobibutton {
		display: inline-block;
		border: 1px solid #A8B7CC;
		border-radius: 4px;
		margin: 8px;
		padding: 8px;
		box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.7);
		line-height: normal;
	}
	a.mobibutton:hover {
		box-shadow: -1px -1px 0px 0px rgba(0,0,0,0.7);
		
	}
}
@media ( max-width: 530px ) {
	.hide-mobile {
		display: none;
	}
}
@media ( min-width: 530px ) {
	.hide-desktop {
		display: none;
	}
}
@media (orientation: landscape) {
	.hide-desktop {
		display: none;
	}
	.hide-mobile {
		display: block;
	}
}