body{
	background-color:#282D33;
	font-family:'Roboto', sans-serif;
	margin:0px;
	padding:0px;
	border:0px;
}
html>/**/body{
	overflow-y:scroll !important;
	}
img{
	border:0px;
	}
a:link,
a:visited{
	text-decoration:none;
	color:#8AC73D;
	}
a:hover{
	opacity:1;
	color:#7CB537;
	}
a:focus{
	outline:none;
}

/*layout oben*/
#block{	
	top:0px;
	position:relative;
	width:1100px;
	margin:0 auto;
}
@media screen and (max-width:1100px) {	
#block{
	top:0px;
	position:relative;
	width:822px;
	margin:0 auto;
}
}
@media screen and (max-width:822px) {	
#block{
	top:0px;
	position:relative;
	width:544px;
	margin:0 auto;
}
}
@media screen and (max-width:544px) {	
#block{
	top:0px;
	position:relative;
	width:265px;
	margin:0 auto;
}
}

/*head*/
#head{
	position:absolute;
	width:100%;
	background:url(../images/header.jpg) center center no-repeat;
	background-size:cover;
	padding:0px;
	border:0px;
	margin:0px;
	height:170px;	
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.15);
	transition:all 0.2s ease 0s;
	}
.min #head{
	position:fixed;
	height:86px;
	z-index:55;
	}
#head .leiste{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:20px;
	background-color:rgba(107, 184, 32, 0.8);
	background-image/*\**/:url("images/green.png")\9; 
	}
*html #head .leiste{
	background-image:none !important;
	background-color:#56931A;
	}
@media screen and (max-width:822px) {
#head{
	position:fixed;
	height:141px;
	z-index:55;
	}
}
@media screen and (max-width:544px) {	
#head{
	position:fixed;
	height:86px;
	/*transition:none;*/
	}
.min #head{	
	height:52px;
	}
#head .leiste{
	height:2px;
}
}

/*logo*/
#logo{
	position:absolute;
	}
#logo .gretchen{
	height:64px;
	margin:0 0 0 12px;	
	transition:all 0.2s ease 0s;
	}
#logo .logo{
	height:138px;
	margin:7px 0 0 60px;
	transition:all 0.2s ease 0s;
}
.min #logo{	
	position:fixed;
	z-index:55;
	left:auto;
	top:auto;
	}
.min #logo .gretchen{
	height:50px;
	}
.min #logo .logo{
	margin:-5px 0 0 60px;
	height:70px;
	transition:all 0.2s ease 0s;
	}
@media screen and (max-width:822px) {
#logo{	
	position:fixed;
	z-index:55;
	left:auto;
	top:auto;
	}
#logo .gretchen{
	height:55px;
	}
#logo .logo{
	margin:20px 0 0 20px;
	height:94px;
	transition:all 0.2s ease 0s;
	}
.min #logo .logo{
	margin:-5px 0 0 20px;
	}
}
@media screen and (max-width:544px) {
#logo .gretchen{
	position:absolute;
	height:36px;
	top:50px;
	left:0px;
	/*transition:none;*/	
	}
.min #logo .gretchen{
	height:30px;
	top:20px;
	left:50px;
	}
#logo .logo{
	margin:0;
	position:absolute;
	height:70px;
	top:9px;
	left:194px;
	/*transition:none;*/
	}
.min #logo .logo{
	height:57px;
	top:-3px;
	left:185px;
	}
}

/*social*/
#social{
	position:absolute;
	right:16px;
	top:13px;
	z-index:55;
	transition:all 0.2s ease 0s;
	}
#social img{
	margin:0px 5px 0px 0px;
	height:35px;
	transition:all 0.2s ease 0s;
}
#social a:link,
#social a:visited,
#newsletter a:link,
#newsletter a:visited{
	opacity:0.6;
}
#social a:hover,
#newsletter a:hover{
	opacity:0.9;
}	
.min #social{
	top:7px;
}
.min #social img{
	height:28px;
	margin:0px 5px 0px 0px;
} 
@media screen and (max-width:822px) {
#social{
	top:7px;
}
#social img{
	height:28px;
	margin:0px 5px 0px 0px;
} 
}

/*newsletter*/
#newsletter{
	position:absolute;
	right:20px;	
	top:110px;
	z-index:55;
	transition:all 0.2s ease 0s;
	}
#newsletter .textfield{
	background:rgba(34,34,34,0.8);
	border-radius:4px;
	padding:4px 22px 4px 7px;
	width:97px;
	color:rgba(255,255,255,0.6);
	transition:all 0.2s ease 0s;
	}
#newsletter .submit{
	position:absolute;
	right:3px;
	top:6px;
	transition:all 0.2s ease 0s;
	}
#newsletter .submit img{
	height:16px;
	transition:all 0.2s ease 0s;
	}
