#hidden {
	display:none;
}

.image { 
	position: relative;
	max-width:100%;
	max-height:100%;
}

.headline { 
	position: absolute; 
	top: 36px; 
	left: 40px;
	font-size:93%;
	font-weight:bold;
}

.hint { 
	position: absolute;
	top: 110px; 
	left: 40px;
	font-size:93%;
	font-weight:bold;
}

.frontpanel { 
	position: absolute; 
	top: 165px; 
	left: 40px; 
	font-size:93%;
	font-weight:bold;
}

.schaeffer { 
	position: absolute; 
	top: 165px; 
	left: 340px;
	font-size:93%;
	font-weight:bold;
}

.bold {
	font-weight:bold;
	font-size:95%;
}


#fpelink {
	color:#23A0CF;
}

#fpe { 
	position: absolute; 
	top: 65%; 
	left: 8%; 
}

#sag { 
	position: absolute; 
	top: 56%; 
	left: 68%; 
}

#background {
	width:100%;
	height:100%;
}

@media (max-width: 500px), (max-height: 500px) {

	#background {
		width:1px;
		height:1px;
	}

	.hide {
		display:none;
	}


	.headline { 
		position: absolute; 
		top: 18px; 
		left: 20px;
		font-size:73%;
		font-weight:bold;
	}

	.hint { 
		position: absolute;
		top: 70px; 
		left: 20px;
		font-size:73%;
		font-weight:bold;
	}

	.frontpanel { 
		position: absolute; 
		top: 155px; 
		left: 50px; 
		font-size:73%;
		font-weight:bold;
	}

	.schaeffer { 
		position: absolute; 
		top: 230px; 
		left: 50px;
		font-size:73%;	
		font-weight:bold;
		padding-bottom:45px;
		margin-bottom:45px;
	}

	.bold {
		font-weight:bold;
		font-size:100%;
	}


	#fpelink {
		color:#23A0CF;
	}

	#fpe { 
		display:none;
	}

	#sag { 
		display:none;
	}

}