/******************************
* ÜBERGREIFENDE STYLES
******************************/
  body {
    color: #000033; background-color: #870100;
    font: 1em/1.2em;
    font-family: Garamond, Verdana, Arial, Helvetica;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }
	p {
    font: 1em/1.2em;
    margin: 0.5em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
	}	
  h1 {
    font-family: Impact, Garamond, Verdana, Arial, Helvetica;
    font-weight: lighter;
    font: 2em/2em;
    margin: 0; padding: 0; /* Oben Rechts Unten Links*/
  }
  h2 {
    font: 1.5em/1.5em;
    font-weight: bold;
    margin: 0.6em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
  }
  h3 {
    font: 1.2em/1em;
    font-weight: bold;
    margin: 0.6em 0 0.5em 0; padding: 0; /* Oben Rechts Unten Links*/
  }
  ul {
  	margin: 0.2em 0 0.2em 16px; padding: 0; /* Oben Rechts Unten Links*/
  }
  li {
  	list-style-type: square;
  	margin: 0; padding: 0;
  }
  li a {
  	background: none;
  	padding-left: 0px;
  }
  li a:hover {
  	background: none;
  	padding-left: 0px;
  }
	img {
	  border: 0;
	}

  a {
		text-decoration: underline;
		color: #000033;
    background: none;
    padding-left: 0;
	}
	
	a:hover {
    border-bottom:1px solid;
    color: black;
    background: url(cssimage/linkhover.gif) no-repeat .3em center;
    padding-left: 14px;
	}

	a:visited {
			text-decoration: none;	
	}
	
	a:link {
		text-decoration: none;
	}
	a img {
  	background: none;
    border-bottom: none;
    padding-left: 0px;
	}
	a:hover img {
  	background: none;
    border-bottom: none;
	}
  a.mail {
    background: none;
    padding-left: 0;
  }
  a:hover.mail {
    background: url(cssimage/maillinkhover.gif) no-repeat .3em center;
    padding-left: 24px;
  }
  a.download {
    background: url(cssimage/downloadlink.gif) no-repeat .3em center;
    padding-left: 14px;
		white-space: nowrap;
  }
  a:hover.download {
    background: url(cssimage/downloadlinkhover.gif) no-repeat .3em center;
    padding-left: 14px;
  }
/******************************
* Das Seitenset
******************************/

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0px auto;      /* standardkonforme horizontale Zentrierung */
    width: 814px;
    padding: 5px;
    background: #FFFFFF;
    border: 2px ridge silver;
  }
	div#Kopf {
    width: 814px;
    margin: 0 0 5px 0;  /* Oben Rechts Unten Links*/
		padding: 0;
		text-align: center;
	}
  p#Navigation {
		display: none;
  }
  p#Navigation a {
		display: none;
  }
	p#Navigation a:hover {
		display: none;
	}
  div#Inhalt {
  	position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 0 0; /* Oben Rechts Unten Links*/
    padding: 0 0 0 0; /* Oben Rechts Unten Links*/
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
	div#Links {
		display: none;
    width: 150px;
    float: left;
    margin: 0 10px 0 0;  /* Oben Rechts Unten Links*/
    padding: 0 0 0 0; /* Oben Rechts Unten Links*/
    text-align: center;
	}
	div#Rechts {
    min-height: 160px;
    margin: 0 0 25px 0px;  /* Oben Rechts Unten Links*/
	}
  div#Fussicons {
    display: none;
    font-size: 0.8em;
    color: #808080;
    margin: 0; padding: 1em 0 0.3em 0;  /* Oben Rechts Unten Links*/
  }
  div#Fussicons a {
		color: #808080;
    padding: 0;
    text-decoration: none;
    background: none;
  }
	div#Fussicons a:hover {
    color: black;
    padding: 0;
    text-decoration: none;
    border-bottom: 1px solid;
    background: none;
	}
  div#Fussicons img {
  	border: 1px silver solid;
  	margin: 0 2px 0 0; padding: 0;  /* Oben Rechts Unten Links*/
  }
  p#Fusszeile {
    clear: both;
    font-size: 0.8em;
    color: #808080;
    margin: 0; padding: 1em 0 0 0;
    text-align: right;
    border-top: 1px solid silver;
  }

	div#BoxLinks {
		width: 45%;
		float: left;
		margin: 0 0 10px 0; padding: 0 1em 1em 0;  /* Oben Rechts Unten Links*/
		overflow: hidden;
	}

	div#BoxRechts {
		width: 45%;
		float: right;
		border: 3px ridge silver; /* Oben Rechts Unten Links*/
		margin: 0 0 10px 0; padding: 1em; /* Oben Rechts Unten Links*/
		overflow: hidden;
		background-color: #EEEEEE;
	}
  
	div#BoxRechts h3 {
    border-top: 1px solid silver;
		margin: 0.6em 0 0.3em 0; padding: 0.3em 0 0 0; /* Oben Rechts Unten Links*/
	}
	
	.h1intern {
		background: url(../image/_BLECHREIZ-BERLIN_kopfbild-intern.jpg);
		color: #FFFFFF;
		height:73px;
		margin: 0; padding: 5px;
		text-align: left;
	}
	
  div#Rechts a {
		text-decoration: underline;
    background: none;
    padding-left: 0;
		color: black;
	}
	
	div#Rechts a:hover {
	}
  div#Rechts a.mail {
  }
  div#Rechts a:hover.mail {
  }

