<!--
  body {
    margin: 0; padding: 0 0;
    color: #E78314;
	background-color: #000000;
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12pt;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

  a {
    text-decoration: none;
    color: #E78314;
  }

  h1 {
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14pt;
	color: #FFC380;
  }
  
  h2 {
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12pt;
	color: #FFC380;
  }
  
  p {
	font-style : normal;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12pt;
  }
  
  td {
	font-style : normal;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12pt;
  }
  .toja {
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12pt;
    color: #FFC380;	
  }
  a:visited {
    color: #E78314;
  }

  a:hover {
    color: #187CEB
  }
  

  /* ##########################################################################
    SEITE und HEADER
     ##########################################################################*/
  
  div#seiteDiv {
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    padding: 0;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	top:10px;
    width: 800px;
  }

  div#headerDiv {
    margin: 0 0 0 0; padding: 0;
	position:absolute;
	top:10px;	
	width:800px; height:174px;
  }
  /* ##########################################################################
    index
     ##########################################################################*/
  /* Vertical centering: make div as large as viewport and use table layout */
  div#indexDiv {
  	top: 0; 
  	left: 0; 
  	width: 100%; 
  	height: 100%;
    position: fixed; 
    display: table
  }
  
  div#indexDiv p {
  	display: table-cell; 
  	vertical-align: middle
  }

  /* Also center the lines in the paragraph */
  div#indexDiv p {
  	text-align: center
  }
  /* Horizontal centering of image: set left & right margins to 'auto' */
  img#indexImg {
  	display: block; 
  	margin: 1em auto
  }

  /*
   div#indexDiv {
    margin: 0 auto; 
    padding: 0;
    text-align: left;
	top:10px;
    width: 600px;
   }
   
  div#indexDiv p#indexP{
	vertical-align: middle;
  }
  */
  
  /* ##########################################################################
    NAVIGATION
     ##########################################################################*/

  div#navDiv {
    margin: 0; padding: 0;
	position:absolute;
	top:190px;
	width:800px; height:26px;
	border-bottom:2px solid #5A3308;		
	border-left:2px solid #5A3308;
	border-right:2px solid #5A3308;			
  }
  
  ul#navList {
    text-align: left;
    background-color: black;    
    font-size : 12pt;		
	font-weight: bold;
    text-decoration: none;
	margin: 0 6px;
	padding: 0;
  }
  
  ul#navList li {
    list-style: none;
    display: inline;
    margin: 0;
	padding: 0;
  }

  #navList #navKontakt {
	float: right;
    margin: 0;
	padding: 0;
  }
  
  ul#navList a {
    margin: 0;
    padding: 0 0.4em;
    color: #E78314;
	background-color: black;
  }
  
  ul#navList span {
    margin: 0;
    padding: 0 0.4em;
    color: black;
	background-color: #E78314;
	/*border:1px solid #FFE1BF;	*/
  }
  
  * html ul#navList a, * html ul#navList span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  
  ul#navList a:hover {
    color: #187CEB;
	background-color: black;
  }
  
  ul#navList div {
     clear: left;
  }
  
  /*------------------------------------------------------------------------*/
  /* pager for going to the previous/index/next page                        */	
  /*------------------------------------------------------------------------*/

  div.pager {
    clear: right;
    float: right;
    padding-top: 5px;
    width: 104px;
  }

  div.pager .go {
    display: block;
    float: left;
    height: 18px;
    padding-top: 18px;
    width: 33px;
    font-size: 10px;
    text-align: center;
    background: url('images/arrows/large/blank/dot.gif') no-repeat top center;
  }

  div.pager span.go {
    color: black;
  }

  div.pager a.go {
    color: #E78314;
  }

  div.pager a.go:hover {
    color: #187ceb;
  }

  div.pager a.back {
    background-image: url('images/arrows/large/orange/left.gif');
  }
  div.pager a.back:hover {
    background-image: url('images/arrows/large/blue/left.gif');
  }

  div.pager span.back {
    background-image: url('images/arrows/large/blank/left.gif');
  }

  div.pager strong {
    display: block;
    font-weight: bold;
    color: #FFE1BF;
  }

  div.pager a.next {
    background-image: url('images/arrows/large/orange/right.gif');
  }

  div.pager a.next:hover {
    background-image: url('images/arrows/large/blue/right.gif');
  }

  div.pager span.next {
    background-image: url('images/arrows/large/blank/right.gif');
  }

  div.pager strong {
    display: block;
    font-weight: bold;
    color: #FFE1BF;
  }

  div.pager a.up {
    background-image: url('images/arrows/large/orange/up.gif');
  }
  div.pager a.up:hover {
    background-image: url('images/arrows/large/blue/up.gif');
  }
  div.pager span.up {
    background-image: url('images/arrows/large/blank/up.gif');
  }

  div.pager strong {
    display: block;
    font-weight: bold;
    color: #FFE1BF;
  }  
  /* ##########################################################################
    INHALT
     ##########################################################################*/  
  div#inhaltDiv {
    margin: 0 0 0 0; padding: 0 12px 0 12px;
	position:absolute;
	top:225px;
	width:800px;
	color: #FFE1BF;
  }
  div#inhaltDiv table{
	color: #FFE1BF;
  }
  
  div#inhaltDiv a{
    text-decoration: none;
  }
  
  div#inhaltDiv img{
	border: 0;
  }
  
  /* ##########################################################################
    INHALT => NEWS
     ##########################################################################*/
  
  div.news {
	clear:left;
  }
  div.newsImg {
    float: left;
	width: 120px;
	height: 120px;
    margin: 0;
	padding: 0 2em;
  }
  
  div.newsText {
    margin-left: 120px;
    padding: 0 2em;
    min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
	min-height: 120px;
  }
  
  .newsDate {
    font-weight: normal;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color: #FFC380;
  }

  /* ##########################################################################
    INHALT => INFO
     ##########################################################################*/

  p.infoText {
	/*text-indent:1em;*/
	text-align:justify;	
	margin-bottom: 0;
	padding: 0 2em;	
  }
  
  p.infoText + p{
	text-indent: 1.5em;
	margin-top: 1em;	
  }  

  /* ##########################################################################
    INHALT => BAND
     ##########################################################################*/
  div#memberDiv{
	clear: both;
  }
  div#memberBreadcrumbDiv {
	text-align: left;
	vertical-align: top;
  }
  p#bandP {
	padding: 0 2em;
  }
  
  table#band {
	padding: 0;
	color: #FFE1BF;
  }
  table#band td {
	padding: 0 2em 0 0;
  }

  p.bandFoto{
	padding: 0 2em 0 0.4em;
	text-align: center;
  }
  p.bandFotoByText {
	padding: 0 0.4em 0 1em;
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;
	color: #FFE1BF;
	text-align: center;
  }  
  /* ##########################################################################
    INHALT => TERMINE
     ##########################################################################*/
  
  div.termine {
    clear: both;
	padding: 0 2em;		
  }

  table.termineTable {
    width: 100%;		
  }
  
   table.termineTable td{
	padding-bottom: 0.4em;
    vertical-align: top;		
  } 
  
  /* ##########################################################################
    INHALT => CD
     ##########################################################################*/
    
  div.cd {
    clear: both;	
	padding: 0 0 1em 0;	
  }  
  div.cdLeft {
    float: left;
	width: 35%;
	padding: 0 2em;
  }
  
  div.cdRight {
    margin-left: 250px;
    min-width: 65%;
    padding: 0 2em;
  }

  div.cdBesetzung {
    margin: 0;
	padding: 0 2em;
  }
  
  div.cdInfo {
    margin: 0;
	padding: 0 2em;
  }
  
  p.cdInfoText {
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;
	color: #FFE1BF;		
  }
  
  div.cdBesetzung td {
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;
	color: #FFE1BF;	
  }
   
   div.cdBesetzung th {
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;	
	text-align: left;
   }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }

  p#allCDsP {
	padding: 0 2em;
  }

  table.allCDs{
    margin-bottom: 2em;
	padding: 0;
	color: #FFE1BF;
  }
  
  table.allCDs td{
	padding: 0 2em 0 0;
  }
  
  div.cdHeader {
    margin: 2em 0 0 0;
	padding: 0 2em;	
  }
  ul.cdListe {
    margin: 0;
	padding: 1em 0;
  }
  ul.cdListe li {
    list-style: none;
    margin: 0;
	padding: 0 0 0.4em 0;
  }  

  /* ##########################################################################
    INHALT => FOTOS
     ##########################################################################*/
  div.foto {
	clear:left;
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 10pt;
	color: #FFE1BF;	
  }
  

  p#fotoP {
	padding: 0 2em;
  }

  table.fotoalbums{
    margin-bottom: 2em;
	/* padding: 0 2em 0 2em; */
	padding: 0;	
	color: #FFE1BF;
  }

  table.fotoalbums td{
	padding: 0 2em 0 0;
  } 
  
  table.fotoalbum{
    margin-bottom: 2em;
	padding: 0 2em 0 2em;
	color: #FFE1BF;
  }
  table.fotoalbum td{
	padding: 0 10px 10px 0;   
  }
  table.fotoalbum td#fotograf{
	padding: 0;
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;    
  }  
  p.fotoFoto{
	padding: 0;
    margin: 0;	
	text-align: center;
  }  
  p.fotoFotoText {
	padding: 0;
    margin: 0.4rm 2em 1em 0;	
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;
	color: #FFE1BF;
	text-align: left;
  }  
  /*


  */
  
  div.fotoImg {
    float: left;
	width: 120px;
	height: 70px;
    margin: 0;
	padding: 0 1em;
  }
  
  div.fotoText {
    margin-left: 120px;
    padding: 0 1em;
    min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
	min-height: 70px;
  }
  /* ##########################################################################
    INHALT => LINKS
     ##########################################################################*/
  
  p.links {
	padding: 0 2em;	
  }

  p.links table {
	width:100%;
  }

  p.links td.link {
	padding-bottom: 0.4em;
	margin: 10px 10px 10px 10px;
	width: 150px;
  }
  
  p.links td {
	padding-bottom: 0.4em;
	margin: 10px 10px 10px 10px;
	vertical-align: top;
  }    
  
  /* ##########################################################################
    INHALT => EXTRAS
     ##########################################################################*/

  div.downloads {
    padding: 0 2em;
  }

  div.downloads table{
 	width:100%;
 }


  /* ##########################################################################
    INHALT => FUSSZEILE
     ##########################################################################*/
  
  div#fusszeileDiv {
	clear:left;
    margin: 20px 0 5px 0; padding: 10px 0 0 0;
    text-align: left;
	border-top:1px solid #5A3308;	
  }
  
  div#fusszeileDiv p{
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 8pt;    
  }
  
  /* ##########################################################################
    ALLGEMEIN
     ##########################################################################*/

  ul.liste {
    margin: 0;
	padding: 0 2em;
  }
  
  ul.liste li {
    list-style: none;
    margin: 0;
	padding: 0;
  }
  
  font.tojaSmall {
    font-style : normal;
    font-family : Arial, Helvetica, sans-serif;	
    font-size : 10pt;
	color: #FFE1BF;
  }
-->