/*** Style Definitions ***/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,600,400italic,600italic,700italic,700,800,800italic);
@import url(kontakt.css);
@import url(doku.css);

html			{background:url(../images/sky-without-clouds.png) repeat-x   #BBE322 ; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
body {position:relative;     overflow:hidden; }

#cloud	{height: 190px; overflow: hidden; position: relative; top:50px;width: 100%;}
	#cloud-inner {background:url(../images/clouds.png) repeat-x; width:8000px; height:100%;} 

#landscape { width:100%; height:362px; overflow:hidden; position: relative; top: 96px;}
	#landscape-inner {background:url(../images/landscape.png) repeat-x; width:8000px; height:100%}
#wiese	{height: 262px; overflow: hidden;  position: absolute;  top: 376px; width: 100%;}
	#wiese-inner {background:url(../images/wiese.png) repeat-x; width:8000px; height:100%} 
#figur	{ width:238px; height:332px; overflow:hidden;  position: absolute; top:245px; left:20%; z-index:8;}
	#figur-inner {background:url(../images/figuren.png) no-repeat; width:100%; height:100%} 
/*** Header ***/

#menu				{ float:right; position:absolute; top:20px; right:10px; z-index:10; }

#menu a				{ background:#FFF; color:#67b2ff; border:#AAA 3px solid;  text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
					
#menu a:hover		{ background:#67b2ff; color:#FFF; border:#FFF 3px solid;}

#menu a.selected	{ background:#AAA; color:#FFF; border:#67b2ff 3px solid; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
					
#menu li			{ float:left; }

/*** Body Content ***/
#wrapper	{ width:100%; height:170%; position:absolute; top:0; left:0; overflow:hidden;  }

#mask		{ width:800%; height:60%;  }

.box		{ width:12.5%; height:100%; float:left; position:relative; }

.box .link {color:black; /*background:rgba(255, 255, 255, 0.3);*/ padding: 22px 10px; width:117px; height:40px; position:absolute; top:300px; z-index:10; text-decoration:none; font-size:11px; font-weight:bold; text-transform:uppercase; }					
.box .link.left {left:0; background:url(../images/pfeil-links.png) no-repeat; text-align:right;   }					
  .box .link.right { right:0;background:url(../images/pfeil-rechts.png) no-repeat;  text-align:left;   }					

.content	{ width:960px; height:400px; top:20%; margin: 0 auto; position:relative;/* background:rgba(255,255,255, 0.3);
				border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px;*/ }
				
.inner		{ width:920px; height:360px; /*background:rgba(255, 255, 255, 0.3); border-radius:30px; -moz-border-radius:30px;
					-webkit-border-radius:30px; margin:5px; padding:15px; top:5px; position:relative;*/ }
					


h1 {     margin: 0;
 margin-bottom:22px; 
 color: #BBE322;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 7px;}
p { font-size:16px; line-height:24px; color:#333; }

.pop-up {background:rgba(255, 255, 255, 0.4); border-radius:30px; -moz-border-radius:30px;
					-webkit-border-radius:30px; padding:20px; position:absolute; top:-60px; z-index:8; display:none;}
img {border:none;}
.hidden_preload { width:0px;  height:0px;  visibility:hidden;}
#willkommen-content { width:680px; padding:40px; height:450px; background:url(../images/Sprechblase-lang.png) no-repeat; margin-left:224px; margin-top:-60px; text-align:center;}				

/*preise*/
#preise-content {background:url(../images/tickets.png) no-repeat  ; width:416px; height: 421px; margin: 20px 50% 40px 50%; z-index:7; cursor:pointer;  }
#preise-content .pop-up{    left: 45px;
    top: -120px;}
#preise-content h1 { margin: 15px 14px 0 15px;  }
#preise-content:hover {background:url(../images/tickets-hover.png) no-repeat  ;}
#preise-info {  background: none repeat scroll 0 0 #FFFFFF;
    margin: 12px;
    padding-top: 1px;
    position: relative;}
#preise-info ul {    left: 24px;
    list-style: none outside none;
    position: absolute;
    top: 164px;
    z-index: 5;}
#preise-info ul li { display: inline;
    float: left;
    height: 0;
    margin-right: 9px;
    overflow: hidden;
	  width: 141px;  position:relative;}

#rar img{}
#rar .summe, #jr .summe, #sw .summe, #s .summe, #no .summe{ position:absolute;}
#rar .geld, #jr .geld, #sw .geld, #s .geld, #no .geld{ position:absolute; bottom:0;}
#jr .summe{ margin-top:300px;}
#sw .summe{ margin-top:69px;}
#s .summe{ margin-top:145px;}
#no .summe{ margin-top: 223px;}


/*Fläche*/
#flaechen-content { background-image:url(../images/flaechen-lageplan.png); overflow:visible; margin-left:43%;  cursor:pointer; height: 513px; width: 549px; margin-top:-30px; background-repeat:no-repeat;}
#flaechen-content:hover { background-image:url(../images/flaechen-lageplan-hover.png);}
#flaechen-content .pop-up {left:30px;}
#flaeche-info { background:#fff; margin:20px; padding:20px; position:relative; width:750px; height:570px;}