.min #newsletter{
	right:20px;
	top:38px;
	}
.min #newsletter .textfield{	
	padding:2px 18px 2px 5px;
	width:83px;
	font-size:10px;
	color:rgba(255,255,255,0.6);
	}
.min #newsletter .submit{
	right:2px;
	top:3px;
	}
.min #newsletter .submit img{
	height:13px;
	}
@media screen and (max-width:822px) {
#newsletter{
	right:20px;
	top:90px;
	}
#newsletter .textfield{	
	padding:2px 18px 2px 5px;
	width:83px;
	font-size:10px;
	color:rgba(255,255,255,0.6);
	}
#newsletter .submit{
	right:2px;
	top:3px;
	}
#newsletter .submit img{
	height:13px;
	}
}

/*navi*/
#navi{
	font-weight:700;
	letter-spacing:0.3px;
	font-size:15px;
	line-height:24px;
	position:absolute;
	top:139px;	
	transition:all 0.2s ease 0s;	
	}
#navi .tab{
	height:30px;
	padding-top:9px;
	display:block;
	float:left;
	transition:all 0.2s ease 0s;
	}
#navi .select{
	height:32px;
	padding-top:7px;
	background:url(images/shadow.png) repeat-x top #282D33;
	border-top:2px solid #6BB820;
	color:#8AC73D;
	text-shadow:4px 4px 4px rgba(0, 0, 0, 0.25);	
	}
#navi a:link,
#navi a:visited{	
	padding:0px 12px;
	color:#F4F7EE;
	opacity:0.9;
	text-decoration:none;
	}
#navi a:hover{
	color:#fff;
	opacity:1;
	}
#navi .select a:link,
#navi .select a:visited{
	color:#8AC73D;
	}
#navi b{
	font-size:17px;	
	font-weight:500;	
	}
#navi #space{
	height:40px;
	position:absolute;
	display:block;
	width:500px;
	left:-500px;	
	}
.min #navi{
	position:fixed;
	top:60px;
	z-index:66;		
	}
.min #navi .tab{
	padding-top:4px;
	}
.min #navi .select{
	padding-top:2px;
	height:30px;
	}
.min #navi.min .select{
	height:22px;
	transition:none;
	}
@media screen and (max-width:822px) {
#navi{
	position:fixed;
	top:115px;
	z-index:66;
	}
#navi .tab{
	padding-top:4px;
	}
#navi .select{
	padding-top:2px;
	height:30px;
	}
#navi.min .select{
	height:22px;
	transition:none;
	}	
}

/*menu*/
#menu{
	z-index:1000;
	}
.min #menu{
	width:inherit;
	position:fixed;
	}
#back{
	display:none;	
	}
@media screen and (max-width:544px) {	
#menu,
.min #menu{
	display:block;
	position:fixed;	
	height:40px;
	overflow:hidden;
	z-index:1000;	
	width:200px;
	padding:5px;		
	opacity:0.7;
	background:url(images/menu.png) no-repeat rgba(0,0,0,0);
	background-size:55px 45px;
	transition:all 1s ease 0s;	
	}
#menu.show{
	opacity:1;	
	background:url(images/menu.png) no-repeat rgba(5,5,5,0.9);
	background-size:55px 45px;
	height:324px;
	}	
.detail #menu{
	display:none;
	}	
.detail #back{
	display:block;
	background:url(images/back.png) no-repeat rgba(0,0,0,0) left top;
	background-size:55px 45px;
	font-size:11px;
	font-weight:500;
	opacity:0.5;
	position:fixed;
	padding:14px 0;
	margin-left:-2px;
	top:2px;
	width:55px;
	height:45px;
	z-index:55;
	left:auto;
	}
.detail #back b{
	font-size:12px;
	font-weight:500;
	}
.detail #back a:link,
.detail #back a:visited{
	color:#000000;
	padding:0 13px;
	}
.detail #back:hover{
	opacity:0.85;
	}	
#navi,
.min #navi{
	position:relative;
	font-size:18px;
	top:10px;
	padding-top:42px;
	transition:none;
	}
#navi b{
	font-size:20px;
}
#navi .tab,
.min #navi .tab {
	height:30px;
	padding:3px 4px;
	float:none;
	display:block;
	}
#navi .select,
.min #navi .select,
.min #navi.min .select{
	height:30px;
	padding-top:0;
	background:none;
	border:0 none;
	color:#8AC73D;
	text-shadow:none;	
	}
#social,
.min #social{
	position:relative;
	right:auto;
	margin:10px 18px 6px;
	transition:none;
	} 
#social img,
.min #social img {
    height:35px;
    margin:0 12px 0 0;
	}
#newsletter,
.min #newsletter{
	position:relative;
	right:auto;
	top:auto;
	margin:16px 18px 7px;
	transition:none;	
	}
