	* {
			margin: 0; padding: 0;
			font-family: Garamond, Verdana, Arial, Helvetica;
			font-size: 1em;
			line-height: 1em;
	}	body {
		color: #000033;
	}
	html {
		background: #EEEEEE url(cssimage/hintergrund_public_bordeaux.jpg) repeat-x;
	}
	p {
		margin: 0.5em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
		line-height: 1.1em;
	}
	h1 {
		font-family: Impact, Garamond, Verdana, Arial, Helvetica;
		font-weight: lighter;
		font-size: 2em;
		line-height: 1.75em;
		margin: 0.3em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	h2 {
		font-size: 1.5em;
		line-height: 1.3em;
		font-weight: bold;
		margin: 0.6em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	h3 {
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
		margin: 0.6em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	h4 {
		font-size: 1.15em;
		line-height: 1.1em;
		font-weight: bold;
		margin: 0.3em 0 0.2em 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	ul {
		margin: 0.5em 0 0.5em 2.5em; padding: 0; /* Oben Rechts Unten Links*/
		list-style-type: square;
	}
	ol {
		margin: 0.5em 0 0.5em 2.5em; padding: 0; /* Oben Rechts Unten Links*/
		list-style-type: decimal;
	}
	li {
		margin: 0; padding: 0;
	}
	li a {
		background: none;
		padding-left: 0px;
	}
	li a:hover {
		background: none;
		padding-left: 0px;
	}
	img {
		border: 0;
	}
	.floatboxleft {
		float: left;
		margin: 0 0.3em 0.3em 0;
		padding: 0.3em;
		border: 1px solid #CCCCCC;
		background-color: #EEEEEE;
	}
	.floatboxright {
		float: right;
		margin: 0 0 0.3em 0.3em;
		padding: 0.3em;
		border: 1px solid #CCCCCC;
		background-color: #EEEEEE;
	}
	a {
		text-decoration: none;
		color: #000033;
		background: url(cssimage/link_passiv.gif) no-repeat 0em top;
		padding-left: 14px;
	}

	a:hover {
		border-bottom:1px solid;
		color: #000033;
		background: url(cssimage/link_aktiv.gif) no-repeat 0em top;
		padding-left: 14px;
	}

	a:visited {
			text-decoration: none;
	}

	a:link {
		text-decoration: none;
	}
	a.img {
		background: none;
		padding-left: 0px;
	}
	a:hover.img {
		background: none;
		border-bottom: none;
		padding-left: 0px;
	}
	.simple {
		background: none;
		padding-left: 0px;
	}
	:hover.simple {
		background: none;
		border-bottom: none;
		padding-left: 0px;
	}
	a.mail {
		background: url(cssimage/maillink_passiv.gif) no-repeat 0em top;
		padding-left: 24px;
	}
	a:hover.mail {
		background: url(cssimage/maillink_aktiv.gif) no-repeat 0em top;
		padding-left: 24px;
	}
	a.download {
		background: url(cssimage/downloadlink_passiv.gif) no-repeat 0em top;
		padding-left: 1.5em;
		white-space: nowrap;
	}
	a:hover.download {
		background: url(cssimage/downloadlink_aktiv.gif) no-repeat 0em top;
		padding-left: 1.2em;
		font-size: 1.2em;
	}
	.oeffnen {
		background: url(cssimage/oeffnen_passiv.gif) no-repeat 0em top;
		padding-left: 20px;
	}
	:hover.oeffnen {
		background: url(cssimage/oeffnen_aktiv.gif) no-repeat 0em top;
		padding-left: 20px;
		color: #999900;
	}
	.oeffnen_aktiv {
		background: url(cssimage/oeffnen_aktiv.gif) no-repeat 0em top;
		padding-left: 20px;
		color: #999900;
	}
	a.loeschen {
		background: url(cssimage/x_passiv.gif) no-repeat 0em top;
		padding-left: 11px;
	}
	a:hover.loeschen {
		background: url(cssimage/x_aktiv.gif) no-repeat 0em top;
		padding-left: 11px;
		color: #870100;
	}

	acronym {
		border-bottom: 1px dotted !important;
	}
	acronym:hover {
		border-bottom: 1px solid !important;
		cursor:help;
	}
	.kleiner {
		font-size: 0.8em;
	}

/* Seite */

	div#SeiteRahmen {
		margin: 0 auto; /* standardkonforme horizontale Zentrierung */
		border: 2px ridge #CCCCCC;
		background: #FDFDFF;
		text-align: left;		/* Seiteninhalt wieder links ausrichten */
		width: 834px;

		background-image: url(/image/_BLECHREIZ-BERLIN_logo.gif) repeat; /* url(cssimage/semitransparenz_white_40.png) repeat; */
		background-attachment: scroll;
		background-position: right bottom;
		padding-top: 0pt;
		padding-right: 0;
		padding-bottom: 0pt;
		padding-left: 0pt;

 }
	div#Seite {
		background: transparent;
		margin: 10px;
 }

	.clearboth {
		clear: both; /* Klasse für Inhalt unter nebeneinanderstehenden DIV-Boxen */
	}

/* Kopf */

	div#KopfRahmen {
		margin: 0;
	}
	div#Kopf {
		margin: 0;
	}
	p.nutzerhallo {
		float: left;
		color: #808080;
		text-align: left;
		text-transform:uppercase;
		font-size: 0.8em;
		margin: 0px 0px 0px 0px; padding: 0; /* Oben Rechts Unten Links*/
	}
	p.navigation {
		float: right;
		color: #808080;
		text-align: right;
		text-transform:uppercase;
		font-size: 0.8em;
		margin: 0px 0px 0px 0px; padding: 0; /* Oben Rechts Unten Links*/
	}
	p.navigation a {
		color: #808080;
		padding: 0;
		text-decoration: none;
		background: none;
	}
	p.navigation a:hover {
		color: #000033;
		padding: 0;
		text-decoration: none;
		border-bottom: 1px solid;
		background: none;
	}
	p.navigation .aktiv {
		background: #808080;
		color: #EEEEEE;
	}

