/* Sticky Footer */

html, body { 
	height: 100%; 
	margin-top: 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	cursor:default;
}
#wrap {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -95px;
}

.container {width: 980px !important;}


#push,
#footer {
    height: 95px;
}


#logo{ margin: 0 0 25px 18px;}

#metanav {height: 70px; position: relative;}
#partner {margin:25px 0 0 25px;}
#left {margin:25px 0 0 25px;}
#left img {margin-bottom:25px;}

ul {list-style-type: none;}

.row .teaser {
	float: left;
	padding-right:18px;
	margin-bottom: 25px;
	height: 190px;
}

/* Nain Navigation */
ul.mainnav {
	list-style-type: none;
	margin: 0 0 0 25px;
}


ul.mainnav li  {
	font-size: 20px;
	line-height: 27px !important;
	margin: 0 0 3px 0;	
	text-decoration: none  !important;
}

ul.mainnav li a {
	color: #4bb2b5;
	background-color: transparent;
}

ul.mainnav li a:hover,
ul.mainnav li a.active {
	color: #a5037c;
	background-color: transparent;
}


/* 2nd level */

ul.mainnav ul {
	padding-left: 0 !important;
	margin-left: 0 !important;
	padding-bottom: 10px;
}

ul.mainnav ul li {
	list-style-type: none;
	font-size: 15px;
	line-height: 18px !important;
	background: transparent url(../img/navi_linie1.gif) 0 0 no-repeat !important;
	padding: 7px 0 0 25px;
	margin: 0 !important;
}

ul.mainnav ul li a {
	/*font-style: italic;*/

	color: #a5037c;
}
ul.mainnav ul li:hover {

	background: transparent url(../img/navi_linie2.gif) 0 0 no-repeat !important;
}


ul.mainnav ul li a:hover, 
ul.mainnav ul li a.active {
	color: #000;

}



/* Meta Navigation */

ul.metanav {
	font-size: 13px;
	line-height:13px;
	float: right;
	font-family: 'Francois One', sans-serif;
	margin-right: 24px;
	text-transform: uppercase;
}


ul.metanav li  {
	padding-right: 25px;
	position: relative;
	float: left;
}

ul.metanav li a {
	color: #000;
}
ul.metanav li a:hover,
ul.metanav li a.active {
	color: #a5037c;
}



/* 2nd level */
ul.metanav ul  {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	left: 0px;
	top: 20px;
	z-index: 999;
	visibility: hidden;
	border-left: #a5037c thin solid;
	background: #FFF;
}


ul.metanav li:hover ul {
	visibility: visible;
}

ul.metanav  ul li {
	margin-left: 0px;
	z-index: 99;
	line-height: 22px;
	padding: 0 15px 0 15px;
}

ul.metanav ul li.first {
	padding-top:0;
}

ul.metanav ul li.last {
	padding-bottom: 0;
}

ul.metanav  li ul li a {
	color: #a5037c !important;

}
ul.metanav  li ul li a:hover,
ul.metanav li ul li a.active {
	color: #000 !important;

}

#top-logos {
	float: right;
	margin-left: 28px;
}

.top-logos {
	float: right;
	margin-left: 14px;
}

#top-logo-1 {
	position: absolute;
	right: 32px;
	top: 0px;
}

/* Language Navigation */
ul.langnav {
	float: right;
	font-family: 'Francois One', sans-serif;
	font-size: 13px;
	line-height:13px;
	font-weight: normal;
	margin-left: 10px;
}

ul.langnav li {
	float: left;	
}



ul.langnav li a  {
	color: #a5037c;
	padding: 0 0;
}

ul.langnav li a:hover,
ul.langnav li.de.active a,
ul.langnav li.en.active a {
	border-bottom: 2px solid  #a5037c;
}

ul.langnav li.de {

	background: transparent url(../img/slash.gif) 16px 4px no-repeat !important;
	padding-right: 20px;
}

/* Footer */

#footer .container  {
	font-family: 'Francois One', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	width: 910px !important;
	padding: 0 40px 0 30px;

}


#footer a {
	color: #000 !important;
}

#footer a:hover {
	color: #a5037c !important;
}


.copy, .imprint, .contact {
	float: left;
	color: #000 !important;
}


.copy, .imprint, .contact {
	margin-right: 25px;
}

.social {
	float: right;
	margin-top: -25px;
}

.social img {
	margin-left: 10px;;
}


/* TYPO */
a {outline: none;}

#content a {
	font-family: 'Francois One', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	line-height:13px;
	color: #4bb2b5;
	font-weight: normal !important;
	
}


#content a:hover {
	color: #a5037c;
}



a.internal,
a.external,
a.email,
a.download {
	
}

a.download {
	color: #000 !important;	
	background: transparent url(../img/download1.gif) 0 0 no-repeat !important;
	padding: 5px 0 0 35px;

}


a.download:hover {
	color: #4bb2b5  !important;		
	background: transparent url(../img/download2.gif) 0 0 no-repeat !important;

}