#newsletter .textfield,
.min #newsletter .textfield{	
	background:rgba(120,120,120,0.5);
	border-radius:4px;
	font-size:13px;
	padding:4px 22px 4px 7px;
	width:134px;
	color:rgba(255,255,255,0.6);
	}
#newsletter .submit,
.min #newsletter .submit{
	right:3px;
	top:6px;
	}
#newsletter .submit img,
.min #newsletter .submit img{
	height:20px;
	}
}

/*content*/
#content{
	padding-top:200px;
	margin-bottom:25px;
	font-size:13px;
	line-height:16px;
	transition:all 0.2s ease 0s;
	}
.min #content{
	padding-top:120px;	
	padding-bottom:80px;
}
#content .top_news{
	background-color:rgba(0, 0, 0, 0.4);
	font-size:13px;
	color:#ddd;
	border-top: 1px solid #bbb;
	padding:8px 16px;
	margin-bottom:22px;
	}
#content .top_news h3{
	font-size:13px;
	margin:3px 0 5px;
	color: #8ac73d;
	}
#content .top_news p{
	margin:3px 0 5px;
	}	
	
@media screen and (max-width:822px) {
#content{
	padding-top:175px;	
}
}
@media screen and (max-width:544px) {	
#content{
	padding-top:108px;	
	/*transition:none;*/
}
.min #content{
	padding-top:80px;	
}
}

.button{
	font-size:12px;
	font-weight:900;
	letter-spacing:1.2px;
	}	
.button a:link,
.button a:visited{
	color:#FFFFFF;
	opacity:0.85;	
	background-color:rgba(107, 184, 32, 0.95);
	padding:2px 8px;
	text-decoration:none;
}
.button a:hover{
	background-color:rgba(107, 184, 32, 1);
	opacity:1;
}
#content h1{
	font-size:14px;
	color:#8AC73D;
	}
#content small{
	font-size:9px;
	}
/*#content td{
	font-size:12px;
	line-height:16px;
	color:#fff;
}
#main,
#main_detail{
	float:left;
	width:570px;
	min-height:800px;
	}*/
#main p{
	margin:0px 0px 8px;
}
#main_full{
	float:left;
	width:682px;
	}

/*startseite*/
.gig{	
	float:left;
	font-size:11.5px;
	line-height:12.5px;
	width:265px;
	height:350px;
	font-weight:300;
	overflow:hidden;
	position:relative;
	margin:0 13px 16px 0;
	border-top:1px solid #6bb820;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15);
	}
.gig:nth-child(4n){
	margin:0 0 16px 0;
	}
@media screen and (max-width:1100px) {	
.gig:nth-child(4n){
	margin:0 13px 16px 0;
	}
.gig:nth-child(3n){
	margin:0 0 16px 0;
	}
}
@media screen and (max-width:822px) {	
.gig:nth-child(3n){
	margin:0 13px 16px 0;
	}
.gig:nth-child(2n){
	margin:0 0 16px 0;
	}
}
@media screen and (max-width:544px) {	
.gig{
	height:auto;
	margin:0 0px 16px;
	}
}	
.gig_top{
	position:relative;
	background-color:rgba(0,0,0,0.95);
	height:160px;
	color:#FFF;
	}
.gig_top .date{
	position:absolute;
	letter-spacing:0.5px;
	top:5px;
	left:10px;
	width:80px;
	}	
.gig_top .date strong{
	font-weight:700;
	font-size:14px;
	}
.gig_top .title{
	display:none;
	}
.gig_top .links{
	position:absolute;
	width:100%;
	bottom:0;
	left:10px;
	}
.gig_top .social{
		
	min-height:15px;
		}
.gig_top .social a.link{
	margin:0 9px 0 1px;
	}
.detail .gig_top .social a.link{
	margin:0 14px 0 1px;
	}
.gig_top .social img{
	height:15px;	
	}
.gig_top .social  a.link:link,
.gig_top .social a.link:visited{
	opacity:0.65;
	}
.gig_top .social a.link:hover{
	opacity:1;
	}
.ace_btn {
	position:absolute;
	display:inline-block;
	cursor:pointer;
	opacity:0.65;
	}
.detail .ace_btn {
	position:static;

}
.ace_btn:hover{
	opacity:1;
	}	
.ace_btn.select{
	opacity:1;
	}
.ace_btn.dis {
	display:none;
	}
.ace_dd {
	display: none;
	background-color: rgba(70, 70, 70, 0.95);
    border: 2px solid #eee;
    border-radius: 6px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    padding: 7px ;
    position: absolute;
    left: -12px !important;
    /*right: -41px !important;*/
    top: 40px !important;
    z-index: 40;
	overflow:visible;	
	width:100px !important;
	}
.detail .ace_dd {
	padding: 10px 0 10px 10px;
    left: auto !important;
	right:0;
    top: 62px !important;
	width:124px !important;
	}