/* Inhalt */

	div#InhaltRahmen {
		margin: 1em 0 1em 0;
	}
	div#Inhalt {
	}

/* Inhalt öffentlich */

	div#InhaltLinksRahmen {
		float: left;
		width: 160px;
		margin: 0 10px 0 0;
		text-align: center;
	}
	div#InhaltLinks {
	}
	div#InhaltRechtsRahmen {
		float: left;
		min-height: 150px;
		margin: 0;
		width: 640px;
	}
	div#InhaltRechts {
	}
	div#InhaltRechts a {
		text-decoration: none;
		background: url(cssimage/blechlink_passiv.gif) no-repeat 0em top;
		padding-left: 20px;
		color: #000033;
	}
	div#InhaltRechts a:hover {
			border-bottom:1px solid;
		color: #000033;
			background: url(cssimage/blechlink_aktiv.gif) no-repeat 0em top;
			padding-left: 21px;
	}
	div#InhaltRechts a.img {
		text-decoration: none;
		background: none;
		padding-left: 0;
	}
	div#InhaltRechts a:hover.img {
		text-decoration: none;
		background: none;
		padding-left: 0;
	}
	div#InhaltRechts a.mail {
		background: url(cssimage/maillink_passiv.gif) no-repeat 0em top;
		padding-left: 20px;
	}
	div#InhaltRechts a:hover.mail {
		background: url(cssimage/maillink_aktiv.gif) no-repeat 0em top;
		padding-left: 21px;
	}

