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

*{
padding:0;
margin:0;
color:#2c2c13;
}
body{
width:100%;
height:100%;
}

#main{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:1;
overflow:hidden;
text-align:left;
}

/*RUBRIKEN ANFANG*/
#rubriken{
position:absolute;
bottom:0;
left:0;
z-index:3;
width:100%;
height:40px;
background:url(../img/rubirkfade.png) repeat-x top left;
text-align:left;
}
#rubrikrahmen{
position:relative;
width:900px;
left:0;
bottom:0;
}
html>body #rubrikrahmen{
left: 50%;
margin-left: -470px; /*um 20px nach links verschoben*/
}
#rubrik_news, #rubrik_festival, #rubrik_lineup, #rubrik_tickets, #rubrik_infos, #rubrik_galerie, #rubrik_shop{
position:relative; 
float:left;
/*border: 1px solid #00CC00;*/
}
#rubrik_news a, #rubrik_festival a, #rubrik_lineup a, #rubrik_tickets a, #rubrik_infos a, #rubrik_galerie a, #rubrik_shop a{
display:block;
position:relative;
width: 80px;
height:25px;
margin-top:10px;
margin-right:50px;
cursor: pointer;
}
#rubrik_news a{
background: url(../img/news.png) center bottom no-repeat;
}
#rubrik_news a:hover{
background: url(../img/newsh.png) center bottom no-repeat;
}

#rubrik_festival a{
width:120px;
background: url(../img/dasfestival.png) center bottom no-repeat;
}
#rubrik_festival a:hover{
background: url(../img/dasfestivalh.png) center bottom no-repeat;
}

#rubrik_lineup a{
background: url(../img/lineup.png) center bottom no-repeat;
}
#rubrik_lineup a:hover{
background: url(../img/lineuph.png) center bottom no-repeat;
}


#rubrik_tickets a{
background: url(../img/tickets.png) center bottom no-repeat;
}
#rubrik_tickets a:hover{
background: url(../img/ticketsh.png) center bottom no-repeat;
}


#rubrik_infos .bild{
background: url(../img/infos.png) center bottom no-repeat;
}
#rubrik_infos .bild:hover{
background: url(../img/infosh.png) center bottom no-repeat;
}

#untermenue{
background: url(../img/infosh2.png) top left no-repeat;
display:none;
position:absolute; /*damit Breite bei IE nichts verrückt*/
width:200px;
height:373px;
top:0;
left:-30px;
margin-top:-345px;
/*margin-left:-20px;*/
padding-top:12px;
/*border: 1px solid #00CC00;*/
}
#untermenue a{
margin-top:5px;
height:25px;
width:200px;
background-position: top left;
}

#rubrik_galerie a{
background: url(../img/galerie.png) center bottom no-repeat;
}
#rubrik_galerie a:hover{
background: url(../img/galerieh.png) center bottom no-repeat;
}


#rubrik_shop a{
background: url(../img/shop.png) center bottom no-repeat;
margin-right:0;
}
#rubrik_shop a:hover{
background: url(../img/shoph.png) center bottom no-repeat;
}



#unterrubrik_anfahrt a{
background: url(../img/anfahrt.png) top left no-repeat;
width:100px;
height: 25px;
margin-left:-50px;
}
html>body #unterrubrik_anfahrt a{
margin-left:30px;
}
#unterrubrik_anfahrt a:hover{
background: url(../img/anfahrth.png) top left no-repeat;
}

#unterrubrik_uebernachtung a{
background: url(../img/uebernachtung.png) top left no-repeat;
width: 140px;
height: 25px;
margin-left:35px;
}
#unterrubrik_uebernachtung a:hover{
background: url(../img/uebernachtungh.png) top left no-repeat;
}

#unterrubrik_rueckblick a{
background: url(../img/rueckblick.png) top left no-repeat;
width:100px;
height: 25px;
margin-left:-2px;
}
html>body #unterrubrik_rueckblick a{
margin-left:35px;
}
#unterrubrik_rueckblick a:hover{
background: url(../img/rueckblickh.png) top left no-repeat;
}


#unterrubrik_helfer a{
background: url(../img/monkeyhelfer.png) top left no-repeat;
width:151px;
height: 25px;
margin-left:2px;
}
html>body #unterrubrik_helfer a{
margin-left:37px;
}
#unterrubrik_helfer a:hover{
background: url(../img/monkeyhelferh.png) top left no-repeat;
}


#unterrubrik_booking a{
background: url(../img/bandbewerb.png) top left no-repeat;
width:180px;
height: 25px;
margin-left:35px;
}
#unterrubrik_booking a:hover{
background: url(../img/bandbewerbh.png) top left no-repeat;
}


#unterrubrik_location a{
background: url(../img/location.png) top left no-repeat;
width:100px;
height: 25px;
margin-left:5px;
}
html>body #unterrubrik_location a{
margin-left:37px;
}
#unterrubrik_location a:hover{
background: url(../img/locationh.png) top left no-repeat;
}