a.ace_opt {
	padding:4px 6px;
	display: block;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}
.gig_top .social  a.ace_opt:link,
.gig_top .social a.ace_opt:visited{
	color:#ddd;
	}
.gig_top .social a.ace_opt:hover{
	color:#fff;
	opacity:1;
	}
#boxPfeil{
    background: rgba(0, 0, 0, 0) url("images/bubblepfeil.png") no-repeat scroll center top;
    height: 15px;
    position: absolute;
    right: 75px;
    top: -15px;
    width: 40px;
    z-index: 30;
}
.detail #boxPfeil{
    height: 20px;
	right: 5px;
    top: -20px;
}
.gig_top .button{	
	font-size:13px;
	letter-spacing:1.5px;
	padding: 3px 1px 6px;
	}
.gig_top .button a{
	padding: 1px 10px 2px 11px;
	background-color: #BF0771;
	}
.gig_top .img{
	position:absolute;
	width:160px;
	height:160px;
	top:0;
	right:0;
	}
.gig_top .info.button{
	display:none;
	}
@media screen and (max-width:544px) {
.gig_top{
	height:100px;
	}
.gig_top .date{
	width:150px;
	}	
.gig_top .img{
	width:100px;
	height:100px;
}
.gig_top .links{
	bottom:15px;
	}
.gig_top .links .social{
	display:none;
	}
.gig_top .links .button{
	letter-spacing:1px;
	padding:3px 0 6px;
	display:inline;
	}
.gig_top .links .button a{
	/*padding:3px 11px 1px 12px;*/
	}
#main .gig_top .links p.button{
	margin-right:5px;
}
.gig_top .info.button{
	position:relative;
	}
.gig_top .info.button a:link,
.gig_top .info.button a:visited{
	background:#666;
	}
.detail .ace_dd {
    top: 56px !important;
	right:2px;
	background-color: rgba(59, 59, 59, 0.95);
    border: 1px solid #aaa;
	}
.detail #boxPfeil{ 
 	background: rgba(0, 0, 0, 0) url("images/bubblepfeil-min.png") no-repeat scroll center top;  
    right:2px;
	height: 17px;
    top: -17px;
}
}
.gig_main{
	background-color:rgba(255,255,255,0.90);
	/*overflow-y:auto;
	overflow-x:visible;	*/
	position:relative;
	height:190px;
	width:265px;
	float:left;
	/*font-size:15px;
	line-height:17px;*/
	padding:0;
	}
.gig_main .text{
	display:block;
	padding:5px 0 10px 15px;
	}	
.gig h2{
	font-size:14px;
	line-height:14px;
	font-weight:700;
	color:#8AC73D;
	margin:3px 0px 8px 0px;
	cursor:pointer;
	}
.gig h2 a:link,
.gig h2 a:visited{	
	color:#64922D;
	color: rgba(107, 184, 32, 1);
	text-decoration:none;
	padding-right:13px;
}
*+html h2{
	padding-top:3px;
	}
*+html .gig h2 a:link,
*+html .gig h2 a:visited{	
background:none;
}
.gig_main h2 a:hover{
	color:#8AC73D;
	}
.gig_main .box{
	clear:left;
	padding-top:2px;
	float:left;
	width:36px
	}
.gig_main .lineup{
	float:left;
	width:200px;
	}
.gig .lineup b::after {
    content: "\a ";
    white-space: pre;
}
.gig_main .info.button{
	position:absolute;
	right:10px;
	bottom:5px;
	margin:0;	
	}
@media screen and (max-width:544px) {	
.gig_main{
	overflow:visible;
	height:auto;
	}
.gig_main .text{
	display:block;
	margin-bottom:0;	
}
.gig_main .info.button{
	display:none;
	}
}
		
/*detailseite*/
.detail .tabs{
	font-size:12px;	
	font-weight:300;
	color:#fff;
	width:88px;
	float:left;
	}
.detail .tabs span{
	padding:1px 0 2px 15px;
	width:70px;
	text-align:left;
	background-color:#242424;
	margin-bottom:3px;
	opacity:0.75;
	display:block;
}
.detail .tabs span em{
	float:left;
	font-style:normal;
	width:21px;
	}
.detail .tabs span a:link,
.detail .tabs span a:visited{
	color:#fff;
	}
.detail .tabs span:hover{
	opacity:1;
	}
.detail .tabs .select{
	font-size:11px;
	padding:8px 11px 8px 12px;
	margin:6px 0px;
	line-height:13px;	
	background-color:rgba(0,0,0,0.95);
	border-top:1px solid #6bb820;
	opacity:1;	
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
}
.detail .tabs .select em{
	font-size:12px;
	width:auto;
	color:#8AC73D;
}
.detail .tabs .select strong{
	font-size:15px;
	font-weight:400;
	color:#8AC73D;
}
.detail .tabs .select a:link,
.detail .tabs .select a:visited{
	color:#8AC73D;	
	}