/* Inhalt Backstage */

	div#BoxLinks {
		width: 47%;
		float: left;
		border: 1px ridge #CCCCCC; /* Oben Rechts Unten Links*/
		margin: 0 0 10px 0; padding: 0.3em; /* Oben Rechts Unten Links*/
		overflow: hidden;
	}
	div#BoxRechts {
		width: 47%;
		float: right;
		border: 1px ridge #CCCCCC; /* Oben Rechts Unten Links*/
		margin: 0 0 10px 0; padding: 0.3em; /* Oben Rechts Unten Links*/
		overflow: hidden;
	}
	img.kopflogo {
		position: absolute;
		float: left;
	}
	.h1intern {
		margin: 0; padding: 5px 5px 5px 115px;
		height:73px;
		text-align: left;
		background: url(../image/_BLECHREIZ-BERLIN_kopfbild-intern.jpg) no-repeat 0em;
		background-position: right;
		color: #EEEEEE; /* Oder: #DAA520; Auch nicht schlecht: "WhiteSmoke" #F5F5F5;*/
	}

/* Fuss */

	div#FussRahmen {
		position: relative;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 1px solid #CCCCCC;
	}
	div#Fuss {
		margin: 0;
		padding: 0;
	}
	p.Fusszeile {
		clear: both;
		font-size: 0.8em;
		color: #808080;
		text-align: right;
	}
	p#FussiconsLinks {
		width: 49%;
		float: left;
		margin: 0; padding: 0;	/* Oben Rechts Unten Links*/
		overflow: hidden;
		font-size: 0.8em;
		padding: 0; margin: 0;	/* 1em 0 0.3em 0; Oben Rechts Unten Links*/
	}
	#FussiconsRechts {
		width: 49%;
		float: right;
		text-align: right;
		margin: 0; padding: 0;	/* Oben Rechts Unten Links*/
		overflow: hidden;
		font-size: 0.8em;
		padding: 0; margin: 0;	/* 1em 0 0.3em 0; Oben Rechts Unten Links*/
	}
	#Fuss a {
		padding: 0;
		text-decoration: none;
		background: none;
		color: #808080;
	}
	#Fuss a:hover {
		padding: 0;
		text-decoration: none;
		background: none;
	}
	#Fuss img {
		border: 1px #CCCCCC solid;
		margin: 0 2px 0 0; padding: 0;	/* Oben Rechts Unten Links*/
		background: none;
	}


/******************************
* ALERTS (Hinweise, Meldungen)
******************************/

/* Alert Haupt-Klasse */

	.alert {
		margin: 0 0 10px 0;
		padding: 0.3em;
		border: 1px ridge #CCCCCC;
		overflow: hidden;
	}

