/* ################################################ */
/*       JQUERY OVERRIDE                            */ 
/* ################################################ */
.error {
	color:red;
	font-weight:bold;	
	font-size:10px;
}

.ui-button {
	margin:3px 5px 3px 5px;	
}

.ui-widget-header {
	text-align:center;
	padding:3px;
	}

.ui-widget-content {
	padding:5px;
	}
 

* {
  margin:0;
  padding:0;
  border:0;
  }

.braun {
  color:#b3a16b;  
  }

.dotted {
  margin:10px 0 10px 0;
  border:1px dotted #272626;
  width:100%; 
  }
    
.date {
  color:#b3a16b; 
  font-size:12px; 
  font-style:italic;
  float:right;
  line-height:20px;
  }
  
.bandmitglied_left {
  float:left;
  }

.bandmitglied_right {
  float:right;
  }
    
a, a:visited {
  color:#e3e4e4;
  text-decoration:none;
  }

a:hover, a:focus {
  color:#e3e4e4;
  text-decoration:underline;
  }

h1 {
  font-weight:normal;
  font-size:180%;
  margin-bottom:10px;
  }

h2 {
  font-weight:normal;
  font-size:120%;
  margin-bottom:10px;
  color:#945e39;
  }

h3 {
  font-size:15px;
  font-weight:normal;
  line-height:20px;
  text-align:left;
  }

body {
  font-family: Verdana, Arial, Helvetica;
  background-color:black;
  color:#e3e4e4;
  }

#galleria {
 position:absolute;
 top:0;
 left:0;
}

#wrapper {
  background: url(images/background.jpg) no-repeat;
  position:relative;
  margin-left:auto; 
  margin-right:auto;
  text-align:left;
  width:1024px;
  height:768px;
  font-size:13px;
  }

#gaestebuch_eintrag #wrapper {
  background-image:none;
  font-size:13px;
  width:600px;
  height:400px;
  }



#main {
  position:absolute;
  top:650px;
  left:70px;
  width:560px;
  text-align:justify;
  }  

#band #main {
  position:absolute;
  top:650px;
  left:70px;
  width:800px;
  text-align:justify;
  }  

#main p {
  line-height:20px;
  }
    
#footer {
  height:30px; 
 } 

#sidebar {
  position:absolute;
  top:217px;
  left:690px;
  }

#titelbild {
  position:absolute;
  top:225px;
  left:75px;
  width:580px;
  height:346px;
  background: url(images/bild.jpg) no-repeat;
  }
  
  
#home #main ul {
  list-style-type:none;
  }
#home #main li {
  padding:5px 0 5px 60px;
  margin-bottom:20px; 
  background: url(images/pfeil.jpg) left center no-repeat; 
  }
  
#news #main ul,
#gaestebuch #main ul {
  list-style-type:none;
  display:inline;
 }
#news #main li,
#gaestebuch #main li {
  display:inline;
  padding:5px 5 5px 5px;
  margin-bottom:20px; 
  } 

#news #main .active,
#gaestebuch #main .active {
  font-weight:bold;
  margin:0 3px 0 3px;
  font-size:110%;
  }

#news #main .inactive,
#gaestebuch #main .inactive {
  font-weight:normal;
  margin:0 3px 0 3px;
  }

/*##########################################*/
/*            Der NEWS - Bereich            */ 
/*##########################################*/
#news_headline_content {
 position:relative;
 text-align:center;
 width:270px;
 padding-top:5px;
 padding-bottom:3px;;
 z-index:1;
 }

#news_headline,
#news1,
#news2 {
 position:absolute;
 width:270px;
 background-color:#422f1e; 
 opacity:0.44;
 filter: alpha(opacity=44);
 z-index:0;
 }

#news1_content,
#news2_content {
 position:relative;
 width:260px;
 margin-top:20px;
 padding:10px 5px 10px 5px;
 text-align: justify; 
 z-index:1;
 }

#mehrnews {
  position:relative;
  width:270px;
  text-align:right;
  margin-top:10px;
  } 
/*#######################*/
/*       DOWNLOAD */
/*#######################*/
#download_headline_content {
  position:relative;
  text-align:center;
  width:260px;
  margin-top:50px;
  padding:10px 5px 5px 5px;
  z-index:1;
  }
  
#download_headline {
  position:absolute;
  width:270px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;
}

