body {
	background:url(../bilder/body_bgr.jpg) repeat fixed;
	font: 100,01%;
	height: 94%;
	padding-top:3%;
}
html { height: 100%;} /*nötig, damit Inhalt sich der Höhe des Browserfensters anpasst.*/


h1 {
	font: bold 1.4em/1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #8e2800;
	border-bottom:2px solid #933;
	margin-bottom:.8em;
}
h2 {
	font: bold 1.2em/1.3em Verdana, Geneva, sans-serif;
	color: #406571;
	text-align: left;
}
h3 {
    font-weight:bold;
    font-size:1em;
    color: #406571;
    color: #8e2800;
    margin: .5em 0 .1em;
}

h4 {
    font-weight:bold;
    font-size:1em;
    margin: .5em 0;
    background: url(../bilder/arrow.png) no-repeat 0 2px;
    padding-left:15px;
}

h5 {
    font-weight:bold;
    font-size: 2em;
    line-height:1.3em;
    margin-bottom:.5em;
    color:#fff;
}

h5 a {font-weight:bold;}

h2.note, h3.note {
    font-weight:normal;
}

 p {margin-bottom:1em;}


a { color:#8e2800;}
.noliststyle {list-style-type: none;}

.space-top {
    margin-top:1em;
}

.bigger {font-size:1.1em; font-weight:bold;}

/*--------------- class Selektoren --------------------------------*/
ul.tickets {
	margin-left:30px;
}
ul.tickets li {
	padding: 0.2em 0.1em;
}

.floatleft {float:left;}

img.floatleft {margin: .5em 1em .5em 0;}

.floatright {float:right;}

.floatright.space {
    margin: 5px 0 5px 10px;
}

img.floatright {margin: 1em 0 .5em 1em;}


.clear {
    clear:both;
}

.clearfl {
	line-height: 1px;
	font-size:1px;
	margin:0;
	padding:0;
	clear:both;
}
.rechts { text-align:right;}

.small {
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;
	color:#666;
}
.datum {
	padding: 5px;
	margin:5px 0;
	background:#666;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
}
.ort {
	font-size:1.2em;
	font-weight:bold;
}
.datum2 {
	font-size:1.3em;
	font-weight:bold;	
	border-bottom: 1px solid #999;
	margin-bottom:5px;
}
.hauptsponsor{
	font-size:1.3em;
	font-weight:bold;	
	margin-bottom:5px;
}


p.programm {
	font: italic bold 1.2em Verdana, Geneva, sans-serif;
	color: #903;
	padding:10px;
}
p.programm a {
	padding-bottom:2px;
	display:block;
}
#sponsoren .small {
	font-size:1em;
	font-style: italic;
	text-align:left;
}

.formlist li {
   padding:.5em;
   border-bottom: 1px solid #ccc;
   background: url(../bilder/li-bgr.gif) repeat-x 0 20px;
}

a.musiclogo {
	background: url(../bilder/music-logo.gif) no-repeat left;
	padding-left:28px;
        padding-top:10px;
	display:block;
	line-height:24px;
	color:#1d67c0;
        font-weight:bold;
}

/*--------------- id Selektoren ------------------------------------*/
#wrapper {
	width:990px;
	margin: 0 auto;
        position:relative;
        clear:both;
}

/*	-------------------------------------------------------------
	2. NAVIGATIONSMENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
              #navbar {
                    float: left;
                    width: 100%;
                    font:1.0em/1.5em Arial, Helvetica, sans-serif;
                    border-bottom:18px solid #8e2800;
                    height:1.9em;
               }
               #navbar ul {
                    list-style: none;
                    display:table;           /*diese 3 Attribute werden zur Zentrierung benutzt*/
                    margin:0 auto;
                    white-space:nowrap;
               }
	       * html #navbar ul {margin-left:30%;
                      }/*ie 6 und drunter*/
               *+html #navbar ul {margin-left:30%;
                      } /*ie 7*/
               #navbar li {
                    float: left;
                    width: auto;
                    border-bottom:1px solid #d09031;
               }
			   #navbar a {
                                    float:left;
                                    width:auto;
                                    text-decoration:none;
                                    background: url(../bilder/tabs_left.gif) no-repeat left top;
                                    padding-left:10px;
                                    color:#8e2800;
			   }
			   #navbar a:hover {
				   background-position: 0% -150px;
			   }
			   #navbar li.current {
				   border-bottom:1px solid #8e2800;
			   }
			   #navbar li.current a{
				   background-position: 0% -150px;
				   font-weight:bold;
				   color:#FFF;
			   }
			   #navbar li.current a span{
				   background-position:100% -150px;
				   font-weight:bold;
			   }
			   #navbar li:hover { border-bottom:1px solid #5a1c04;} 
			   #navbar li.current:hover { border-bottom: 1px solid #8e2800;}
			   #navbar a span {
					float:left;
					width:auto;
					background: url(../bilder/tabs_right.gif) no-repeat right top;
					padding: 4px 15px 2px 5px;
			   }
			   #navbar a:hover span {
				   background-position: 100% -150px;
				   cursor:pointer;
				   color:#f9dfdf;
			   }