/* Alerts individuell */

	.ok {
		padding-right: 100px !important;
		background: #339933 url(cssimage/alert_ok.png) no-repeat center right;
		color: #EEEEEE;
	}
	.ok a {
		color: #EEEEEE !important;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.ok a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.fehler {
		padding-right: 100px !important;
		background: #ff0000 url(cssimage/alert_fehler.png) no-repeat center right;
		color: #EEEEEE;
	}
	.fehler a {
		color: #EEEEEE !important;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.fehler a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}

/* Alerts Basislayout */

	.hauptfarbe {
		background: #870100;
		color: #EEEEEE;
	}
	.hauptfarbe a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.hauptfarbe a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.hintergrund {
		background: #FDFDFF;
		color: #000033;
	}
	.hintergrund a {
		color: #000033;
	}
	.schriftstandard {
		background: #000033;
		color: #EEEEEE;
	}
	.schriftstandard a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.schriftstandard a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.schriftlight {
		background: #808080;
		color: #EEEEEE;
	}
	.schriftlight a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.schriftlight a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.schriftinvers {
		background: #EEEEEE;
		color: #000033;
	}
	.schriftinvers a {
		color: #000033;
	}
	.black {
		background: #000000;
		color: #EEEEEE;
	}
	.black a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.black a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.white {
		background: #FFFFFF;
		color: #000033;
	}
	.white a {
		color: #000033;
	}
	.yellow {
		background: #FFFF66;
		color: #000033;
	}
	.yellow a {
		color: #000033;
	}
	.darkyellow {
		background: #999900;
		color: #EEEEEE;
	}
	.darkyellow a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.darkyellow a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.lightyellow {
		background: #FFFFCC;
		color: #000033;
	}
	.lightyellow a {
		color: #000033;
	}
	.red {
		background: #ff0000;
		color: #EEEEEE;
	}
	.red a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.red a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.darkred {
		background: #870100;
		color: #EEEEEE;
	}
	.darkred a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.darkred a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.lightred {
		background: #FFCCCC;
		color: #000033;
	}
	.lightred a {
		color: #000033;
	}
	.green {
		background: #339933;
		color: #EEEEEE;
	}
	.green a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.green a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.darkgreen {
		background: #006600;
		color: #EEEEEE;
	}
	.darkgreen a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.darkgreen a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.lightgreen {
		background: #CCFFCC;
		color: #000033;
	}
	.lightgreen a {
		color: #000033;
	}
	.blue {
		background: #3366cc;
		color: #EEEEEE;
	}
	.blue a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.blue a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.darkblue {
		background: #142850;
		color: #EEEEEE;
	}
	.darkblue a {
		color: #EEEEEE;
		background: url(cssimage/link_invers_passiv.gif) no-repeat 0em top;
	}
	.darkblue a:hover {
		background: url(cssimage/link_invers_aktiv.gif) no-repeat 0em top;
	}
	.lightblue {
		background: #e3efff;
		color: #000033;
	}
	.lightblue a {
		color: #000033;
	}
	.gray {
		background: #CCCCCC;
		color: #000033;
	}
	.gray a {
		color: #000033;
	}
	.darkgray {
		background: #808080;
		color: #000033;
	}
	.darkgray a {
		color: #000033;
	}
	.lightgray {
		background: #EEEEEE;
		color: #000033;
	}
	.lightgray a {
		color: #000033;
	}
	.transparent {
		background: transparent;
		color: #000033;
	}
	.transparent a {
		color: #000033;
	}
/******************************
* TABELLEN
******************************/

/* Standard-Tabelle*/
	table {
		text-align: left;
		margin: 0; padding: 0;
		border: 1px solid #CCCCCC;
		border-spacing: 10px;
		border-collapse:collapse;
		empty-cells: show;
	}
	thead {
		background-color: #EEEEEE;
		font-weight: bold;
	}
	tr {
		padding: 0.5em;
	}
	td {
		padding: 0.3em;
		border-bottom: 1px #CCCCCC solid;
		border-top:	1px #CCCCCC solid;
		vertical-align: top;
	}
	th {
		padding: 0.3em;
		border-bottom: 2px #CCCCCC solid;
		border-top: 2px #CCCCCC solid;
	}
	.zahl {
		text-align: right;
		padding-right: 1em;
		white-space: nowrap;
	}
	.anmerkung {
		color: #808080;
		font-weight: none;
	}
	.markiert {
		background-color: #CCCCCC;
	}
	.ohneumbruch {
		white-space: nowrap;
	}

/* Personen-Tabelle*/
	.personenliste table {
		border: 2px #CCCCCC solid;
		text-align: left;
		border-collapse:collapse;
		empty-cells: show;
	}
	.personenliste thead {
		height: 2em;
		background-color: #870100;
		color: #EEEEEE;
	}
	.personenliste tfoot {
	}
	.personenliste tbody {
	}
	.personenliste th {
		padding: 0.5em;
		border-bottom: 2px #CCCCCC solid;
	}
	.personenliste tr {
	}
	.personenliste td {
		padding: 0.5em;
		height: 1.5em;
		border-bottom: 1px #CCCCCC solid;
	}
	.personenliste tfoot td {
		border: none;
	}

/* rahmenlose Tabelle*/

	table#bordernone {
		border: none;
	}
	#bordernone tr {
		border: none;
	}
	#bordernone td {
		border: none;
	}
	table.bordernone {
		border: none;
	}
	.bordernone tr {
		border: none;
	}
	.bordernone td {
		border: none;
	}

