@charset "utf-8";
html				{ height: 101%; }
body  			{
	margin: 0.5em 0 0;
	padding: 0;
	text-align: center;
	color: #333;
	font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	background-color: #333;
}

/* Gesamter Inhalt ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #container 		{ width: 1000px; background: #ffffff url(../media/pic/design/body.png); margin: 0 auto; text-align: left; position: relative; height: 750px; } 

/* Kopfbereich ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.s01 #header 		{
	height: 120px;
	background-image: url(../media/pic/design/header9.jpg);
} 
.s01 #header h1		{ margin: 0; padding: 10px 0; }

/* Navigation oben ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #topnav 		{ font-weight: bold; background-color: #2a2828; width: 1000px; margin-bottom: 3.5em; border-top: 5px solid #2a2828; border-bottom: 33px solid #2a2828; }
.s01 #topnav ul		{ background-image: url(../media/pic/icons/top_nac.jpg); margin: 2px 0 0; padding: 0; white-space: nowrap; list-style:none; display: block; }
.s01 #topnav li { background-repeat: no-repeat; background-position: left top; float: left; display: block; margin: 0; padding-right: 1px; padding-left: 1px; }
.s01 #topnav a		{ display:block; color:#fff; font-size: 98%; padding:3px 11px; text-transform: none; text-decoration:none; font-weight:bold; background-image: url(../media/pic/icons/nav_back_hover.jpg); background-position: left center; margin-left: 4px; }
.s01 #topnav #current	{ border-bottom:0 solid #f00; display: block; }
.s01 #topnav #current a{ color:#2a2a2a; font-weight:bold; background-image: url(../media/pic/icons/top_nac2.jpg); background-position: center 0; padding-bottom:2px; padding-top:4px; display: block; }
.s01 #topnav a:hover 	{ color: gray; background-image: url(../media/pic/icons/top_nac2.jpg); background-repeat: repeat; background-attachment: scroll; background-position: right top; padding-top: 4px; padding-bottom: 2px; display: block; }
/*2.  Navigationsebene Mitte oben ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #topnav2 		{ font-weight: bold; width: 580px; }
.s01 #topnav2 ul 		{ margin: 0; padding: 0 0 0; display: block; }
.s01 #topnav2 li		{ background-repeat: no-repeat; background-position: left top; margin: 0; padding-right: 1px; padding-left: 1px; display: block; }
.s01 #topnav2 a 		{ font-size: 0.8em; font-weight: bold; background-color: #f6f6f6; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-decoration: none; text-transform: none; display: block; float: left; min-width: 74px; margin-right: 3px; margin-bottom: 2px; padding-right: 8px; padding-left: 8px; border: solid 1px gray; }
.s01 #topnav2 #current { display: block; border-bottom: 0 solid #f00; }
.s01 #topnav2 #current a { color: #fffefe; font-weight: bold; background-color: gray; background-position: center 0; display: block; }
.s01 #topnav2 a:hover 	{ color: #808080; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; display: block; }
/*3. Navigantionsebene Mitte oben------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.s01 #topnav3		{ font-weight: bold; width: 580px; }
.s01 #topnav3 ul		{ display: block; margin: 0; padding: 0; }
.s01 #topnav3 li		{ background-color: white; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding-right: 1px; padding-left: 1px; display: block; }
.s01 #topnav3 a		{ color: silver; font-size: 0.8em; font-weight: bold; background-color: #f6f6f6; text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-transform: none; float: left; display: block; min-width: 74px; margin-right: 3px; margin-bottom: 2em; padding-right: 8px; padding-left: 8px; border: solid 1px gray; }
.s01 #topnav3 #current { display: block; border-bottom: 0 solid #f00; }
.s01 #topnav3 #current a { color: maroon; font-weight: bold; background-color: #d8d6d6; background-position: center 0; display: block; }
.s01 #topnav3 a:hover 	{ color:gray; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; display: block; }
/* Linke Spalte oben------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.s01 #links	 		{
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	top: 160px;
	left: 0;
	width: 180px;
	height: 270px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.s01 #links h1		{ font-size: 1em; font-weight: bold; }
.s01 #links h2		{ font-size: 0.8em; font-weight: bold; }
.s01 #links p		{ font-size: 0.8em; margin-top: 17px; }
.s01 #links ul		{ color: black; font-size: 0.8em; text-decoration: none; margin-top: 17px; padding: 0; }
.s01 #links li		{ color: white; line-height: 160%; background-color: gray; margin-bottom: 5px; padding-left: 5px; list-style-type: none; }
.s01 #links a		{ color:white; font-weight: bold; line-height: 160%; background-color: gray; text-decoration: none; left: 0; padding-left: 4px; border-left: 5px solid silver; }
.s01 #links a:hover	{ color: white; line-height: 160%; border-left: 5px solid maroon; list-style-image: none; }
/* Linke Spalte unten------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.s01 #links_unten	 		{
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	top: 420px;
	left: 0;
	width: 180px;
	height: 280px;
	padding: 15px 10px;
}
.s01 #links h1		{ font-size: 1em; font-weight: bold; }
.s01 #links h2		{ font-size: 0.8em; font-weight: bold; }
.s01 #links p		{ font-size: 0.8em; margin-top: 17px; }
.s01 #links ul		{ color: black; font-size: 0.8em; text-decoration: none; margin-top: 17px; padding: 0; }
.s01 #links li		{ color: white; line-height: 160%; background-color: gray; margin-bottom: 5px; padding-left: 5px; list-style-type: none; }
.s01 #links a		{ color:white; font-weight: bold; line-height: 160%; background-color: gray; text-decoration: none; left: 0; padding-left: 4px; border-left: 5px solid silver; }
.s01 #links a:hover	{ color: white; line-height: 160%; border-left: 5px solid maroon; list-style-image: none; }
/* Rechte Spalte oben--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #rechts 		{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 160px; right: 0; width: 180px; padding: 15px 10px; }
.s01 #rechts h1		{ color: #ebebeb; font-size: 0.8em; font-weight: bold; background-color: gray; margin-top: 17px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; }
.s01 #rechts h2		{ font-size: 0.8em; font-weight: bold; }
.s01 #rechts p		{ font-size: 70%; margin-top: 17px; padding-right: 3px; padding-left: 3px; }
.s01 #rechts a		{ color: #333; font-weight: bold; text-decoration: none; left: 0; padding: 0; }
.s01 #rechts a:hover	{ color: maroon; list-style-image: none; left: 0; }
/* Rechte Spalte unten--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #rechts_unten 		{ position: absolute; top: 531px; right: 0; width: 180px; padding: 15px 10px; }
.s01 #rechts_unten h1		{ color: #ebebeb; font-size: 0.8em; font-weight: bold; background-color: gray; margin-top: 17px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; }
.s01 #rechts_unten h2		{ font-size: 0.8em; font-weight: bold; }
.s01 #rechts_unten p		{ font-size: 70%; margin-top: 17px; }
.s01 #rechts_unten a		{ color: #333; font-weight: bold; text-decoration: none; left: 0; padding: 0; }
.s01 #rechts_unten a:hover	{ color: maroon; list-style-image: none; left: 0; }
/* Mitte, Hauptinhalt ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #mitte		 	{ font-family: sans-serif; top: 160px; height: 132px; margin-top: -24px; margin-right: 200px; margin-left: 200px; padding: 0 10px 15px; border-right: 1px solid silver; border-left: 1px solid silver; }
.s01 #mitte	h1		{ color: #585858; font-size: 1.3em; font-weight: normal; text-decoration: none; padding-bottom: 0.5em; border-bottom: 1px solid silver; }
.s01 #mitte	h2		{ color: #f6f5f5; font-size: 1em; font-weight: bold; background-color: #6d6868; padding-left: 3px; display: block; }
.s01 #mitte h6		{ font-size: 0.8em; font-weight: bold; margin: -8px 0 0; padding: -8px 0 0; }
.s01 #mitte p		{ font-size: 0.8em; line-height: 160%; margin-bottom: -4px; }
.s01 #mitte a		{ color: black; font-weight: bold; text-decoration: none; }
.s01 #mitte a:hover	{ color: maroon; font-weight: bold; text-decoration: none; }
.s01 #mitte ul		{ color: black; text-decoration: none; }
.s01 #mitte li		{ color: black; line-height: 160%; list-style-type: none; list-style-image: url(../media/pic/icons/li.gif); }
/* Mitte, Hauptinhalt unten ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #mitte_unten { font-family: sans-serif; height: 400px; margin: -24px 200px 1em; padding-top: 0; padding-right: 10px; padding-left: 10px; border-right: 1px solid silver; border-left: 1px solid silver; }
/* Fußbereich ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.s01 #footer 		{ padding: 0 10px; background:gray; text-align: center; } 
.s01 #footer p 		{ color: white; font-size: 80%; margin: 0; padding: 4px 0; }
.s01 #footer a 		{ color: white; font-weight: bolder; text-decoration: none; }

/* Klassenstile ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.rechtsFluss		{ float: right; margin-left: 8px; }
.linksFluss			{ float: left; margin-top: 4px; margin-right: 10px; margin-bottom: 4px; }
.mittig			{ text-align: center; margin-top: 4px; margin-bottom: 4px; float: none; }
.fett				{ font-weight: bold; }
.kursiv			{ font-weight: normal; font-style: italic; }
/* Tabellen----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
table				{ font-size: 0.8em; line-height: 140%; width: auto; }
tr:hover			{ background-color: #eae8e8; }
td				{ font-weight: bold; text-align: left; vertical-align: top; margin-top: 10px; padding: 10px 12px 10px 5px; border-bottom: 1px solid silver; }
td a				{ color: gray; font-weight: bold; text-decoration: none; }
td a:hover			{ color: purple; font-weight: bold; text-decoration: none; }
/* Stile----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.event_tipp			{ color: #800000; font-size: 1.2em; font-weight: bold; padding-top: 2px; }
.tr_musiker			{ font-size: 0.8em; line-height: 140%; background-color: white; border-width: 0; }
.tr_neutral			{ color: black; font-size: 0.8em; line-height: 140%; background-color: #ececec; padding: 5px 5px 8px; border-color: white; }
th				{ background-color: silver; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border-right: 2px solid white; }
.text_grau			{ color: gray; }
.tr_text_normal		{ color: black; font-weight: normal; line-height: 130%; }
.bg_dunkel			{ background-color: black; }
.bg_hell			{ background-color: #d7d7d7; }