﻿/* 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*/
.noprint {
	display: none;
}

/*------------------------------------------- Layout-Container -------------------------------------------*/
#all {
	background: #FFFFFF;
	border: 1px #999999 solid;
	margin: 0 auto;
	padding: 1.4em;
	text-align: center;
	width: 16.5cm;
}
#navigation {
	margin: 0;
	padding: 20px 0 20px 0;
	float: left;
	width: 13em;
	background: url("../graphic/bgr-line.gif") repeat-y 20px;
	display: none;
}
#content {
	margin: 0;
	padding: 0;
	text-align: left;
}
/*----------------------------------------- Verschiedene Linkklassen -----------------------------------------*/
/*--------- Links allgemein ---------*/
a {
	border: 0;
	outline: none;
	text-decoration: none;
}
a:visited {
	border: 0;
	color: #6B6B6B;
	text-decoration: none;
}
a:link {
	border: 0;
	color: #000000;
	text-decoration: non;
}
a:hover {
	border: 0;
	color: #FF0000;
	text-decoration: none;
}
a:active {
	border: 0;
	color: #FF0000;
	text-decoration: none;
}
/*--------- Menue - Hauptpunkte ---------*/
.menu {
	border: 0px;
	font-size: 1.05em;
	letter-spacing: 0.05em;
	text-decoration: none;
	margin: 3px 8px 1px 2px;
	padding: 0;
	color: #FF0000;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	outline: none;
}
.menu a:visited {
	border: 0px;
	text-align: right;
	color: #222222;
	text-decoration: none;
}
.menu a:link {
	border: 0px;
	text-align: right;
	color: #222222;
	text-decoration: none;
}
.menu a:hover {
	border: 0px;
	color: #FF0000;
	text-align: right;
	text-decoration: none;
}
.menu a:active {
	border: 0px;
	text-decoration: none;
}
/*-------- Zusaetzliche Menuepunkte --------*/
.menu2 {
	font-size: 0.88em;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-align: left;
	text-decoration: none;
	border: 0px;
	color: #FF0000;
	margin: 0;
	padding: 0 0 0 0;
	height: 1.5em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/;
	outline: none;
}
.menu2 a:visited {
	border: 0px;
	color: #000000;
	text-decoration: none;
	height: 1.5em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist */
}
.menu2 a:link {
	border: 0px;
	color: #000000;
	text-decoration: none;
	height: 1.5em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
.menu2 a:hover {
	border: 0px;
	color: #FF0000;
	text-decoration: none;
	height: 1.5em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
.menu2 a:active {
	border: 0px;
	text-decoration: none;
	height: 1.5em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
/*-------- ZusÃ¤tzlicher MenÃ¼punkt Sponsoren --------*/
.menu3 {
	font-size: 0.88em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 0;
	color: #FF0000;
	margin: 0;
	padding: 0 0 0 0;
	outline: none;
}
.menu3 a:visited {
	border: 0px;
	color: #000000;
	text-decoration: none;
}
.menu3 a:link {
	border: 0px;
	color: #000000;
	text-decoration: none;
}
.menu3 a:hover {
	border: 0px;
	color: #FF0000;
	text-decoration: none;
}
.menu3 a:active {
	border: 0px;
	text-decoration: none;
}
/*--------- Menue - Unterpunkte ---------*/
#nav {
	border: 0;
	font-size: 0.94em;
	margin: 0;
	padding: 0.1em 8px 0.1em 3px;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	letter-spacing: 0.00em;
}
#nav ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	border: 0;
	color: #333333;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_active.gif') no-repeat left;
	height: 1.15em;
	font-weight: normal;
}
#nav a:visited {
	border: 0;
	color: #000000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.15em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/;
	font-weight: normal;
}
#nav a:active {
	border: 0;
	color: #000000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.15em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/;
	font-weight: normal;
}
#nav a:link {
	border: 0;
	color: #000000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.15em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/;
	font-weight: normal;
}
html > body #nav a:visited {
	/* Angabe fÃ¼r fast alle anderen Browser, damit HÃ¶he wieder aus den Angaben fÃ¼r
Schriftgroesse, padding und border berechnet wird */
	height: auto;
}
html > body #nav a:link {
	/* Angabe fÃ¼r fast alle anderen Browser, damit HÃ¶he wieder aus den Angaben fÃ¼r
Schriftgroesse, padding und border berechnet wird */
	height: auto;
}
#nav a:hover {
	border: 0;
	background-image: url('../graphic/li_hover.gif');
	font-weight: normal;
}
/*--------- Menue - Submenue auf Seiten ---------*/
#nav-s {
	font-size: 1.0em;
	margin: 0 0 2em 0;
	padding: 0 8x 0 0;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
}
#nav-s ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-s li {
	color: #EA0000;
	text-decoration: none;
	display: inline;
	background: url('../graphic/li_active.gif') no-repeat left 50%;
	height: 1.25em;
	display: inline;
	padding-right: 1em;
}
#nav-s a:visited {
	color: #000000;
	text-decoration: none;
	display: inline;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.25em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
