html, body { 
   height: 100%;
   margin: 0;
   padding: 0;
background-color: #000000;

   }

/*------------------- indexseite------------------------------------*/
#content1      { background-color: black; text-align: center; margin: -182px 0 0 -259px; padding: 0px; position: absolute; top: 40%; left: 50%; width: 556px; height: 300px }
#content1 p   { color: white; font-style: normal; font-weight: 500; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black; padding: 3px }
#content1 a     { color: #bdb76b; font-style: normal; font-weight: 500; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black }

.weiter    { color: white; font-style: normal; font-weight: 500; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black; text-align: right; padding: 3px }
#unterbild   { background-color: aqua; text-align: left; float: left; margin: 10px 0 0 -259px; padding: 5px; position: absolute; top: 100%; left: 50%; width: 420px; height: 90px }

/*-------------------- Schrift und Links--------------------------*/
.gelb  { color: #c18a3c; font-weight: bold; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black; float: left; padding-top: 20px; padding-right: 10px; padding-left: 20px; width: 480px }
.klein           { color: black; font-style: normal; font-weight: normal; font-size: 7pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bold3           { color: white; font-style: normal; font-weight: bold; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bold2    { color: yellow; font-weight: 500; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, Courier }
.normal          { color: black; font-style: normal; font-weight: 400; font-size: 10pt; line-height: 16px; font-family: Helvetica, Verdana, Arial, SunSans-Regular, sans-serif, Arial, Helvetica; text-align: left; word-spacing: 0.57px; letter-spacing: 0.2px }
.normal2         { text-decoration: underline; color: #000000; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; word-spacing: 0.57px; letter-spacing: 0.2px }
.bold          { color: black; font-style: normal; font-weight: bold; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a        { color: #bdb76b; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline }
a:hover   { color: #000000; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline }



/*-------------------aspossible-----------------------------*/  

.weiss                { color: white; font-style: normal; font-weight: 400; font-size: 9pt; line-height: 16px; font-family: Helvetica, Verdana, Arial, SunSans-Regular, sans-serif, Arial, Helvetica; background-color: black; text-align: left; word-spacing: 1px; letter-spacing: 0.5px; float: left; padding: 10px 10px 20px 20px; border-bottom: 1px solid #c18a3c; position: relative; width: 480px }
.topic       { color: white; font-style: normal; font-weight: 500; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: black; text-align: left; float: left; margin-top: 2px; margin-bottom: 2px; padding: 2px 10px 2px 20px; border-top: 1px solid #c18a3c; border-right: 1px none; border-bottom: 1px solid #5d1e06; border-left: 1px none red; position: relative; width: 480px }

.weissbold               { color: #c18a3c; font-style: normal; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: black; text-align: left; float: left; padding-top: 20px; padding-right: 10px; padding-left: 20px; position: relative; width: 480px }

.weissbold2                 { color: white; font-style: normal; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: transparent; text-align: left; float: left; padding-right: 10px; position: relative; width: 452px }


/*--------------------- Startseite-------------------------------*/



#outerframe     { 

background-color: #000000 ; 
margin-left: -400px;
 position: absolute;
 top: 0px; 
left: 50%; 
width: 800px;
 height: 100% 
voice-family: "\"}\"";
	voice-family:inherit;
	height: 200%
	}
html>body #kopfzeile{
height: 200%;}


#kopfzeile  
{  

background-color:#000000;
margin: 0;
padding:0%;
border: 0; 
height: 272px;
width:100%; 
height:272px;

voice-family: "\"}\"";
	voice-family:inherit;
	height:268px;
	}
html>body #kopfzeile{
height:268px;}
  
  #kopfzeile.element {
 margin: 0;  border: 0; 
height: 272px;width:800px

}


	  

/*-------------------menue---------------------------*/   



#m       { text-decoration: none; background-color: white; text-align: left; float: left; margin: 0; border: 0; position: relative; width: 178px; height: auto; voice-family: "\" }\"";
	voice-family:inherit;
width: 178px;
	}
html>body #m  { width: 178px; height: auto }

#m ul
	    { background-color: white; list-style-type: none; margin: 0; padding: 0; }
	
#m li
	         { text-decoration: none; background: white no-repeat scroll left top; padding: 0; position: relative }
	

#m li a.a1       { text-decoration: none; background-image: url(bilder/programm.gif); width: 178px; height: 25px; display: block }             
#m li a.a2     { text-decoration: none; background-image: url(bilder/hammondbar.gif); width: 178px; height: 49px;display: block  }    
   
#m li a.a3    { text-decoration: none; background-image: url(bilder/oeffnungsz.gif); width: 178px; height: 25px; display: block }
#m li a.a4      { text-decoration: none; background-image: url(bilder/anfahrt.gif); width: 178px; height: 26px; display: block }                        
#m li a.a5      { text-decoration: none; background-image: url(bilder/kontakt.gif); width: 178px; height: 49px; display: block }  
#m li a.a8       { text-decoration: none; background-image: url(bilder/aspossible.gif); width: 178px; height: 25px; display: block }           
#m li a.a6      { text-decoration: none; background-image: url(bilder/gaestebuch.gif); width: 178px; height: 25px; display: block }            
#m li a.a7     { text-decoration: none; background-image: url(bilder/impressum.gif); width: 178px; height: 36px; display: block }


   
#m li a.a1:hover   { background-image: url(bilder/programm_over.gif) } 
#m li a.a2:hover  { background-image: url(bilder/hammondbar-over.gif) } 

#m li a.a3:hover  { background-image: url(bilder/oeffnungsz-over.gif) } 
#m li a.a4:hover  { background-image: url(bilder/anfahrt-over.gif) } 
#m li a.a5:hover  { background-image: url(bilder/kontakt-over.gif) } 
#m li a.a8:hover  { background-image: url(bilder/aspossible_over.gif) } 
#m li a.a6:hover  { background-image: url(bilder/gaestebuch_over.gif) } 
#m li a.a7:hover  { background-image: url(bilder/impressum-over.gif) } 


#m li a.a1:focus   { background-image: url(bilder/programm_over.gif) } 
#m li a.a2:focus    { background-image: url(bilder/hammondbar-over.gif)  } 

#m li a.a3:focus    { background-image: url(bilder/oeffnungsz-over.gif) } 
#m li a.a4:focus    { background-image: url(bilder/anfahrt-over.gif) } 
#m li a.a5:focus   { background-image: url(bilder/kontakt-over.gif) } 
#m li a.a8:focus { background-image: url(bilder/aspossible_over.gif) } 
#m li a.a6:focus    { background-image: url(bilder/gaestebuch_over.gif) } 
#m li a.a7:focus    { background-image: url(bilder/impressum-over.gif) } 

   
#m li a.a1:active   { background-image: url(bilder/programm_over.gif) } 
#m li a.a2:active   { background-image: url(bilder/hammondbar-over.gif)  } 
#m li a.a3:active   { background-image: url(bilder/oeffnungsz-over.gif) }
#m li a.a4:active   { background-image: url(bilder/anfahrt-over.gif) } 
#m li a.a5:active  { background-image: url(bilder/kontakt-over.gif) } 
#m li a.a8:active { background-image: url(bilder/aspossible_over.gif) } 
#m li a.a6:active   { background-image: url(bilder/gaestebuch_over.gif) }
#m li a.a7:active   { background-image: url(bilder/impressum-over.gif) } 



.liste  { background-color: white; list-style-type: none; margin: 0px; padding: 0px } 





/*-------------------Inhalt und Schrift------------------------------*/  
 
#inhalt  

   { background-color: #881e1e; float: left; margin: 0; padding: 45px 5% 5%; border: 0; position: relative; width: 622px; height: 90%; voice-family: "\" }\"";
	voice-family:inherit;
	width: 622px;
	}
html>body #inhalt {
width: 542px;height: 90%;
}



	#inhalt:first-line {
   font-weight:bold
   }

#inhalt p          { color: black; font-style: normal; font-weight: 500; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #881e1e; margin-right: 20px; margin-left: 20px; width: 480px }

#inhalt h1               { color: #c18a3c; font-style: normal; font-weight: bold; font-size: 12pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: transparent; margin: 0 0 10px; padding: 2px 0 2px 5px; border-bottom: 1px none white; width: 450px }

#inhalt h2  { color: #c18a3c; font-style: normal; font-weight: 500; font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-align: left; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #c18a3c; border-right: 1px none; border-bottom: 1px solid #5d1e06; border-left: 1px none red; width: 480px }

#inhalt h3      { color: gray;  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  margin-left: 20px; width: 380px }
#inhalt h4     { color: #cf0000;  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  width: 380px }


/*-------------------tabelle-------------------------*/
	

.table

     { font-size: 9pt; text-align: left; border-width: 10px 1px 10px 1px; border-color: #f5f5f5 }
tr  { text-align: left; vertical-align: top }

td        { text-align: left; border-right: 10px solid #c18a3c; border-bottom: 1px none #c5c877; border-left: 10px solid #c18a3c; width: auto }



tr.r {  text-align: left; background-color: #c18a3c}

/*-------------------tabelle2-------------------------*/
.table2

      { font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: transparent; text-align: left; border-width: 10px 1px 10px 1px; border-color: #881e1e }
tr2  { text-align: left; vertical-align: top }

td.d2       { text-align: left; border-right: 10px solid #881e1e; border-bottom: 1px none #881e1e; border-left: 10px solid #881e1e; width: auto }



tr.r2 {  text-align: left; background-color: #881e1e}

/*-------------------tabelle3-------------------------*/

.table3

       { font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; border-width: 10px 1px 10px 1px; border-color: #881e1e; width: 480px }
tr3  { text-align: left; vertical-align: top }

td.d3        { text-align: left; border-right: 10px solid #881e1e; border-bottom: 1px none #881e1e; border-left: 10px solid #881e1e; width: 480px }



tr.r3 {  text-align: left; background-color: #881e1e}


/*-------------------tabelle4 von indexseite------------------------*/

.table4

       { font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; border-width: 10px 1px 10px 1px; border-color: white; width: 480px }
tr4  { text-align: left; vertical-align: top }

td.d4        { text-align: left; border-right: 10px solid black; border-bottom: 1px none black; border-left: 10px solid black; width: 480px }



tr.r4 {  text-align: left; background-color: black}