.detail .tabs b{
	font-size:13px;
	font-weight:300;
}
.detail .tabs .prev_next{
	display:none;
	}
.detail .gig{	
	width:1010px;
	font-size:13px;
	line-height:15px;
	float:left;
	height:auto;
	min-height:500px;
	margin:0 0 22px;
	background-color: rgba(255, 255, 255, 0.9);
	}
.detail .gig_top{   
    float: left;   
    width: 560px;
	min-height: 100px;
	height:auto;
    padding: 10px 20px 30px;
}
.detail .gig_top h2{
	font-size:18px;
	line-height:120%;
	font-weight:400;
}
.detail .gig_top .button{
	position:absolute;
	bottom:4px;
	letter-spacing:1.5px;
	font-size:14.5px;
	padding:3px 0 6px;
	display:inline;
	}
.detail .gig_top .more_ticket{
	font-size:11px;
	line-height:11px;
	position:absolute;
	bottom:0;
	left:125px;
	padding:3px 0 6px;
	display:inline;
	}
.detail .gig_top .social{	
	position:absolute;
	bottom:11px;
	right:10px;
	}
.detail .gig_top .social img{
	height:25px;
	}



	
	
.detail .gig .flyer{
	display:block;
	float:right;
	width:410px;
	right:0;
	min-height:140px;
	height:100%;
	background-color: rgba(155, 155, 155, 0.3);
	background:url(images/flyer_back.png);
	z-index:50;
	line-height:0px;
	text-align: center;
}
.detail .gig .flyer img{
	width:410px;
	margin:0;
	line-height:140px;	
	}	
.detail .gig_main {
	font-size:12px;	
    float: left;
	background:none;
    height:auto;
    width: 560px;
    padding: 10px 20px;
}
.detail .gig_main a:link,
.detail .gig_main a:visited{
color: rgba(107, 184, 32, 1);
	}
.detail .gig_main a:hover{
	color:#8AC73D;
	}
.detail p{
	margin:2px 10px 10px 0px;
	}
.detail .gig_main .box{
	padding-top:4px;
	width:40px
	}	
.detail .gig .lineup{
	width:85%;
	}
.detail #artist_list{
	margin-left:88px;
	display:block;
	}
.detail #artist_list .artist-entry{
	float:left;
	width:330px;
	margin:0 10px 14px 0;
	}
.detail #artist_list .artist-entry:nth-child(3n){
	margin-right:0;
	}	
.detail #artist_list .artist{
	position:relative;
	height:60px;
	color:rgba(255, 255, 255, 0.85);
	padding:2px;
	padding:0px 2px 2px 2px;
	background-color:#000;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
.detail #artist_list h4{
	color:#8AC73D;
	padding:2px 10px;
	font-size:12px;
	font-weight:400;
	line-height:13px;
	display:inline;	
	background-color:#000;
	position:relative;
	border-top:1px solid #A0A4A8;
	border-bottom:2px solid #000;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
}
.detail #artist_list .line{
	position:static;
	border-top:1px solid #A0A4A8;
	font-size:1px;
	height:2px;
	background-color:#000;
	z-index:1;
	top:-2px;
	}
.detail #artist_list .style{
	width:254px;
}	

@media screen and (max-width:1100px) {
.detail .gig{
	width:732px;
	}
.detail .gig_top,
.detail .gig_main{
	width:392px;
	}
.detail .gig .flyer,
.detail .gig .flyer img {
   width: 300px;
}	
.detail #artist_list .artist-entry{
	float:left;
	width:238px;
	}
.detail #artist_list .style{
	width:162px;
}
}
@media screen and (max-width:822px) {	
.detail .gig{
	width:456px;
	}
.detail .gig_top{
	width:236px;
	padding: 10px 20px 50px;
	min-height:190px;
	}
.detail .gig_top .button{
	bottom:24px;
	}
.detail .gig_top .more_ticket{	
	bottom:0;
	left:20px;
	}
.detail .gig_top .social img{
	height:22px;
	}
.detail .gig_top .social a{
	margin:0 6px 0 1px;
	}
.detail .gig .flyer {
	width: 180px;
	min-height:249px;
}
.detail .gig .flyer img {
	width: 180px;
}
.detail .gig_main{
	width:402px;
	}
.detail #artist_list .artist-entry{
	float:left;
	width:223px;
	}
.detail #artist_list .artist-entry:nth-child(3n){
	margin-right:10px;
	}
.detail #artist_list .artist-entry:nth-child(2n){
	margin-right:0;
	}