#unterrubrik_newsletter a{
background: url(../img/newsletter.png) top left no-repeat;
width:130px;
height: 25px;
margin-left:40px;
}
#unterrubrik_newsletter a:hover{
background: url(../img/newsletterh.png) bottom left no-repeat;
}

#unterrubrik_partner a{
background: url(../img/partner.png) top left no-repeat;
width:126px;
height: 25px;
margin-left:35px;
}
html>body #unterrubrik_partner a{
margin-left:40px;
}
#unterrubrik_partner a:hover{
background: url(../img/partnerh.png) top left no-repeat;
}

#unterrubrik_gaestebuch a{
background: url(../img/gaestebuch.png) top left no-repeat;
width:126px;
height: 25px;
margin-left:35px;
}
html>body #unterrubrik_gaestebuch a{
margin-left:43px;
}
#unterrubrik_gaestebuch a:hover{
background: url(../img/gaestebuchh.png) top left no-repeat;
}

#unterrubrik_kontakt a{
background: url(../img/kontakt.png) top left no-repeat;
width:126px;
height: 25px;
margin-left:35px;
}
html>body #unterrubrik_kontakt a{
margin-left:43px;
}
#unterrubrik_kontakt a:hover{
background: url(../img/kontakth.png) top left no-repeat;
}

#unterrubrik_presse a{
background: url(../img/presse.png) top left no-repeat;
width:100px;
height: 25px;
margin-left:35px;
}
html>body #unterrubrik_presse a{
margin-left:43px;
}
#unterrubrik_presse a:hover{
background: url(../img/presseh.png) top left no-repeat;
}





/*RUBRIKEN ENDE*/










/*HIER ALLE GROSSEN TEXTFELDER EINTRAGEN*/
#textfeld_news, #textfeld_festival, #textfeld_anfahrt , #textfeld_tickets, #textfeld_uebernachtung, #textfeld_rueckblick, #textfeld_helfer, #textfeld_booking, #textfeld_location, #textfeld_newsletter, #textfeld_galerie, #textfeld_gaestebuch, #textfeld_partner, #textfeld_kontakt, #textfeld_presse{
position:absolute;
z-index:2;
top:50%;
margin-top:-250px;
left:50%;
margin-left:-343px;
padding-left:20px;
height:460px;
width: 650px;
background: url(../img/textfeldgross.png) no-repeat top left;
overflow:hidden;
display:none;
}


/*HIER ALLE LINKEN TEXTFELDER EINTRAGEN*/
#textfeld_lineup_sa, #textfeld_laid_left, #textfeld_cosma_left, #textfeld_fine_left, #textfeld_tinitus_left, #textfeld_samavayo_left, #textfeld_danielwirtz_left, #textfeld_laing_left, #textfeld_muschi_left, #textfeld_chefket_left, #textfeld_puppet_left, #textfeld_rico_left, #textfeld_missmatch_left, #textfeld_flomega_left, #textfeld_signalis_left{
position:absolute;
z-index:2;
top:50%;
margin-top:-250px;
left:50%;
margin-left:-503px;
height:460px;
width: 525px;
background: url(../img/textfeld.png) no-repeat top left;
overflow:hidden;
display:none;
}

/*HIER ALLE KLEINEN TEXTFELDER EINTRAGEN*/
#textfeld_lineup_sa .text, #textfeld_lineup_so .text, 
#textfeld_laid_left .text, #textfeld_laid_right .text, 
#textfeld_cosma_left .text, #textfeld_cosma_right .text,  
#textfeld_fine_left .text, #textfeld_fine_right .text, 
#textfeld_tinitus_left .text,  #textfeld_tinitus_right .text, 
#textfeld_samavayo_left .text, #textfeld_samavayo_right .text, 
#textfeld_danielwirtz_left .text, #textfeld_danielwirtz_right .text,  
#textfeld_laing_left .text, #textfeld_laing_right .text, 
#textfeld_muschi_left .text, #textfeld_muschi_right .text, 
#textfeld_chefket_left .text, #textfeld_chefket_right .text, 
#textfeld_puppet_left .text,  #textfeld_puppet_right .text, 
#textfeld_rico_left .text, #textfeld_rico_right .text,
#textfeld_missmatch_left .text, #textfeld_missmatch_right .text,
#textfeld_flomega_left .text, #textfeld_flomega_right .text,
#textfeld_signalis_left .text, #textfeld_signalis_right .text{
width:65%
}
html>body #textfeld_lineup_sa .text, html>body #textfeld_lineup_so .text, 
html>body #textfeld_laid_left .text, html>body  #textfeld_laid_right .text, 
html>body #textfeld_cosma_left .text, html>body #textfeld_cosma_right .text, 
html>body #textfeld_fine_left .text,  html>body #textfeld_fine_right .text, 
html>body #textfeld_tinitus_left .text, html>body  #textfeld_tinitus_right .text, 
html>body #textfeld_samavayo_left .text, html>body #textfeld_samavayo_right .text, 
html>body #textfeld_danielwirtz_left .text,  html>body #textfeld_danielwirtz_right .text, 
html>body #textfeld_laing_left .text, html>body #textfeld_laing_right .text, 
html>body #textfeld_muschi_left .text, html>body #textfeld_muschi_right .text, 
html>body #textfeld_chefket_left .text, html>body #textfeld_chefket_right .text, 
html>body #textfeld_puppet_left .text, html>body  #textfeld_puppet_right .text, 
html>body #textfeld_rico_left .text, html>body #textfeld_rico_right .text,
html>body #textfeld_missmatch_left .text, html>body #textfeld_missmatch_right .text,
html>body #textfeld_flomega_left .text, html>body #textfeld_flomega_right .text,
html>body #textfeld_signalis_left .text, html>body #textfeld_signalis_right .text{
width:63%
}

