/* ===================================

   =1. Allgemeine Selektoren

=================================== */

* {
  font-weight: normal;
  
  padding: 0;
  margin: 0;
}

body {
  color: #333;
  font-family: arial;
  font-size: 62.5%;
  text-align: center;
  
  background: #f0ecdd url(images/bg.png) repeat-x;
}

h1 {
  margin: 0 0 0 -1000em;
}

h2 {
  color: #e90c15;
  font-size: 2em;
  font-weight: bold;
  
  padding: 0;
  border-bottom: 0.05em solid #ddd;
  margin: 0 0 0.5em 0;
}

h3.first {
  border-top: 0 solid #fff;
}

h3 {
  color: #EF7600;
  font-size: 1.8em;
  line-height: 1.5em;
  
  border-top: 0.05em solid #ddd;  
  border-bottom: 0.05em dashed #ddd;
  margin: 0 0 0.5em 0;
}

h3 span {
  color: #e90c15;
  display: block;
  font-size: 0.833em;
  font-weight: bold;
  
}

h3:hover {
  background: #FBFAF6;
}

h4 {
  font-size: 1.4em;
  font-weight: bold;
}

p {
  font-size: 1.4em;
  
  margin: 0 0 1em 0;
}

p:hover a {
  background: #FBFAF6;
  border-bottom: 0.071em dashed #333;
}

strong {
  font-weight: bold;
}

a:link {
  color: #E90C15;
  text-decoration: none;
}

a:visited {
  color: #E90C15;
  text-decoration: none;
}
                            
#gallery a:hover,
#links a:hover,
p:hover a:hover {
  border-bottom: 0.071em solid #E90C15;
}

p:hover a:hover  {
  background: #FBFAF6;
  text-decoration: none;
}
                            
a:active {
  text-decoration: none;
}

a.details {
  padding: 0 0 5px 17px;
  background: url(images/details.png) no-repeat;
}

table {
  
  padding: 0.5em;
  border-collapse: collapse;
}

#concerts table {
  font-size: 1em;
}

#concerts table caption {
  display: none;
}

#concerts table td {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

#concerts table td.tddate {
  width: 4.4em;
}

#concerts table td.tdband {
  width: 6em;
}

table.jmprog {
  margin-bottom: 1.5em;
}

table.jmprog td.first {
  width: 8em;
}

table.jmprog td.second {
  width: 20em;
}

table.jmprog td.third {
  width: 12em;
}

table.jmprog td.fourth {
  width: 5em;
}

caption {
  font-size: 1.8em;
  text-align: left;
  color: #EF7600;
  line-height: 1.5em;

  border-top: 0.05em solid #ddd;
  border-bottom: 0.05em dashed #ddd;
}

th {
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  
  background: #E90C15;
  padding: 0.3em;
  border-bottom: 0.1em solid #ddd;
}

table.jmprog tr {
  border-bottom: 0.1em dashed #ddd;
}

tr.second {
  color: #fff;
  
  background: #EF9B4A;
}

tr.second a {
  color: #333;
}

tr a {
  color: #000;
}

td {
  vertical-align: top;
  font-size: 1.1em;
  padding: 0.5em 0;
}

form {
  margin: 1em 0 0 0;
}

form fieldset {
  border: 0em solid #fff;
}

label {
  font-size: 1.4em;
  line-height: 1.5em;
}

input, textarea {
  display: block;
  width: 14.9em;
   
  background: #FBFAF6;
  border: 0.1em solid #ddd;
  margin: 0.3em 0;
}

textarea {
  height: 10em;
}

/* ===================================

   ==2. Layoutbereiche

=================================== */

#main {
  width: 75em;
  overflow: hidden;
    
  text-align: left;
  
  background: url(images/bgmitte.gif);
  margin: 0 auto;
  border: 0.2em solid #ddd;
  border-top: none;
}

/* ===============================
   =KOPFBEREICH
=============================== */

