/* H A U P T F A R B E N: */
/* Schrift: #333333 = leicht abgeschwaechtes Schwarz*/
/* Bgr dkl-grau: #CCCCCC*/
/* Bgr hell-grau: #E6E6E6*/
/* Rot: #FF0000*/
/*------------------------------------------------------------------------------------------------------*/
body {
	background: url("../graphic/bgr.gif");
	font-family: Tahoma, "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	font-size: 100.1%;
	color: #333333;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 0;
	padding: 0;
}
html {
	background: url("../graphic/bgr.gif");
	font-family: Tahoma, "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	font-size: 100.1%;
	color: #333333;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 0;
	padding: 0;
}
/*------------------------------------------- Ueberschriften -------------------------------------------*/
h1 {
	/* Hauptueberschrift - Menuepunkt */
	padding: 6px 0 0 0;
	font-size: 1.3em;
	font-weight: normal; /* letter-spacing: 0.1em; */;
	text-align: right; /* border-bottom: 1px #333333 solid; */;
	margin: 0;
	color: #FF0000;
	font-style: italic;
}
h2 {
	/* Hauptueberschrift - Untermenuepunkt */
	padding: 0 0 0 3px;
	font-size: 1.1em;
	color: #333333;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 0 30px 0;
	text-align: right;
	text-decoration: overline;
}
/*-------------------------------------------*/
h3 {
	/* grau hinterlegt, rechtsbündig */
	padding: 2px 3px;
	background: #E6E6E6;
	font-size: 0.95em;
	font-weight: bold;
	text-align: right;
	margin: 0 0 0.5em 0;
}
h4 {
	/* wie h3, aber ohne Endeabstand */
	background: #E6E6E6;
	padding: 2px 3px;
	font-size: 0.95em;
	font-weight: bold;
	text-align: right;
	margin: 0;
}
h5 {
	/* unter h4, nicht fett */
	padding: 0 3px 3px 3px;
	background: #E6E6E6;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	margin: 0 0 0.5em 0;
}
/*-------------------------------------------*/
h6 {
	/* Rote Ueberschrift, linksbündig */
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	margin: 0 0 0.7em 0;
	color: #FF0000;
}
/*-------------------------------------------*/
.h {
	/* Schwarze Ueberschrift, linksbündig */
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	margin: 0 0 0.2em 0;
	color: #333333;
}
.h_pic {
	/* fuer Bildunterschriften */
	margin: 3px 0;
	padding: 0;
	font-style: italic;
	text-align: center;
}
.h_bgr {
	/* fuer Zusatzuebeschriften, grau hinterlegt wie h3, rechtsbuendig */
	padding: 2px 0;
	background: #E6E6E6;
}
.h_back {
	/* wie h4, aber linksbündig ----- nicht benutzt? */
	padding: 2px 3px;
	background: #E6E6E6;
	font-size: 0.88em;
	font-weight: normal;
	text-align: left;
	margin: 0;
}
/*-------------------------------------------*/
.top {
	/* für Button "top" in Zusatzübeschriften, float links */
	text-align: left;
	margin: 4px 0 0 0;
	padding: 0 5px;
	float: left;
}
.back {
	/* für Button "top" in Zusatzübeschriften, float links */
	text-align: left;
	margin: 12px 0 0 0;
	padding: 0 3px;
	float: left;
	line-heigth: 1em;
}
/*----------------------------------------- Textformatierung allgemein -----------------------------------------*/
p {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 0.88em;
}
b {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.b {
	font-weight: bold;
}
.norm {
	font-weight: normal;
}
.i {
	font-style: italic;
}
.m-top {
	/* mit Margin oben */
	margin: 0.5em 0 0 0;
}
.m-bot {
	/* mit Margin unten */
	margin: 0 0 0.5em 0;
}
.m-left {
	/* mit Margin links */
	margin: 0 0 0 7px;
}
.sm {
	font-size: 1em;
}
.midi {
	font-size: 0.7em;
}
.mini {
	font-size: 0.5em;
}
.col-red {
	color: #FF0000;
}
.col-red2 {
	color: #CC0000;
}
.col-blue {
	color: #0066CC;
}
.col-green {
	color: #009933;
}
.col-grey {
	color: #666666;
}
.col-ora {
	color: #FF9933;
}
.col-black {
	color: #333333;
}
.h-dat {
	/* Überschrift (Dat) für Events... */
	font-size: 0.95em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0;
	float: left;
	height: 17px;
}
.h-term {
	/* Überschrift (Termin) für Events... */
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	padding: 0 0 0 0;
	color: #CC0000;
}
.border {
	border: 1px #CCCCCC solid;
}
/*----------------------------------------- fuer Events, Aktive, ... -----------------------------------------*/
.bx-min145 {
	/* Neutrale Höhe für Ämter */
	margin-bottom: 1.2em;
	min-height: 145px;
}
.bx105 {
	/* fuer Archiv */
	height: 105px;
	margin-bottom: 1.2em;
}
.bx105_a {
	/* fuer Archiv */
	height: 105px;
	margin-bottom: 0.5em;
}
.bx105-pic {
	/* fuer Archiv */
	height: 104px;
	width: 150px; ;
	float: left; ;
	overflow: hidden; ;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px #C0C0C0 solid;
}
.bx130 {
	/* fuer Aktive, Team, Fotomix */
	height: 130px;
	margin-bottom: 1.2em;
}
.bx130-pic {
	/* fuer Aktive, Team, Fotomix */
	height: 129px;
	width: 150px; ;
	float: left; ;
	overflow: hidden; ;
	margin: 0 10px 3px 0;
	padding: 0;
	border: 1px #C0C0C0 solid;
}
.bx145 {
	/* fuer Videoclips */
	height: 145px;
	margin-bottom: 1.2em;
}
.bx145-pic {
	/* fuer Videoclips */
	height: 144px;
	width: 150px; ;
	float: left; ;
	overflow: hidden; ;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px #C0C0C0 solid;
}
.cell {
	/* fuer Ämter, neutrale Höhe */
	margin-bottom: 1.2em;
}
.bx-pic-r {
	/* fuer Aktuelles, Archiv */
	float: right; ;
	overflow: hidden;
	margin: 0 1px 0 5px;
	padding: 0;
}
.text {
	/* ohne float */
	font-size: 0.86em;
	padding: 1px 3px 0 160px;
	margin: 0;
}
.tx {
	/* kleine Schrift */
	font-size: 0.7em;
	padding: 8px 3px 3px 0;
	margin: 0;
	float: left;
}
.text0-tab {
	/* z.B. für HK */
	padding: 1px 3px 0 0;
	margin: 0 0 0.5em 0;
	font-weight: bold; ;
	float: left;
	font-size: 0.86em;
}
.text-tab {
	/* ohne float, z.B. für HK */
	font-size: 0.86em;
	padding: 1px 3px 0 9.8em;
	margin: 0 0 0.5em 0;
}
.text0 {
	padding: 1px 3px 0 0;
	margin: 0;
	font-weight: bold; ;
	float: left;
	width: 13em;
	font-size: 0.86em;
}
.text1 {
	/* rechtsbündig, fuer Repertoire */
	padding: 1px 10px 0 0;
	margin: 0;
	font-weight: bold;
	float: left;
	width: 19.5em;
	font-size: 0.86em;
	text-align: right;
}
.text2 {
	/* kursiv, fuer Mach mit - Infos */
	padding: 1px 3px 0 0;
	margin: 0;
	float: left;
	width: 13em;
	font-size: 0.86em;
	font-style: italic;
}
.text3 {
	/* fuer Mach mit - Kosten Beitrag */
	padding: 1px 3px 0;
	margin: 0;
	float: left;
	width: 7.5em;
	font-size: 0.86em;
	font-style: normal;
}
.text4 {
	/* fuer Jubiläum - Mitglieder */
	padding: 1px 3px 0 8em;
	margin: 0;
	float: left;
	width: 20em;
	font-style: normal;
}
.tx-gr {
	/* fuer Zeitungslogo */
	font-size: 0.7em;
	padding: 5px 8px 2px 7px;
	margin: 0;
	float: left;
}
/*----------------------------------------- fuer Terminkalender -----------------------------------------*/
.dat {
	/* linksbündig, fett --- für Termin / Datum --- */
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0;
	float: left;
}
.term {
	/* rechtsbündig, fett --- für Terminart --- */
	font-weight: bold;
	text-align: right;
	margin: 0 1px 0 0;
	padding: 0 0 0 0;
}
.dat2 {
	/* linksbündig, fett --- für Termin / Datum --- */
	font-weight: normal;
	margin: 0 0 0 12px;
	padding: 0 0 0;
	float: left;
}
.term2 {
	/* rechtsbündig, fett --- für Terminart --- */
	font-weight: normal;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
}
.term-roo {
	/* linksbündig, fett --- für Terminkalender Rookies--- */
	text-align: left;
	font-weight: bold;
	margin-left : 100px;
	padding: 0 0 2px 0;
}
.detail {
	/* linker Einzug, Blocksatz --- für Termindetails --- --- */
	border-left: 1px #C0C0C0 solid;
	border-bottom: 1px #C0C0C0 solid;
	margin: 3px 0 5px 2em;
	font-size: 0.75em;
	text-align: left;
	padding: 0 0 5px 5px;
}
/*----------------------------------------- für Linklisten -----------------------------------------*/
.link {
	text-align: left;
	margin: 0 0 3px 8px;
	padding: 0 0 0 0;
	height: 20px;
}
.link-lg {
	text-align: center;
	margin: 0 6px 0 0;
	padding: 0;
	float: left;
	line-height: 50px;
}
.link-txt {
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.link-c {
	/* country - Flaggen rechtsbündig */
	text-align: right;
	margin: 0 0 0 2px;
	padding: 0;
	float: right;
}
/*----------------------------------------- für Intern-Zugangsseite -----------------------------------------*/
.int-reg {
	border: 1px #FF0000 solid;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-weight: bold;
	background-color: #E6E6E6;
	width: 25.5em;
}
.int-reg2 {
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	width: 25.5em;
}
.int-anm {
	border: 1px #CCCCCC solid;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-weight: bold;
	background-color: #E6E6E6;
	width: 25.5em;
}
.int-inf {
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	width: 25.5em;
}
.int-gr {
	border: 0;
	text-align: center;
	margin: 0 30px 0 0;
	padding: 0;
	float: right;
}
/*-------------------------------------------- Tabelle (Wir und unsere Ziele + Untermenü Jubiläum 2007) ----------------------------------------------*/
table {
	width: 99%;
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	cellspacing: 0;
	cellpadding: 0;
}
td {
	vertical-align: top;
}
.pic-dl {
	border-width: 2px;
}
/*-------------------------------------------- Allerlei ----------------------------------------------*/
hr {
	noshade: noshade;
	height: 1px;
	color: #808080;
}