/* versteckte Zeilen + Zellen*/
 .hidden td {
 		padding: 0;
 		height: 0;
	}

/******************************
* Band-Members
******************************/

	.BandMemberRahmen {
		float: left;
		width: 100%;
	}
	.BandMember {
		float: left;
		width: 142px;
		height: 100%;
		margin: 0 5px 8px 0;
		padding: 1px;
		overflow: hidden;
		/* background: url(cssimage/visitenkarte_bg01.png) right top no-repeat; */
		background-color: #e3efff;
		border: 1px solid #808080;
	}
	.BandPortrait {
		width: 140px;
		height: 185px;
		padding: 0;
		overflow: hidden;
		border: 1px solid #FFFFFF;
		text-align: center;
	}
	.BandPortraitSubtitle {
		display: inline;
		padding: 2px;
		font-family: Impact, Garamond, Verdana, Arial, Helvetica;
		font-size: 1.55em;
	}
	.instr_icon {
		width: 32px;
		height: 32px;
		margin: 3px;
		float: right;
		background-color: #EEEEEE;
		border: 1px solid #808080;
	}
	.BandHervorhebung {
		font-family: Impact, Garamond, Verdana, Arial, Helvetica;
		font-size: 1.55em;
	}

/******************************
* Artikel
******************************/

	.ArtikelKategorie {
		clear: both;
		margin: 0.5em 0 0.5em 0;
		padding: 0.5em;
		background: #e3efff;
		border: 1px #000033 solid;
	}
	.ArtikelListenansicht {
		margin-top: 0.4em;
		padding-top: 0.4em;
		min-height: 86px;
		background: transparent;
		border-top: 1px #000033 solid;
	}
	a .ArtikelListenansicht {
		background: none;
		padding-left: 0px;
	}
	a:hover.ArtikelListenansicht {
		background: none;
		padding-left: 0px;
	}
	img.ArtikelbildVorschau {
		float: left;
		margin: 0;
		padding: 0.3em;
		background: #FDFDFF;
		border: 1px solid #CCCCCC;
	}
	.ArtikelText {
		position: relative;
		width: 50%;
		float: left;
		margin: 0;
		padding-left: 1em;
		text-align: left;
	}
	ul.Artikel {
		position: relative;
		width: 25%;
		float: right;
		margin: 0.3em;
		padding: 0.3em 0.3em 0.3em 25px;
		background: url(cssimage/semitransparenz_white_40.png) repeat;
		border: 1px solid #CCCCCC;
		color: #000033;
		font-size: 0.8em;
		line-height: 1em;
		vertical-align: text-top;
	}
	li.ArtikelVerfuegbar {
		list-style-position: outside;
		list-style-image: url(cssimage/ok_aktiv.gif);
		border-top: 1px dotted #CCCCCC;
	}
	li.ArtikelAusverkauft{
		list-style-position: outside;
		list-style-image: url(cssimage/x_aktiv.gif);
		border-top: 1px dotted #CCCCCC;
		text-decoration: line-through;
	}
	.rotalarm {
		margin-right: 0.3em;
		/* vertical-align: 0.2em;
		font-family: Impact, Garamond, Verdana, Arial, Helvetica;
		font-weight: normal;
		font-size: 0.8em; */
		color: #ff0000;
		border-top: 1px solid #ff0000;
		border-bottom: 1px solid #ff0000;
		text-transform: uppercase;
	}
	.rotalarm a {
		color: #ff0000;
	}