#gif-hover-img { position:absolute; z-index:8; top:56px; left:6px; }
#play { position:absolute; z-index:6;  display:none; top:56px; left:6px; }

/**bands-content*/
#bands-content {margin-left:10%; background: url(../images/buehne_normal.png) no-repeat; width:900px; height:730px; cursor:pointer; margin-top:-286px}
#bands-content:hover {background: url(../images/buehne_hover.png) no-repeat;}
#bands-content .pop-up {top:182px;}

#bands-info { padding:30px !important; margin: 0 auto !important; position:relative; width: 800px; }
#bands-info h1 { margin:0; background:#fff; padding:10px 30px 0px 10px; }
#bands-info ul { position:absolute; z-index:5; top:160px; left:38px; list-style:none;}
#bands-info ul li { display:inline; float:left; height:0; width:150px; overflow:hidden; margin-right:9px; position:relative; }
#bands-info ul li { height:496px; }
#bands-info ul li div{position:absolute; }
.mikro_head {  margin:10px 58px 0px 58px; bottom:90px; z-index:9;}
.mikro_stange{ background-color:black; margin:0 72px ; width:5px; height:0px; bottom:90px; z-index:9;}
.mikro_bottom{ margin:0px 4px; bottom:14px; z-index:8;}

/**besucher-content*/
#besucher-content {margin:-23px 224px 0 224px; background: url(../images/crowd.png) no-repeat; width:680px; height:452px; cursor:pointer; }
#besucher-content:hover {background: url(../images/crowd_hover.png) no-repeat;}
#besucher-content .pop-up {margin:0 0 0 -300px;}
#besucher-info { background: none repeat scroll 0 0 #FFFFFF;
    margin: 12px;
    padding: 10px;
    position: relative; height: 652px;  width: 981px;}

#besucher-info h1{margin-bottom:12px !important;}
#besucher-info p{margin-bottom:10px;}
#b-gif-hover-img { position:absolute; z-index:8; top:136px;  left:6px; }
#b-play { position:absolute; z-index:6;  display:none; top: 136px; left:6px; }


/**facebook likes*/
#facebook-content {margin-left:57%; background: url(../images/fb-like-start2.png) no-repeat; width:600px; height:1000px; cursor:pointer;}
#facebook-content:hover { background: url(../images/fb-like-start2-hover.png) no-repeat;}
div#facebook {
	position:relative;
	cursor:pointer;
	z-index:7;
	top:60px;
	left:100px;
}
div#facebook-info { 
	position:absolute;
	display:none;
	background-image:url(images/fb-like-info3.png);
	background-repeat:no-repeat; left: 57px;
    top: -78px;
}
div#facebook-info div { 
		background:white; margin:20px; width:795px; border: 1px solid #CCCCCC;
}
div#facebook-info h1 { 
	font-size:28px;
	color:#fff;
	margin:0 0 20px 0;
	font-weight:bold;
	background:#3B5998;
	padding:10px 6px 10px 16px;
	border:1px solid #2b467f;
}
div#facebook-info div ul { 
	margin:10px 0 0 30px ;
	padding:0;
	float:left;
}
div#facebook-info div ul li { 
	margin: 0 0 10px 0  ;
	list-style:none;
	height:80px;
	width:158px;
}
div#facebook-info div ul li:last { 
	margin:0 0 0 0  ;
}
div#facebook-info div ul.arme { 
	margin:63px 0 0 176px ;
	height:467px;
	padding:0;
	float:none;
	border:none;
}

div#facebook-info div ul.arme li  { 
	margin: 42px 10px -5px 10px;
	background-repeat:no-repeat;
	background-position:right;
	height: 53px;
    width: 560px;
}
div#facebook-info div ul.arme li p { 
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	border:2px solid #495F93;
	background-color:#6475AB;
	float:left;
	height:20px;
}
div#facebook-info div ul.arme li img{ 
	float:left; margin-left: -4px;
}
div#facebook-info div ul.arme li span {  color: #3B5998;     line-height: 50px;     margin-left: 7px;}
div#facebook-info div ul li #schlager {width:0px;}
div#facebook-info div ul li #hiphop {width:0px;}
div#facebook-info div ul li #rock {width:0px;}
div#facebook-info div ul li #jazz {width:0px;}
div#facebook-info div ul li #elektro {width:0px;}

div#facebook-info .logo img {padding:10px; width:120px; border:1px solid #dfdfdf; border-radius:4px;}
div#facebook-info #logo_schlagerwelle img {background:#76B82D;}
div#facebook-info #logo_splash img{background:#1788CA;}
div#facebook-info #logo_rockamring img{background: #D34635;}
div#facebook-info #logo_jazzrally img{background:#FBBA00;}
div#facebook-info #logo_natureone img{background:#976087;}

div#facebook-info ul li b {display: block; float: left; width: 140px; color:#3B5998; line-height:60px;}
					
#kontakt-content { background:url(../images/Sprechblase.png) no-repeat; margin-left:342px; margin-top:-80px;}				
#kontakt-content h1 { line-height:36px; margin-top:14px; margin-bottom:10px;}