html, body { 
	background-color: #151515;
	font-family:  "DejaVu Sans", Verdana, Segoe, "Segoe UI", "Trebuchet MS",  "sans-serif";
	font-size: 12pt;
	height: 100%;
	margin: 0;
}

.main {
	border-style: solid;
	border-width: thin;
	border-color: black;
	background-color: white;
	padding: 20px;
}

.header {
	font-size: 24pt;
	font-weight: bold;
	font-stretch: expanded;
	color: lightgray;
	padding-bottom: 20px;
}

.contentarea {
	width: 840px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

.baustelle {
	background-image: url("../images/baustelle.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 551px;
}

.sticker {
  width: 200px;
  height: 200px;
  background-color: #fef68a;         /* typische Post-it-Farbe */
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #e6e600;
  position: absolute;                /* frei platzierbar */
  padding: 10px;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  transform: rotate(-2deg);          /* leichter "Papier-Look" */
}

.footer {
	font-size: 0.6em;
	font-weight: lighter;
	color: lightgray;
	padding-top: 20px;
}