/*
 * Allgemeine HTML-Elemente
 */

body {
	color: #000;
 	background: #458; /* indigo */
	font-family: sans-serif;
	
	min-width: 640px;
}

/* Überschriften */

h1 {
	font-family: serif;
	letter-spacing: 0.3em;
}

h2 {
	color: #000;
	background: #fff;
	text-align: center;
	
 	margin-top: 0em; /* kein zusätzlicher Rand nach oben */
 	
	border: solid 2px;
	border-color: #c00;
}

h3 {
	padding-top: 0.2em;
	padding-left: 1em;
	
	border-top: solid thin;
	border-left: solid thick;
	border-color: #c00;
}

/* Bilder */

img {
	border: none; /* i.A. kein Rahmen für z.B. extern-Icons etc. */
}

/* Tabellen */

table {
	width: 100%;
	
	border-top: solid 2px;
	border-bottom: solid 2px;
	border-color: black;
	border-collapse: collapse;
}

table tr.head td {
	font-weight: bold;
	border-bottom: solid 2px;
}

table td, th {
	vertical-align: top;
	padding: .3em;
	
	border-bottom: 1px solid;
	border-color: black;
}

/* Links */

a.extern:after {
	content: " "url(../img/extern.gif);
}

a.download:after {
	content: " "url(../img/download.gif);
}


/*
 * Spezielle Seiten-Teile
 */

#title, #links, #info, #content {
	background: #eee;
	padding: 0.5em;
	border: solid 1px;
	border-color: black;
}

/* Titel-Compartment */

#title {
	text-align: center;
	letter-spacing: 0.3em;
}

#logo {
	position: absolute;
	right: 2em;
	top: 1em;
}



/* Seitenspalten für Links und Infos */

#links, #info {
	min-height: 30em; /* gleich wie beim Inhalts-Teil */
	width: 9em;
}

#links {
	float: left;
}

#info {
	float: right;
}

#links em , #info em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
}

#links ul, #info ul {
	padding-left: 0em; /* Einzug von Listen verringern */
	margin-top: 0.25em; /* Abstand zwischen den Link-Listen verringern */
}

#links li, #info li {
	list-style: none; /* keine Listen-Bullets */
}

#links a, #info a {
	color: #000;
	text-decoration: none;
}

#links a:hover, #info a:hover {
	text-decoration: underline;
}

/* Inhalts-Compartment */

#content {
	margin: 0 11em 1em 11em; /* Rand zur Seite (inkl. Seitenleiste) und zum Footer*/
	min-height: 30em; /* gleich wie bei den Seitenleisten */
}

/* Footer */

#footer {
	text-align: center;
	font-size: 80%;
	clear: both; /* Footer kommt erst nach den seitlichen Boxen */
	color: #fff;
}

#footer a {
	color: #fff; /* blau auf blau wäre schlecht lesbar... */
}

/*
 * Seiten-Spezifische Sachen
 */

/* News: Typische rote Boxen */

.boxed dt {
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #c00;  /* gleich wie bei #info, #links */
	
	border: solid 1px;
	border-color: #000;
}

.boxed dd {
	margin: 0 0 2em 0; /* kein Einzug, dafür Abstand zum nächsten*/
	padding: 0.5em 1em 0em 1em; /* Rand auf beiden Seiten */
}

/* Verein */

div.vorstand {
	min-height: 110px; /* Vorstandsbeschreibungen mind. so hoch wie die Bilder*/
}

div.vorstand img {
	float: right;
	height: 100px;
	border: solid 1px;
}

/* Berichte */

div.bericht {
	text-align: justify;
	background: #fff;
	padding: 1em;
	border: solid 1px;
}

div.bericht h3, div.bericht p.date {
	border: none;
	text-align: center;
}

p.author {
	font-style: italic;
	text-align: right;
}

/* Bilder */

.bilder img {
	margin: 5px;
	border: solid 1px;
}

/* Orte */

.map {
	text-align: center;
}