h2 a {color: #000 !important; font-size: 20px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-transform: none !important;}
h2 a:hover {color: #a5037c !important;}

h3 a.internal {padding-left: 10px;}


h1,h2,h3,h4,h5,h6 {
	color: #4bb2b5;
	font-size: 20px;
	line-height: 27px;
	font-weight: normal;	
}



h1, h2.title, h3  {
	color: #000;
}


h2 {
	margin-bottom: 25px;
}
h2 em {
	color: #4bb2b5;
	/*font-style: normal;*/
}

.colleft h2,
.colright h2 {
	line-height: 20px;
}


.colleft h3,
.colright h3 {
	margin: 40px 0 10px 0;
}

h3 {
	margin-bottom: 0px
}

h4 {
	font-size:15px;
	font-weight: bold;
	line-height:20px;
	color: #000;
	margin: 0 0 .4em 0;
}

.audio h4 {font-family: 'Francois One', sans-serif;}


.row .teaser h4 {margin-top: -15px !important}
.row .teaser p {
	color: #4bb2b5;
	line-height: 18px;
}



h4 .title {
	font-weight:bold;
	text-transform: uppercase;
	font-size:13px;
	line-height:
}


h5 {
	font-weight:normal;
	font-size:14px;
	line-height: 20px;
	color: #FF8800;
	margin-bottom: 22px;
}

strong {
	color: #4bb2b5 !important;
	font-weight: normal;
}


.row .teaser strong {
	color: #000 !important;
}

.line {
	background: transparent url(../img/linie.gif) 0 0 repeat-x !important;
	height: 2px;
	margin-bottom: 25px
}


ul.contentlist li {
	border-top: 1px solid #FF8800;
	padding: 5px 0;
	line-height: 20px;
}

ul.contentlist li a {
	font-weight: bold;
	border-bottom: none;
}

.span4.offset1 dl.contentlist {
	font-size: 10px;
	line-height: 20px;
}

dl.contentlist dt {
	float:left;
	text-transform: uppercase;
	font-weight: normal;
	color: #FF8800;
	border-top: 1px solid #FF8800;

	
}


dl.contentlist dd {
	border-top: 1px solid #FF8800;
	padding-left: 120px;
}




/* Tickets */


.concert  {
	background: transparent url(../img/linie.gif) 0 0 repeat-x !important;
	padding: 10px 0;
	min-height:12px;
}

.concert  p {
	margin-bottom: 0;
}

.concert .event  {
	float: left;
	width: 515px;
}

.concert .event  span {
	vertical-align: top;
}

.concert .date,
.concert .year {
	color: #4bb2b5;
}

.concert .date {
	display: inline-block;
	padding-right: 10px;
	width: 137px;
}

.concert .artist  {
	display: inline-block;
	padding: 0 10px;
	width: 343px;
}

.concert .tickets  {
	float: right !important;
	text-align: right;
	width: 100px;
}

.concert .tickets a  {
	color: #000 !important;
}

.csc-textpic {
	display: inline-block; 
}

.csc-textpic-above,
.csc-textpic-below {
	display: inline-block; 
	padding-right: 0;
}

body.chronic #content .csc-textpic {
	margin-left: 154px;
}

body.chronic #content .csc-textpic .csc-textpic-image {
	margin-bottom: 4px;
}

body.press #content .row.teaser {
    display: inline-block;
    float: none;
    height: auto;
    vertical-align: top;
}

.clearer {
	float: none;
	clear:both;
	display:block;
	height: 0;
	width:0;
	display: none;
}

.csc-default {
	clear: both;
}

/*Künstler*/
.csc-textpic img {
	/*width: 135px !important;
	height: 83px !important;*/
}

/*
 * http://stackoverflow.com/questions/11014165/remove-attributes-height-and-width-of-the-image-tag
 */

div.csc-textpic .csc-textpic-imagerow .csc-textpic-imagecolumn {
	margin-right: 12px;
}

div.csc-textpic .csc-textpic-imagerow .csc-textpic-image {
	background: #fff;
}

div.csc-textpic .csc-textpic-imagerow .csc-textpic-image figcaption {
	margin-top: 8px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow a.lightbox {
	display: inline-block;
	height: 146px;
	overflow: hidden;
	width: 141px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow a.lightbox:focus {
	outline: none;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow a.lightbox img {
	height: auto !important;
    left: 50%;
    max-width: none;
	min-height: 100%;
    min-width: 100%;
	opacity: 0.5;
	position: relative;
	top: 52%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transition: transform 1s ease-out, opacity 0.5s ease-out;
	width: auto !important;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow a.lightbox:hover img {
	opacity: 1;
	transform:
	    scale(1.1)
		translate(-44%, -44%);
    -ms-transform:
	    scale(1.1)
		translate(-44%, -44%);
	-o-transform:
	    scale(1.1)
		translate(-44%, -44%);
	-webkit-transform:
	    scale(1.1)
		translate(-44%, -44%);
}

#map-germany {
	background: url(../img/germany.png) no-repeat left top;
	height: 832px;
	position: relative;
	width: 615px;
}

.map-marker {
	background: url(../img/map-marker.png) no-repeat left top;
	cursor: pointer;
	height: 31px;
	position: absolute;
	width: 53px;
}

#artist-info {
	background: #a50385;
	color: #fff;
	display: none;
	height: 120px;
	padding: 8px;
	position: absolute;
	width: 200px;
}

#artist-info h3 {
	color: #fff;
	margin: 0 0 12px 0;
}

#artist-info p {
	margin: 4px 0;
}

div.video {
	display: inline-block;
	margin: 24px 10px 0 0;
	vertical-align: text-top;
	width: 280px;
}

div.video  h2 {
	margin: 0 0 8px 0;
	min-height: 54px;
}

div.video  div.video-text {
	margin: 8px 0 12px 0;
}

#flexslider-621 {
    margin-top: 36px;
}

#content a.top-link {
	background: url(../img/up1.gif) no-repeat right top;
	color: #a5037c;
	display: inline-block;
	margin-left: 12px;
	padding: 0 18px 0 0;
}

#content a.top-link:hover {
	background: url(../img/up2.gif) no-repeat right top;
	color: #000;	
}

/*
 + also defined in rte.css
 */
p.text-highlight {
	color: #a5037c;
	font-family: "Francois One", sans-serif;
    font-size: 13px;
	line-height: 18px;
	text-transform: uppercase;
}

p.lyrics {
	color: #a5037c;
}

td.lyrics {
	color: #a5037c;
}