.detail #artist_list .style{
	width:147px;
}	
}
@media screen and (max-width:544px) {	
.detail .tabs {
	width:100%;
	z-index:40;
	position:absolute;
	}
.detail .tabs span{
	display:none;
}
.detail .tabs .select{
	display:block;
	padding:8px 11px 2px 12px;	
}
.detail .tabs .prev_next{
	display:block;
	float:right;
	padding-top:7px;
	}
.detail .tabs .prev_next img{
	height:32px;
	}
.detail .tabs .prev_next a{
	opacity:0.5;
	}
.detail .tabs .prev_next a:hover{
	opacity:0.85;
	}
.detail .gig{
	width:265px;
	margin-bottom:63px;
	top:42px;
	}
.detail .gig_top{
	width:245px;
	padding: 5px 10px 50px;
	min-height:10px;
	}
.detail .gig_top h2 {
	font-size:16px;
	}
.detail .gig_top .button{
	bottom:20px;
	}
.detail .gig_top .more_ticket{	
	bottom:-4px;
	left:10px;
	}
.detail .gig_top .social{	
	right:5px;
	bottom:7px;
	}
.detail .gig_top .social img{
	height:22px;
	}
.detail .gig_top .social a{
	margin:0 5px 0 1px;
	}
.detail .gig .flyer,
.detail .gig .flyer img {
	float:none;
	width: 265px;
}
.detail .gig_main{
	width:245px;
	padding: 5px 10px 50px;
	}
.detail .gig_main .box {
    width:36px;
}	
.detail #artist_list{
	margin-left:0;
	}	
.detail #artist_list .artist-entry{
	float:left;
	width:265px;
	margin-right:0;
	}
.detail #artist_list .style{
	width:189px;
}	
}	




/*tickets*/
#ticket{
	width:162px;
	height:360px;
	float:left;
	position:relative;
	font-size:11px;
	line-height:12px;
	color:#fff;
	background-color:#000;
	padding:13px;
	margin:0 16px 16px 0;
	border-top:1px solid #a0a4a8;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
/*#ticket:nth-child(4n),*/
#ticket.r {
	float:right;
  	margin-right:0;
}
#ticket h2{
	font-size:12px;
	line-height:13px;
	color:#8ac73d;
	margin:10px 0px;
}
#ticket h2 a:link,
#ticket h2 a:visited{
	color:#8ac73d;
	text-decoration:none;
	background:url(images/info.png) no-repeat  right 0px;
    padding-right:13px;	
}
*+html #ticket p{
	margin:4px 0;
	}
*+html #ticket h2 a:link,
*+html #ticket h2 a:visited{	
background:none;
}
#ticket h2 a:hover{	
		color:#fff;
		background:url(images/info_f2.png) no-repeat right 0px;
}
#ticket .img {
	height:160px;
	display:block;
	border:1px solid #373a3d;
	}
#ticket .img img{
	height:160px;
	}	
#ticket .img:hover{
	border:1px solid #767676;
	 opacity:0.8; filter:alpha(opacity=80); 
}
#ticket .vvk{
	position:absolute;
	bottom:25px;
	height:16px;
	}
#ticket .vvk p.button{
	margin:5px 0;
	}
#ticket .vvk .more_ticket{
	font-size:10px;
	}


/*artists*/
#artist_tab{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	width:25px;
	float:left;
	}
#artist_tab span{
	padding:2px 5px 2px 5px;
	text-align:center;
	background-color:#242424;
	margin-bottom:3px;
	opacity:0.75;
	display:block;
}
#artist_tab  a:link,
#artist_tab  a:visited{
	color:#fff;
	}
#artist_tab span:hover{
	opacity:1;
	}
#artist_tab  .select{
	color:#8AC73D;
	background-color:#000;
	border-top:1px solid #A0A4A8;
	opacity:1;	
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
}
#artist_tab .select a:link,
#artist_tab .select a:visited{
	color:#8AC73D !important;
}
#artist_page{
	color:#FFF;
	float:left;
	background-color:#000;
	padding:15px 0px 5px 15px;
	width:1060px;
	min-height:622px;
	margin-bottom:11px;
	border-top:1px solid #A0A4A8;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
#artist_page h4{
	color:#8AC73D;
	padding:3px 10px 6px;
	font-size:12px;
	font-weight:300;
	display:inline;
	background-color:#27282a;
	z-index:44;
	position:relative;
	border-top:1px solid #A0A4A8;
}
#artist_page .line{
	width:254px;
	position:static;
	border-top:1px solid #A0A4A8;
	font-size:1px;
	height:2px;
	background-color:#27282A;
	z-index:1;
	top:-2px;
	}
#artist_page .artist{
	width: 250px;
	position: relative;
	color: #FFF;
	padding: 2px;
	padding: 0px 2px 2px 2px;
	background-color:#27282A;
	margin: 0px 10px 10px 0px;
	}
#artist_page .artist .style{
	width:176px;
	overflow:hidden;
	}	