/******************************
* Kontakte (auf-/zuklappbar)
******************************/

	.kontaktmaske {
		background: #e3efff;
		font-size: 0.9em;
		margin: 0;
		padding: 0.5em;
	}
	.kontaktmaske p {
		margin: 0;
		padding: 0 0 0 0.25em;
		/* text-indent: -0.25em; */
	}
	.visitenkarte {
		float: left;
		width: 30%;
		margin: 0 0.3em;
		padding: 0.5em;
		overflow: hidden;
		/* background: url(cssimage/visitenkarte_bg01.png) right top no-repeat; */
		background-color: #FDFDFF;
		border: 1px solid #808080;
	}
	.visitenkarte table {
		width: 100%;
		border: none;
		margin-top: 0.5em;
		background: transparent;
	}
	.visitenkarte tr td {
		border: none;
		padding: 0 0.25em;
	}


/******************************
* Konzertinfos (auf-/zuklappbar)
******************************/

	#konzertinfo {
		clear: both;
		min-height: 4.4em;
		margin: 1.5em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
		border-top: 1px #000033 solid;
	}
	img.veranstaltung {
		float: left;
		width: 5.65em;
		height: 4.4em;
		margin: 0 0 0 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	#konzertinfo p {
		font-size: 1em;
		line-height: 1.1em;
		margin: 0 0 0 100px; padding: 0; /* Oben Rechts Unten Links*/
		color: red;
	}
	#konzertinfo h3 {
		font-size: 1em;
		line-height: 1.1em;
		margin: 0 0 0 100px; padding: 0; /* Oben Rechts Unten Links*/
		color: green;
	}
	div#konzertinfo a	{
		text-decoration: none;
		color: #000033;
		background: none;
		border-bottom: none;
		margin: 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	div#konzertinfo a:hover {
		border-bottom:1px solid;
		color: #000033;
		background: none; /* url(cssimage/link_aktiv.gif) no-repeat .3em top; */
		border-bottom: none;
		margin: 0; padding: 0; /* Oben Rechts Unten Links*/
	}

/******************************
* FORMULARE
******************************/

	form {
		clear: both;
		color: #000033;
		background: #EEEEEE;
		border: 1px dotted #CCCCCC;
		margin: 1em 0 1em 0; padding: 0.3em; /* Oben Rechts Unten Links*/
	}
	form .row {
		clear: both;
		background: none;
		border: none;
	}
	input.txt {
		width: 60%;
	}
	form p {
	}
	form a {
	}
	form a:hover {
	}
	label {
		display: block;
		float: left;
		clear: left;
		width: 35%;
	}
	.labelsub {
		display: inline;
		margin: 0.3em;
		font-size: 0.8em;
	}
	textarea {
		color: #870100;
		background: #EEEEEE;
		width: 100%;
	}
	input {
		color: #870100;
		background: #EEEEEE;
	}
	input.botton_button {
		clear: left;
		float: right;
		margin-top: 0.5em;
	}
	input.checkbox {
		display: block;
		float: left;
	}
	pre {
		font-family: Garamond, Verdana, Arial, Helvetica;
		font-size: 0.8em;
		margin: 0; padding: 0; /* Oben Rechts Unten Links*/
		color: #EEEEEE;
		background-color: #870100;
	}
	pre a {
		color: #EEEEEE;
		background-color: #870100;
	}

/* Lightblue Formular */

	form.lightblue {
		color: #000033;
		background: #e3efff;
		border: 1px dotted #CCCCCC;
		margin: 0; padding: 0.3em; /* Oben Rechts Unten Links*/
	}
	form.lightblue a {
		color: #000033;
	}
	form.lightblue a:hover {
		color: #000033;
	}
	form.lightblue input {
		color: #000033;
		background: #FFFFFF;
	}
	form.lightblue textarea {
		color: #000033;
		background: #FFFFFF;
	}
	form.lightblue input.botton_button {
		color: #EEEEEE;
		background: #3366cc;
	}

