body {
      margin: 0;
      padding: 0;
  
      background: url("../images/main_bg.jpg") repeat-x #66795f;
      
      font-family: tahoma, verdana, arial, sans-serif;
      font-size: 12px;
      color: #92ed6a;
  }
  
  .clear { clear: both; }
  .justify { text-align: justify; }
  .insert  { margin: 0 0 0 20px; }

  div#overall {
      width: 778px;
      margin: 0 auto;
      
      padding: 0 14px;
      
      background: url("../images/overall_bg.gif");
  }
  
  a#header {
      display: block;
      width: 778px;
      height: 170px;
  
      background: url("../images/header.jpg");
  }
  
  

  
  /* NAVIGATION ---------------------------------------------------------- */
  
  ul#navigation {
      margin: 0;
      padding: 0;
      
      list-style-type: none;
  }
  
  ul#navigation li { display: inline;               }
  ul#navigation a  { display: block;  width: 127px; }
  
  ul#navigation a#events  { background-image: url("../images/nav/navlink_events.gif");   height: 45px; }
  ul#navigation a#merch   { background-image: url("../images/nav/navlink_merch.gif");    height: 28px; }
  ul#navigation a#pictures { background-image: url("../images/nav/navlink_pics.gif");  height: 41px; }
  ul#navigation a#artists { background-image: url("../images/nav/navlink_artists.gif");  height: 38px; }
  ul#navigation a#gb      { background-image: url("../images/nav/navlink_gb.gif");       height: 34px; }
  ul#navigation a#links   { background-image: url("../images/nav/navlink_links.gif");    height: 58px; }
  ul#navigation a#gwspiel { background-image: url("../images/nav/navlink_gewspiel.gif"); height: 28px; }
  ul#navigation a#kontakt { background-image: url("../images/nav/navlink_kontakt.gif");  height: 44px; }
  
  ul#navigation a#events:hover  { background-image: url("../images/nav_hover/navlink_events.gif");   }
  ul#navigation a#merch:hover   { background-image: url("../images/nav_hover/navlink_merch.gif");    }
  ul#navigation a#pictures:hover { background-image: url("../images/nav_hover/navlink_pics.gif");  height: 41px; }
  ul#navigation a#artists:hover { background-image: url("../images/nav_hover/navlink_artists.gif");  }
  ul#navigation a#gb:hover      { background-image: url("../images/nav_hover/navlink_gb.gif");       }
  ul#navigation a#links:hover   { background-image: url("../images/nav_hover/navlink_links.gif");    }
  ul#navigation a#gwspiel:hover { background-image: url("../images/nav_hover/navlink_gewspiel.gif"); }
  ul#navigation a#kontakt:hover { background-image: url("../images/nav_hover/navlink_kontakt.gif");  }
  div#navfin { background: url("../images/nav_fin.gif") no-repeat; width: 117px; padding: 5px;}  

  div#navfin h2 {
    margin: 0;
    padding: 20px 0 5px 0;
    text-align: center;
  }

  div#navfin h3 {
    margin: 0;
    padding: 0;
    color: #d7bf2a;
  }

  div#navfin div.hr2 {
      height: 4px;
      margin: 3px 0;
      background: url("../images/hr.gif");
  }

  div#navfin .submit {
    border: 1px #FFF solid;
    background: #444;
    color: #FFF;
    font-weight: bold;
  }
  
  div#navfin p.footer {
    text-align: center;
  }



  div#navpath {
    margin-bottom: 20px;
  }

  /* CONTENT ------------------------------------------------------------- */
  
  div#content {
      width: 540px;
      padding: 10px 50px 30px 50px;
      float: right;
  }
  
  h1 {
      margin: 0;
      padding: 0;
      
      font-size: 30px;      
      color: #d7bf2a;
  }
  
  div.hr{
      height: 4px;
      width: 300px;
      margin: 8px 0;      
      font-size: 1px;
      background: url("../images/hr.gif");
  }
  
  p {
      margin: 0;
      padding: 0;
      
      line-height: 18px;
  }
  
  a {
      color: #d7bf2a;
      text-decoration: none;
  }
  
  a:hover {
      color: #ffffff;
  }
  
  
  

    
  /* FOOTER -------------------------------------------------------------- */
  
  
  div#footer {
      clear: both;
      width: 778px;
      height: 60px;
  
      background: url("../images/footer.jpg");
  }
  
  /* -------------------------------- */
  
  ul#footnavigation {
      margin: 0;
      padding: 0;
      list-style-type: none;
      float: right;
  }
  
  ul#footnavigation li { display: inline;                           }
  ul#footnavigation a  { display: block;  float: left; height: 29px;}
  
  ul#footnavigation a#events2  { background-image: url("../images/nav/footlink_events.gif");    width: 44px; }
  ul#footnavigation a#merch2   { background-image: url("../images/nav/footlink_merch.gif");     width: 80px; }
  ul#footnavigation a#artists2 { background-image: url("../images/nav/footlink_artists.gif");   width: 47px; }
  ul#footnavigation a#gb2      { background-image: url("../images/nav/footlink_gb.gif");        width: 39px; }
  ul#footnavigation a#links2   { background-image: url("../images/nav/footlink_links.gif");     width: 33px; }
  ul#footnavigation a#gwspiel2 { background-image: url("../images/nav/footlink_gewspiel.gif");  width: 76px; }
  ul#footnavigation a#impr     { background-image: url("../images/nav/footlink_impressum.gif"); width: 67px; }
  ul#footnavigation a#kontakt2 { background-image: url("../images/nav/footlink_kontakt.gif");   width: 53px; }
  
  ul#footnavigation a#events2:hover  { background-image: url("../images/nav_hover/footlink_events.gif");    }
  ul#footnavigation a#merch2:hover   { background-image: url("../images/nav_hover/footlink_merch.gif");     }
  ul#footnavigation a#artists2:hover { background-image: url("../images/nav_hover/footlink_artists.gif");   }
  ul#footnavigation a#gb2:hover      { background-image: url("../images/nav_hover/footlink_gb.gif");        }
  ul#footnavigation a#links2:hover   { background-image: url("../images/nav_hover/footlink_links.gif");     }
  ul#footnavigation a#gwspiel2:hover { background-image: url("../images/nav_hover/footlink_gewspiel.gif");  }
  ul#footnavigation a#impr:hover     { background-image: url("../images/nav_hover/footlink_impressum.gif"); }
  ul#footnavigation a#kontakt2:hover { background-image: url("../images/nav_hover/footlink_kontakt.gif");   }
  
  ul#footnavigation div.split {
      float: left; background-image: url("../images/footnav_split.gif"); width: 7px; height: 19px;
  }   
  
  /* -------------------------------- */
  
  ul#validdiatom {
      margin: 0;
      padding: 0;
      list-style-type: none;
  }
  
  ul#validdiatom li { display: inline;                             }
  ul#validdiatom a  { display: block;  float: left;  height: 29px; }
  
  ul#validdiatom a#diatom { background-image: url("../images/nav/footlink_diatom.gif"); width: 66px; }
  ul#validdiatom a#xhtml  { background-image: url("../images/nav/footlink_xhtml.gif");  width: 61px; }
  ul#validdiatom a#css    { background-image: url("../images/nav/footlink_css.gif");    width: 20px; }
  
  ul#validdiatom a#diatom:hover { background-image: url("../images/nav_hover/footlink_diatom.gif"); }
  ul#validdiatom a#xhtml:hover  { background-image: url("../images/nav_hover/footlink_xhtml.gif");  }
  ul#validdiatom a#css:hover    { background-image: url("../images/nav_hover/footlink_css.gif");    }
  
  ul#validdiatom div.amp {
      float: left; background-image: url("../images/footnav_amp.gif"); width: 7px; height: 29px; margin: 0 2px;
  } 
  
  ul#validdiatom div.split {
      float: left; background-image: url("../images/footnav_smallsplit.gif"); width: 5px; height: 29px;
  }  
  
  
  
  

  div#finfoot {
      height: 20px;
  }
  
 
  
  