/*HIER ALLE RECHTEN TEXTFELDER EINTRAGEN*/
#textfeld_lineup_so, #textfeld_laid_right, #textfeld_cosma_right, #textfeld_fine_right, #textfeld_tinitus_right, #textfeld_samavayo_right, #textfeld_danielwirtz_right, #textfeld_laing_right, #textfeld_muschi_right, #textfeld_chefket_right, #textfeld_puppet_right, #textfeld_rico_right, #textfeld_missmatch_right, #textfeld_flomega_right, #textfeld_signalis_right{
position:absolute;
z-index:2;
top:50%;
margin-top:-250px;
left:50%;
margin-left:-23px;
height:460px;
width: 525px;
background: url(../img/textfeld.png) no-repeat top left;
overflow:hidden;
display:none;
}

#textfeld_galerie .text{
text-align:left;
padding-right:0;
width:444px;
}

#textfeld_news{
display:block;
}









/*KLASSEN*/

.close a{
background:url(../img/close.jpg) no-repeat top left;
position: relative;
display:block;
top:40px;
left:82%;
height:20px;
width:24px;
z-index:6;

}
.close a:hover{
background: url(../img/closeh.jpg) no-repeat top left;
cursor: pointer;
}
.back a{
background:url(../img/back.jpg) no-repeat top left;
position: relative;
display:block;
top:40px;
left:74%;
height:20px;
width:71px;
z-index:6;

}
.back a:hover{
background: url(../img/backh.jpg) no-repeat top left;
cursor: pointer;
}
.text{
position: relative;
top:20px;
left:90px;
height:300px;
width:400px;
z-index:5;
font-family: Georgia, serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
text-align:left;
padding-right:10px;
overflow:auto;
background-color: transparent;
}
html>body .text{
width:66%;
}
.kleintext{
font-size: 0.8em;
}
.kleintext img{
border: 2px solid #837938;
margin-bottom:15px;
}
.headline{
margin-bottom:15px;
position: relative;
top:20px;
left:85px;
height:auto;
width:80%;
z-index:5;
}
.band{
border-bottom: 1px #6D6C32 dotted;
margin-bottom:10px;
padding-bottom:10px;
padding-top:5px;
height:160px;
}
.band h1{
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.7em;
float:left;
width:175px;
height:32px;
background-color:#868440;
padding-left: 10px;
color:#FFFFFF;
margin-bottom:10px;
}
.band h1 span{
margin-top:-20px;
font-size: 0.7em;
line-height:0.7em;
font-weight:normal;
color:#FFFFFF;
}
.band h1 .time{
display:block;
position:relative;
top:0px;
left:140px;
margin-top:-30px;
font-size:0.9em;
padding-top:3px;
text-align:center;
width:45px;
height:15px;
background-color: #515128;
z-index:20;
}
.band p{
font-size:11px;
line-height: 13px;
}
.player{
margin-right:15px;
width: 110px;
height:150px;
float:left;
}
.player img{
border: 2px solid #868440;
}
.player a{
font-size:0.8em;
text-decoration:none;
}
.playertext{
width: 185px;
height:150px;
float:left;
}
.rahmen{
border: 2px solid #837938;
}
.ul_norm{
margin-left:10px;
padding-left:10px;
}
.a_norm, .a_norm img{
border:0; !important
}
.a_norm:hover{
background-color: transparent; !important
border:0; !important
}
.td_center td{
vertical-align:middle;
}


/*TAGS*/
a img{
border:none;
}
a{
font-weight:bold;
text-decoration: underline;
}
p a:hover{
background-color: #868440;
color:#FFFFFF;
text-decoration:none;
}
h2 {
font-size: 42px;
display: inline;
}
p{
padding-bottom:15px;
}
td{
vertical-align:top;
}



/* Scroll Bar Master Styling Starts Here */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
background: url(../img/scrollbar.gif) repeat-y; 
}
.vscrollerbar {
	background: url(../img/scroller.png) no-repeat;
	width: 28px;
	height: 59px !important;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #927956;}

.vscrollerbar, .hscrollerbar {
padding: 0px;
z-index: 2;
}

.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}
/* Scroll Bar Master Styling Ends Here */