/* beachte Anmerkung 4) in main.css */

/* reine Stilangaben */
#container>div {
	text-align: justify; /* Blocksatz */
	background-color: #808080;
	min-height: 0;
}

/* Bildüberschriften siehe Anmerkung 4) */
#container>div h6 { /* h6 gewählt, damit man ggf. auch noch Texte schreiben kann und Überschriften zur Verfügung hat. */
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 1em 0 0 .5em;
	min-height: 1.2em; /* für leere Überschriften zwischen zwei Bildern */
}

/* Bilderklärungen nach dem Muster
	<div class="erklaerung">
		<img ... />
		<div>
			Erklärung
		</div>
	</div>
*/
.erklaerung {
	position: relative;
}
.erklaerung:before {
	content: "Info";
	padding: .5em;
	position: absolute;
	left: 0;
	top: 0;
}
.erklaerung:hover:before, .erklaerung:active:before, .erklaerung:focus:before {
	display: none;
}
.erklaerung div {
	display: none;
	background-color: black;
	padding: .5em;
	position: absolute;
	left: 50%;
	top: 0;
}
.erklaerung:hover div, .erklaerung:active div, .erklaerung:focus div {
	display: block;
}

/* Textelemente */
/* Überschriften in Bilderklärungen */
.erklaerung h1 {
	font-size: larger;
}
.erklaerung h2 {
	font-size: inherit;
}
.erklaerung div *:last-child {
	margin-bottom: 0; /* Beendet die Box bündig */
}
/* Bisher nur für architek*touren* verwendet */
#container strong {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
/* Bisher nur für Links am Ende einer Seite */
#container a {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	padding: 1em 0 1em .5em;
}