#head {
  float: left;
}

  #logo {
    display: inline;
    
    float: left;
    width: 50em;
    height: 17.4em;
    
    background: url(images/logo.gif) #fff right no-repeat;
    border-bottom: 0.1em solid #ddd;
    margin: 0 0 0 25em;
  }

  #navi {
    float: left;
    width: 24.9em;
    height: 17.5em;
    
    border-right: 0.1em solid #ddd;
    margin: 0 0 0 -75em;
  }

    #navi ul {
      list-style-type: none;
      
      padding: 0;
      margin: 0;
    }
  
      #navi ul li {
        padding: 0;
        margin: 0;
      }
    
        #navi ul li a {
          display: block;
          height: 2em;
        
          color: #EF7600;
          font-size: 1.7em;
          font-weight: bold;
          line-height: 2em;
          text-decoration: none;
          
          background: #fff;
          padding: 0 0 0 0.588em;
          border-bottom: 0.058em solid #ddd;
          margin: 0;
        }
      
        #navi ul li a:hover {
          color: #fff;
          
          background: #e90c15;
        }
  
  #unavi {
    float: left;
    width: 75em;
    
    background: #fff;
    border-top: 0.1em solid #ddd;
    border-bottom: 0.1em solid #ddd;
    margin: 0.5em 0 0 0;
  }
    
    #unavi ul {
      list-style-type: none;
      
      margin: 0 0 0 0.7em;
    }
    
      #unavi ul li {
        float: left;
        
        padding: 0 0.3em 0 0;
      }
      
        #unavi ul li a {
          color: #EF7600;
          font-size: 1.4em;
          font-weight: bold;
          
          background: #eee;
          padding: 0 0.3em;
        }
      
        #unavi ul li a:hover {
          color: #e90c15;
          text-decoration: none;
          
          background: #ddd;
        }

/* ===============================
   =INHALTSBEREICH
=============================== */        
        
#maincontent {  
  float: left;
  width: 37em;
  
  margin: 0.5em 0.5em 0 0;
}

