@charset "utf-8";
/* CSS Document */

* {   /**Rücksetzen aller Abstände **/
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  }

body, td, th {
  font: normal 79%/167% Calibri, Arial, Georgia, sansserif; 
  } /*Schriftart und Typ definieren */

td, th { f\ont-size: 100.01%;} /*Schriftart für Tabellen extra definieren, da diverse Browser Bugs haben bei der 
korrekten Darstellung der Schriftgröße */

html, body {
  color: #271c1c;
  background-color: white;
  }

body{     /**Hintergrund Farbverlauf **/
  background: url(Bilder/background.png) top center repeat-x;
  }
  
/*Gestaltung der allgemeinen Elemente*/
h1{
  color: #755;
  background-color: white;
  font-size: 3em;
  line-height: 1.1;
  margin: .8em 0;
  }
 
h2{
  color: #4e3737;
  background-color: white;
  font-size: 1.5em;
  line-height: 1.1;
  margin: .8em 0;
  } 
  
h3{
  color: #271c1c;
  background-color: white;
  font-size: 1.2em;
  line-height: 1.1;
  }  

/*Links und ihre Farben*/

a:link{
  color: #755;
  background-color: transparent;
  }
  
a:visited{
  color: #c3afaf;
  background-color: transparent;
  }
  
a:hover, a:focus{
  color: #ba1b1b;
  background-color: transparent;
  } 
  
a:active {
  color: white;
  background-color: #755;
  }      
  
/*Regeln für besondere Bereiche*/

div#head {
  width: 950px;
  margin: auto;
  position: relative;
  }
  
div#main{
  color: inherit;
  margin: 0;
  padding: 36px 0 0;
  width: 950px;
  } 
  
div#main-inner{
  color: inherit;
  float: left;
  padding: 0 0 0 180px; 
  } 
  
div#sidebar {
  float: left;
  color: inherit;
  width: 200px;
  margin: 0 0px 0 0;
  
  }      
div#sidebar-inner {
  color: inherit;
  background: white;
  width: 200px; 
  }
  
/** Sidebar Kontaktfeld**/    
div#contact {  
  text-align: left;
  border: 4px solid #d2d2d2;
  width: 200px;   
  padding: 0 5px 5px 5px;
  margin: 0 0 10px 0;
  }   

#contact h2 {
  color: #755;
  background-color: transparent;
  margin: 0;
  }
  
#contact p.tel {
  color: #800d0d;
  background-color: transparent;
  font-size: 1.2em;
  font-weight: bold;
  margin: .3em 0;
  } 
  
#contact p.adr {
  color: #313144;
  background-color: transparent;
  font-size: 1.0em;
  }   
  
/**Sidebar News **/
div#news {
  text-align: left;
  border: 4px solid #d2d2d2;
  width: 200px;   
  padding: 0 5px 5px 5px;
  margin: 0 0 10px 0;
  }
  
#news p.news {
  color: #313144;
  background-color: transparent;
  font-size: inherit;
  }  

#news p.tel {
  color: #800d0d;
  background-color: transparent;
  font-size: 1.2em;
  font-weight: bold;
  margin: .3em 0;
  }  
  
/**Sidebar Bilder**/  
div#bilder {
  text-align: left;
  border: 4px solid #d2d2d2;
  width: 200px;  
  padding: 0 5px 5px 5px;
  margin: 0 0 10px 0;
  } 

  
#bilder p.bilder {
  width: 200px;
  }  
  
/**Style für content **/ 
div#content {
  margin: 0 0 0 210px;
  padding: 0 10px 0 20px;
  text-align: justify; 
  } 
#content h1 { margin: 5px 0; } 

#content p { margin: 5px 0; }  

#content img {
  float: left;
  margin: .5em .5em .5em 0;
  }
  
#content p.einlass {
  font-size: 1.1em;
  font-weight: bold;
  }
    
/**Style für zurück zum Seitenanfang **/  
div#seitenanfang {
  text-align: right;
  margin: 20px 0 0 0;
  }
     
/**Style für footer **/  
div#footer {
  color: #271c1c;
  background-color: #eaeaea;
  padding: 10px 0 10px 180px;
  font-family: Calibri, Arial, sans-serif;
  font-size: .9em;
  clear: both;
  margin: 25px 0 0 0;
  }
  
#head h1 {
  margin: 0;
  padding: 0;
  width: 526px;
  } 
  
#head ul{
  position: absolute;
  bottom: 10px;
  right: 90px;
  }
    
#head ul li{
  float: left;
  list-style: none;
  margin: 0 5px 0 0;
  }    
  
#head ul a,
#head ul strong {     /** Buttons im Header **/
  color: #FFF;
  background: #FBFBFB url(Bilder/button.jpg) bottom left repeat-x;
  display: block;
  padding: .8em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  }
  
#head ul a:hover,     /** Buttons im Head hover & activ **/
#head ul a:focus,
#head ul a:active,
#head ul strong {
  color: #000;
  background:#FFF url(Bilder/button_hover.jpg) bottom left repeat-x;
  }
   
/** Tabelle **/
caption {
  color: #800d0d;
  background-color: white;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin: 10px 0 5px 0;
  }
  
/** Regeln für spezielle Elemente **/
/** Tabellen auf bilder.html, lineup.html und links.html **/
table.bilder,
table.lineup,
table.links {
  width: 100%;
  margin: 20px 0 0 0; 
  border: none;
  }
  
.bilder tr,
.lineup tr,
.links tr {
  color: inherit;
  background: transparent;
  }
  
.bilder td,
.bilder th, 
.lineup td,
.lineup th,
.links td,
.links th {
  padding: 6px 5px 5px 3px;
  } 
  
.bilder td strong, 
.lineup td strong,
.links td strong {
  color: #755;
  background-color: transparent;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  }   
  
.bilder td.link {
  background-color: transparent;
  text-align: right;
  vertical-align: bottom;
  }     

.lineup th,
.links th {
  background-color: #b8b8b8;
  text-align: left;
  font-size: 1.3em;
  }  
  
.lineup td.band {
  width: 220px;
  }  
  
/**CSS Angaben für Formular **/
fieldset {
  border: 1px solid #eaeaea;
  margin: 1em 0;
  padding: 0 1em;
  }
  
legend {
  color: #271c1c;
  background-color: #eaeaea;
  padding: .3em 1em;
  } 
  
input[type="checkbox"],
input[type="radio"] { vertical-align: middle; }
 
input[type="text"] {
  border: 1px solid #eaeaea;
  padding: 3px 10px;
  }
  
input[type="submit"] {
  color: #2e050a;
  background-color: #eaeaea;
  font-weight: bold;
  padding: 0 6px;
  }

.textarea {
  border: 1px solid #eaeaea;
  margin: 1em 0;
  padding: 5px 15px;
  width: 535px;
  }
  
label {
  cursor: pointer;
  padding-right: .5em;
  }   
  
form tr {
  color: #5e2021;
  background-color: #e8e7ee;
  border-bottom: 4px solid white;
  }

/** für Zeilenweisen Farbwechsel, wird nicht von allen Browsern unterstützt, allerdings treten
 *bei diesen keine Fehler auf, die Zeilen werden einfach einfarbig dargestellt **/  
form tr:nth-child(odd) {
  color: #5e2021;
  background-color: #f5f4f8;
  }  
  
form td,
form th { padding: 5px 5px 5px 15px; }

form th {
  width: 40%;
  text-align: left;
  }  
  
form p#submit {
  color: white;
  background-color: #eaeaea;
  padding: 10px 15px;
  margin: 2.5em 0;
  }