body { background-color: black; font-family: 'Rokkitt', serif; font-weight:bold; font-style: normal; color: rgb(16, 97, 119); }

/* div-Container, der alle Links (als runde Bilder) aufnimmt */
.links { position: absolute; bottom: 50px; left: 40px; }

/* Link-div: die Links als runde 100 Pixel große Kreise, der graue Hintergrund lässt den runden Button sich vom schwarzen Seitenhintergrund abheben */
.link {
	position: relative; height: 100px; width: 100px;
	margin: 20px;
	border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
	background-color: gray;
	border-style: none;
}
/* wenn Maus drüber: Hintergrund aufhellen */
.link:hover { background-color: lightgray; }

/* Haupt-div: 500 x 500 Pixel, rund */
.haupt {
	position: absolute; top: 100px; left: 300px; height: 500px; width: 500px;
	background-color: rgb(243, 243, 243); color: rgb(16, 97, 119);
	border-radius: 250px; -moz-border-radius: 250px; -webkit-border-radius: 250px;
}
/* wenn Maus drüber: Background-Farbe ändern */
.haupt:hover { background-color: lightgray; }

/* Hauptüberschrift */
.hhead { position: relative; top: 150px; left: 80px; font-size: 60px; }
/* Hauptüber-unterschrift (unter der Überschrift) */
.hheadsub { position: relative; top: 150px; left: 80px; font-family: 'Open Sans', sans-serif; font-size: 15px; font-style: italic; }

/* Bilder-Links ohne den störenden blauen Rahmen */
a { outline: none; }
img { outline: none; }