#downloads_content {
  position:relative;
  width:260px;
  margin-top:20px;
  padding:10px 5px 10px 5px;
  z-index:1;
  }
#downloads {
 position:absolute;
 width:270px;
 background-color:#422f1e; 
 opacity:0.44;
 filter: alpha(opacity=44);
 z-index:0;
 }

/*MP3*/
 
#media #mp3download_headline {
  position:absolute;
  top:660px;
  width:270px;
  height:45px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  text-align:center;
  z-index:0;
}

#media #mp3download_headline_content {
  position:absolute;
  top:660px;
  width:270px;
  text-align:center;
  z-index:1;
  margin-top:8px;
}

#media #mp3download_content {
  position:absolute;
  top:730px;
  width:255px;
  height:250px;
  text-align:left;
  margin:0 10px 0 10px;
  line-height:20px;
  z-index:1;
  }

#media #mp3download {
  position:absolute;
  top:720px;
  width:270px;
  height:250px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;
  }
  
#media #mp3download_content li {
  margin-left:15px;
  list-style-type:circle;
  margin-bottom:5px;
  }


#media #download_headline {
  position:absolute;
  top:1000px;
  width:270px;
  height:45px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  text-align:center;
  z-index:0;
}

#media #download_headline_content {
  position:absolute;
  top:990px;
  width:270px;
  text-align:center;
  z-index:1;
  margin-top:8px;
}

#media #download {
  position:absolute;
  top:1060px;
  width:270px;
  height:50px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;
  }
  
#media #download_content {
  position:absolute;
  top:1070px;
  width:250px;
  height:50px;
  text-align:left;
  margin:0 10px 0 10px;
  line-height:20px;
  z-index:1;
  }

/*######################*/
/*      GALLERIE        */
/*######################*/  
#gallerie_headline {
  position:absolute;
  background-color:#422f1e; 
  width:270px;
  height:45px;
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;
  }

#gallerie_headline_content {
  position:absolute;
  z-index:1;
  width:270px;
  text-align:center;
  margin-top:8px;
  }
  
#gallerie {
  position:absolute;
  top:60px;  
  background-color:#422f1e; 
  width:270px;
  height:450px;
  opacity:0.44;
  filter: alpha(opacity=44);
  text-align:center;
  z-index:0;
  }

#gallerie_content {
  position:absolute;
  top:60px;
  padding:8px;
  width:250px;
  height:450px;
  text-align:justify;
  z-index:1;
  font-size:12px;
  line-height:18px;
  }


#media #gallerie {
  position:absolute;
  top:60px;  
  background-color:#422f1e; 
  width:270px;
  height:580px;
  opacity:0.44;
  filter: alpha(opacity=44);
  text-align:center;
  z-index:0;
  }

#media #gallerie_content {
  position:absolute;
  top:60px;
  padding:8px;
  width:250px;
  height:580px;
  text-align:justify;
  z-index:1;
  font-size:12px;
  line-height:18px;
  }

/* -------------------------------------------------------------
                            Menu
-------------------------------------------------------------- */

#navigation {
  position:absolute;
  left:480px;
  margin: 0 auto;
  display:block;
  }

div.menu {
  font-family:Times New Roman;
  font-size: 14px;
  font-weight:bold;
  margin-left: 12px;
  color:#010101;
  }

div.menu ul {
  list-style: none;
  margin: 0;

  }

div.menu li {
  float:left;
  position: relative;
  background: url(images/menue.jpg) no-repeat;	
  width:79px;
  text-align:center;
  }

#navigation a {
  display:block;
  text-decoration:none;
  color:#010101;
  padding:0 10px;
  line-height:29px;
  }

#navigation ul ul {
  display:none;
  position:absolute;
  top:38px;
  left:0;
  float:left;
  width: 180px;
  z-index: 99999;
  }

#navigation ul ul li {
  min-width: 180px;
  }

#navigation ul ul ul {
  left:100%;
  top:0;
  }

#navigation ul ul a {
  height:auto;
  line-height:1em;
  padding:10px;
  width: 160px;
  }

#navigation li:hover > a, #navigation ul ul :hover > a {
  color:#010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  }

#navigation ul li:hover > ul {
  display:block;
  }

#home #navigation ul li.home > a {
  color: #010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  }

#band #navigation ul li.band > a {
  color: #010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  }