.artist .artist-img{
	background: rgba(0, 0, 0, 0) url("images/artist_back.png") repeat scroll 0 0;
	float:right;
	text-align: center;
	font-size:10px;
	line-height:16px;
	font-weight:300;
	width:60px;
	height:60px;
	}
.artist .label{
	display:block;
	padding:4px 10px;
	font-size:10px;
	line-height:11px;
}
.artist .style{
	display:block;
	font-size:10px;
	line-height:13px;
	/*font-weight:bold;*/
	position:absolute;
	padding:0px 6px;
	top:47px;
	color:#000;
	background-color:#999;
	width:254px;
}
@media screen and (max-width:1100px) {	
#artist_page{
	width: 782px;
}
#artist_page .line {
	width: 250px;
	}
#artist_page .artist{
	width: 246px;
	}
#artist_page .artist .style{
	width: 172px;
	}	
}
@media screen and (max-width:822px) {	
#artist_page{
	width: 504px;
}
#artist_page .line {
	width: 240px;
	}
#artist_page .artist{
	width: 236px;
	}
#artist_page .artist .style{
	width: 162px;
	}
}
@media screen and (max-width:544px) {	
#artist_page{
	width: 228px;
	padding:15px 0px 5px 12px;
}
#artist_page .line {
	width: 216px;
	}
#artist_page .artist{
	width: 212px;
	}
#artist_page .artist .style{
	width: 140px;
	}
}

/*web_radio*/
#radio_tab{
	margin-bottom:5px;
    font-size: 12.5px;
   line-height: 15px;
	font-weight:700;
	}
#radio_tab img{
	width:46px;
	}	
#radio_tab b {
    font-size: 13.5px;
}
#radio_tab span{
	display:block;
	width:85px;
	float:left;
	color:#fff;
	background-color: #242424;
	padding:5px 10px 2px;
	margin-right:3px;
	text-align:center;
	}	
#radio_tab .select{
	color:#fff;
	background-color:rgba(0,0,0,0.95);
	border-top:1px solid #6bb820;
	padding:4px 10px 5px;

}	
#radio_tab a:link,
#radio_tab a:visited{
	color:#fff;
	opacity:0.75;
	}
#radio_tab a:hover{
	opacity:1;
	}
#radio iframe{
	height:3500px;
	overflow:scroll !important;
	}
@media screen and (max-width:822px) {
#radio iframe{
	/*height:500px;*/
	}		
}
@media screen and (max-width:544px) {
#radio iframe{
	height:400px;
	}		
}
/**/
	
/*gallery*/
#gallery_page{
	color:#FFF;
	float:left;
	font-size:12px;
	line-height:14px;
	background-color:#000;
	padding:12px 5px 12px 15px;
	width:443px;
	margin-bottom:11px;
	border-top:1px solid #A0A4A8;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
#gallery_page img{
	width:214px !important;
	float:left;
	margin:0px 6px 6px 0px;
	}
#poster{
	margin:8px 0px;
	}
#poster img{
	margin:5px 5px 0px 0px;
	}
#poster .left{
	width:170px;
	}	
	
/*unterseiten*/
#page_tab{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#fff;
	width:85px;
	float:left;
	}
#page_tab span{
	padding:4px 0px 4px 10px;
	margin-bottom:3px;
	background-color:#242424;
	opacity:0.75;
	display:block;
}
#page_tab span a:link,
#page_tab span a:visited{
	color:#fff;
	}
#page_tab span:hover{
	opacity:1;
	}
#page_tab .select{	
	color: rgba(107, 184, 32, 1);
	background-color: rgba(255, 255, 255, 0.9);
	border-top: 1px solid #6bb820;
	opacity:1;	
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
}
#page_tab  .select a:link,
#page_tab  .select a:visited{
	color: rgba(107, 184, 32, 1);
	}
#page_tab b{
	font-size:13px;
}
#page{
	color:#000;
	float:left;
	font-size:12.5px;
	line-height:14.5px;
	background-color: rgba(255, 255, 255, 0.9);
	padding:20px 25px;
	width:700px;
	font-weight: 300;
	margin-bottom:11px;
	border-top:1px solid #6bb820;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
#page h2{
	font-size:13px;
	line-height:15px;
	color: rgba(107, 184, 32, 1);
	margin:0px 0px 10px 0px;
	}
#page img{
	width:100%;
}
#page a:link,
#page a:visited,
#page h2 a:link,
#page h2 a:visited{	
	color: rgba(107, 184, 32, 1);
	text-decoration:none;
}
#page  a:hover,
#page h2 a:hover{	
	color:#8AC73D;	
}	
#page .map{
	width:100%;
	}
	
/*rechte spalte*/
#main_right{
	float:right;
	width:240px;
	}
#main_right p{
	margin:2px 0px 5px 0px;
}
/*#main_right h3{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#CDCDCD;
	display:block;
	margin:24px 0px 0px;
	float:right;
	font-size:12px;
	padding:0px 8px;
	border-bottom:6px solid #000;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
#main_right h3 b{
	font-size:14px;	
	}
#main_right h3.letter{
	margin:0px;
	}	*/