#maincontentplus {
  float: left;
  width: 49.5em;
  
  margin: 0.5em 0.5em 0 0;
}
  #staette {
    float: right;

    background: #fff;
    padding: 0.4em 0 0 1em;
    border-top: 0.1em solid #ddd;
    border-left: 0.1em dashed #ddd;
    border-bottom: 0.1em dashed #ddd;
    width: 18.75em;
    font-size: 0.785em;
  }

    #staette p {
      margin-bottom: 0.8em;
    }

  #sidebar1 {
    float: left;
    width: 12em;
    
    margin: 0.5em 0.5em 0 0;
  }
  
  #sidebar2 {
    float: left;
    width: 25em;
    
    margin: 0.5em 0 0 0;
  }
  
  #welcome {
    float: left;
    width: 34.9em;
    
    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    border-left: none;
  }
  
  #news {
    float: left;
    width: 34.9em;
  
    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    border-left: none;
    margin: 0.5em 0 0 0;
  }
  
    #news h3 {
      text-transform: uppercase;
    }
  
  #upcoming {
    float: left;
    width: 22.4em;

    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    border-left: none;
    margin: 0.5em 0 0 0;
  }

  #archive {
    float: left;
    width: 22.3em;

    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    margin: 0.5em 0 0 0.5em;
  }
  
    #upcoming ul, #archive ul{
      list-style-type: none;

      border-bottom: 0.1em solid #ddd;
    }

      #upcoming ul li, #archive ul li{
        font-size: 1.1em;
        border-top: 0.090em solid #ddd;
        padding: 0.25em 0;
      }
      
      #upcoming ul li.active, #archive ul li.active {
        background: #fff url(images/list.png) 0 0.4em no-repeat;
        padding: 0.25em 0 0.25em 0.75em;
      }

      #upcoming ul li a:hover, #archive ul li a:hover {
        color: #333;
      }
      
        #upcoming ul li span,
        #archive ul li span {
          float: left;
          margin: 0 0.3em 0 0;
          border: 1px solid #fff;
        }
        
        
  
  #content, #galleries {
    float: left;
    width: 47.4em;
    
    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    border-left: none;
  }
  
    #content p img {
      float: left;
      margin: 0 0.5em 0.5em 0;
      border: 1px solid #ddd;
    }
  
    #content img.vorstand_img {
      float: left;
      margin-right: 0.5em;
      border: 0.02em solid #ddd;
    }
    
    #workshop {
      float: left;
    }
    
    div.upcoming_workshops {
      float: left;
      margin: 0 0 1em 0;
    }
    
      div.upcoming_workshops ul {
        float: left;
        list-style-type: none;
        border-top: 0.1em solid #ddd;
        border-bottom: 0.1em dashed #ddd;      
      }
      
        div.upcoming_workshops ul li {
          float: left;
          padding: 0.3em;
          width: 16.25em;
          height: 4.7em;
          font-size: 1.4em;
        }
        
        div.upcoming_workshops ul li.first {          
          border-right: 0.1em dashed #ddd;
        }
      
          div.upcoming_workshops ul li a {
            display: block;
          }
      
          div.upcoming_workshops ul li a:hover {
            text-decoration: underline;
          }
        
            div.upcoming_workshops ul li span.date {
              display: block;
            }
  
  #gallery {
    float: left;
    width: 9.8em;
    
    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    margin: 0 0 0.5em 0;
  }
  
    ul.teaser_gallery {
      list-style-type: none;
    
      border-bottom: 0.1em solid #ddd;
      margin: 0 0 1em 0;
    }
    
      ul.teaser_gallery a img {
        width: 9.8em;
        height: 2.8em;
        
        border: 0em solid #fff;
      }
  
  #links {
    float: left;
    width: 9.8em;
    
    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    margin: 0.5em 0 0 0;
  }
  
    ul.teaser_links {
      list-style-type: none;
      
      border-bottom: 0.1em solid #ddd;
    }
    
      ul.teaser_links li {
        font-size: 1.1em;
        border-top: 0.090em solid #ddd;
        padding: 0.25em 0;
      }
      
  #teaser {
    width: 11.6em;
    margin: 0;
  }
  
    #teaser img {
      width: 100%;
      border: 0.2em solid #e90c15;
    }
  
  #concerts {
    float: left;
    width: 22.9em;
    
    background: #fff;
    padding: 1em;  
    border: 0.1em solid #ddd;
    border-right: none;
    margin: 0 0 0.5em 0;
  }
  
  #contact {
    float: left;
    width: 22.9em;
    
    background: #fff;
    padding: 1em;
    border: 0.1em solid #ddd;
    border-right: none;
  }
  
    #contact p.wrong {
      font-weight: bold;
      color: #e90c15;
    }
      
   #galleries img {
      float: left;
      
      border: 0 solid #fff;
      margin: 0 0.5em 0.5em 0;
    }
      
    #galleries a p {
      color: #333;
    }
    
    #galleries h3 a {
      color: #EF7600;
    }
    
    #galleries a:hover {
      text-decoration: none;
    }
    
    #galleries div.galleries {
      clear: both;
    }
  
  #seitenpfeile {
    clear: both;
  }
  
  ul#thumbnails {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul#thumbnails li {
  width: 15em;
  height: 17em;
  float: left;
}

ul#thumbnails li:hover {
  background: #FBFAF6;
}

ul#thumbnails li img {
  border: none;
}

ul#thumbnails li p {
  color: #333;
}
  /* ===============================
     =FUSSZEILE
  =============================== */  
  
  #footer {
    float: left;
    width: 75em;
    
    background: #fff;
    padding: 1em;
    border-top: 0.1em solid #ddd;
    margin: 0.5em 0 0 0;
  }