/* -------------------------------------------------- */
/* Kontaktformular ---------------------------------- */
/* -------------------------------------------------- */

form                  { margin: 0; padding: 0; }
input,textarea,select { background-color: #000000; border: 1px solid #92ed6a; color: #92ed6a; padding: 2px; }


input:focus, textarea:focus {
    background-color: #222222;
}


#formmailer label {
    display: block;
    width:   100px;
    float:   left;
}

#formmailer input, textarea {
    float:         left;
    margin-bottom: 3px;

   width: 70%;
}


  
  
  
  
  
  
  
  
  
/* -------------------------------------------------- */
/* Bildergalerie ------------------------------------ */
/* -------------------------------------------------- */

img.border {
    border: 3px solid #b3d759;
}

#galCatlist     { list-style-type: none; margin: 0; padding: 0; }
#galCatlist li  { display: inline; text-align: center; }
#galCatlist div { width: 150px; height: 150px; float: left; margin: 10px; text-align: center; }

#galCatlist a.img {
    display: block;
    background-color: #000000;
    border: 3px #b3d759 solid;
    width: 111px;
    height: 83px;
    margin: 0 auto;
}

#galerie img    { vertical-align: middle; }
#galerie        { text-align: center; }
#galerie select { font-size: 80%; }

div.galThumb {
    float: left;
    width: 111px;
    height: 83px;
    margin: 4px;
    text-align: center;
    background-color: #000000;
    border: 3px #b3d759 solid;
}

div>.galThumb { margin: 5px; }

div.galThumb2 { display: inline; }

div.galNavi  { clear: both; padding: 10px; }
div.galNavi2 { clear: both; text-align: center; }

div.galNavi2 a.galThumb2active img { border: 3px #ffffff solid; }

#galerie div.detail     { clear: both; }
#galerie div.detail img {}

ul.galerie_list {
    list-style-type: none;
}

ul.galerie_list li {
    clear: both;

    font-size: 15px;
    font-weight: bold;
}

ul li div {
    width: 200px;
    padding-bottom: 10px;

    font-size: 12px;
    font-weight: normal;
}



  
/* -------------------------------------------------- */
/* Gästebuch ---------------------------------------- */
/* -------------------------------------------------- */

#gbuch .entry {
    width: 100%;
    background: #2A3227;
    margin-bottom: 10px;
}

#gbuch .name,#gbuch .date {
    background: #D7BF2A;
    color: #000000;
    padding: 3px;
}

#gbuch .date {
    float: right;
}


#gbuch .name a,#gbuch .date a {
    color: #5F7723;
    text-decoration: none;
    font-weight: bold;
}

#gbuch .name a:hover,#gbuch .date a:hover {
    color: #ffffff;
}

#gbuch .text {
    padding: 10px;
}

#gbuch .comment {
    padding: 20px 0 0 10px;
}