/* Transparente PNGs für MSIE6 */
/*img.alpha_png {
   behavior: url('http://www.tomodachi.de/html/general/pngbehavior.htc');
}*/

/* Schrifttypen */
a,blockquote,body,center,dir,div,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,td,th,ul {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	}
code { font-family: Courier New,Courier,monospace; }


/* Schriftgrößen (für MS IE sind sind anders definiert!) */
blockquote,body,center,code,dir,div,form,ol,p,pre,table,td,th,ul { font-size: 10pt; }
h1 { font-size: 20pt; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }
th { font-size: 12pt; }
small { font-size: 9pt; }


/* Seitendekoration */
body {
	background: #ffffff;
	color: #0000a0;
	}


/* Link-Dekoration */
a:link    { color: #ff6000; }
a:visited { color: #ffb000; }
a:hover   { color: #400000; }
a:active  { color: #400000; }
a:target + div { /* CSS3 (Firefox): highlight div after target anchor */
	background-color: #EDDFD1;
}

a.plain:link    { color: #000080; text-decoration: none; }
a.plain:visited { color: #000040; text-decoration: none; }
a.plain:hover   { color: #000040; }
a.plain:active  { color: #000040; }

a.newsgroup         { font-weight: bold; }
a.newsgroup:link    { color: #008080; text-decoration: none; }
a.newsgroup:visited { color: #006060; text-decoration: none; }
a.newsgroup:hover   { color: #004040; }
a.newsgroup:active  { color: #004040; }

a.ext { padding-right: 16px; }
a.ext:link {
	background: url("http://i.tomodachi.de/icons/extlink_ff5f00.gif") no-repeat bottom right;
	color: #ff5f00;
	}
a.ext:visited {
	background: url("http://i.tomodachi.de/icons/extlink_ffaf00.gif") no-repeat bottom right;
	color: #ffc000;
	}
a.ext:hover {
	background: url("http://i.tomodachi.de/icons/extlink_400000.gif") no-repeat bottom right;
	color: #400000;
	}
a.ext:active {
	background: url("http://i.tomodachi.de/icons/extlink_400000.gif") no-repeat bottom right;
	color: #400000;
	}


/* Bilder */
img { border: 0px; }

.limtext {
	float: left;
	margin: 0pt 4pt 4pt 0pt;
	}

.rimtext {
	float: right;
	margin: 0pt 0pt 4pt 4pt;
	}


/* Fließtext */
p { text-align: justify; }


/* Tabellen */
td { vertical-align: top; }


/* Listen */
ul {
	padding-left: 2em;
	margin-left: 0em;
	}


/* Bannerleiste im Seitenkopf */
#bannerspace {
	height: 75px;
	overflow: hidden;
	text-align: right;
	}

.banner {
	margin-left: 8pt;
	}


/* Artikelbox und Artikel */
div#articlebox {
	position: relative;
	}
div#article {
	margin: 1em;
	position: relative;
	padding: 1em 0px 2em 0px;
	z-index: 1;
	}
div#article_navigation {
	bottom: 1em;
	left: 2em;
	position: absolute;
	z-index: 1;
}
div#article_contact {
	bottom: 1em;
	right: 2em;
	position: absolute;
	z-index: 1;
}


/* Styles für die Hauptseite (später in eigenes CSS auslagern) */

/* Seitenüberschrift, Vereinstitel */
.vereinstitel h1 {
	font-size: 190%;
	font-weight: bolder;
	margin: 12pt 0pt 0pt 0pt;
	text-align: center;
	}

.vereinstitel h2 {
	font-size: 114%;
	font-weight: normal;
	margin: 0pt 0pt 12pt 0pt;
	text-align: center;
	}


/* Schnellnavigationsleiste */
.quickbar {
	border: solid #0000a0;
	border-width: 1px 0px;
	text-align: center;
	margin-bottom: 12px;
	width: 92%;
	}

.quickbar td {
	font-size: 9pt;
	font-weight: bolder;
	padding: 0pt 2pt;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}


/* Spalten und Unterteilungen */
.infospalte {
	margin: 4pt 0pt; /* Zwei Angaben = erste für oben/unten, zweite für rechts/links. */
	padding: 4pt;
}

.infospalte * {
	font-size: 9pt;
	}

.infospalte h1 {
	border: 0px;
	font-size: 123%;
	font-weight: bolder;
	margin: 2pt 0pt 8pt 0pt; /* Vier Angaben = erste für oben, zweite für rechts, dritte für unten, vierte für links. */
	padding: 2pt 0pt;
	text-align: center;
}

.infospalte h2 a {
	font-size: 105%;
	font-weight: bolder;
}

.infospalte h2 {
	font-size: 120%;
	font-weight: bolder;
	margin: 0pt 0pt 5pt 0pt;
	text-align: center;
}

.infospalte p {
	margin: 0pt 0pt 4pt 0pt;
	padding: 0pt;
}

.infospalte p.datum {
	margin: 0pt;
	font-size: 80%;
	margin: 0px;
	text-align: right;
}


/* Meldungen */
.infospalte .meldung {
	border: 0px;
	clear: both;
	margin: 8pt 0pt;
	padding: 2pt 0pt 0pt 4pt;
	background: url(http://i.tomodachi.de/general/top_left.png) no-repeat 0px 0px;
	}

.infospalte .meldung:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


/* Spaltengeometrien */
#links { padding: 0pt 2pt 0pt 0pt }
#mitte { padding: 0pt 2pt }
#rechts { padding: 0pt 0pt 0pt 2pt }

/* Spaltenfarben */
#aktuelles       { background: #ffffe8; color: #181800; }
#aktuelles    h1 { background: #ffff80; }

#dauerbrenner    { background: #fff0c0; color: #403000; }
#dauerbrenner h1 { background: #ffc080; }

#nostalgie       { background: #ffe0c0; color: #402000; }
#nostalgie    h1 { background: #c08000; }

#updates         { background: #e8ffe8; color: #002010; }
#updates      h1 { background: #b0e0c0; }

#weblinks        { background: #d0f0ff; color: #002030; }
#weblinks     h1 { background: #a0c0e0; }

#forum           { background: #f9f5ee; color: #201008; }
#forum        h1 { background: #eadbc9; }