/* Port of the old public_html/_css/style.css (TiefFliegerAltenfelden).
   Same rules, colours, fonts and sizes; the old absolute positions (head 980px,
   main column 770px, sidebar 206px at the right edge) are rebuilt with a fixed
   two-column grid. Below 1000px the sidebar drops under the main column. */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
}

p { font-size: 12px; }
h1 { font-size: 15px; }

a:link, a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.Stil1 { color: #990000; }
.Stil2 { font-size: 9px; }
.Stil3 { font-size: 10px; background-color: #CCCCCC; }
.Stil4 { font-size: 10px; padding: 0 0 10px 8px; overflow-wrap: anywhere; }
.Stil5 { font-size: 9px; padding: 0 0 0 3px; }
.Stil6 { font-size: 12px; text-align: center; padding: 10px 0 5px 0; }
.Stil7 { font-size: 13px; font-weight: bold; padding: 10px 0 5px 0; }

/* Überschriften */
.Stil9 {
	font-size: 15px;
	font-weight: bold;
	background-color: #990000;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #FFFFFF;
}

.Stil10 {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 3px;
}

.Stil11 {
	font-size: 9px;
	background-color: #DDDDDD;
	color: #FFFFFF;
	text-align: right;
	padding-right: 20px;
}

.Stil12 { font-size: 10px; }
.note { color: #999999; font-size: 10px; }

td.tborderl { border-bottom: 1px dashed #CCCCCC; }
td.tborders { font-size: 10px; border-bottom: 1px dashed #CCCCCC; }

/* ---- Allgemeiner Aufbau ---- */
.seite {
	/* old: left edge at 50% - 490px; the 1px borders reach 2px further right */
	width: 980px;
	margin: 0 auto;
}

.head {
	width: 980px;
	border: 1px solid #000;
	line-height: 0;
}
.head img { display: block; border: none; }

.rumpf {
	display: grid;
	grid-template-columns: 770px 206px;
	column-gap: 6px;
	align-items: start;
	margin-top: 7px;
}

#navigation {
	text-align: center;
	padding: 7px 0;
	border: 1px solid #000;
	background-color: #990000;
	font-size: 11px;
}
#navigation a:link, #navigation a:visited {
	text-decoration: none;
	padding: 0 10px;
	color: #FFF;
	font-size: 12px;
}

.content {
	display: block;
	width: 748px;
	margin-top: 7px;
	text-align: left;
	padding: 10px 10px 5px 10px;
	border: 1px solid #000;
}

.footer {
	text-align: center;
	padding: 0 15px;
	margin-bottom: 10px;
	font-size: 9px;
	color: #999999;
}
.footer .coded { font-weight: bold; }

.right_side { min-width: 0; }

.kalender {
	width: 196px;
	text-align: left;
	padding: 4px;
	border: 1px solid #000;
	background-color: #FFFFFF;
	overflow: hidden;
	margin-bottom: 6px;
}
.kalender .mehr { text-align: right; }
.kalender .mehr a { font-size: 9px; }

/* Mini-Kalender (pages/kalender/kalender.php + links.php) */
.minikal select { font-size: 9px; }
.minikal .monat { border-collapse: collapse; text-align: center; border: 1px solid #333333; margin: 0 auto; }
.minikal .monat td { border: 1px solid #333333; padding: 0; font-size: 9px; }
.minikal .monat tr.kopf { height: 15px; }
.minikal .monat tr.kopf td { width: 26px; font-size: 10px; }
.minikal .monat tr.woche { height: 16px; }
.minikal .monat td.so { color: #FF0000; }
.minikal .monat td.ev { background-color: #FFFF66; }
.minikal .monat td.heute { background-color: #6699CC; }
.minikal .monat td.geb { background-image: url(/img/kalender/gebtag.gif); }
.minikal .monat td a { text-decoration: none; }
.minikal .monat td.so a { color: #FF0000; }
.minikal .monat td.geb a { color: #000000; }

/* ---- Startseite ---- */
.start { text-align: center; }
.start p { font-size: 13px; margin: 0; }
.start.bilder img { vertical-align: bottom; }

/* ---- Wir sind ---- */
.wirsind-bilder img { border: 0; }
/* Profile lightbox: the old profil.php popup (650px wide, title, 150px portrait left, data table). */
.profil { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;
  background: rgba(0, 0, 0, 0.6); align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
html:not(.js) .profil:target, .profil.offen { display: flex; }
.profil-fenster { position: relative; width: 650px; max-width: 100%; max-height: 90vh; overflow: auto;
  box-sizing: border-box; padding: 10px 7px 12px; background: #FFFFFF; text-align: left;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); }
.profil-fenster .Stil9 { padding-right: 30px; }
.profil-zu:link, .profil-zu:visited { position: absolute; top: 12px; right: 14px; z-index: 1; font-size: 22px; font-weight: bold; line-height: 1; text-decoration: none; color: #FFFFFF; }
.profil-inhalt { overflow: hidden; margin-top: 8px; }
.profil-inhalt img { float: left; margin: 0 12px 8px 0; border: 0; }
.profil-inhalt table { border-collapse: collapse; }
.profil-inhalt td { padding: 2px 6px 2px 0; vertical-align: top; }
.profil-inhalt td:first-child { width: 100px; }
.profil-inhalt .beschreibung ul { margin: 2px 0; padding-left: 20px; }
.profil-inhalt .beschreibung p { margin: 2px 0; }
@media (max-width: 500px) { .profil-inhalt img { float: none; display: block; margin: 0 0 8px; } }

/* ---- Dokumente ---- */
table.dokumente { font-size: 11px; width: 600px; }
table.dokumente img { border: none; }

/* ---- Forum (pages/forum/selgbuch.php) ---- */
.forum_beitrag { position: relative; top: 10px; margin-bottom: 20px; text-align: left; overflow-wrap: anywhere; }
.forum_beitrag .Stil10 .name { text-decoration: underline; }
.forum_beitrag .beitrag { padding: 0 20px 0 3px; }
.forum_beitrag .bild { margin: 10px; }
.forum_pic { position: relative; margin: 5px 0 0 0; min-height: 105px; }
.forum_pic > img { border: 0; display: block; }
.forum_pic .forum_pic_text { position: relative; margin: -100px 0 0 105px; }
.Stil11 .nr { color: #555; }

/* ---- Kalender (pages/kalender/kal_uebersicht.php, anzeige.php) ---- */
.Stil9 .zusatz { font-size: 10px; color: #FFFFFF; }
.Stil9 .zusatz a:link, .Stil9 .zusatz a:visited { color: #FFFFFF; font-size: 10px; }
table.termine td.detail { font-size: 12px; padding: 0 0 10px 0; }
table.termine .von { font-size: 9px; text-decoration: underline; }
.eintrag { margin: 12px 0; }
.eintrag img { max-width: 100%; height: auto; }
.eintrag .wer u { font-size: 9px; }

/* ---- schmale Bildschirme ---- */
@media (max-width: 999px) {
	.seite { width: auto; max-width: 982px; }
	.head { width: auto; }
	.head img { width: 100%; height: auto; }
	.rumpf { display: block; }
	.content { width: auto; }
	.right_side { margin: 0 0 10px 0; }
	.kalender { margin: 0 auto 6px; }
	img { max-width: 100%; height: auto; }
	table.dokumente { width: 100%; }
	hr { max-width: 100%; }
	.footer { padding: 0 4px; }
	table.termine td[width] { width: auto; }
}