#media #navigation ul li.media > a {
  color: #010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  }
  
#kontakt #navigation ul li.kontakt > a {
  color: #010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  }

#gaestebuch #navigation ul li.gaestebuch > a {
  color: #010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  }
 
#news #navigation ul li.news > a {
  color: #010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
  } 
   
* html #navigation ul li.home a,
* html #navigation ul li.band a,
* html #navigation ul li.gaestebuch a,
* html #navigation ul li.kontakt a,
* * html #navigation ul li.musik a,
* html #navigation ul li a:hover {
  color:#010101;
  background: url(images/menue_aktiv.jpg) no-repeat;
  line-height:53px;
}

/* -------------------------------------------------------------
                            ENDE Menu
-------------------------------------------------------------- */

/*#########################*/
/*    SITE-FOOTER*/
/*#########################*/
#site_footer{
  position:absolute;
  width:960px;
  height:30px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;
  }
#site_footer_content {
 position:absolute;
 width:980px;
 text-align:center;
 padding:5px 5px 10px 5px;
 z-index:1;
 }

/*#########################*/ 
/*     Termine             */
/*#########################*/
#termine_headline_content {
  position:relative;
  text-align:center;
  width:260px;
  margin-top:50px;
  padding:10px 5px 5px 5px;
  z-index:1;
  }
#termine_headline {

  position:absolute;
  width:270px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;

}
#termine_content {
  position:relative;
  width:260px;
  margin-top:20px;
  padding:10px 5px 10px 5px;
  text-align:center;
  z-index:1;
  
  }
#termine {

 position:absolute;
 width:270px;
 background-color:#422f1e; 
 opacity:0.44;
 filter: alpha(opacity=44);
 z-index:0;

 }
 
 /*#######################*/
/*       Randompicture */
/*#######################*/
#randompicture_headline_content {
  position:relative;
  text-align:center;
  width:260px;
  margin-top:70px;
  padding:10px 5px 5px 5px;
  z-index:1;
  }
 
#news #randompicture_headline_content, #band #randompicture_headline_content {
  position:relative;
  text-align:center;
  width:260px;
  margin-top:0px;
  padding:10px 5px 5px 5px;
  z-index:1;
  }
  
#randompicture_headline {
  position:absolute;
  width:270px;
  background-color:#422f1e; 
  opacity:0.44;
  filter: alpha(opacity=44);
  z-index:0;
}

#randompicture_content {
  position:relative;
  width:260px;
  margin-top:20px;
  padding:10px 5px 10px 5px;
  text-align:center;
  z-index:1;
  }
#randompicture {
 position:absolute;
 width:270px;
 background-color:#422f1e; 
 opacity:0.44;
 filter: alpha(opacity=44);
 z-index:0;
 }

.comment2{
  margin-left: 30px;  
}


.comment3{

  padding: 5px;
  color: #b3a16b;
  background-color: #221a13;
  border: 1px dotted #945e39;
  opacity:0.7;
  filter: alpha(opacity=70);
  font-weight:bold; 
  font-family: Verdana, Arial, Helvetica;
  width: 460px;
  margin-bottom:5px;

}

.comment4{

  padding: 5px;
  color: #b3a16b;
  background-color: #221a13;
  border: 1px dotted #945e39;
  opacity:0.7;
  filter: alpha(opacity=70);
  font-weight:bold; 
  font-family: Verdana, Arial, Helvetica;
  
  margin-bottom:5px;

}

textarea{

  height: 75px;

}

.comment{

  margin-left: 30px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  background-color: #221a13;
  border: 1px dotted #945e39;
  opacity:0.7;
  filter: alpha(opacity=70); 

}
.comment .date{
  float: none;
  text-align: right;
  margin-top: 15px;
  padding-right: 10px;
  margin-right: 10px;
  border-top: #945e39 1px dotted;
}
.commentID {

  font-style:italic;
  color:#945e39;
  position:absolute;
                 
}

.comment form p span {

  font-weight:normal;
  font-size:120%;
  margin-bottom:10px;
  color:#945e39;
  
}

.rightColumn {
  padding-left:40px;
}
.leftColumn {

  vertical-align: top;
  width: 95px;
  opacity:0.7;
  filter: alpha(opacity=70);
  font-weight:normal;
  color:#945e39;
  
}