/* Formulare im öffentlichen Contentbereich */

	div#Rechts form {
		display: block;
		padding: 0;
		background-color: transparent;
		border: none;
	}
	div#Rechts fieldset {
		color: #000033;
		background-color: #EEEEEE;
		border: none;
		border-bottom: 1px #CCCCCC solid;
		margin: 0.8em 0 0.8em 0; padding: 0; /* Oben Rechts Unten Links*/
	}
	div#Rechts h4 {
		border-bottom: 1px #CCCCCC solid;
		margin: 0 0 0.5em 0; padding: 0.3em; /* Oben Rechts Unten Links*/
		background-color: #870100;
		color: #EEEEEE;
		font-weight: bold;
	}
	div#Rechts div {
		padding: 0.3em;
	}
	div#Rechts label {
		width: 18em;
		background: none;
		margin: 0.1em 0 0.2em 0; /* Oben Rechts Unten Links*/
	}
	div#Rechts input {
		background-color: #EEEEEE;
		margin: 0.1em 0 0.2em 0; /* Oben Rechts Unten Links*/
	}
	div#Rechts input.button {
		background-color: #870100;
		color: #EEEEEE;
		display: block;
		float: right;
		margin: 0em 0 0.8em 0; /* Oben Rechts Unten Links*/
	}
	div#Rechts input.vollbreite {
		width: 22em;
	}
	div#Rechts input.halbbreite {
		width: 11em;
	}
	div#Rechts input.drittelbreite {
		width: 7.3em;
	}
	div#Rechts input.viertelbreite {
		width: 5.5em;
	}

/******************************
* GALERIE (für: Bilder, Bewegtbilder)
******************************/

	div#galerie {
		border: 1px #CCCCCC solid;
		margin: 0 0 1.5em 0; /* Oben Rechts Unten Links*/
		padding-left: 1em;
		padding-right: 1em;
		float: left;
	}
	#galerie p {
		clear: both;
		color: #808080;
		text-align: left;
		text-transform:uppercase;
		font-size: 0.8em;
		margin: 5px 0px 15px 5px; padding: 0; /* Oben Rechts Unten Links*/
	}
	#galerie p a {
		color: #808080;
		padding: 0;
		text-decoration: none;
		background: none;
		padding-left: 0px;
	}
	#galerie p a:hover {
		color: #000033;
		padding: 0;
		text-decoration: none;
		border-bottom: 1px solid;
		background: none;
	}
	#galerie h3 {
		clear: both;
		color: #808080;
		text-align: left;
		text-transform:uppercase;
		font-size: 0.8em;
		margin: 10px 0px 0px 5px; padding: 10px 0 0 0; /* Oben Rechts Unten Links*/
		border-top: 1px #CCCCCC solid;
	}
	.galeriebild {
		float: left;
		margin: 0; padding: 0;
	}
	.galeriebild li {
		list-style-type: none;
		text-align: center;
		float: left;
		display: inline;
		width: 180px;
		height: 175px;
		padding-top: 5px;
		margin-bottom: 10px;
		margin-right: 10px;
		overflow: hidden;
		border: 1px #CCCCCC solid;
	}
	.galeriebild li p {
		font-size: 0.8em;
		width: 175px;
		overflow: hidden;
		padding: 5px; margin: 0;
	}
	.galeriebild li a {
		text-decoration: none;
		border-bottom: none;
		background: none;
	}
	.galeriebild li a:hover {
		text-decoration: none;
		border-bottom: none;
		background: none;
	}
	#galerievorschau {
		text-align: center;
		border: 1px #CCCCCC solid;
		padding: 10px;
	}
	#galerievorschau a {
		text-decoration: none;
		border-bottom: none;
		background: none;
		padding: 0px;
	}
	#galerievorschau a:hover {
		text-decoration: none;
		border-bottom: none;
		background: none;
		padding: 0px;
	}

/* ENDE BANANE :-) */