/******************************
* TABELLEN
******************************/

/* Standard-Tabelle*/
	table {
		text-align: left;
		margin: 0; padding: 0;
		border: 2px silver solid;
		border-spacing: 10px;
		border-collapse:collapse;
		empty-cells: show;
	}
	thead {
		background-color: #DDDDDD;
	}
	tr {
		padding: 0.5em;
	}
	td {
		padding: 0.3em;
		border-bottom: 1px silver solid;
		border-top:	1px silver solid;
		vertical-align: top;
	}
	th {
		padding: 0.3em;
		border-bottom: 2px silver solid;
		border-top: 2px silver solid;
	}
	.zahl {
		text-align: right;
		padding-right: 1em;
	}
	.anmerkung {
		color: #808080;
		font-weight: none;
	}
	.markiert {
		background-color: #EEEEEE;
	}
	.ohneumbruch {
		white-space: nowrap;
	}

/* Personen-Tabelle*/
	.personenliste table {
		border: 2px silver solid;
		text-align: left;
		border-collapse:collapse;
		empty-cells: show;
	}
	.personenliste thead {
		height: 2em;
		background-color: #870100;
		color: white;
	}
	.personenliste tfoot {
	}
	.personenliste tbody {
	}
	.personenliste th {
		padding: 0.5em;
		border-bottom: 2px silver solid;
	}
	.personenliste tr {
	}
	.personenliste td {
		padding: 0.5em;
		height: 1.5em;
		border-bottom: 1px silver solid;
	}
	.personenliste tfoot td {
		border: none;
	}

/******************************
* AB HIER: 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: 1em/1.2em;
		margin: 0 0 0 100px; padding: 0; /* Oben Rechts Unten Links*/
		color: red;
	}
	#konzertinfo h3 {
    font: 1em/1.2em;
		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: black;
    background: none; // url(cssimage/linkhover.gif) no-repeat .3em center;
    border-bottom: none;
		margin: 0; padding: 0; /* Oben Rechts Unten Links*/
	}

/******************************
* AB HIER: Alerts (Hinweise, Meldungen)
******************************/
	div#alert {
		margin: 0; padding: 0.3em; /* Oben Rechts Unten Links*/
		border: 1px solid silver;
	}
	.yellow {
		background: yellow;
	}
	div#alert h3 {
    border-top: none;
		margin: 0.3em 0 0.3em 0; padding: 0.3em 0 0 0; /* Oben Rechts Unten Links*/
	}

/******************************
* AB HIER: Formulare
******************************/

	form {
		/* display: none; */
		clear: both;
		color: #777;
		background: #EEEEEE;
		border: 1px dotted silver;
		margin: 1em 0 1em 0; padding: 0.3em; /* Oben Rechts Unten Links*/
	}
	form p {
	}
	form a {
		color: #777;
	}
	form a:hover {
		color: #777;
	}
	textarea {
		color: #870100;
		background: #EEEEEE;
	}
	input {
		color: #777;
		ButtonFace: green;
	}
	pre {
    font-family: Garamond, Verdana, Arial, Helvetica;
    font-size: 0.8em;
		margin: 0; padding: 0; /* Oben Rechts Unten Links*/
    color: #FFF; background-color: #870100;
	}
	pre a {
    color: #FFF; background-color: #870100;
	}

/******************************
* AB HIER: GALERIE (für: Bilder, Bewegtbilder)
******************************/

	div#galerie {
		border: 1px silver 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: black;
    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 silver 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 silver 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 silver 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 :-) */