.news{
	font-size:12px;
	line-height:14px;
	color:#FFF;
	background-color:rgba(0,0,0,0.4);
	padding:3px 12px 8px;
	margin-top:0px;
	margin-bottom:6px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
	}
/*.news.letter{
	margin-top:0px;
}*/
.news img{
	float:right;
	width:60px;
	}
.news.topnews img{
   margin-right:8px;
}
.news strong{
	/*color:#8AC73D;*/
	}
.news h2{
	font-size:12.5px;
	color:#8AC73D;
	margin:8px 0px 0px 0;
	}
.news h4{
	font-size:11px;
	color:#8AC73D;
	margin:8px 0px 0px 0px;
	}
.news h2 a:link,
.news h2 a:visited,
.news h4 a:link,
.news h4 a:visited,
.news a:link,
.news a:visited{	
	color:#8AC73D;
	text-decoration:none;
}
.news h2 a:hover,
.news h4 a:hover,
.news a:hover{	
		color:#fff;
}
.news p{
	margin:6px 0px 4px 6px;
	}
.news .tickets{
	clear:both;
	display:block;
	margin:14px 0px 2px 6px;
	}
.ticket{
	background:url(images/ticket.png) no-repeat;
	padding-left:15px;
	margin-right:8px;
	}
.ticket:hover{
	background:url(images/ticket_f2.png) no-repeat;
	}	
.news .textfield{
	margin:8px 0px 0px 8px;
	width:182px;	
}
.news .ticket{
	margin-left:6px;
	}
.news .button{
	margin:8px 8px 4px 8px;
	}
@media screen and (max-width:1100px) {	
#page{	
	width:440px;
	}
#main_right{
	width:220px;
	}
}
@media screen and (max-width:822px) {	
#page{	
	width:407px;
	}
#main_right{
	width:461px;
	}
}
@media screen and (max-width:544px) {
#page_tab {
		width:auto;
		z-index:44;
	}
#page_tab span{
    display: inline;
	float:left;
	margin-bottom:0;
    padding:3px 10px;
	margin-right:2px;
	}
#page_tab span.select {
    padding:4px 10px ;
	margin-bottom:0px;
	}
#page{	
	width:235px;
	padding:15px 15px;
	border-top:0 none;
	}
#main_right{
	width:267px;
	}
}
		 
/*formular newsletter*/
#form1{
	margin:0px;
	}
.formerror{	
	display:none;
	position:absolute;
	/*width:85px;*/
	top:-16px;
  	right: 143px;	
  	font-size:11px;
	text-decoration:none;
	color: rgba(217,38,137,0.89);
	background-color:#242728;
    border: 1px solid #6F6F6F;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	overflow:visible;
	padding:6px 16px 6px 14px;
	z-index: 100;
	transition: all 0.2s ease 0s;
}
.formerror.show{
	display:block;	
	}		
.formpfeil{	
	background:rgba(0, 0, 0, 0) url("images/formpfeil.png") no-repeat scroll center top;
    height:13px;
    width:13px;
    position:absolute;
    right:-13px;
    bottom:7px;
    z-index:30;
	transition: all 0.2s ease 0s;
}
.min .formerror{	
	top:-16px;
  	right: 122px;	
	padding:4px 14px 4px 12px;
}
.min .formpfeil{
	bottom:4px;	
	}
.textfield{
	border:0px;
	background:url(images/text-back.png) repeat-x;
	color:#444;
	padding:2px 4px;
	margin:4px 0px;
}
@media screen and (max-width:544px) {	
.formerror,
.min .formerror{	
min-height:40px;
left: 0px; 
right: 0px; 
font-size: 11px;
text-decoration: none;
margin:-40px 0px;
z-index:999;	   
}
.formpfeil{
	display:none;	
}
}

/*klassen*/
.mehr{
font-size:12px;
text-decoration:none;
}	
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
.small{
	font-size:10px;
	}
#web,
#web a:link,
#web a:visited{
	color:rgba(159,159,159,0.6);
	font-size:10px;
	font-weight:300;
	text-decoration:none;
	margin-bottom:3px;
	padding-bottom:3px;
	}
#web a:hover{
	color:rgba(200,200,200,0.6);
}
html.modern-browser body{
	font-size:0.6em !important;
	
	}
.player-list ul {
	height:300px !important;
}
.embed-player{
	font-size:9px;
	}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}

@media screen and (max-width:544px) {	
.nano > .nano-content {
  position      : relative;
  overflow      : visible;
  overflow-x    : hidden;
}
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.0);
  position   : absolute;
  width      : 8px;
  right      : 1px;
  top        : 3px;
  bottom     : 3px;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}