/*	-------------------------------------------------------------
	3. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			   
			  #header {
				  clear:both;
				  height:95px;
				  background: #b64926 url(../bilder/header_bottom.gif) repeat-x left bottom;
				  text-align:right;
				  border-left: 3px solid #8e2800;
				  border-right: 3px solid #8e2800;
				  
		      } 
			  #header .logo {
				  margin:12px 20px;
				  float:left;
				  width:490px;
				  }
				  

/*	-------------------------------------------------------------
	4. MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#main {
	background:#FFF url(../bilder/left_bottom.jpg) repeat-y left top;
	border:5px solid #8e2800;
	border-top:none;
        position:relative;
        float:left;
        width:980px;
}


/*	-------------------------------------------------------------
	5. LINKE SPALTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#left {
	  float:left;
	  width:270px;
	  min-height:390px;
	  background: url(../bilder/left_inner_bgr.jpg) repeat left top;
	  font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	  padding:8px 3px 10px 8px;
          margin:10px;
	}

	#left table {
		width:100%;
		text-align:left;
	}
	#left td { padding:10px 5px;}
	
	#left table.location {
		width:200px;
		margin-left: 10px;
	}
     



#impressumLink {
	font: .9em Arial, Helvetica, sans-serif;
	color:#8e2800;
	text-decoration:none;
        display:block;
        position:relative;
        bottom:-5px;
        float:right;
}
#impressumLink:hover { color: #000;}
/*	-------------------------------------------------------------
	6. CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
     #content {
		width:auto;
		min-height:400px;
		font: 0.8em /1.3em Arial, Helvetica, sans-serif;
		color:#333;
	}
	#fotos #content {margin-left:20px;}
	* html #content {
		margin-left: -3px;
	}
/*	-------------------------------------------------------------
	6.1 TEXT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
        .wide #text {
            width:620px;
        }
        #text {
		  width:470px;
                  float:left;
		  margin: 20px 0 20px 30px;
	  }
	  #text a {
		text-decoration:none;
		color: #000;
		font-style: normal;
      }
	  #text a {text-decoration:underline;}
	  #text a:hover, #text a:active { color:#903;}
	
/*	-------------------------------------------------------------
	6.2 RECHTE SPALTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

         #sponsoren {
	    background: url(../bilder/left_inner_bgr.jpg) repeat left top;
            float:right;
            width:158px;
            padding:10px 0;
            margin: 16px 0 16px 10px;
	}
        .wide #sponsoren {display:none}
	#sponsoren img {
		margin:10px 18px 10px 20px;
	}
	


form#newsletter {
    width:90%;
    border:2px solid #8e2800;
    padding:10px;
    float:left;
    clear:both;
    background: url(../bilder/newsletter-bgr.gif) repeat-x left bottom;
}

form#newsletter label {
    font-weight:bold;
    display:inline-block;
    padding-bottom:1em;
    color: #333;
}

form#newsletter input#email {
    border:1px solid #aaa;
    border-top: 2px solid #777;
    border-left: 2px solid #777;
    height:1.5em;
    font-size:1.1em;
}

form#newsletter input#submit {
    float:right;
    margin-top:1.5em;
    font-weight:bold;
    font-size:1.2em;
    color:#8e2800;
    background: url(../bilder/email_icon.png) no-repeat left;
    width:260px;
    height:40px;
    border:none;
}
form#newsletter input#submit:hover {cursor:pointer;}
	
/*------------------------------------------------------------*/

.downloadLink {
	display:block;
	font-weight:bold;
	background: url(../bilder/link-icon.png) no-repeat left center;
	padding-left:30px;
	padding-bottom:5px;
}

#news {
    font-size:1.1em;
    line-height:1.2em;
}

#news h2 {
    color: #fff;
}

#news li {
    list-style:none;
    margin: 1em 1em 1em;
    padding-bottom:1em;
    border-bottom: 2px solid #39667b;
}

/*-----------------------------------------------------------------------------*/
#animation {
    clear:left;
    position:relative;
    width:630px;
    height:400px;
    overflow:hidden;
    background: url(../bilder/animation_bgr.jpg) no-repeat;
}

#animation ul {
    margin:0;
    padding:0;
    list-style:none;
}


#animation .jcarousel-item {
    width:288px;
    list-style:none;
    height:380px;
    float:left;
    position:relative;
    margin:5px 0 5px 5px;
    padding:5px 10px;
    border:1px solid #000;
    background: url(../bilder/transparent_black.png) repeat;
    font-size:1.1em;
    line-height:1.3em;
    color: #fff;
}

#animation a{
    color: #fff;
    text-decoration:none;
}

#animation a:hover{
    text-decoration:underline;
    color: #fae372;
}

#animation  .fancyList {
    width:250px;
}

#animation .fancyList.wide {
    width:100%;
}

#animation .fancyList dt, #animation .fancyList dt a, #animation .fancyList dd {
    font-weight:bold;
    padding: .3em 0;
}

#animation .fancyList .col2, #animation .fancyList .col2 a {
    color:#b64926;
}

#animation .color, #animation .fancyList .color, #animation .fancyList a.color {
    color:#fae372;
}

.fancyList .small {
    font-size:0.9em;
    line-height:1.2em;
    color:#ccc;
}

#animation .imgbox {
    width:50px;
    position:absolute;
    top:10px;
    right:0;
}

#animation .imgbox img {
    margin: 5px 0;
}

.impressum {
    position:relative; left:100px
}

.bandList {
   margin: 5px 0 10px 5em;
}

.bandList li {
   font-size: 1.2em;
   padding:.2em 0;
   list-style:none;
}