* {
	margin: 0;				/* Browservorgaben für Abstände */
	padding: 0;				/* 		mit NULL überschreiben */
}
body {
	font-family: Arial, Helvetica, sans-serif; /* die Standardschriftart */
	font-size: 100.01%;		/* damit alle Browser sich auf eine Schriftgröße einigen */
}
ul {
	float: left;			/* alle UL-Elemente dürfen sich links halten */
	padding-top: 25px;		/* damit die Inhalte nicht zu weit oben beginnen */
	text-align: right;		/* Text in allen UL-Elementen darf rechtsbündig sein */
	list-style-type: none;	/* keine Listenmarkierungszeichen verwenden */
}
ul a, .aktuell, #anzeige p a {
	padding: 0 .5em;		/* Seitenabstände je ein halbes Schriftzeichen */
	background: inherit;
	color: #123;
	text-decoration: none;	/* Links in UL-Elementen nicht unterstreichen */
}
ul a:hover, .aktuell, #anzeige p a:hover {
	background: inherit;	/* Hintergrundfarbe wird ererbt */
	color: #00B0F2;			/* Hover-Schriftfarbe cyan */
}
#top {
	font-size: .75em;		/* Schriftgröße der oberen Navigation */
	height: 50px;			/* Höhe des zu verwendenden Bereichs plus Mindestabstand */
	padding-top: 50px;		/*				von oben ergibt Gesamthöhe von 100 Pixeln*/
}
#top ul {
	margin-left: 60px;		/* Anpassung an die Ausrichtung rechts der Elemente darunter */
	max-height: 24px;		/* sonst gibt es Probleme mit Firefox 2 Versionen */
}
#top li {
	float: left;			/* damit die Listeneinträge der oberen Navigation nebeneinander liegen */
}
#top li#erst {
	border-right: 1px solid #123;	/* für den Trennstrich zum nächsten Link */
}
#banderole {
	background: #00B0F2 url(grafik/webgrid-tm_05.jpg) right bottom no-repeat;	/* für den rechten Teil der Grafik */
	color: #FCFCF8;
	width: 992px;			/* Mindestbreite eines Blocks in der Banderole */
	height: 300px;			/* Höhe des blauen Streifens */
}
#banderole p {
	float: left;			/* damit die Absätze in der Banderole nebeneinander liegen */
	background: #FCFCF8;
	color: #123;
}
#banderole #blau1 {
	font-size: 1.25em;
	padding-top: 30px;
	padding-right: 50px;	/* Mindestabstand des Texts vom rechten Rand plus */
	width: 184px;			/* 								Textbreite ergibt Gesamtbreite */
	height: 270px;
	background: #00B0F2 url(grafik/webgrid-tm_03.jpg) left top no-repeat;	/* für den linken Teil der Grafik */
	color: #FCFCF8;
	text-align: right;
}
#banderole a {				/* nur Anker haben eine Hover-Eigenschaft für MSIE */
	float: left;			/* damit auch die Bilder in der Banderole nebeneinander liegen */
	display: block;			/* damit man width und height zuweisen kann */
	width: 100px;			/* damit die Fläche groß genug wird */
	height: 300px;			/* 								für das gesamte Hintergrundbild */
	background: #FCFCF8 url(grafik/graf1.jpg) left top no-repeat;
	color: inherit;
	text-decoration: none;	/* damit keine Linkunterstreichung sichtbar wird auch ohne Ankertext! */
	overflow: hidden;		/* damit der unsichtbare Ankertext den Rahmen nicht verbreitert! */
}
#banderole a img {
	border: none;
}
#banderole a span {			/* wenn man nicht nur den Span-Inhalt unsichtbar macht, */
	visibility: hidden;		/* 								verschwindet auch das Hintergrundbild! */
}
#banderole #g1 {
	width: 100px;
	background: transparent url(grafik/2007-sw.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g1:hover {
	background: transparent url(grafik/2007.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g2 {
	width: 100px;
	background: transparent url(grafik/2008-sw.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g2:hover {
	background: transparent url(grafik/2008.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g3 {
	width: 100px;
	background: transparent url(grafik/2009-sw.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g3:hover {
	background: transparent url(grafik/2009.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g4 {
	width: 100px;
	background: transparent url(grafik/2010-sw.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g4:hover {
	background: transparent url(grafik/2010.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g5 {
	width: 110px;
	background: transparent url(grafik/2011-sw.jpg) left top no-repeat;
	color: inherit;
}
#banderole #g5:hover {
	background: transparent url(grafik/2011.jpg) left top no-repeat;
	color: inherit;
}
#banderole #bild a {
	display: block;
	width: 510px;
	height: 300px;
	background: white;
	color: inherit;
}
#anzeige {
	padding: 25px 0;
}
#anzeige ul {
	margin-left: 14px;
}
#anzeige li {
	font-size: 1.25em;
}
#anzeige li.klein {		/* für die Unterpunkte auf den Meisterseiten */
	padding-right: 2px;
	font-size: .9675em;
}
#anzeige ul .klein a, #anzeige ul .klein span {
	font-weight: bold;
}
#behaelter {
	margin-left: 248px;		/* damit es rechts neben die Linkliste rückt */
	width: 30em;			/* damit die Zeilen nicht zu lang werden */
	line-height: 1.25em;
}
#behaelter * {
	padding-top: 25px;		/* für den Abstand vom darüber liegenden Objekt */
}
#behaelter h1 {
	font-size: 1.25em;
	font-weight: normal;
}
#behaelter h2 {
	font-size: 1.125em;
	font-weight: normal;
}
#behaelter p a {
	padding-left: 0;
	background: inherit;
	color: #00B0F2;
}
#behaelter p a:hover {
	text-decoration: underline;
}
#behaelter table {
	border-collapse: collapse;
	background: #FFF;
	color: inherit;
}
#behaelter td {
	padding: 12px 12px 12px 0;
	border-bottom: 2px solid #B8B8B8;
	vertical-align: top;
	text-align: left;
}
#behaelter td img, #behaelter td h2, #behaelter td p.erst {
	padding-top: 0;
}
#rang {
	position: relative;
	top: -337px;
	margin-left: 244px;
}
.bottom {
	font-size: .75em;
	margin-top: .5em;
}
.datum {
	font-size: .375em;
	padding-left: 24em;
}
.einzel {
	width: 490px;
}
.minim {
	font-size: .875em;
}
.tease {
	font-weight: bold;
}
#stimm {
	font-weight: bold;
	font-size: .875em;
	line-height: 2em;
}