#nav-s a:active {
	color: #EA0000;
	text-decoration: none;
	display: inline;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.25em; /* Hoehenangabe fÃ¼r IE, damit gesamte Flaeche des Links klickbar ist*/
}
#nav-s a:link {
	color: #000000;
	text-decoration: none;
	display: inline;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.25em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
html > body #nav-s a:visited {
	/* Angabe fuer fast alle anderen Browser, damit Hoehe wieder aus den Angaben fuer
Schriftgroesse, padding und border berechnet wird */
	height: auto;
}
html > body #nav-s a:link {
	/* Angabe fuer fast alle anderen Browser, damit Hoehe wieder aus den Angaben fuer
Schriftgroesse, padding und border berechnet wird */
	height: auto;
}
#nav-s a:hover {
	background-image: url('../graphic/li_hover.gif');
}
/*--------- Menue - Submenue auf Jubiläumsseite ---------*/
#nav-j {
	font-size: 1.0em;
	margin: 0 0 2em 0;
	padding: 0 8x 0 0;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
}
#nav-j ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-j li {
	color: #EA0000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_active.gif') no-repeat left 50%;
	height: 1.25em;
	display: inline;
	padding-right: 1em;
}
#nav-j a:visited {
	color: #000000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.25em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
#nav-j a:active {
	color: #EA0000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.25em; /* Hoehenangabe fÃ¼r IE, damit gesamte Flaeche des Links klickbar ist*/
}
#nav-j a:link {
	color: #000000;
	text-decoration: none;
	display: block;
	background: url('../graphic/li_link.gif') no-repeat left 50%;
	height: 1.25em; /* Hoehenangabe fuer IE, damit gesamte Flaeche des Links klickbar ist*/
}
html > body #nav-j a:visited {
	/* Angabe fuer fast alle anderen Browser, damit Hoehe wieder aus den Angaben fuer
Schriftgroesse, padding und border berechnet wird */
	height: auto;
}
html > body #nav-j a:link {
	/* Angabe fuer fast alle anderen Browser, damit Hoehe wieder aus den Angaben fuer
Schriftgroesse, padding und border berechnet wird */
	height: auto;
}
#nav-j a:hover {
	background-image: url('../graphic/li_hover.gif');
}
/*------------------------------------------- Menue - KÃ¤sten -------------------------------------------*/
#box_spons {
	border: 2px #FFFFFF solid;
	height: 100%;
	margin: 4px 10px 0 0;
	padding: 0.5em;
	background-color: #CCCCCC; /* #DFDFDF; */;
	color: #FF0000;
}
#box_div {
	border: 2px #FFFFFF solid;
	height: 100%;
	margin: 10px 10px 20px 0;
	padding: 0.5em;
	background-color: #CCCCCC;
	text-align: left;
	color: #FF0000;
}
/*------------------------------------------- Sonstiges -------------------------------------------*/
.c {
	font-size: 0.58em;
	color: #333333;
	text-align: center;
	margin: 0;
	padding: 0 10px 5px 30px;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-Serif;
}
.dist {
	/* Abstands-Zeile im Menue */
	line-height: 1px;
	border-top: 2px #fff solid;
	padding-right: 10px;
	margin: 6px 10px 0 2px;
}
.banner {
	/* Absatz im Banner ohner Endeabstand */
	margin: 0;
}
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------ Content ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/* 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: 0 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 */
	color: #FF0000;
	padding: 2px 3px;
	background: #CCCCCC;
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	margin: 0.5em 0 0.3em 0;
	text-decoration: none;
}
h4 {
	/* wie h3, aber ohne Endeabstand */
	background: #E6E6E6;
	padding: 2px 3px;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	margin: 0;
	text-decoration: underline;
}
h5 {
	/* unter h4, nicht fett */
	padding: 0 3px 3px 3px;
	background: #E6E6E6;
	font-size: 0.95em;
	font-weight: normal;
	text-align: right;
	margin: 0 0 0.5em 0;
	text-decoration: underline;
}
/*-------------------------------------------*/
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;
	display: none;
}
.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;
	display: none;
}
/*----------------------------------------- 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 {
	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;
}
.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;
}
/*-------------------------------------------- Allerlei ----------------------------------------------*/
hr {
	noshade: noshade;
	height: 1px;
	color: #808080;
}

