/*
wsschedule OFF
- bg  ef
- font ca


 
---


#E02232
„Schmuckfarbe“ > rot

#
hervorhebungsfarbe > gelb



FESTIVAL COLORS


Workshops > orange (korall)
#e05d4c

Research > grün
#159e70


 Pro Scene  > graublaugrünoderwas
#677f7f

 
Social > pinki
#ba418b

visual arts xdance > olivebraun
#3d3b08


Performances > blau
#0086b2


STB
2016
#e4b704

2017
#e5bc40




---

#808080 >dunkelgrau
- icons smbar
- font footer
- bg button (footer)
- default link color

#B3B3B3 > grau heller
- icons topheader
- hoz line footer

#EFEFEF > grau ganz hell
- bg smbar, filter, tagesflappen, footer, ws-schedule
 

#E6E6E6
nur grau linie (vertikaler trennstrich spalte3)
 
*/
 





/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../media/sys_fonts/roboto-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff') /* Modern Browsers */
}

/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../media/sys_fonts/roboto-v20-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-italic.woff') format('woff') /* Modern Browsers */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../media/sys_fonts/roboto-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-v20-latin-ext_latin-700.woff') format('woff') /* Modern Browsers */
}



 

/* roboto-condensed-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-regular.woff') format('woff') /* Modern Browsers */
}


@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-italic.woff') format('woff') /* Modern Browsers */
}


/* roboto-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700.woff') format('woff') /* Modern Browsers */
}

/* roboto-condensed-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/roboto-condensed-v18-latin-ext_latin-700italic.woff') format('woff') /* Modern Browsers */
}



 /* inconsolata-regular - latin-ext_latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url('../media/sys_fonts/inconsolata-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
       url('../media/sys_fonts/inconsolata-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../media/sys_fonts/inconsolata-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../media/sys_fonts/inconsolata-v18-latin-ext_latin-regular.woff') format('woff') /* Modern Browsers */
}





 .noscreen {
 	display:none;
 }



 /* images positionierung responsive

 max-width: 100%;
*/
img{
margin:0;
padding:0;
display: block;
border:none;

width: 100%;
height: auto !important;
-ms-interpolation-mode: bicubic; 

/*
 image-rendering: optimizeQuality;
 image-rendering: optimize-contrast;
 image-rendering: -webkit-optimize-contrast;
 */

}

img.img45{
width:45%;
}




/* pre */
.preinc {
margin:20px;
padding:10px;
border-left:5px solid #ddd;
background: #eee;

color:#0000cc;
font-size: 15px;
}

.preinc:before{
content: "[inc]";
color:#E02232;
}
.preinc:after{
content: "[/inc]";
color:#E02232;
}

/* general a-tag */
a, a:focus,a:active,a:hover,a:visited {
text-decoration:none;
color:#808080;
outline: none!important;
}

 h1 a,
 h2 a,
 h3 a,
 h4 a{
color:#222!important;
text-decoration:none!important;
outline: none!important;
border:none!important;
 }



 .article h1 a,
 .article h2 a,
 .article h3 a,
 .article h4 a{
text-decoration:none!important;
outline: none!important;
border:none!important;
 }


 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover{

 }
 


/* general elements 
line-height:1.5;

font-size:10.5pt;
*/

html, body { 
	width: 100%;
			
				font-family: 'Roboto', 'Helvetica', Arial, sans-serif;
				font-weight: 400;
		font-size:13px;
		line-height:1.48;
		color:#000;
		color:#222;
		background-color:#fff;

}

html{

}

.fontsmoothing{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/
	

 ul, ul:focus, li, li:focus {
outline:0;
margin:0px;
}

ul {
padding-left:20px;
}
li {
padding:0;
}




		.inconsolata {
				font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.1em;

				font-size:12px;
			}
			



		h1, h2, h3 {
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				margin:0px;
				padding:0px;
			 
			}
h1 {
				font-size: 21px;
				line-height:1.14;
				line-height: 1.1;

}





	

/*
= only spaltenheader .headline h1;
	font-size: 24px;
	line-height:1;


	font-size: 21px;
	line-height: 1.14;


	font-size: 18px;
	line-height: 1em;


	font-size: 16px;
	line-height: 1.125;


		font-size: 14px;
				line-height: 1.14;
*/
h2 {
font-size: 18px;
line-height: 1.1;

}
h3 {
				font-size: 15px;
				line-height: 1.1;
}


p, pre{
margin:20px 0px;
}


.header + p{
margin-top:3px;
}


h1 + p,
h2 + p,
h3 + p
{
margin-top:3px;
}

h2 + .noprint > p{
margin-top:0px;	
}



p + h1,
p + h2,
p + h3{
margin:20px 0px 0px 0px;
}
 


h4 {
				font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				letter-spacing: 0.1em;

		margin:0px;
				padding:0px;

				font-size: 15px;
				line-height: 1.4;
					text-transform: uppercase;
}

h2 + h4{
margin-top:5px;
}


.uppercase{
				text-transform: uppercase;
				}

i, em, .italic {
					font-style: italic;
				}

.bold, b, strong {
					font-weight: 700;
				}



.credits {
		font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				letter-spacing: 0.1em;

		margin:0px;
				padding:0px;

				font-size: 12px;
				line-height: 1.1;
			 
				}



.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }


/*
fixed
	width:980px;

fluid
	width: 100%;
	max-width:1057px;
	max-width:1066px;

*/	
#wraper {
	position: relative;
	margin: 0 auto;
	width: 100%;
 	max-width:1059px;
 
}
 


/* upgrade browser */
#upgrade{
display: none;
padding:15px;
font-size:12px;
font-weight:700;
text-align:left;
background: #E02232;
color:#fff;
}



/* slidecontent */
.js .slidecontent div{
display: none;
}





/* image transform sw > color*/

.bw-transform {
	display: block;
	position: relative;

}
.bw-transform img{
	width:100%;
}


.bw-transform .overlay{
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
opacity: 1;

-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
}
 

.bw-transform a{
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
display: block;

z-index: 999;
border:none!important;
}

.bw-transform a.vbox{
 background:  url('../media/sys_pics/vPlayBtn.png') center center no-repeat;

}






/* old spalten */

.col-single, .col-double {
float:left;
text-align:left;
}
.c3{
	float:right;
color:#808080;

/*
	-webkit-transition: color 0.2s;
	-moz-transition:  color 0.2s;
	-o-transition:  color 0.2s;
	*/
}
.c3:hover{
color:#000;
}
.c3:hover .bw-transform .overlay{
opacity: 0;
}

.col-single {
width:33.3333333333%;
}
.col-double{
width:66.6666666666%;
clear:left;
}
.col-full{
width:100%;
clear:left;
}









/* lines */

.double-line {
 border-top: 3px double #000;
}
.single-line {
border-top: 1px solid #b3b3b3;
}
.bar-line{
border-top: 10px solid;
}

.footer-line{
border-top: 5px solid  #000;
}


.bar-line.pf{
border-color:#0086b2;
}

.bar-line.ws{
border-color:#e05d4c;
 
}
.bar-line.rs{
border-color:#159e70;
}
.bar-line.sc{
border-color:#ba418b;
}



/* col padding, gutter 
*/

.inner {
position: relative;
margin:0px 16px;
text-align: left;
overflow:visible;
}



.inner-small {
margin:0px 16px;
padding-left:32px;

position: relative;

text-align: left;
overflow:visible;
border-left:1px solid #E6E6E6;
}


.inner + .inner-small{
margin-top:40px;
}




/* 
header
*/
.header {
min-height:60px;
}
 .c3 .header + .article{
border-top:3px double #000;
padding-top:16px;
}
 .c3 h1.header + .article{
border-top:0px;
padding-top:0px;
}

.col-side .header + .article{
border-top:3px double #000;
padding-top:16px;
}
.col-side h1.header + .article{
border-top:0px;
padding-top:0px;
}



/* 
<div class='header double-line'><h1>FEATURE VIDEO</h1></div>
*/
.header h1{
font-size: 24px;
line-height:1;	
margin-top:5px;
}
 

/* 
<h1 class="header double-line">FEATURE VIDEO</h1>


h1.header {
font-size: 24px;
line-height:1;	
padding:5px 0px 10px 0px;
min-height:30px;
}

.c3 h1.header {
font-size: 21px;
line-height:1;	
padding:5px 0px 10px 0px;
min-height:30px;
}

*/

h1.header {
font-size: 24px;
line-height:1;	
padding:10px 0px 20px 0px;
min-height:30px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.c3 h1.header {
font-size: 21px;
line-height:1;	
padding:10px 0px 20px 0px;
min-height:30px;
}
.col-side h1.header {
font-size: 21px;
line-height:1;	
padding:10px 0px 20px 0px;
min-height:30px;
}

h1.header.bar-line{
margin-top:40px;
min-height:20px;
}
 
 .special h1.header.bar-line,
 .pf h1.header.bar-line {
color: #0086b2;
border-color:#0086b2;
}

 .ws h1.header.bar-line {
color: #e05d4c;
border-color:#e05d4c;
}

 .rs h1.header.bar-line {
color: #159e70;
border-color:#159e70;
}

 .ps h1.header.bar-line {
color:#677f7f;
border-color:#677f7f;
}

 .sc h1.header.bar-line {
color: #ba418b;
border-color:#ba418b;
}


h2.header {
min-height:30px;
}



/* 
seperator
*/


.line {
border-top: 1px solid #b3b3b3;
height:	1px;
line-height:1px;
margin:15px 0px;
}
.line + p{
margin-top:0px;
}


.bar{
border-top:5px solid #b3b3b3;
height:	1px;
line-height:1px;
margin:20px 0px;
}
.bar + p,
.bar + .article{
margin-top:0px;
padding-top:0px;
}




/* mainpage */
.highlight {
text-transform: uppercase;
font-style:italic;
}


.sidebox {
color:#fff;
padding:8px 14px;
margin-bottom:0px;

/*

-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	*/

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sidebox .line {
border-top: 1px solid #fff;
height:	1px;
line-height:1px;
margin:15px 0px;
}
.sidebox .line + p{
margin-top:0px;
}


.sidebox .bar{
border-top:5px solid #fff;
height:	1px;
line-height:1px;
margin:20px 0px;
}
.sidebox .bar + p,
.sidebox .bar + .article{
margin-top:0px;
padding-top:0px;
}
 
 


.sidebox h1,
.sidebox h1.header {
font-size: 21px;
line-height:1;	
padding:5px 0px 0px 0px;
min-height:30px;
}

.sidebox h1.header.bar-line {
margin-top:20px;
border-top:5px solid #fff;
height:40px;
}



.inner iframe{
margin:0;
border:0;
display: block;
}



 
.inner + .inner-small  .article:first-child{
border-top:3px double #000;
padding-top:16px;
}



.sidebox > h1{
margin-bottom: 10px;
}

 
.sidebox.heutemobile,
.sidebox.heute {
	background:#E02232;
	text-transform:none;
margin-top:0px;
}

.sidebox.heutemobile a,
.sidebox.heutemobile a:active,
.sidebox.heutemobile a:visited {
color:#fff;
}

/*
.sidebox.heutemobile  > h1{
 padding-left:40px;
 background: transparent url('../media/sys_pics/arrow-sprite.png') no-repeat left -262px;
 background: transparent url('../media/sys_pics/menuiconB.png') no-repeat left 8px;
}
*/

.special .sidebox,
.pf .sidebox {
	background:#0086b2;
}

.ws .sidebox {
	background:#e05d4c;
 
}
.rs .sidebox {
	background:#159e70;
}

 


.sidebox .item {
position: relative;
padding:16px 0px 16px 0px;
border-bottom: 1px solid #fff;
}
.sidebox h1 + .item {
padding:0px 0px 16px 0px;
}
.sidebox .item:last-child {
border-bottom:none;
}

/* current selected ws
 .sidebox .item.selected{
border-left:7px solid  #fff;
padding-left:7px;
margin-left:-14px;
position: relative;
}

 .ws .sidebox .item.selected{
background: #cb6702;
background: #c16100;
background: #ad5700;
margin:0px -30px;
padding:30px 12px;
}

border-bottom:1px solid rgba(0, 0, 0, 0.125);
 */ 

 .ws .sidebox .item.selected{
background:#b34436;
margin:-1px -24px 0px -24px;
padding:20px 12px;


border-top:1px solid #fff;
border-bottom:1px solid #fff;
 
}




.sidebox .artist{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

				font-size:14px;
				line-height:1.14;
				margin-bottom: 8px;
}

.sidebox .artist .addon,
.sidebox .artist .ADDON{
background-color:yellow;
color:#333;
padding:3px;
width:40px;
margin-right:5px;
font-size:12px;
margin-bottom:5px;
}



.sidebox .titel{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;
				
				font-size:14px;
				line-height: 1.14;
				margin-top:3px;

}

.sidebox .multidoz{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:400;
font-style: italic;
font-size:14px;
line-height:normal;
color:#fff;
color:#222;
margin:10px 0px;
}
 .sidebox .multidoz a{
				color:#222!important;
				text-decoration:none;
				border: none!important;
}

.sidebox .location{
			font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				font-size:16px;
				line-height:1.3;
				color: #fff;
				margin-top:0px;
				/* margin-left:5px; */
				margin-bottom:8px;
}

 

.sidebox .loc a{
				color:#fff!important;
				text-decoration: none;
				border: none!important;
}
.sidebox .loc a:hover,
.sidebox .loc a:active{
border-botttom:1px solid #fff!important;
}

/*
.sidebox .location .time,
.sidebox .location .loc,
.sidebox .location .date
{
background:  url('../media/sys_pics/sprite-icons.png') no-repeat;
display:block;
margin:0px;
margin-right:7px;
}
*/

.sidebox .location .time,
.sidebox .location .loc,
.sidebox .location .date
{
display:block;
margin:0px;
margin-right:7px;
}


/* new glyphicons */
.sidebox  .location .glyphicon{
margin-right:8px;
font-size: 14px;
}


.sidebox  .location .date .glyphicon{
margin-right:7px;
font-size: 12px;
margin-left:1px;
}

/*
.sidebox .location .time,
.sidebox .location .loc,
.sidebox .location .date
{
background:  url('../media/sys_pics/sprite-icons.png') no-repeat;
display:block;
margin:0px;
margin-right:7px;
}





.sidebox .location .date{
 background-position: 0px -26px;
 padding-left: 18px;

}
.sidebox .location .time{
 background-position: 0px -146px;
 padding-left: 18px;
}

 
.sidebox .location .loc{
  background-position: 0px -87px;
 padding-left: 18px;
 margin-bottom:5px;
}
*/




/*
.sidebox .icalbtn {
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				font-style: italic;

				margin:0px;
				padding:0px;
					
					font-size:12px;
text-transform: uppercase;
					margin-right:10px;
					
margin-top:-1px;
					color:#222;
}
*/
.sidebox .icalbtn {
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				font-style: italic;

 
					font-size:13px;
text-transform: uppercase;
					 
					
 
					color:#fff;
					color:#222;
				
					line-height:20px;
					height: 20px;
					padding:0px;

					
display:block;

 
				/*
				position: absolute;
  				bottom:14px;
  				left:0px;
  				*/
 				float:left;
  			
}
 
 .sidebox .xicalbtn {
  height:20px;
line-height:20px;
padding: 0 5px;
	border:1px solid #222;
	font-size:13px;
 }


 
.sidebox .icalbtn a,
.sidebox .icalbtn a:visited{
color:#222!important;
text-decoration:none!important;
border:none!important;
}

.sidebox .icalbtn a:hover,
.sidebox .icalbtn a:active{
color:#fff!important;
}



/* black (default white)

.sidebox.heute .location{
				color: #000;
	}
.sidebox.heute .location .date{
 background-position: 0px -26px;
 padding-left: 16px;
}
.sidebox.heute .location .time{

 background-position: 0px -116px;
 padding-left: 14px;
}
.sidebox.heute .location .loc{

  background-position: 0px -57px;
 padding-left: 14px;
}
*/



 
.sidebox .item .ticketlink{
		letter-spacing: normal;
		float:right;
margin-top: 0px;
}
 
 




/* sidebox heute
- automatic from performanceprogram
 */
 

#heute {
text-transform: uppercase;
}
#heute .item:first-child{ 
padding-top:0px;
}


.sidebox.heute .article {
border-top: 1px solid #fff !important;
}
 
 .sidebox .bar + .article,
.sidebox.heute h1 + .article{
border-top:none!important;
}

.sidebox.heute .article {
border-bottom:none;
}

 
/* article border below
.sidebox.heute .article {
border-bottom: 1px solid #fff!important;
}

.sidebox.heute .article:last-child{
border-bottom:none!important;
}

*/
.sidebox.heute .location,
.sidebox.heutemobile .location {
margin-top:8px;
}
.sidebox.heute .location .time,
.sidebox.heute .location .loc,
.sidebox.heutemobile .location .time,
.sidebox.heutemobile .location .loc 
{
display: inline-block;
}

.sidebox.heute a,
.sidebox.heute a:visited{
color:#fff;
}

 
.sidebox.heute .article a,
.sidebox.heute .article a.more,
.sidebox.heute a.more,
.sidebox.heute .article a:visited
 {
border-bottom: 1px solid #fff!important;
}

.sidebox.heute a.more:hover,
.sidebox.heute .article a:hover
 {
border-bottom: 1px solid #000!important;
}

/* redbox alert text */
.sidebox.heute .subtitel2{
color:#000;
text-transform: none;
}






/* 
vbb
.sidebox.vb .location{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;
				font-size:12px;
				line-height:1.5;

}
*/



/* 
vc
*/
.sidebox.vc .titel{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				font-size:12px;
				line-height:1.14;
				font-style: italic;

}
.sidebox.vc .artist{
font-size:14px;
				font-style:normal;
}


.sidebox.vc .location{
				font-size:13px;
				line-height:1.5;
}
.sidebox.vc .location{
color: #000;
}


.sidebox.vc .location .date{
 background-position: 0px -26px;
 padding-left: 18px;
}
.sidebox.vc .location .time{
 background-position: 0px -117px;
 padding-left: 16px;

 float: left;
}
.sidebox.vc .location .loc{
  background-position: 0px -57px;
 padding-left: 16px;

float: left;
}






/* bannner 	margin: 0 auto; */

.teaser-group + .bannerbox {
}


.bannerbox {
margin-bottom:20px;
background: #ccc;
max-width: 300px;
}
.bannerbox img{
display:block;
width: 100%;
}

/* border-top:3px double #000;

 padding:20px 0px 0px 0px;
  */
 .bannerwraper {
border-bottom:3px double #000;
}


/* FILTER */
.filter {
position: relative;
padding:0px;
background-color:#EFEFEF;
margin:0px 16px 40px 16px;
text-align: left;

 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


 .pmovesfilter {
position: relative;
padding:0px;
border-top: 3px double #000;
background-color:#EFEFEF;
margin:20px 0px 40px 0px;
text-align: left;

 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.filter img{
width: 100%;
}

/*
.filter .item {
margin-right:20px;
float:left;
}
*/
.filter .item {
float:left;
margin-right:2%;
width:23%;
}


/* ip performances filter */
.filter.ipfilter .item1{
width:58%;
}

.filter.ipfilter .item2{
width:40%;
margin-right:0%!important;
}

.filter.ipfilter ul li{
float:left;
width:50%;
}
 .filter.ipfilter ul li a{
margin-right:1px;
}
 



/* PUBLIC MOVES  filter */
.filter.pmovesfilter .item1{
width:62%;
}

.filter.pmovesfilter .item2{
width:36%;
margin-right:0%!important;
}

.filter.pmovesfilter ul li{
float:left;
width:50%;

}
 .filter.pmovesfilter ul li a{
margin-right:1px;
padding-left:0px;
display: inline-block;
}

/*
  .filter.pmovesfilter ul li a .bx{
width:25px;
height:100%;

display: inline-block;
margin-right:8px;
background: #808080;
}

  .filter.pmovesfilter ul li a.selected  {

background: #666;
background:#EFEFEF;
background: #B3B3B3;
background: #808080;
}
  .filter.pmovesfilter ul li a.selected .bx{
background:#e05d4c;
}
*/
  .filter.pmovesfilter ul li a {
 background: transparent;
color:#222!important;
horizontal-align:middle;
/*
text-transform: none;
letter-spacing:0;
font-size: 15px;
font-weight: normal;
*/
}
  .filter.pmovesfilter ul li a:hover {
background: transparent;
color:#e05d4c!important;
}

/*
  .filter.pmovesfilter ul li a .bx{
margin-top:3px;
width:20px;
height:20px;

display: inline-block;
margin-right:8px;
background: #808080;

border-radius:10px;

}
*/
  .filter.pmovesfilter ul li a .glyphicon{
 margin-right:5px;
font-size:16px;
color:#777;
}

  .filter.pmovesfilter ul li a.selected{
color:#e05d4c!important;
}

  .filter.pmovesfilter ul li a .glyphicon.selected{
color:#e05d4c;
}


  .filter.pmovesfilter ul li a.selected  {
background: transparent;

}
  .filter.pmovesfilter ul li a.selected .bx{
background:#e05d4c;
}





/* ws schedule filter */

.filter.wsfilter .item1{
width:40%;
}

.filter.wsfilter .item2{
width:30%;
}

 
.filter.wsfilter .item3{
width:26%;
margin-right:0%!important;
}


.filter.wsfilter .item:last-child {
margin-right:0%!important;
}

.filter .item .label,
.filter .item .wslevels{
 				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				margin:0px;
				padding:0px;
					font-size:12px;
}


.filter input.searchfield,
.filter .searchfield input {
outline: none;
border:1px solid #b3b3b3;
height:24px;
line-height:24px;


 font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:400;
font-size:14px;
color: #000;


padding:0px;
padding-left:1%;
margin:0px;
margin-bottom:3px;
width:98%;
}



.filter  .btnSubmit {
background: #000;
width:150px;
font-size:14px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


.filter .searchfield .btnSubmit:hover {
background-position: 0px -357px;
   }


/* if unstyled */
.filter .item {
position: relative;
 
}

.filter   select{
width:100%;
background: #808080;
color: #fff;
border:none;
box-shadow: none;

-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;


height:25px;
line-height:25px;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
font-size:14px;
text-transform: uppercase;
}

.phasefilter  select{
height:36px;
line-height:36px;
}



/* .filter .item .customSelect */
.filter .customSelect{
 background: #808080 url('../media/sys_pics/sprite-icons.png') no-repeat;
background-position: right -594px;
display: block;
 
padding:0px;
color: #fff;
overflow: hidden;


height:25px;
line-height:25px;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
font-size:14px;
text-transform: uppercase;

-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.phasefilter .customSelect{
 background: #808080 url('../media/sys_pics/sprite-icons.png') no-repeat;
background-position: right -590px;
height:36px;
line-height:36px;
}



 /* innerspan */
.filter .customSelect span{
padding-left:5px;
padding-right:20px;
}
 


/*
custom select
 
.customSelect.customSelectHover {

}
.customSelect.customSelectOpen {
 
}
.customSelect.customSelectFocus {
 
}

.customSelect.changed {
 
}
customSelectDisabled{
 
}
.customSelectInner {
 
}
*/





 .filterselect{
 cursor: pointer;
}

.filter  .customSelect.sortbox{
 background-color: #B3B3B3;
 color: #fff;
}


.filter .item .customSelect.sortbox:hover{
 background-color:#000;
}
 
.filter .item .customSelectOpen {

}
.ws .filter .item .customSelectChanged {
background-color: #E02232;
 background-color: #e05d4c;
}
 
.ws .filter .item .filterselect.active
 {
 background-color: #e05d4c;
}


.pf .filter .item .customSelectChanged {
background-color:#0086b2;
}
.pf .filter .item .filterselect.active
 {
background-color:#0086b2;
}


.mobilefilter ul,
.filter  ul {
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
font-size:13px;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: left;
 margin:0;
 padding:0;
}


  .mobilefilter ul#pmlocfilter,
 .filter  ul#pmlocfilter {
letter-spacing: 0.03em;
text-transform:none;
 font-size:14px;
}


.mobilefilter  ul li,
.filter ul li{
outline:0;
list-style-type:none;

margin-bottom:1px;
width:100%;
}

.mobilefilter  ul li a,
.filter ul li a{
display: block;
height:25px;
line-height:25px;
padding:0px 5px;
color:#fff!important;
border:none!important;
 background-color: #B3B3B3;
}

.filter ul li a:visited{
color:#fff!important;
border:none!important;
 background-color: #B3B3B3;
}
.filter ul li a:hover,
.filter ul li a:active
{
color:#fff!important;
border:none!important;
 background-color: #808080;
}

.filter ul li a.selected{
 background-color: #000;
}


.filter .wslevels input {
	width:auto;
	height:auto;
	margin-right:5px;
}
.filter .wslevels span{
	line-height:20px;
}
.filter .wslevels .checked{
color: #e05d4c;
}


.filter .wslevels span.lbl{
color:#808080;
}





/* container for filtercontent */
.filtercontent{
padding:16px;
}


/* mobilefilter button with arrow down

 background-color: #B3B3B3;
 color: #fff;
 border-bottom: 1px solid #ddd;
  */
.mobilefilter-btn {
 display: none;

 background-color: #B3B3B3;
 color: #fff;
 outline: none;
}
.mobilefilter-btn .glyphicon {
float: right;
 line-height:36px;
}
 

.mobilefilter-btn h2{
margin:0px;
 height:36px;
 line-height:36px;
 padding:0px 16px;
}
.mobilefilter-btn:hover{
cursor: pointer;
}


/* avoid selection on buttons */

a::selection,
 .mobilefilter-btn h2::selection {
  background: none; /* WebKit/Blink Browsers */
}
 
 a::-moz-selection,
.mobilefilter-btn h2::-moz-selection {
  background: none; /* Gecko Browsers */
}





/* resultheader */

 .resultheader{
border-top: 1px solid #b3b3b3;
height:50px;
 				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				margin:0px;
				padding:0px;
					font-size:12px;
}
 .resultheader > div{
	position: absolute;
padding:5px;
font-weight: 700;
background-color:#EFEFEF;
font-size: 14px;
color:#000;
}
 

/**
 FESTIVAL
PERFROMANCES LIST
artist: rbc bold italic > 18/16 => 0.89
titel: incon > 15/16 => 1.07
loc/time: incon > 13/15,6
ticketbutton: rbc bold italic > 12
zusatz: rbc bold > 10 / (12)
tagesflags: rbc bold italic  14/24
 */




/* performance list


.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

 */

 /* spinn */
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/* bounce */
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* scale fade */

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}



 

.listmore{
text-transform: uppercase;
color: #0086b2;
color:#E02232;
display: block;
padding-bottom:20px;

	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
	font-weight: 700;
	font-size:18px;
	font-size:20px;
	font-style:italic;
 
	 cursor: pointer; cursor: hand;

}

 


.listmore .spinner {
	display:inline-block;
 -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
padding:0px;
}
/*
.listmore .spinner {
	display:inline-block;
  width:20px;
  height:26px;
padding:0px;
margin-right:5px;
}
*/

.listmore .glyphicon{
font-size:24px;
line-height:24px;
padding:0px!important;
  width:18px;
  height:25px;
  margin-right:5px;
}



#btn-list-after {
margin-top:20px;
}
#btn-hide-after {
display: none;
margin-top:20px;
}

#btn-list-before {
}
#btn-hide-before {
display: none;
}



#pf-list .daycontainer{
position: relative;
border-top: 1px solid #b3b3b3;
border-top: 1px solid #0086b2;
}




#pf-list .datemobile,
#pf-list .date{
float:right;
width:60px;
height:60px;
background-color:#EFEFEF;
text-align: center;


		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

				font-size:14px;
				line-height:14px;


background-color:#0086b2;
	color:#fff;

	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}





#pf-list .daycontaineron{
position: relative;
border-top: 1px solid #E02232;
}

#pf-list .datemobile {
	display: none;
}


#pf-list .daycontaineron .date,
#pf-list .daycontaineron .date .wd,
#pf-list .daycontaineron .date .kd

{
background-color:#0086b2;
background-color:#E02232;
	color:#fff;

	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

 

#pf-list .date .wd{
	padding-top:10px;
		color:#B3B3B3;
			color:#fff;
}
#pf-list .date .kd{
 	padding-top:8px;
	color:#000;
		color:#fff;
}
 






/* new daycontainre 

#pf-list .daycontainer {
border:none;
border-top:none;
}
#pf-list .daycontainer .date{
	display: none;
}


#pf-list .daycontainer .datemobile {
display: block;
  float:none;
  width: 100%;
text-align:right;
height:26px;


margin:0px;
font-size:26px;
line-height:26px;

 color:#0086b2;

padding:5px 0px;
border-bottom:5px solid #0086b2;
background:#ffffff;
 
}

*/








#pf-list .item {
padding:18px 0px;
}

/*
#pf-list .item a,
#pf-list .item a:hover,
#pf-list .item a:active,
#pf-list .item a:visited {
text-decoration:none!important;
border:0!important;
color:#000;
}
*/

#pf-list .item:first-child {
padding-top:0;
}

#pf-list .item:last-child {

}



#pf-list.prod-list .item{
border-top: 1px solid #e6e6e6;
}
#pf-list.prod-list .item:first-child {
padding-top:18px;
}
 


#pf-list .item .tmb{
float:left;
border:0;
width:147px;
margin:0px 18px 0px 0px;
 
width:192px;
max-width:192px;
}


#pf-list .item .content{
	margin-left: 210px;
 
	color: #000;
	text-transform: uppercase;

}




#pf-list .item .tmb img{
width:100%;
}
#pf-list .item .tmb a{
}




#pf-list .item .content a,
#pf-list .item .content a:visited {
text-decoration:none!important;
border:0!important;
color:#000;
}


#pf-list .item .content a.cie-titel:hover,
#pf-list .item .content a.cie-titel:active
{
color:#0086b2!important;			
}
 

/*
letter-spacing: 0.1em;
*/
#pf-list .item .content .location,
#pf-list .item .content .location .time,
#pf-list .item .content .location .loc

{
			font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				color: #000;

 font-size:14px;

}






#pf-list .item .content .artist{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

				font-size:17px;
				line-height:1;
					font-style:normal;
							font-style:italic;	
							margin-bottom:2px;
}





#pf-list .item .content .subtitel,
#pf-list .item .content .titel{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;

				font-size:14px;
				line-height:1.2;
					letter-spacing:normal;
}

#pf-list .item .content .subtitel{
margin:5px 0px;
text-transform: none;
}
#pf-list .item .content .subtitel2{
margin:5px 0px;
text-transform: none;
color:red;

		font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
 font-size:14px;

}


 #pf-list .item .content .titel > p{
 margin-top:5px;
}





#pf-list .item .content .location{
padding: 0px;
margin:0px;
margin-top:5px;

}

 

/*
#pf-list .item .content .location .time, #pf-list .item .content .location .loc {
	 background: url('../media/sys_pics/sprite-icons.png') no-repeat;
display: inline-block;
	 zoom: 1;
	*display: inline;
	margin-right:10px;
}

#pf-list .item .content .location .time{
 background-position: 0px -117px;
 padding-left: 15px;
}

#pf-list .item .content .location .loc{
  background-position: 0px -59px;
 padding-left: 15px;
}

*/

/* new glyphicons */
#pf-list .item .content .location .time, #pf-list .item .content .location .loc {
 
display: inline-block;
	 zoom: 1;
	*display: inline;
	margin-right:10px;
}

#pf-list .item .content .location .glyphicon{
margin-right:5px;
font-size: 14px;
}

/* production list */
 #pf-list .item .content .location .prod-dates .glyphicon{
font-size:12px;
}
 #pf-list .item .content .location a .prod-dates {
color:#0086b2;
}



#pf-list .item .content .ticketlink{
margin-top:2px;
}


#pf-list .flag  {
margin-bottom:3px;
margin-right:5px;
}



/* interplay
2nd listing within pf-list
*/
#pf-list .interplay{
margin-top:60px;
}

#pf-list .interplay .item {
 
}

 

#pf-list .interplay .daycontainer{
position: relative;
border-top: 1px solid #b3b3b3;
}


#pf-list .interplay .datemobile,
#pf-list .interplay .date{
background-color:#EFEFEF;
}

#pf-list .interplay .date .wd{
		color:#B3B3B3;
}
#pf-list .interplay .date .kd{
	color:#000;
}
 




/* performance related content */
#related .item{
border-top: 1px solid #e6e6e6;
padding:18px 0px;
}
#related  .item:first-child {
padding-top:18px;
}


#related.item:first-child {
padding-top:0;
}

#related .item:last-child {

}
 
 

#related .item .content  
{
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
font-weight: 400;
color: #000!important;
 font-size:14px;

 	margin-left: 210px;
 
	color: #000;
	text-transform: uppercase;
}


#related .item .content .artist{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

				font-size:17px;
				line-height:1;
					font-style:normal;
							font-style:italic;	
							margin-bottom:2px;
							clor:#222;
							text-transform: uppercase;
}


#related .item .content .subtitel,
#related .item .content .titel{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;

				font-size:14px;
				line-height:1.2;
					letter-spacing:normal;
}

#related .item .content .subtitel{
					line-height:1;	

}

#related .item .content .titel > p{
 margin-top:5px;
}


#related .item .content a,
#related .item .content a:visited {
text-decoration:none!important;
border:0!important;
color:#000;
}

#related .item .content a:hover,
#related .item .content a:active
{
color:#666!important;			
}
 

 #related  .flag{
margin:0px 0px 5px 0px!important;
background:#666;
}
 

  #related  .flag.ip{
background:#0086b2;
}


 #related  .flag.ws{
background:#e05d4c;
}

 #related  .flag.rs{
background:#159e70;
}

 #related  .flag.ps{
background:#677f7f;
}

 #related  .flag.sc{
background:#ba418b;
}


/*
 #pf-list .item .content .prod-dates:before{
  content: '';
  position: absolute;
margin-left:-16px;
margin-top:5px;
  width: 20px;
  height: 20px;
 background: url('../media/sys_pics/sprite-icons.png');
}


#pf-list .item .content .prod-dates{
 padding-left:16px;
display: inline-block;
   zoom: 1;
	*display: inline;
}
*/



/* performance detail


PERFROMANCES DETAIL
cie: rbc bold italic > 21/21
titel: incon > 18/18

termin-box header =  teaser groupheader:
termin-box copy: incon > 13 / (15,6)


#performance-detail .header {
height:auto;

text-transform: uppercase;
}


 

#performance-detail  .artist{
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

				font-size:21px;
				line-height:1.2;
				font-style:italic;
}
#performance-detail  .titel{
			font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				letter-spacing: 0.1em;
				font-size:18px;
				line-height: 1;

				padding-bottom:20px;
}


#performance-detail  .titel-b{
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

				font-size:18px;
				line-height:1.2;
				padding-bottom:10px;
}
 */

/* vc 
#performance-detail.vc  .artist{
				font-style:normal;
}
#performance-detail.vc  .titel-b{
	font-style:italic;
}
*/

#pf-detail h2{
text-transform: uppercase;
margin-bottom:5px;
}


.flag  {
	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

font-size: 11px;		
padding:1px 3px;
color:#fff;
background:#0086b2;

display: inline-block;
 zoom: 1;
*display: inline;
margin:0;

height:15px;
line-height:15px;

	text-transform: uppercase;

	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.flag.zusatz {
background: #E02232;
}



.sidebox .flag.zusatz {
background: #fff;
color:#444;
margin-bottom:8px;
}
.pf .sidebox .flag.zusatz {
background: #fff;
color:#0086b2;
}
 .sidebox.heute .flag.zusatz {
background: #fff;
color:#E02232;
}
  .sidebox.heute .canceled {
background: #fff;
color:#E02232;
padding:1px 5px;
display: inline-block;
}


.flag a,
.flag.zusatz a{
color:#fff!important;
border:none!important;
}

#pf-detail .flag{
margin:30px 5px 3px 0px;
}





/* WORKSHOPS  */
 
.level,
.LEVEL
{
margin-left: 5px;
color:#000;
font-weight: 400;
}



.selected-ws{
margin:30px 0px 0px 0px;
}

.selected-ws.selected-ws-bar{
border-bottom: 5px solid;
}


.selected-ws h2 {
font-size: 22px;
line-height: 1.1;
}

.selected-ws + h4{
color:#e05d4c;
padding-bottom:10px;
margin-bottom:20px;
border-bottom: 1px solid #b3b3b3;
}



.wsbio{
margin:0px;
margin-top:10px;
}


.wsbio .slidetoggle-btn{
margin:0px;
padding:10px 0px;
border-top:1px solid #ccc;
}
.wsbio .slidetoggle-content{
padding-top:10px;
margin-bottom:20px;
}





/* WS cartbtn responsive
 */
#wscartbtn
{
float: right;
text-align: right;
margin:20px 0px -20px 0px;
padding-right: 16px;
color:#000;
z-index:11111;
}

#wscartbtn .cart
{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

font-size:18px;
line-height:18px;

position: relative;
display:block;
float: left;
margin-left:16px;
}
#wscartbtn .cart span
{
	display: block;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;
font-size: 16px;
}

#wscartbtn .cart a
{
padding-left:45px;
color:#222;
display:block;
background: url('../media/sys_pics/wscart38.png') no-repeat 0px 0px;
}

.backgroundsize #wscartbtn .cart a{
background: url('../media/sys_pics/wscart380.png') no-repeat 0px 0px;
background-size:38px 38px;
}

#wscartbtn .cart .nr
{
position: absolute;
left:20px;
top:2px;
color:#e05d4c;
}



#wscartbtn .myaccount
{
	position: relative;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

font-size:18px;
line-height:18px;

display:block;
float: left;
border-right:1px solid #ccc;
padding-right:20px;
}

#wscartbtn .myaccount span
{
display: block;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;
font-size: 16px;
}
#wscartbtn .myaccount a
{
color:#222;
}

#wscartbtn .myaccount .loged{
color:#e05d4c;
}


 #myaccount-dropout{
display:none;
position: absolute;
width:200px;
top:45px;
left:-70px;
text-align:left;
background: red;
}

 



 
/* general dropout menu */

.dropOut {
	width:100%;

	background:#f5f5f5;
		background:#dedede;
		background:#222;
	float: left;
	position: relative;
	margin-top: 0px;
	z-index: 1111;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.30);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.30);
	box-shadow: 0 1px 3px rgba(0,0,0,.30);
}

.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #222;
	top: -8px;
	left: 50%;
	margin-left: -8px;
 
}
 
 
.dropOut ul {
outline:0;
margin:0px;
padding: 0px;
list-style-type:none;
}
.dropOut ul li {
text-align:center;
outline:0;
margin:0px;
padding:0px;
height: 35px;
line-height:35px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);

}
.dropOut ul li {
border-top:1px solid #333;
}

.dropOut ul li:first-child {
border-top:none;
padding-top:3px;
}

.dropOut ul li a{
display: block;
color: #fff!important;
}

.dropOut ul li.red a{
color:#e05d4c!important;
}

.dropOut ul li a:hover {
 background: #e05d4c;
}
.dropOut ul li.red a:hover{
color:#fff!important;
}
 







/* WS cartbtn   

wenn innerhalb content
#wscart
{
float: right;
text-align: right;
border-right: 5px solid #e05d4c;
margin:-10px 16px 30px 0px;
padding-right: 10px;
}


#wscart
{
float: right;
text-align: right;
border-right: 5px solid #e05d4c;
margin:30px 16px 0px 0px;
padding-right: 10px;
color:#000;
z-index:11111;
}

#wscart a,
#wscart a:visited
{
color:#000;
border:none;
}

#wscart a:hover,
#wscart a:active
{
color:#e05d4c;
border:none;
}


#wscart .cart
{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

font-size: 15px;
line-height:22px;
letter-spacing: 0.1em;
}

#wscart .cart a
{
display:block;
background: url('../media/sys_pics/sprite-icons.png') no-repeat;
 background-position: 0px -206px;
 padding-left:26px;
}



#wscart .log
{
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				font-size: 12px;

				letter-spacing: 0.1em;
				line-height: 1.3;
}
#wscart .log a:hover,
#wscart .log a:active
{
color:#fff;
background-color:#e05d4c;
border:none;
}
 */











a.otherws {
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size: 13px;
	line-height:1.14;
color:#fff;
font-style:italic;
}


a.otherws:after{
content: " »";
}


a.otherws,
a.otherws:visited{
color:#fff!important;
border-bottom:0px!important;
}

a.otherws:hover,
a.otherws:active{
color:#000!important;
border-bottom:0px!important;
}




/* WS dozraster */

.dozRasterWraper {
position: relative;
margin-bottom:50px;
}


.dozRasterWraper  .header{
border-top: 1px solid #b3b3b3;
height:50px;
color: #808080;

	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
	font-weight: 700;
			font-size: 12px;

			margin:0px;
			padding:0px;
z-index: 9999;
 background: #fff;

 margin-top:40px;

}

 
.dozRasterWraper .header .itemwraper {
}
			
 
.dozRasterWraper .header .abc,
.dozRasterWraper .header .itemwraper .item{
padding:0px;
margin:0px;
overflow: visible;
height:auto;
padding:5px 0px;
line-height:20px;
background:#EFEFEF;
color: #606060;
float: left;
width:9.5%;
margin-right:0.5%;
}

.dozRasterWraper.eight .header .abc,
.dozRasterWraper.eight .header .itemwraper .item{
width:8.5%;
margin-right:0.5%;
}
 
 
.dozRasterWraper .header .itemwraper .item.artist{
float: left;

width:29.5%;
margin-right:0.5%;
text-align:left;
background:#ffffff;
}
.dozRasterWraper.eight .header .itemwraper .item.artist{
float: left;
width:27.5%;
margin-right:0.5%;
}

 

.dozRasterWraper .department-header{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
	font-weight: 700;

position: relative;
padding:0px;
padding-top:10px;

 
background-color:#fff;
color: #222;
font-size:18px;
line-height:20px;

padding-bottom:10px;
border-bottom:1px solid #b3b3b3;
text-transform: uppercase;
}


/* department grouped dozraster */
.dozRasterWraper .department{
margin-bottom:0px;
}

.dozRasterWraper .slidetoggle-content{
display: none;
border-top:5px solid #b3b3b3;
margin:0px;
margin-bottom:40px;
padding-top:10px;
}
 
 .dozRasterWraper .department-header .glyphicon{
color:#b3b3b3;
 padding-right:5px;
 
}



 .listStyleBtn {
text-align:left;
	text-decoration:none;
font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				margin:0px;
				font-size:13px;
width:auto;
text-transform: uppercase;
display:inline-block;
 }

 .listStyleBtn a{
padding:0 10px;
margin:none;
height:25px;
line-height:25px;
display: block;

 		background: #fff;
   	color: #444;
   	border:1px solid #444;

   	background:#fff;
	border:1px solid #e05d4c;
	color:#e05d4c;

 
 }
 .listStyleBtn.selected a{
 
   	background:#fff;
	border:1px solid #e05d4c;;
	color:#e05d4c;


   	background: #e05d4c;
   	color: #fff!important;
   	border:1px solid #e05d4c;
 }
 
.listStyleBtn:after {

}










 .listStyleBtn .circle{
	width: 12px;
	height: 12px;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
background: #B3B3B3;
margin-bottom:0px;
margin-right: 5px;

display: none;
}

 .listStyleBtn.selected .circle{
background:#e05d4c;
}

/*
.dozRasterWraper .header .abc{
width:94px;
text-align: center;
line-height:30px;
color: #808080;
}

.dozRasterWraper .header .abc span{
color:#000;
}
*/





/* persistent header class 
.floatingHeader {
  position: fixed;
  top: 0;
  visibility: hidden;
}

 .floatingHeader .abc,
 .floatingHeader .item{
background: #808080!important;
color:#fff!important;

 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }
 */




.dozRasterWraper .row{
position:relative;
border-bottom:1px solid #B3B3B3;

clear:both;

	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
	font-weight: 700;
			font-size: 14px;

line-height: 21px;
padding:5px 0px;
color:#000;
}




/*
.dozRasterWraper .itemwraper{
float:right;
}


.dozRasterWraper .item{
display: block;
float: left;
width:94px;
height:21px;
border-right:1px solid #fff;
background: #fff;
color: #fff;

line-height: 21px;
text-align: center;
font-size: 12px;

 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.dozRasterWraper .row .artist{
width:420px;
line-height:15px;
padding-top:3px;
}


*/
.dozRasterWraper .item{
display: block;
float: left;
width:9.5%;
height:21px;
margin-right:0.5%;
background: #fff;
color: #fff;

line-height: 21px;
text-align: center;
font-size: 12px;

 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dozRasterWraper.eight .item{
width:7.5%;
width:8.5%;
}

.dozRasterWraper .item span.m{
display: none;
}
 
.dozRasterWraper .artist{
float: left;
width:29.5%;
margin-right:0.5%;
line-height:15px;
padding-top:3px;
}
 
.dozRasterWraper.eight .artist{
float: left;
width:27.5%;
}



.dozRasterWraper .item.off{
background:#ffffff;
}
.dozRasterWraper .item.on{
background:#e05d4c;
}
.dozRasterWraper .item.onrs{
background:#159e70;
}
.dozRasterWraper .item.onks{
background:#e4b704;
background:#e5bc40;
background:#9ed2c4;
}
 
.dozRasterWraper .item.ontt{
background:#677f7f;
}

 
.dozRasterWraper .item.onvaxd{
background:#3d3b08;
background:#e05d4c;
}
 

.dozRasterWraper .row .artist a,
.dozRasterWraper .row .artist a:visited{
color:#000!important;
border-bottom:0px!important;
}

.dozRasterWraper .row .artist a:hover,
.dozRasterWraper .row .artist a:active{
color:#e05d4c!important;
}


/* ws   schedule 
.scheduleWraper {
position: relative;
margin-bottom:60px;
}


.scheduleWraper .wsheader{
border-top: 1px solid #b3b3b3;
height:50px;
background:#ffffff;
}

.scheduleWraper .wsheader > div{
position: absolute;
padding:5px 20px;
font-weight: 700;
background-color:#EFEFEF;
background-color:#e05d4c;
font-size: 14px;
color:#000;
}
.scheduleWraper .wsheader .label{
color: #fff;
}
*/

  .scheduleWraper {
  	position: relative;
margin-bottom:60px;
  	margin-top:30px;
  }
 

 .scheduleWraper .wsheader{
border:none;
height:auto;
width: 100%;
line-height: 25px;

padding-top:10px;
background:#ffffff;
}

.scheduleWraper .wsheader > div{
position: relative;
padding:0px;
font-weight: 700;
background-color:#fff;
font-size:22px;
line-height: 22px;
color:#000;

padding-bottom:10px;
border-bottom:5px solid #e05d4c;
}
.scheduleWraper .wsheader .label{
color: #222;
font-size:16px;
white-space:nowrap;
}


.scheduleWraper .intenseflag{
background-color:#ffffff;
right:0px;
font-weight: 400;
font-size:18px;
color: #e05d4c;
padding:20px 0px;
}



.scheduleWraper .row{
position:relative;
border-bottom:1px solid #e05d4c;
clear:both;
height:auto;
margin-top:10px;
}

 

.ws .scheduleWraper .row{
border-bottom:1px solid #e05d4c;
}


 .scheduleWraper  .row .item > div{
border-right:1px solid #fff;
}
.scheduleWraper  .row .item:last-child > div{
border-right: none;
}





/*
 background:url('../media/sys_pics/sprite-icons.png') no-repeat;
 background-position: 0px -47px;
*/
.scheduleWraper .studio{
color:#000;
float:left;
text-align:left;
display:block;
height:50px;

font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				color: #000;
				font-size: 13px;
				text-transform: uppercase;
	

display: block;

}



.scheduleWraper .studio a{
color:#000!important;
border-bottom:none!important;
}


.scheduleWraper  a{
color:#000!important;
border-bottom:none!important;
}


.scheduleWraper .studio > div{
padding: 10px 5px 0px 0px;
}

.scheduleWraper .studio .glyphicon{
margin-right:3px;
font-size:14px;
}



.scheduleWraper .item{
position:relative;
background:#fff;
display:block;
float:left;
height:65px;
border:none;
}



.scheduleWraper .gutter{
position:relative;
float:left;
display:block;
background:#fff;
height:60px;
}


.scheduleWraper .time{
height:15px;

font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
			
				color: #000;
				font-size: 13px;
				line-height: 13px;
}
.scheduleWraper .time .right{
float:right;
}

/* vertical-align:center; 
.scheduleWraper .class{
background:#eee;
text-align:left;

overflow:visible;
padding:4px 0px 4px 4px;
line-height:14px;
}

#B3B3B3 > grau heller
- icons topheader
- hoz line footer

#EFEFEF > grau ganz hell
- bg smbar, filter, tagesflappen, footer, ws-schedule

*/



.scheduleWraper .pro{
background:#EFEFEF;
display:block;
overflow:hidden;
height:50px;
line-height:14px;
color: #000;
width:100%;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
text-transform: uppercase;

}

/* highlight results */
.scheduleWraper .pro.hi{
background:#FFFF00;
}


.scheduleWraper .pro.rs{
background:#ccc;
background:#159e70;
}





.pro .name{
font-weight:700;
font-size: 12px;
line-height: 14px;
padding:3px 0px 0px 4px;
}

.pro .style{
font-weight:400;
font-size: 12px;
line-height: 14px;
padding:2px 0px 2px 4px;
}

 
.pro .addon {
background-color:yellow;
padding:0px 3px;
margin-right:5px;
}
 


.pro .level{
/* color:#e05d4c; */
}

/* if dimmed should hover add
.scheduleWraper .item.lo .pro:hover
entfernen below
*/
.scheduleWraper .pro:hover,
.scheduleWraper .item.lo .pro:hover,
.scheduleWraper .pro.isactive,
.scheduleWraper .item.lo .pro.isactive
{
background-color:#e05d4c;
background-color:#ad8dbe; 
overflow:visible;
height:auto;
min-height:50px;
color:#fff!important;
}


.scheduleWraper .pro:hover .level{
color:#000!important;
}

.scheduleWraper .pro:hover .addon{
color:#000!important;
}

.scheduleWraper .pro.rs:hover{
background-color:#159e70!important;
}

/* teacher training bzw proscene */
.scheduleWraper .pro.ps ,
.scheduleWraper .pro.tt {
background-color:#677f7f;

}

.scheduleWraper .pro.ps:hover,
.scheduleWraper .pro.tt:hover{
background-color:#677f7f!important;
}

/* kids STB */
.scheduleWraper .pro.ks {
background-color:#e4b704;
background-color:#e5bc40;
background-color:#9ed2c4;
}

/* color:#000!important; */
.scheduleWraper .pro.ks:hover{
background-color:#e4b704!important;
background-color:#e5bc40!important;
background-color:#9ed2c4!important;
color:#000!important;
}

 

/* vaxd 
.scheduleWraper .pro.vaxd  {
background-color:#3d3b08;
color:#fff;
}
.scheduleWraper .pro.vaxd .name  {
-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.scheduleWraper .pro.vaxd .style  {
color:#ccc;
}

.scheduleWraper .pro.vaxd .level{
color:#ccc!important;
}


.scheduleWraper .pro.vaxd:hover{
background-color:#3d3b08!important;
}
*/
 


/* ws level:  0, beg / GA
background-color:#fbf230!important;
*/
.scheduleWraper .pro.hoveryellow {
}

.scheduleWraper .pro.hoveryellow:hover,
.scheduleWraper .pro.hoveryellow.isactive{
background-color:#fff591!important;
color:#000!important;
}



/* ws level profi: Intermediate, Adv + Adv
 

.scheduleWraper .pro.lvlprofi {
background-color:#ad8dbe!important;
}

.scheduleWraper .pro.lvlprofi:hover{
background-color:#ad8dbe!important;
}
 */

.scheduleWraper .item:hover {
z-index:999!important;
}
.scheduleWraper .item:hover .time{
color:#000!important;
}


/* dimm schedule items not in filterresult */
.scheduleWraper .item.lo .pro{
color:#ccc;
background:#fbfbfb;
}
.scheduleWraper .item.lo .time{
color:#ccc;
}
.scheduleWraper .item.lo .level{
color:#ccc;
}


.scheduleWraper .item a{
display: block;
z-index:1000!important;
}


/* hide schedule items not in filterresult 
.scheduleWraper .item.lo .pro,
.scheduleWraper .item.lo .time,
.scheduleWraper .item.lo .level
{
display: none;
}
*/



/* workshops */

table.datatable{
width:100%;
}
table.datatable thead{
background: #eeeeee;
font-weight: 700;
}
table.datatable thead a{
text-decoration: none;
border-bottom:none!important;
}

table.datatable tr{
border-bottom:1px solid #ddd;
}
table.datatable td{
padding:3px 0px;
}


div.datatable{
width:100%;
padding-top:10px;
margin-bottom:10px;
}
div.datatable .thead{
background: #eeeeee;
font-weight: 700;
padding:3px 0px;
border-bottom:1px solid #ddd;
}
div.datatable .thead br{ 
	display:none;
}


div.datatable span{
display: inline-block;
min-width:40px;
margin-right:15px;
text-align: right;
white-space: nowrap;
}



/* rs phasen 


.rs .scheduleWraper .item{
height:65px;
}
.rs .scheduleWraper .pro{
height:50px;
 }
  */


.rs .scheduleWraper .row{
border-bottom:1px solid #159e70;
}
.rs .scheduleWraper .pro:hover{
background-color: #159e70;
#ad8dbe
}
 
.scheduleWraper .rsheader:first-child{
margin-top:20px
}
.scheduleWraper .rsheader{
margin-top:40px
}
.scheduleWraper + .rsheader{
margin-top:0px
}
.scheduleWraper .rsheader > h1{
margin-bottom:5px;
}

.scheduleWraper .rsheader .phase{
	color: #fff;
	background: #159e70;
	height: 20px;
	line-height: 20px;
	float:left;
	text-align: center;

	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 12px;
		font-weight: 700;
			text-transform: uppercase;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.scheduleWraper .rsheader .phase > div{
border-right: 1px solid #fff;
}
.scheduleWraper .rsheader .phase:last-child > div{
border-right: none;
}




/* RESEARCH */



.introbox {
position: relative;
padding:0px 30px;
margin-top:1px;
}

.introbox > h1 {
}
.introbox  img{
	width:280px;
float:right; margin:0px 0px 10px 10px;
}





/*
 .rs-header {
	margin-top: 40px;
	border-top: 10px solid #159e70;;
	height:40px;
	color:#159e70;
}

.rs-header h1{
font-size: 24px;
line-height:1;	
margin-top:10px;
color:#159e70;
}
.rs .artist
.rs .titel

 */



/* rsTeaser */

.rs .article .date{
color:#159e70;
font-weight: 700;
	font-size:14px;

}


.rs .xdate{
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight:400;
				letter-spacing: 0.1em;
					font-size:14px;

}






.rs .article h2{
				line-height:1;
					font-style:normal;
							font-style:italic;

}

.rs .article h2 + p{
	margin:0px;							
}
.rs .article .more{
	margin-top:10px;							
}




/* wsTeaser
*/
.ws .article .date{
 color:#e05d4c;
  color:#666;
font-weight: 700;
	font-size:14px;

}
 



.ws .xdate{
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight:400;
				letter-spacing: 0.1em;
					font-size:14px;

}






.ws .article h2{
				line-height:1;
					font-style:normal;
							font-style:italic;

}

.ws .article h2 + p{
	margin:0px;							
}
.ws .article .more{
	margin-top:10px;							
}




/* articles housing*/

.article .housing .date{
padding: 0px;
border-bottom:1px solid  #b3b3b3;
}

.article .housing a{
padding: 0px;
border-bottom:1px solid  #b3b3b3;
}

 .article .housing h2{
line-height:1.3;
font-style:normal;
margin-bottom:10px;
}

 .article .housing .duration{
  padding-bottom:10px;
}
 .article .housing .kontakt{
 padding-top:10px;
 padding-bottom:20px;
}




/* articles */
.article {
padding:16px 0px;
border-bottom: 1px solid #b3b3b3;
}

.article .content a{
padding: 0px;
border-bottom:1px solid  #b3b3b3;
}

.article .content a:hover{
padding: 0px;
color:#E02232;
border-bottom:1px solid #E02232;
}


.article:first-child {
padding-top:0;
}

.article:last-child {
border-bottom:none;
}


.article p{
margin-bottom:0px;
}


.article .tmb{
float:left;
margin:0px 18px 0px 0px;
width:147px;
width:192px;
max-width:192px;
}


.article .content{
margin-left: 163px;
margin-left: 210px;
}


.article .content{
margin-left: 163px;
margin-left: 210px;
}



.booklet-list .article a{
text-decoration: none;
color:#222;
}



/*
.article.feature .tmb{
float:left;
width:47%;
margin:0px;
margin-right:3%;
}

.article.feature .content{
float:left;
width:50%;
margin:0px;
}
*/




.article .tmb img{
width:100%;
}

.article .imgwrap a,
.article .tmb a,
.article .tmb a img{
	padding:0;
	margin:0;
	border:0!important;
}


/* if article starts with p (no headline) */
.article p:first-child{
margin-top: 0px;
}

.article img + h2, .article img + h3 {
margin-top:20px;
}


.article .imgwrap + h2, .article .imgwrap + h3 {
margin-top:20px;
}




 
 .c3 .article h2 + img, .article h2 + .bw-transform{
margin-top: 10px;
}

 .c3 .article img {
margin-bottom: 10px;
}

 .col-side .article h2 + img, .article h2 + .bw-transform{
margin-top: 10px;
}

 .col-side .article img {
margin-bottom: 10px;
}
 

/* special link stylws
a.more{
	display: inline-block;
margin-top:5px;
background: red;
}
 */

a.dnld,
#content a.dnld {
color:#E02232;
border-bottom:1px solid #E02232!important;
}
a.dnld:hover,
#content a.dnld:hover {
border-bottom:1px solid #000;
}


.more,
.slidemore,
.dnld,
.linkartistbio
 {
			font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				 font-size: 12px;
				 font-style: italic;
				 text-transform: uppercase;
				 cursor: pointer; cursor: hand;
}
a.more:after,
a.dnld:after,
a.linkartistbio:after
{
content: " »";
}


.linkartistbio
 {

 }



.more.grey{
	display: inline-block;
   color:#808080;
   width:auto;
}



/* article feature */
.header + .article{
margin-top:0px;
padding-top:0px;
}


/*
.article.feature .tmb{
float:left;
width:294px;
width:325px;
margin:0px 18px 0px 0px;
max-width:none;
}

.article.feature .content{
margin-left: 310px;
margin-left: 343px;
}
*/

.article.feature .tmb{
float:left;
width:51%;
margin:0px;
margin-right:3%;
max-width:342px;
}

.article.feature .content{
float:left;
width:46%;
margin:0px;
}








/*
.header > .article, .header > .feature, .header > .teaser{
padding-top:0px;
margin-top:0px;
background: green;
}
*/


/* pagination
bg petrol: #026784 
grau links: #656565 
grau h3 mainpage: #9eacb1 
 */

.pagination {
margin-top:25px;
margin-bottom:16px;
}
.pagination a{
display: block;
float: left;
margin:1px;
width:28px;
height:28px;
line-height:28px;
text-align: center;
text-decoration:none!important;
background-color:#EFEFEF;
color: #000;

	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				 font-size:14px;

border: none!important;
text-decoration: none;
				
}

.pagination a.currentpage{
 
text-decoration:none!important;
background-color:#000;
color:#ffffff!important;

border: none!important;
}
	



/* col3 teaser 

.teaser {
padding:20px 0px;
border-bottom: 1px solid #b3b3b3;
}

.teaser-group{
height:45px;
 border-top: 3px double #000;
}

.teaser-group h1{
margin-top:5px;
font-style: italic;
}


.teaser-group  +  .teaser{
margin-top:0px;
padding-top:0px;
}
.teaser h2{
font-size: 16px;
line-height:1.125;
margin:0px;
}
.teaser h2 + img, .teaser h2 + .bw-transform{
margin-top: 10px;
}

.teaser img {
margin-bottom: 10px;
}

 */




/*
 * Form elements
 -----------------------
fieldset        {padding:10px 30px;margin:0;border:1px solid #ccc;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;border-bottom-width:10px;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:250px;}
input,
textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
input:focus,
textarea:focus  {background:#ffc;}
textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:700;font-size:.9em;float:left;clear:left;width:90px;}
label:after     {content:": ";}
button          {display:block;float:left;clear:both;margin:1em 0 1em 90px;}
*/





/* forms */

.formfields div{
line-height:21px;
}

.formfields div span{
display: inline-block;
	width:150px;
	color: #808080;
}

.formfields div input{
}
 



/*
label { 
	display:block;
	float:left;
	clear:left;
	width:150px;
line-height:21px;
}
 */

 label { 
	display:block;
}
label span{
	width:auto!important;
}

.generalform  label { 
margin:15px 0px 3px 0px;
}

.generalform  .important { 
display: none;
}




.form.generalform input[type=text],
.form.generalform input[type=password],
.form.generalform textarea{
width:calc(100% - 12px);
max-width: 700px;
}


#validateForm label{
color:#808080;
margin:10px 0px 0px 0px;
}



input {
	padding:0px;
	margin:0px;

      outline: none;
      border:0;
border:none;
height:25px;
line-height:25px;
width:auto;
}

input:focus {
    outline: none;
}


/*basic form button */

.btnSubmit {
padding:0 10px;
	height:25px;
	   line-height:25px;
   background:#444444;
    outline: none;
      border:0;
   text-align:center;
	text-decoration:none;
	color:#fff;
	 			
	 			font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				margin:0px;
				 

width:auto;
text-transform: uppercase;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
   }


.btnSubmit:hover, a.btnSubmit:hover{
      background: #808080;
   color: #fff;
   }
.btnSubmit:active, a.btnSubmit:active{
      background: #808080;
 color: #fff;
   }
.btnSubmit:visited, a.btnSubmit:visited{
   background: #808080;
 color: #fff;
   }


 
.regfooter .btnSubmit {
color:#fff;
padding:0px 10px;
height:28px;
line-height:28px;
border:none;

vertical-align: middle;
text-transform:uppercase;

display:inline-block;
  *zoom: 1; /* trigger hasLayout for IE7 and below */
  *display: inline; /* the star targets only IE7 and below */

  margin-bottom:10px;
}


 .btnSubmit.goback{
color:#000000!important;
border:1px solid #444444!important;
background: #f5f5f5!important;
text-shadow:none;

display:inline-block;
}

 
 .btnSubmit.goback.red{
color:#E02232!important;
border:1px solid #e05d4c!important;
}




/* grey */
.grey.btnSubmit{
   background: #808080;
   color: #fff;
   }
.grey.btnSubmit:hover, a.btnSubmit:hover{
   background: #B3B3B3;
   color: #fff;
   }
.grey.btnSubmit:active, a.btnSubmit:active{
   background: #B3B3B3;
 color: #fff;
   }
.grey.btnSubmit:visited, a.btnSubmit:visited{
 color: #fff;
   }



/* submitbutton like link

	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				margin:0px;
				font-size:12px;

				 */

.linkSubmit {
padding:0;
	height:21px;
	   line-height:21px;
   background:#000;
   text-align:center;
	text-decoration:none;
	color:#808080;
	background: #fff;
	 			
border: 1px solid transparent;
border-bottom:1px solid #808080;
width:auto;
   }

  .linkSubmit:hover {
color:#000!important;
   }

.delete.linkSubmit{
border-bottom:1px solid #d43f3a!important;
color:#d43f3a;
}


/*
#808080 >dunkelgrau
- icons smbar
- font footer
- bg button (footer)
- default link color

#B3B3B3 > grau heller
- icons topheader
- hoz line footer

#EFEFEF > grau ganz hell
- bg smbar, filter, tagesflappen, footer, ws-schedule
 
*/
 
.form input[type=text],
.form input[type=password],
.form textarea{
background: #EFEFEF;
color: #000;
border:1px solid #b3b3b3;

padding:0px 5px;
margin:1px 0px 5px 0px;

width:95%;
max-width: 500px;
}

.form input[type=radio]
{
width:auto;
height:auto;
margin-right:10px;
}

/* border:1px solid #E02232;
border-right:5px solid #E02232;
*/
.form input[type=text].alert,
.form input[type=password].alert
{
background-color:#ffff33;
}


/*
.form .btnSubmit{
background: #000;
color: #fff;
width:auto;
text-transform: uppercase;
   }
.form .btnSubmit:hover, .form a.btnSubmit:hover{
   background: #808080;
   color: #fff;
   }
*/




#alertpanel, .alertpanel{
border:1px solid #E02232;
color:#bd0000;
 font-weight: bold;
padding:20px 10px;
 background-color: #f0d6d6;

}
.alertbox{
margin-top:20px;
padding:20px 10px;
border:1px solid #E02232;
 background-color: #f0d6d6;
 color:#bd0000;
 font-size:14px;
}



.usernotebox{
margin:10px 0px 30px 0px;
padding:20px 10px;
border:1px solid #d0e9c6;
background-color: #dff0d8;
 color:#3c763d;
font-size:14px;
}
.usernotebox + .usernotebox{
margin-top:-20px;
}

.usernotebox .btn  {
  color:#3c763d;
  background-color:#dff0d8;
  border-color:none;
  font-size:17px;
  line-height:20px;
}




#notepanel, .notepanel, .notebox{
border:1px solid #E3E3E3;
color:#000;
padding:10px;
 background: #f5f5f5;
}
 
 #notepanel .line,
  .notepanel .line,
   .notebox .line  {
border-top: 1px solid #E3E3E3;
}


#notepanel .txtfield,
#notepanel input[type=text],
.notepanel .txtfield,
.notepanel input[type=text],
.notebox .txtfield,
.notebox input[type=text]
{
background: #fff;
color: #000;
border: 1px solid #ccc;
}



 
.hintbox{
margin:10px 0px 30px 0px;
padding:20px 10px;
font-size:14px;

border:1px solid #c3b80b;
color:#000;
background: #eded17;
}



 .error,
 .errormsg,
 .alert{
color:#E02232!important;
 }

 .errorbg,
 .errormsgbg,
 .alertbg{
 color:#fff;
background-color:#E02232;
padding:0px 3px;
 }



 .note {
  border-left:0px solid #888;
 color: #888;
  margin:20px 0px;
  padding:0px;
   font-style:italic;
}


 .alertborder{
 border:1px solid #E02232!important;
}
 .alertbg{
background: #E02232;
}



/* ALERTS 
https://getbootstrap.com/docs/4.0/components/alerts/
*/

.alert{
position: relative;
padding:10px;
margin-bottom:20px;
border: 1px solid transparent;
border-radius:1px;


}
.alert a{
text-decoration: none!important;
}
.alert p:last-child{
margin-bottom:0px;
}

.alert-danger{
color: #721c24!important;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-danger a{
color:inherit!important;
border-bottom-color:#721c24!important;
}


.alert-warning{
color: #856404!important;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-warning a{
color:inherit!important;
border-bottom-color:#856404!important;
}
.alert-success{
	color: #155724!important;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-successa{
color:inherit!important;
border-bottom-color:#155724!important;
}


.alert-primary{
color: #004085!important;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-primary a{
color:inherit!important;
border-bottom-color:#004085!important;
}
.alert-secondary{
	color: #383d41!important;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert-secondary a{
color:inherit!important;
border-bottom-color:#777!important;
}

 .alert-dark{
 color: #1b1e21!important;
background-color: #d6d8d9;
border-color: #c6c8ca;
}

 .alert-light{
color: #818182!important;
background-color: #fefefe;
border-color: #ccc;
}



.debugStr  {
	position: relative;
padding:10px;
margin-bottom:20px;
border: 1px solid transparent;
border-radius:1px;

color: #004085!important;
background-color: #cce5ff!important;
border-color: #b8daff!important;
}






/* img caption - wrap image for caption overlay */

.imgwrap
{
position:relative;
display: block;
margin:0px;
}



.imgwrap .hovercaption
{
display:none;
position:absolute;
left:10px;
bottom:10px;
 
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;

line-height:11px;
font-size: 11px;
}


 .hovercaption span{
line-height:15px;
padding:2px 2px;

text-align:left;
color:#000;
background: #fff;
				font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				font-size: 11px;
 }

.imgwrap:hover .hovercaption
{
display:block;
}



/* icons, sprite... */

img + .caption-offset
{
position: absolute;
margin-left:10px;
margin-top:-25px;
width: auto;
 
text-align:left;
background: #fff;
color:#000;

padding:0px 5px;
height:14px;
line-height:14px;

zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;



						font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;

				text-transform: uppercase;
				letter-spacing: 0.1em;
				font-size: 11px;

}

.caption-offset + p
{
margin-top: 20px;
}

.image-slider + h1,
.image-slider + h2{
margin-top: 20px;
}


.caption-offset + h1,
.caption-offset + h2,
.caption-offset + h3
{
margin-top: 20px;
}

img + h1,
img + h2,
img + h3
{
margin-top: 20px;
}



img:hover + .caption-offset,
img + .caption-offset:hover {
filter: alpha(opacity=90);
opacity: 0.9;
}






.sprite {
	 background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
	display: inline-block;
	 zoom: 1;
	*display: inline;
	margin:0px;
}



.place-black { background-position: -94px -57px; width: 12px; height: 15px; }
.place-white { background-position: -94px -78px; width: 12px; height: 15px; }
.time-black { background-position: -106px -57px; width: 12px; height: 13px; }
.time-white { background-position: -106px -78px; width: 12px; height: 13px; }

.date-black { background-position: -82px -57px; width: 12px; height: 15px; }
.date-white { background-position: -82px -78px; width: 12px; height: 15px; }





.xarrow-red { 
color:#fff;
background-position: right -203px;
height: 19px;
line-height:19px;
padding: 0 20px 0 10px;
display: inline-block;
 zoom: 1;
*display: inline;
}





/* social media
.smbar - footer smbar
.smbar-main > mainpage inkl. sharebutton
.share > share and printbutton below article



@font-face {
    font-family: 'entypo-social';
    src: url('../media/sys_../media/icomoon.eot');
    src: url('../media/sys_../media/icomoon.eot?#iefix') format('embedded-opentype'),
         url('../media/sys_../media/icomoon.woff') format('woff'),
         url('../media/sys_../media/icomoon.ttf') format('truetype'),
         url('../media/sys_../media/icomoon.svg#entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/


/* no border smBar nebenspalte */
 .c3 .header + .article{
border-top:none;
padding-top:0px;
}

 .col-side .header + .article{
border-top:none;
padding-top:0px;
}

/* no border sm bottom 
.inner  h1 + img{
margin-top:10px;
}
*/



/* mainpage */
 .header {
}
 .header .share {
margin-top:6px;
}


 .header .shareicon{
background-color:transparent!important;
width:auto;
text-align:left;
 }

 .header .smbar{
margin-top:4px;
}


.header .icon-share{
font-size:28px!important;
float:left;
margin-left:5px;
}



a.smbarnlbtn {
	display: block;
 height:30px;
line-height:30px;
 
text-align:center;
text-decoration:none;
 
                
font-family: 'Roboto', 'Helvetica', Arial, sans-serif;
font-weight: 400;
 font-size:13px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
margin:0px;
padding:0px;
font-style: italic;
font-size:12px;

width:auto;
 
background: #808080;
background: #777777;
color: #fff;
text-decoration: none;
border:none!important;
}

a.smbarnlbtn:hover{
 background-color: #b3b3b3;
color: #fff!important;
text-decoration: none;
border:none!important;
}

 a.smbarnlbtn{
	margin-bottom:16px;
}


/* sharebutton */
.hideshare  .share{
	display:none;
}

.share {
padding-top:0px;
margin-top:40px;
}

.share a,
.shareicon{
margin:0px;
display:block;
float:left;
height:30px;
text-align: center;
margin-right:1px;

   background-color: #b3b3b3;
background-color: #efefef;
 text-decoration: none!important;
border:0!important;
}


.shareicon{
width:auto;
text-align:left;
}


.shareicon .lbl{
 padding:0px 8px 0px 5px;
 

float:left;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size: 13px;
line-height:30px;

color: #666;
}



.share a:hover .smicon,
.shareicon:hover .smicon{
color:#b3b3b3;
}

.share .smicon{
font-size:22px;
line-height:30px;
color: #808080;
}
.share .icon-share{
font-size:22px;
float:left;
margin-left:5px;
}



.sharepop .pop{
background:#000;
width:120px;
position:absolute;
display: none;
left:-20px;
top:-98px;
top:-72px;
padding:5px 5px 20px 5px;
background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
background-position: center bottom;

text-align:left;


	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 400;
				font-size:15px;
				color:#fff;

}

#mobilefooter .sharepop .pop{
left:0px;
}

.sharepop .pop a{
float: none;
margin-left:10px;
width:auto!important;
text-align:left;
display: block;
height:26px!important;
line-height:26px!important;
padding-left:30px!important;
color:#fff!important;
text-decoration: none;
border-bottom: none;
background-color: #000!important;
}

.sharepop .pop a:hover{
	background-color:#000;
}


a.share-fb {
background: #000 url('../media/sys_pics/sprite-icons.png') no-repeat;
background-position: 2px -622px;
}

a.share-tw {
background:  #000 url('../media/sys_pics/sprite-icons.png') no-repeat;
  background-position: 0px -652px;
}

a.share-gp {
background:  #000  url('../media/sys_pics/sprite-icons.png') no-repeat;
  background-position: 0px -682px;
}


.sharepop{
position: relative;
float: left;
}
.sharepop:hover .pop{
	display:block;
	z-index: 999;
}





/* smbar footer */
.hidesidecolbar .smbarwraper,
.hidesmbar .smbarwraper{
	display:none;
}


.smbar{
float:right;
padding-top:0px;
margin-top:0px;
}

.smbar a{
display:block;
float:left;
width:33px;
height:22px;
text-align: center;
 text-decoration: none;
 border:0!important
}

 .smbar .lbl{
 padding:0px 5px;
margin-right:5px;
width: auto;

color: #808080;
color: #666;
color:#999;
float:left;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size: 13px;
line-height:22px;
}

.smbar a:hover .smicon{
color:#b3b3b3;
}







/* sm font */

@font-face {
	font-family: 'entypo-social-base';
	src:url('../media/sys_fonts/entypo-social-base.eot?-wfmb1z');
	src:url('../media/sys_fonts/entypo-social-base.eot?#iefix-wfmb1z') format('embedded-opentype'),
		url('../media/sys_fonts/entypo-social-base.woff?-wfmb1z') format('woff'),
		url('../media/sys_fonts/entypo-social-base.ttf?-wfmb1z') format('truetype'),
		url('../media/sys_fonts/entypo-social-base.svg?-wfmb1z#entypo-social-base') format('svg');
	font-weight: normal;
	font-style: normal;
}


.smicon{
	font-family: 'entypo-social-base';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;


	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 

    font-size:22px;
    	line-height:22px;
    color: #808080;
}





/*
[class^="icon-"], [class*=" icon-"] {
	font-family: 'entypo-social-base';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

iconmoon87822
*/
.icon-print:before {
	content: "\e600";
}

.icon-share:before {
	content: "\e601";
}

.icon-facebook:before {
	content: "\e602";
}

.icon-instagram:before {
	content: "\e603";
}

.icon-twitter:before {
	content: "\e604";
}

.icon-youtube:before {
	content: "\e605";
}

.icon-whatsapp:before {
	content: "\ea93";
}


.smbar  a.facefilter{
padding-left:5px;
margin-top:-3px;
width:26px;
}

.smbar a.telegram{
padding-left:5px;
width:22px;
}
 
.hidetxt {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}





/* socialMedia bar 
.hidesmbar .smbarwraper{
	display:none;
}

 
.smbar{
margin:0;
padding:0;
position: relative;
height:21px;

margin-top:8px;
}
.smbar span{
background: url('../media/sys_pics/sprite_ipt.png') no-repeat;

display: inline-block;
 zoom: 1;
*display: inline;
}

.smbar a{
display:block;
float:right;
height:21px;
line-height:21px;
width:55px;
margin-right:1px;
background: #EFEFEF;
text-align: center;
border:none!important;
color:#000;
}

.smbar a:hover{
background-color: #808080;
}

.smbar a,
.smbar a:hover,
.smbar a:active,
.smbar a:visited {
border:none;
}



.smbar a:first-child{
margin:0px;
}
.smbar a.fb span{
background-position: 0 -129px; width: 9px; height: 21px;
}
.smbar a.fb:hover span{
background-position: 0 -150px; width: 9px; height: 21px; 
}
.smbar a.tw span{
	background-position: -9px -129px; width: 20px; height: 21px;
}
.smbar a.tw:hover span{
 background-position: -9px -150px; width: 20px; height: 21px;
}
.smbar a.yt span{
	background-position: -29px -129px; width: 18px; height: 21px;

}
.smbar a.yt:hover span{
background-position: -29px -150px; width: 18px; height: 21px; 
}


.smbar .share,
.smbar .printbtn
{
	position: relative;
float:left;
height:21px;
margin-right: 1px;
}
 

.smbar .share a,
.smbar .printbtn a
{
width:65px;
display:block;
line-height: 21px;
text-align: center;
font-size:12;
font-weight:700;
color:#000!important;
}

.smbar .share a:hover,
.smbar .printbtn a:hover
{
color: #fff!Important;
background-color: #808080;
}

.smbar .share .pop{
background:#000;
width:100px;
position:absolute;
display:none;
left:-25px;
top:-75px;
height:55px;
padding:7px 10px 15px 10px;
background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
background-position: center bottom;

text-align:left;


	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				font-size:13px;
				color:#fff;

}
.smbar .share .pop a{
float: none;
margin-left:10px;
text-align:left;
display: block;
height:17px;
line-height:17px;
padding-left:25px;
color:#fff!important;
text-decoration: none;
border-bottom: none;
}

.smbar .share .pop a:hover{
	background-color:#000;
}


a.share-fb {
background: #000 url('../media/sys_pics/sprite-icons.png') no-repeat;
background-position: 2px -626px;
}

a.share-tw {
background:  #000 url('../media/sys_pics/sprite-icons.png') no-repeat;
  background-position: 0px -656px;
}

a.share-gp {
background:  #000  url('../media/sys_pics/sprite-icons.png') no-repeat;
  background-position: 0px -686px;
}



.smbar .share:hover .pop{
	display:block;
	z-index: 999;
}


*/




/* old printbtn */
.smbar .printbtn a
{
	 background: #EFEFEF url('../media/sys_pics/sprite-icons.png') no-repeat;
  background-position: 5px -175px;
 padding-left:10px;

}
 .smbar .printbtn a:hover
{
}










/* smbar invert

.smbar a{
display:block;
float:right;
height:21px;
line-height:21px;
width:59px;
margin-right:1px;
background: #EFEFEF;
background: #808080;
text-align: center;
}

.smbar a:first-child{
margin:0px;
}
.smbar span.fb{
background-position: 0 -129px; width: 9px; height: 21px;
background-position: 0 -150px; width: 9px; height: 21px;
}
.smbar span.tw {
	background-position: -9px -129px; width: 20px; height: 21px;
	background-position: -9px -150px; width: 20px; height: 21px; 
}
.smbar span.yt {
	background-position: -29px -129px; width: 18px; height: 21px;
	background-position: -29px -150px; width: 18px; height: 21px; 
}
.smbar a.share
{
float:left;
width:69px;
margin-right:1px;
color:#000;
background: #EFEFEF;
}



*/








/* club site > if own template without header

DANCE CARD
628193

PERFORMANCE CARD
AC6766

WORKSHOP CARD
6B978F

FESTIVAL CARD
A29C4A

*/

#clubcontent{
position: relative;
min-height:500px;
text-align: left;
margin-bottom:60px;
margin-top:0px;
}

 



 


/* body class clubcontent */

.clubcontent .cards
{
position:relative;
clear:both;

margin-top:30px;
padding-right:30px;

}
.clubcontent .cards .txt
{
padding-top:10px;
margin-left:170px;
}


.clubcontent .cardlink
{
width:150px;
float:left;	
margin-bottom:10px;
margin-top:5px;
}



/*
#ccclubcontent .cardlink a.partner
{
margin-left:10px;
margin-top:10px;
display:block;
width:210px;
height:75px;
background: #fff url('../media/sys_pics/clubPartnerStripes.gif') no-repeat top left;
text-decoration:none;
float:left;	
}
*/

.clubcontent  .cardlink a
{
display:block;
width:157px;
height:230px;

background:  url('../media/sys_pics/clubcard-sprite2015.gif') no-repeat top left;

text-decoration:none;
}

.clubcontent  .cardlink a.dance {
background-position: 0px 0px;
}

.clubcontent  .cardlink a.performance {
background-position: 0px 0px;
}
.clubcontent  .cardlink a.workshop {
background-position: 0px  -233px;
}
.clubcontent  .cardlink a.festival{
background-position: 0px -466px;
}
.clubcontent  .cardlink a.impresario {
background-position: 0px -405px;
}
.clubcontent  .cardlink a.partner {
background-position: 0px -520px;
height:80px;
}






/* club14 

#clubcontent li {
padding:1px 0px!important;
}

#clubcontent li:first-child {
margin-top:10px;
}

#club-header14{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size: 31px;
line-height:38px;
height:38px;
font-style: italic;

 position: absolute;
 top:38px;
 left:325px;
 padding:0px 8px 2px;


 color: #fff;
background:#E02232;
}
*/
 




/* catnav */
 
 .catnav{

		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
text-transform: uppercase;

 }

 .catnav ul {
text-align: left;
 margin:0;
 padding:0;
}
.catnav ul li{
outline:0;
list-style-type:none;
height: 22px;
line-height: 22px;
}

.catnav ul li a.selected{
color:#000;
}

.catnav ul li a:after{
content: " »";
}


/* nav */
#nav {
	position: relative;
		font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;

font-size: 15px;
	height:60px;
	border-bottom: 1px solid;
}

			#nav ul{
		list-style-type:none;
			text-align: left;
 margin:0;
 padding:0;
  margin-left:6px;
}


	#nav ul > li {
				display:block;
				float:left;
				height: 60px;
				line-height: 60px;
				}

			#nav ul li a{
text-decoration:none;
display:block;
margin:0px;
color:#000;

line-height:57px;
padding:0 13px;
}


#nav ul li.donate a{
color:#E02232;
}



/*
border-bottom:5px solid #000;
*/
#nav ul li a.selected > span{
border-bottom:3px solid #000;
}

#nav ul li.donate a.selected > span{
border-bottom:3px solid #E02232;
}



#nav ul li a:hover > span{
	
}

#nav  ul li ul{
display:none;
position:absolute;
top:38px;
background:#000;
margin:0px!important;
padding:8px 0px;
z-index:888;
/* border-bottom:5px solid #fff;*/
}
#nav  ul li ul li{
display:block;
float:none;
margin:0px;
padding:0px;
height:auto;
text-align: left;
width:auto;
}



.no-touchevents #nav  ul li:hover,
.no-touch #nav  ul li:hover,
.no-js #nav  ul li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.no-touchevents #nav  ul li:hover ul,
.no-touch #nav  ul li:hover ul,
.no-js #nav  ul li:hover ul  {
display:block;
z-index:888;
}


#nav  ul li ul li a{
height:25px;
line-height:25px;
padding:0 14px;

font-size: 15px;
color:#fff;


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
font-style: italic; 
color:#E02232;
*/
#nav  ul li ul li a:hover{
	border: none;
}






/* topnav searchfield */

#top-nav{
float:right;
margin:18px 16px 0px 0px;
 font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size: 15px;
color: #B3B3B3;
line-height: 20px;
}
 
#top-nav div {
float:left;

margin-right:15px;

}
#top-nav div a{
color: #B3B3B3;
}
#top-nav div a:hover{
color:#000;
}

#top-nav .contact a,
#top-nav .shop a
{
display:block;
text-indent: 100%;
 white-space: nowrap;
overflow: hidden;
 background:  url('../media/sys_pics/sprite-icons.png') no-repeat;
padding:0px;
margin-top:2px;
}

#top-nav .lang{
width:22px;
}



#top-nav .contact a{
background-position: 0px -327px;
width: 20px;
height: 18px; 
}

#top-nav .contact a:hover{
background-position: 0px -297px;
}

#top-nav .shop a{
background-position: 0px -238px;
width: 20px;
height: 18px; 
}
#top-nav .shop a:hover{
background-position: 0px -208px;
}



/* searchbutton small screen 
#top-nav .search {
display: none;
margin-right:0px;
padding-right:0px;
}
#top-nav .search a{
background: url('../media/sys_pics/sprite-icons.png') no-repeat;
background-position: 0px -387px;
width: 18px;
height: 18px; 
}
#top-nav .search a:hover{
background-position: 0px -357px;
}
*/

#top-nav .search {
display: none;
margin-right:0px;
padding-right:0px;
}





/* searchfield big screen */
#top-nav .searchfield {
margin-right:0px;
padding-right:0px;
}

#top-nav .searchfield input {
	padding:0px 0px 0px 3px;
	margin:0px;

      outline: none;
      border:1px solid #b3b3b3;
height:20px;
line-height:20px;
width: 125px;


 font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:400;
font-size: 13px;
color: #B3B3B3;
}

#top-nav .searchfield input:focus {
color: #000;
}


#top-nav .searchfield .btnSubmit {
	margin:0px 0px 0px 6px;
      border:0;
background: url('../media/sys_pics/sprite-icons.png') no-repeat;
background-position: 0px -387px;
 width: 18px;
  height: 18px; 
   }



#top-nav .searchfield .btnSubmit:hover {
background-position: 0px -357px;
   }





/* general ticketlinks arrows 
 background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
 */
.ticketlink {
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				margin:0px;
				padding:0px;
					font-style: italic;
					font-size:13px;

 background: url('../media/sys_pics/ipt-arrowsBig.png') no-repeat;
height:22px;
line-height:22px;
padding: 0px 15px 0px 5px;
display: inline-block;
 zoom: 1;
*display: inline;
border:none!important;
color:#ffffff;
}

a.ticketlink {
text-decoration:none!important;
border:none!important;
border-bottom:0px!important;
}



.ticketlink.bwwb{
color:#fff!important;
background-position: right -88px;
}
 .ticketlink.bwwb:hover{
color:#000!important;
background-position: right -8px;
}


.ticketlink.wo{
color:#e05d4c!important;
background-position: right -8px;
}
 .ticketlink.wo:hover{
color:#e05d4c!important;
background-position: right -8px;
}



/*	
w
- 8

r
- 48

b
-88
*/


.ticketlink.rw,
a.ticketlink.rw{
color:#ffffff!important;
background-position: right -48px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ticketlink.rw:hover{
color:#fff!important;
background-position: right -88px;
}

.ticketlink.wr{
color:#E02232!important;
background-position: right -8px;
}
 .ticketlink.wr:hover{
color:#fff!important;
background-position: right -48px;
}

.ticketlink.wb{
color:#222!important;
background-position: right -8px!important;
}
 .ticketlink.wb:hover{
color:#fff!important;
background-position: right -48px!important;
}


.ticketlink.bw{
color:#fff!important;
background-position: right -88px;
}
 .ticketlink.bw:hover{
color:#fff!important;
background-position: right -48px;
}


.ticketlink.bwwr{
color:#fff!important;
background-position: right -88px;
}
 .ticketlink.bwwr:hover{
color:#E02232!important;
background-position: right -48px;
}


.ticketlink.wb{
color:#000!important;
background-position: right -48px;
}
 .ticketlink.wb:hover{
color:#fff!important;
background-position: right -88px;
}


/* ticklink sold out button */
.ticketlink.sold{
 background: url('../media/sys_pics/ipt-arrows.png') no-repeat;

color:#fff!important;
background-position: right -160px;
}
 .ticketlink.sold:hover{
color:#fff!important;
background-position: right -20px;
}


/* soldout stamp */


.soldout {
margin:0px;
margin-left:10px;
padding:0px;
color:#fff!important;

 background: #fff  url('../media/sys_pics/soldout.png')  no-repeat top left;

height:25px;
width: 101px;
line-height:25px;

text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;

display: inline-block;
 zoom: 1;
*display: inline;
}

.fullybooked{
margin:0px;
margin-left:10px;
padding:0px;
color:#fff!important;

 background: #fff  url('../media/sys_pics/fullybooked.png')  no-repeat top left;

height:25px;
width: 143px;
line-height:25px;

text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;

display: inline-block;
 zoom: 1;
*display: inline;
}



/* soldout flag im stile ticketlink bg gelb, font white 
.soldout {
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				margin:0px;
				padding:0px;
					font-style: italic;
					font-size:12px;

color:#fff!important;
background: #ddcd10;

 
height: 19px;
line-height:19px;
padding: 0px 6px;
display: inline-block;
 zoom: 1;
*display: inline;
}

*/




/*
ticketlink.rw a{
color:#fff;
background-position: right -203px;
}
 .ticketlink .rw a:hover{
background-position: right -222px;
}


.ticketlink.wr a{
color:#fff;
background-position: right -184px;
}
 .ticketlink.wr a:hover{
 color:#E02232;
background-position: right -222px;
}
*/




/* arrowbutton */

.arrowbtn {
				font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				margin:0px;
				padding:0px;
				font-size:13px;

 background: url('../media/sys_pics/ipt-arrows.png') no-repeat;
height: 19px;
line-height:19px;
padding: 0 15px 0 5px;
display: inline-block;
 zoom: 1;
*display: inline;
}

a.arrowbtn {
text-decoration:none;
border:none!important
}


.arrowbtn.o-right{
color:#fff;
background-position: right -40px;
}

.arrowbtn.o-right:hover{
background-position: right -140px;
}


.arrowbtn.b-left{
color:#fff;
background-position: left -140px;
padding-left:15px;
}

.arrowbtn.b-left:hover{
background-position: left -140px;
}




/* main header 
	height:122px;
	*/
#header{
position: relative;
margin:0;
padding:0;
}
#header .inner{
padding-bottom:10px;
text-align: left;
margin-left:16px;
}



/* 2013 header */

#header .logo {
float:right;
height:100%;
}

#header .logo a,
#clubheader .logo a{
	display:block;
	height: 37px;
	width: 150px;
text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
 background: url('../media/sys_pics/sprite-logos.png') no-repeat;
  background-position: 0px -205px;
    background-position: 0px -252px;
}
#header .logo a{
		margin-top:43px;
}






/*

#header .festival{
margin:0;
float: left;
display: block;
min-height:130px;
padding-right:10px;
}


#header .festival{
margin:0;
display: block;
padding-right:10px;
}
*/

.hr{
margin: 20px 0px;
height: 1px;
border-bottom: 1px solid #b3b3b3;
}


/* festival-header 2013 */

#festival-header{
margin:0;
float: left;
display: block;
padding-right:10px;
}

#festival-header h1{
padding:36px 0px 0px 0px;
font-size: 20px;
line-height:20px;
margin:0;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
}

				#festival-header h1 .kursiv {
					font-style: italic;
				}
				
				#festival-header h1 .slashes {
					font-weight: 300;
					letter-spacing: -0.1em;
				}
				
				#festival-header h1 .festival-number {
					font-family: 'Roboto', 'Helvetica', Arial, sans-serif;
					font-weight: 700;
				}
				
				#festival-header h1 .underscore {
					font-weight: 300;
				}





#festival-header .moreinfo a{
padding:5px 0px;
display: block;
width:150px;
overflow: visible;
color: #E02232;
}

#festival-header .sep,
#festival-header .printsep{
display:block;
 border: 0;
 padding:0;
margin:5px 0px 0px 0px;
color: #000;
background-color: #E02232;
height:5px;
line-height: 5px;
width:40px;
}

#festival-header .printsep{
display:none;
}


#festival-header .ticketlink{
margin-top:5px;
}



 
/* logo header 2020
- animated logo

 .logo-header2020 {
position: relative;
padding:10px 15px;
text-align: center;
min-height:100px;
}
 .logo-header2020 video{
outline: none;
margin: 0;
}
#logo-anim{
display: block;
width: 100%;
max-width:750px;
padding: 0;
  margin:0 auto;
visibility:hidden;
}
#logo-still{
display: block;
width: 100%;
max-width:750px;
  margin:0 auto;
  margin:auto;
}
*/
 .logo-header2020 {
position: relative;
padding:10px 15px;
text-align: center;
height:100px;
overflow: hidden;
}
 .logo-header2020 video{
outline: none!important;
margin: 0!important;
}
#logo-anim{
width: 100%;
max-width:750px;
padding: 0;
margin: 0;
}

#logo-still{
display: block;
width: 100%;
max-width:750px;
  margin:0 auto;
 
}


.logo-date{
/*
 
position: absolute;
top:23px;
left:0px;
*/
position: absolute;
top:13px;
text-align: center;
width: 100%;
z-index:1;

color:#333;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
    font-weight: 400;
 
}
 


/* logo header 
#header .logo-header {
position: absolute;
 top:40px;

}
*/
 .logo-header {
position: relative;
padding-top:40px;
float:left;
}

 .logo-header a{
	display:block;
	width: 291px;
	height: 38px;
text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url('../media/sys_pics/ipt291.png') no-repeat;
}

.backgroundsize .logo-header a{
 background: url('../media/sys_pics/ipt582.png') no-repeat;
background-size:291px 38px;
}

/*

 /*
#festival-header14{
 position: absolute;
 top:36px;
 left:325px;
}
 */
 
#festival-header14{
margin: 0px;
padding:37px 0px 10px 40px;
float:left;
}

#festival-header14 h1{
font-size:20px;
line-height:20px;
margin:0;
padding:0;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-style: italic;
}

 
#festival-header14 .moreinfo a{
padding:1px 0px;
display: block;
width:150px;
overflow: visible;
color: #E02232;
}


 #festival-header14 .sep,
#festival-header14 .printsep{
display:block;
 border: 0;
 padding:0;
margin:3px 0px 0px 0px;
color: #000;
background-color: #E02232;
height:5px;
line-height: 5px;
width:40px;
}

#festival-header14 .printsep{
display:none;
}

#festival-header14 .ticketlink{
margin-top:3px;
}
/*

#header .logo {
	float:right;
	height:100px;

}

#header .logo a{
margin-top:47px;
 
	display:block;
	height: 36px;
	width: 151px;

text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;

 background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
 background-position: 0 0;

}
 */
 




 
 





/* festivalpreview OFF */

.previewbox {
position: relative;
padding:30px;
margin-top:1px;
border-top:10px solid;
border-bottom:10px solid;
}




.previewbox > h1 {
 
}
.previewbox  img{
	width:280px;
float:right; margin:0px 0px 10px 10px;
}





 
/* festivalnav > festivalinfo OFF (small)

#festival-nav.off {
height:50px !important;
margin-bottom:1px;
}
	#festival-nav.off ul li {
				float:left;
				display:block;
				height:50px;
				width:25%;
				 font-size: 16px;

}

#festival-nav.off ul li a{
line-height: 50px;
}
#festival-nav.off ul li a:hover{
color:#fff;
line-height: 50px;
}
 */

 .festivalinfo #festival-nav  {
height:50px !important;
margin-bottom:20px;

}


.festivalinfo #festival-nav  ul li {
				float:left;
				display:block;
				height:50px;
				line-height: 50px;
				width:25%;
				 font-size: 16px;

}



 .festivalinfo #festival-nav  ul li a{
display: block;
}
 .festivalinfo #festival-nav ul li a:hover{
color:#fff;
}





/* festivalnav big 
height:57px;
height:87px;
height:87px;
*/
#festival-nav {
position: relative;
overflow: visible;
width:100%;
height:57px;
}




.hidefestivalnav #festival-nav {
display: none;
height: 0px;
}

.hidefestivalnav #content{
margin-top: 0px;
}



.rs #festival-nav,
.ws #festival-nav,
.pf #festival-nav,
.sc #festival-nav,
.ps #festival-nav{
height: 90px;
}

	.ws #festival-nav{
	height: 90px;
	height:110px;
	}
 
/*
#festival-nav.sub{
height:87px;
background: red;
}
*/

 

#festival-nav a{
border-bottom:0px!important;
color:#fff!important;

}

			#festival-nav ul{
				position: relative;
					list-style-type:none;
margin:0px;
padding:0px;



			font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				 font-size: 18px;
				 font-style: italic;


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
			}


	#festival-nav ul li {
				float:left;
				display:block;
				height:57px;
				line-height: 57px;

				margin:0;
				width:20%;
				background:#000;


	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* 2020 pmoves festivalnav  
	#festival-nav  ul li {
 width:50%;
}

#festival-nav  ul li {
 width:33.333%;
}
*/

#festival-nav ul li > a{
height:57px;
}


#festival-nav ul li a{
text-decoration:none!important;
color:#fff;
font-weight:bold;
display:block;
margin:0px;
border-right:1px solid #fff;
text-align:center;
 
}
#festival-nav ul li a:hover{
text-decoration:none!important;
color:#fff;
}
 #festival-nav ul li ul a{
height:auto;
 }

#festival-nav ul li.pf:hover { background-color: #0086b2; }
#festival-nav ul li.ws:hover { background-color: #e05d4c; }
#festival-nav ul li.rs:hover { background-color: #159e70; }
#festival-nav ul li.ps:hover { background-color: #677f7f; }
#festival-nav ul li.sc:hover { background-color: #ba418b; }
 
#festival-nav ul li.pf.selected, #festival-nav ul li.pf.selected a { background-color: #0086b2; }
#festival-nav ul li.ws.selected, #festival-nav ul li.ws.selected a { background-color: #e05d4c; }
#festival-nav ul li.rs.selected, #festival-nav ul li.rs.selected a { background-color: #159e70; }
#festival-nav ul li.ps.selected, #festival-nav ul li.ps.selected a { background-color: #677f7f; }
#festival-nav ul li.sc.selected, #festival-nav ul li.sc.selected a { background-color: #ba418b; }


#festival-nav ul li.btn-specials{
 background-color: #808080;
  display: none;
}
#festival-nav ul li.btn-heute{
 background-color:#E02232;
 display: none;
}


#festival-nav ul li.btn-heute .glyphicon{
 padding-left:10px;
 padding-top:5px;
font-size:16px;
}


#festival-nav ul li.btn-specials a,
#festival-nav ul li.btn-heute a{
border-right:none!important;
}
 

/*
#festival-nav ul li:last-child a{
    border-right: none;
}
*/
	#festival-nav ul li.sc a{
	border-right:none;
	}
 

#festival-nav ul li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#festival-nav ul li:hover ul{
	display:block;
	z-index:999;
}



#festival-nav ul li.selected ul{
	display:block;
 	z-index:888;
}

/* position:absolute; */
#festival-nav ul li ul{
display:none;
position:absolute; 
left:0px;
width:100%;
border-top:1px solid #fff;
background:inherit;
}

#festival-nav ul li ul:after{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
 

#festival-nav ul li ul li{
height:30px;
width:auto;
background:inherit;
min-width:0px;
	-webkit-transition:none;
  -moz-transition:none;
  -ms-transition:none;
  -o-transition:none;
  transition:none;
 
}

#festival-nav ul li ul li a{
text-decoration:none;
color:#fff;
line-height:30px;
display:block;
margin:0px;
border:none;
padding:0 8px;
text-align:left;


				font-family: 'Roboto Condensed', 'Helvetica', Arial, sans-serif;
				font-weight: 700;
						font-size:14px;

			 font-style:normal;
			 	text-transform: uppercase;



	
}		


#festival-nav ul li ul li a:hover{
text-decoration: underline!important;
}	

#festival-nav span{
padding: 0px 5px;
}		


/* mainSlider
	height:370px;
	width: 980px;

	*/
#mainpageslider{
	max-height:400px;
}	

.image-slider {
position:relative;
margin:0;
padding:0;
overflow:hidden;
border-top:1px solid #fff;
}


.image-slider .branding{
position:absolute;
left:10px;
top:8px;
z-index: 999;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
font-style: italic;
color: #fff;

font-size:50px;
line-height:50px;
}



/* no fixed
.image-slider.main{
height:370px;
width: 980px;
}
*/

.image-slider.main img{
min-width:500px;
}
 

/* nof fixed 
.image-slider.sub{
height:413px;
}
*/
.image-slider.sub img{
}








/*

.image-slider .transport .prev, .image-slider .transport .next{
height:25px;
width:25px;
float:left;
margin-right: 1px;

text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
background-color: #fff;
}

.image-slider .transport .prev {
	background-position: 1px -54px;
}

.image-slider .transport .next {
background-position: -18px -54px;
}
 */




 
 

/* 

dummyImg

.image-slider img {
width:100%;
display:block;
}


kee height - center image

.image-slider {
position: relative;
margin:0;
padding:0;
height:390px;
overflow:hidden;
}

.image-slider img {
position: absolute;
width:1024px;
left:50%;
margin-left:-512px;
}
*/

 

/* mainSlider imgContainer 
.js .slide-wraper{
visibility: hidden;
}
 */
 .slide-wraper{
visibility: hidden;
}

.slide {
position:relative;
overflow:hidden;
display:block;
}

 
/*width:100%; */
.slide img{
display: block;
margin:0;
border:0;
}

.slide img{
}

.slide .caption,
.slide .caption2{
position:absolute;
left:20px;
bottom:15px;
width:auto;
 
text-align:left;
background: #fff;
color:#000;

padding:0px 5px;
height:14px;
line-height:14px;

font-size:11px;
letter-spacing:normal;

}

/* used by slider plugin */
.slide .caption2{
bottom:11px;
font-size:12px;
padding:0px 5px;

height:18px;
line-height:18px;
}


.slide .caption{
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}

.image-slider:hover .caption{
filter: alpha(opacity=100);
opacity: 1.0;
}





/*
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;


.slide .caption{
padding:0px;

 
background: transparent url('http://www.impulstanz.com/media/sys_pics/opak000-30.png')  repeat top left;

position:absolute;
bottom:0px;
width:auto;
padding:5px;

font: normal 11px  Arial, sans-serif;
text-align:left;
}
*/

.slide .overlay{
position:absolute;
left:20px;
bottom:53px;
height:300px;
width:95%;
text-align:left;
}

.slide .overlay  > div{
position:absolute;
bottom:0px;
padding:4px 5px;
background: #fff;
}

.slide .overlay h1, .slide .overlay h2, .slide .overlay h3, .slide .overlay h4{
margin:1px;
color:#000;
}
 

.main .slide .overlay h1 {
font-size:24px;
line-height:1.1;
}
.main .slide .overlay h2 {
font-size: 22px;
line-height:1.1;
}
.main .slide .overlay h3 {
font-size: 20px;
line-height:1.1;
}

.slide .overlay h1.grey, .slide .overlay h2.grey, .slide .overlay h3.grey{
color:#cccccc;
}




.slide a{
display:block;
}
.slide a:hover {
text-decoration:none;
}



/* DIRECTION CONTROLS (NEXT / PREV)


.image-slider .transport{
position:absolute;
left:20px;
bottom:27px;
height:25px;
width:auto;
text-align:left;
z-index: 888;
}


.image-slider .transport .prev, .image-slider .transport .next{
height:21px;
width:21px;
float:left;
margin-right: 1px;


  overflow: hidden;
background-color: #fff;

display: block;
}

.image-slider .transport .prev {
	background-position: 0px -57px;
}

.image-slider .transport .next {
background-position: -21px -57px;
}

left:20px;
bottom:27px;

 */



.bx-wrapper .bx-prev {
	left: 20px;
background: #fff url('../media/sys_pics/sprite-icons.png') no-repeat  6px -415px;
background-color: #fff;
display: none;
border:none!important;
}

.bx-wrapper .bx-next {
	left: 43px;
 background: #fff url('../media/sys_pics/sprite-icons.png') no-repeat 8px -505px;
		background-color: #fff;
		display: none;
		border:none!important;
}

.bx-wrapper .bx-prev:hover {
	background-position: 6px -475px;
	background-color:#E02232;
}

.bx-wrapper .bx-next:hover {
	background-position: 8px -565px;
		background-color:#E02232;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom:30px;

	outline: 0;
	height:22px;
width:22px;
	text-indent: -9999px;
	z-index: 999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}




/* bxslider prev next
local controls (referenced slider init code)
 */
  .slidecontrols{
position: absolute;
	bottom:30px;
	left:20px;
	z-index: 999;
  }

 .slider-next, 
 .slider-prev{
height:22px;
width:22px;
float: left;
margin-right: 1px;
}
 

 .slider-next a,
 .slider-prev  a{
display: block;
	outline: 0;
	height:22px;
width:22px;
	overflow: visible;
		text-indent: -9999px;
	z-index: 999;
border:none!important;
cursor: pointer;
}
 .slider-prev a{
 	background: #fff url('../media/sys_pics/sprite-icons.png') no-repeat  6px -415px;
 }
 .slider-next a{
 background: #fff url('../media/sys_pics/sprite-icons.png') no-repeat 8px -505px;
 }
 

 .slider-prev a:hover {
	background-position: 6px -475px;
	background-color:#E02232;
}

 .slider-next a:hover {
	background-position: 8px -565px;
		background-color:#E02232;
}


/* inlineplayer > plugin: video; */
.inlinevplayer {
}


.c3 .inlinevplayer,
.c3 .vplayer{
margin-top:20px;
}

.col-side .inlinevplayer,
.col-side .vplayer{
margin-top:20px;
}




/*
responsive video
- responsive iframe content (statt jquery fitvids)
*/
 
.vplayer {
margin-top:0px;
margin-bottom:20px;
}

.vplayer .mejs-mediaelement{
}



.xternalvplayer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}


.xternalvplayer iframe,
.xternalvplayer object,
.xternalvplayer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 




 
/*
wraperelement videoplayer
max-width:640px;
*/
 




/*
wraperelement audioplayer
*/
.audioplayer{
margin:0px;
padding:0;
}


/* csstricks for medialements
= always shows video within 16:9 container;
implement in  medialemnt CSS

.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
*/



/* stretches selfhosted video (mediaelements) to 100% of container 
?? note: not working if ration not 16:9 > shifts size on startup
!! problem on fullwidht (not centered)

video {
max-width:100%;
height: auto !important;
}
*/

video {
max-width:100%;
height: auto !important;
}


 





/* picgallery > detailpage */

.picgal-tmb-container {
margin-left:-2%;
margin-right:-2%;
}

.picgal-tmb-container.tpl11 {
margin-left:0px; /* listview */
}
/*
.picgal-tmb{
float:left;
margin:0px 0px 0px 32px;
width:294px;
height: 250px;
}
*/

.picgal-tmb{
vertical-align: top;
	display: inline-block;
	*display: inline;

margin:3% 2%;
width:46%;
max-width: 342px;
}


.picgal-tmb a {
color:#000;
}

.picgal-tmb .tmb{
position: relative;
margin-bottom:5px;
}


/*
.picgal-tmb h3{
 position: absolute;
left:10px;
bottom:10px;

 
background: #fff;
line-height:20px;
padding:0px 5px;

display: block;
}



.picgal-tmb .credits{
position: absolute;
right:10px;
bottom:10px;

width: auto;
background: #fff;
color:#000;
padding:0px 5px;
height:14px;
line-height:14px;

zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
}
*/

.picgal-tmb .credits{
position: absolute;
right:10px;
bottom:10px;

width: auto;
background: #fff;
color:#000;
padding:0px 5px;
height:14px;
line-height:14px;

zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
}

 
.picgal-tmb .imgnr{
font-size:13px;
font-style:italic;
color:#808080;
}


 .picgal-wraper,
.picgal-tmb-container2 {
margin-left:-1%;
margin-right:-1%;
}



/* thumbs picgal detailpage 
.picgal-tmb2{
float:left;
margin:0px 0px 13px 13px;
}
*/
.picgal-tmb2{
float:left;
margin:1%;
width:23%;
}

.picgal-tmb2 a,
.picgal-tmb2 img{
border:none!important;
display: block;
}

.picgal-tmb2 a,
.picgal-tmb2 a:active,
.picgal-tmb2 a:focus
{
    outline: none;
}







/* content */
#content{
position: relative;
min-height:300px;
text-align: left;
margin-bottom:40px;
margin-top: 40px;
}


#header + #content{
margin-top:0px;
}
.festivalinfo  #header + .festival-subnav + #content{
margin-top:0px;
}


#content .inner a
{
border-bottom:1px solid #b3b3b3;
}

#content a:hover{
color:#000;
border-bottom:1px solid  #808080;
}


/* sideCol always grey links */
 .inner-small .article a,
 .inner-small .article a:visited
{
color:#808080!important;
border-bottom:1px solid #b3b3b3;
}

.inner-small .article a:hover{
color:#000!important;
border-bottom:1px solid #b3b3b3;
}

 .inner-small .article a.ticketlink.rw,
  .inner-small .article a.ticketlink.bw
{
color:#ffffff!important;
border:none!important;
}

 



/* footer */
#printfooter{
display: none;
}


#footer{
color:#808080;
color:#505050;
background: #EFEFEF;
font-size:12px;
}



#footer .inner {
background:none;
margin:0;
padding:30px 16px;
}



 #footer .sitemap {
 min-height:300px;
 padding:20px 0px;
 margin:20px 0px;
border-top:1px solid #B3B3B3;
border-bottom:1px solid #B3B3B3;
font-size:12px;
}

.sitemap ul{
list-style-type:none;
text-align: left;
 margin:0;
 padding: 0;
margin-bottom:20px;
}

.sitemap ul.single{
 margin:0;
}

.sitemap ul li ul{
 margin:0;
 padding: 0;
}


 
.sitemap ul li a{
 font-weight: 700;

 line-height:17px;
 height:17px;
  margin:0;
 padding:0;
  color:#505050;
    color:#606060;
}

.sitemap ul li ul a{
 font-weight:400;
}

.sitemap a:hover{
color: #000;
border-bottom:1px solid #B3B3B3;
}



/*
#footer .col {
float:left;
text-align:left;
width:25%;
}
*/
#footer .col {
	vertical-align: top;
	display: inline-block;
	*display: inline;
zoom: 1;
text-align:left;
width:25%;
}




#footer .logo {
display:block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;

background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
background-position: -151px 0; width: 137px; height: 32px; 
}

#footer .XXXsponsoren {
background: url('../media/sys_pics/sprite_ipt.png') no-repeat;
 background-position: 0 -36px; width: 185px; height: 21px;
}
/*
#footer .sponsoren {
background: url('../media/sys_pics/ipt-sponsorbar-footer2020c.gif') no-repeat;
width: 440px; height: 40px;
margin-top:0px;
}
#footer .sponsoren {
background: url('../media/sys_pics/ipt-sponsorbar-footer2020-2.gif') no-repeat;
width: 500px; height:70px;
margin-top:0px;
}
*/
#footer .sponsoren {
background: url('../media/sys_pics/ipt-sponsorbar-footer2021.gif') no-repeat;
width: 435px; height:70px;
margin-top:0px;
}



.nlbtnfooter {
	display: inline-block!important;
	padding:0px 30px!important;
	width:auto;
	max-width:180px!important;
 
	margin:0px 10px 0px 0px!important;
}
.mainpage .nlbtnfooter {

}



/* mobile footer */

#mobilefooter{
display:none;
color:#808080;
color:#505050;
background: #EFEFEF;
}


#mobilefooter .inner{
background:none;
margin:0;
padding:16px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
font-size:14px;
}

#mobilefooter .cpr{
font-weight:400;
font-size:14px;
text-align: center;
}


#mobilefooter .share{
margin:0px;
}
#mobilefooter .share .lbl{
font-size:15px;
}

#mobilefooter .smbar{
height:45px;
}


 
.smbar a:hover .smicon{
color:#b3b3b3;
}

#mobilefooter .smbar a{
display:block;
float:left;
width:44px;
height:30px;
text-align: center;
 text-decoration: none;
 border:0!important;
}

#mobilefooter .smicon{
 
    font-size:30px;
    	line-height:30px;
    color: #808080;
 
}



#mobilefooter  a.facefilter{
padding-left:5px;
margin-top:-3px;
width:34px;
}

#mobilefooter  a.telegram{
padding-left:7px;
margin-top:-1px;
width:30px;
}




#mobilefooter .sitemap {
 padding:15px 0px 10px 0px;
 border-bottom:1px solid #B3B3B3;
font-size:16px;
margin-bottom:10px;
}

 

#mobilefooter .sitemap div{
 text-align: center;
 margin:0px;
 padding: 0px;
}


#mobilefooter .sitemap ul{
position: relative;
list-style-type:none;

      display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
}

#mobilefooter .sitemap ul li {
float:left;
display:block;
margin:0px;
padding:0px;
padding-right:5px;
}
#mobilefooter .sitemap ul li:last-child {
 padding-right:0px;
}

 #mobilefooter .sitemap ul li a{
 padding:0px;
 margin-right:5px;
line-height: auto;
}
 



#mobilefooter a.smbarnlbtn {
	display: block;
 height:33px;
line-height:33px;
 
text-align:center;
text-decoration:none;
 
                
 

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight:700;
margin:0px;
padding:0px;
font-style: italic;
font-size:16px;

width:auto;
 
background: #808080;
color: #fff;
text-decoration: none;
border:none!important;
}


/* bodyClass
festival-off, festival-on > display ticketlink or moreinfo
=> real mit include (config var)

festivalbereiche > farbgebung;
pf, ws, rs, ps, sc


.margin-a #content{
margin-top:40px;
}
.margin-b #content{
margin-top:60px;
}
*/



.festival-off #festival-header .ticketlink{
 display:none;
}

.festival-on #festival-header .moreinfo{
  display:none;
}

/* festival modifier color */
.orange{
color:#f0ad4e;
}

.red,
.spotcolor,
.success{
color:#E02232;
}
.red .header{
color:#E02232;
}
.red .previewbox{
border-color:#E02232;
}
 


.header.pf {
	color:#0086b2;
}

.pf .previewbox{
border-color: #0086b2;
}
 
 .pf #content a{
color:#0086b2;
border-bottom-color: #0086b2;
}
 .pf .color,
 .pf .spotcolor{
color:#0086b2;
}




.header.ws,
h1.ws,
h2.ws,
h3.ws,
h4.ws{
color:#e05d4c;
}
.ws .previewbox{
border-color: #e05d4c;
}

.ws #content a{
color:#e05d4c;
border-bottom-color: #e05d4c;
}
 .ws .color,
  .ws .spotcolor{
color:#e05d4c;
}




.header.rs {
color:#159e70;
}
.rs .previewbox{
border-color: #159e70;
}

.rs #content a{
color:#159e70;
border-bottom-color: #159e70;
}
 .rs .color,
  .rs .spotcolor{
color:#159e70;
}



.header.ps {
color:#677f7f;
}
.ps .previewbox{
border-color: #677f7f;
}
.ps #content a{
color:#677f7f;
border-bottom-color: #677f7f;
}
 .ps .color,
  .ps .spotcolor{
color:#677f7f;
}



.header.sc {
color:#ba418b;
}
.sc .previewbox{
border-color:#ba418b;
}
.sc #content a{
color:#ba418b;
border-bottom-color:#ba418b;
}
.sc .color,
 .sc .spotcolor{
color:#ba418b;
}




/* registration */

.child-account{
padding:20px 0px;
margin:20px 0px;
border-top: 1px solid #b3b3b3;
}
 
h2.header + .child-account{
border-top:none;
padding-top:0px;
}


.regfooter{
	position: relative;
margin-top:20px;
margin-bottom:0px;
border-top: 5px solid  #000;
padding-top:10px;
	}



.regfooter .cancel{
position: absolute;
right:0px;
top:10px;
}


/*
 .btnSubmit.goon{
 float:right;
}
  .btnSubmit.goback{
 float:right;
}
*/
 






.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}



/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}






/* fileupload */


.fileuploaddropzone{
background: transparent;
}
.fileuploaddropzone.drag-over{
background:#fff385;
}


.uploadbtn{
line-height: 28px;
height: 28px;
 display: inline-block;
padding:0px 20px;
margin:0px;
text-decoration:none;
text-align:center;

background:#ff9a34;
background:#1e88d1;
color:#fff!important;
 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;

    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;



        font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
        font-weight:400;
        font-size:13px;

}

.uploadbtn:hover{
background:#e05d4c;
background:#1678bb;

}

.uploadbtn.disabled{
background:#83bbe1!important;
}

 .uploadbtn .icon{
  width:20px;
  height: 24px;
background: transparent url("../media/sys_pics/glyphicons-halflings-white.png") no-repeat -408px -93px;


display:inline-block;
  *zoom: 1; /* trigger hasLayout for IE7 and below */
  *display: inline; /* the star targets only IE7 and below */
  vertical-align: middle;

margin:0px 5px 0px 0px;
 }


.progress-extended,
.fileupload-process{
font-size:13px;
font-family:arial, sans-serif;
}


/* uploaditem */
.template-upload{
background: #eee;

margin: 0;
padding:10px;
line-height: 15px;
border-top: 1px solid #fff;
min-height: 20px;

 
font-size:13px;
font-family:arial, sans-serif;
}
 

 .template-upload .size {
color: #5DA30C;
}
 .text-danger {
color: red;
}


 .floatright{ float:right; }
 img.floatright {
 	margin:0px 0px 2px 10px;
 }
.floatleft{ float:left; }
 img.floatleft {
 	margin:0px 10px 2px 0px;
 }



/* donwloaditem (= uploaded success) */
.template-download{
background: #eee;
background: none;
margin: 0;
padding:10px;
line-height: 15px;
border-top: 1px solid #fff;
min-height: 20px;

 
font-size:13px;
font-family:arial, sans-serif;
}

.template-download .preview{
}
.template-download .preview img{
margin:0;
padding:0;
display: block;
border:none;
outline:none;

width: 100%;
max-width:200px;
height: auto !important;
-ms-interpolation-mode: bicubic; 
}

.template-download .name{

}



/* general button */

 
.grey.btnSubmit:hover, a.btnSubmit:hover{
   background: #B3B3B3;
   color: #fff;
   }
.grey.btnSubmit:active, a.btnSubmit:active{
   background: #B3B3B3;
 color: #fff;
   }
.grey.btnSubmit:visited, a.btnSubmit:visited{
 color: #fff;
   }



 a.btnBlack{
text-align:left;
	text-decoration:none;

			
	 			font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				margin:0px;
				font-size:13px;

width:auto;
display:inline-block;

padding:0 15px;
margin:none;
height:28px;
line-height:28px;
 
 background: #444;
color: #eee!important;
 border: none!important;
 }

 
 a.btnBlack:hover{
  background: #e05d4c;
   	background: #808080;
 }
 
 




/* btn */
/* bootstrap buttons
  display: inline-block;

btn-danger
  btn-success
  btn-warning

  btn-info
  btn-primary
 */
 
.btn {
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;


 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;


  padding: 6px 12px;
  font-size: 14px;


    padding:4px 8px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
a.btn {
text-decoration: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}



/* nemec */


 
.btn-edit {
  color: #ffffff;
  background-color: #888;
  border-color: #888;
}
.btn-edit:hover {
  color: #ffffff;
  background-color: #555;
  border-color: #555;
}

.btn-hidden {
  color: #000;
  background-color:transparent;
 border-color:none;
}
 

.btn-primary {
  color: #ffffff!important;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}



.btn-warning {
  color: #ffffff!important;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-danger {
  color: #ffffff!important;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-success {
  color: #ffffff!important;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-info {
  color: #ffffff!important;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}



 


audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

.progress {
  height: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
 background: #dddddd;

}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 10px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}







@media print {


/*
print styles
*/

#nav, #festival-nav, #footer, #festival-header .ticketlink, .smbar, .smbarwraper, .bx-controls-direction, .share, .bannerwraper, .ticketlink, #wscartbtn, .noprint, .filter {
	display: none;
}

#header{
	height:85px;
}

.inner-small {
}

 .noscreen,
#festival-header .printsep{
display:block;
}

.noprint{
display:none;
}


.double-line {
 border-top: 3px solid #000;
}

 .c3 .header + .article{
border-top:3px solid #000;
}
 .col-side .header + .article{
border-top:3px solid #000;
}
 
.inner + .inner-small  .article:first-child{
border-top:none;
}
 

#printfooter{
margin:20px 0px;
padding:10px 0px;
border-top:1px solid #B3B3B3;
display:block;
text-align: left;
}


#printfooter .date-url{
color:#808080;
float: right;
}



}



/* checkboxes of lists to subscribe, unsubscribe (if more than one) */
.nlPubliclists{
margin-top:20px;
}

.nlPubliclists input{
float:left;
}
.nlPubliclists .descr{
margin-left:20px;
margin-bottom:10px;
width:90%;
}
.nlPubliclists .header{
font-weight:bold;
margin-bottom:20px;
height:auto;
min-height: 10px;
}		

 



 /* SHOPRASTER */

.shop-raster-wraper{

margin-left:-1%;
margin-right:-1%;
}

/*
.shop-raster-wraper .item{
position: relative;
display: inline-block;
vertical-align: top;
border-top: 0px solid #b3b3b3;

width:215px;
margin:15px;
min-height:480px;
}
*/
.shop-raster-wraper .item{
position: relative;
display: inline-block;
vertical-align: top;
border-top: 0px solid #b3b3b3;

margin:1% 1% 3% 1%;
width:23%;
}
.shop-raster-wraper .item .tmb{
max-width:240px;
}





/* 3er raster 3:2
.shop-raster-wraper .item{
position: relative;
display: inline-block;
vertical-align: top;
width:296px;
margin:15px;
border-bottom: 1px solid #b3b3b3;
min-height:350px;
}

*/




.shop-raster-wraper .tmb {
 position: relative;
 margin-top:0px;
}
.shop-raster-wraper .content {
 margin:15px 0px 0px;
}


/*
.shop-raster-wraper .content p + div{
margin-top:-10px;
}

.shop-raster-wraper .content p + div{
position: absolute;
left:0px;
bottom:10px;
}



.shop-raster-wraper .tmb .prize {
position: absolute;
right:0px;
bottom:0px;

width: auto;
background: #fff;
color:#000;
padding:4px 8px;
height:14px;
line-height:14px;

background: #E02232;
color:#fff;
}



.shop-raster-wraper .tmb .prize {
position: absolute;
right:0px;
bottom:0px;

width: auto;
background: #fff;
color:#000;
padding:4px 8px;
 

color: #E02232;

}


 .shop-raster-wraper .tmb .prize {
text-align: right;
margin-top:5px;
color: #E02232;

}




.shop-raster-wraper .tmb .prize {
position: absolute;
right:0px;
bottom:10px;

width: auto;
background: #fff;
color:#000;
 
 

color: #E02232;

}

*/

.shop-raster-wraper .content p + div{
margin-top:-15px;
}


.shop-raster-wraper .tmb .prize {
position: absolute;
right:-5px;
bottom:-5px;

width: auto;
background: #fff;
color:#000;
padding:4px 8px;
height:14px;
line-height:14px;

background: #E02232;
color:#fff;
}











/**
RESPONSIVE GRID
col_main, col_side
col_14 (bis 44)
col_s_14 (bis 44)

*/


 /* clearfix container for cols */
.wraprow{
}
.wraprow:before, .wraprow:after { content: " "; display: table; }
.wraprow:after { clear: both; }
.wraprow { *zoom: 1; }


 
	.col-main, .col-side{
position: relative;
text-align:left;
float:left;
}
.col-main{
width:66.6666666666%;
}
.col-main img{
max-width: 678px;
}



/* sidecol > use greyout style below 
.col-side{
width:33.3333333333%;
color:#808080;
}

.col-side:hover{
color:#000;
}
.col-side:hover h1 a,
.col-side:hover h2 a,
.col-side:hover h3 a{
color:#000!important;
}
.col-side:hover .bw-transform .overlay{
opacity: 0;
}
*/
.col-side{
width:33.3333333333%;
}


/* greyout sidecol font and image*/
.greyout{
color:#808080;
}

.greyout:hover{
color:#000;
}
.greyout:hover h1 a,
.greyout:hover h2 a,
.greyout:hover h3 a{
color:#000!important;
}
.greyout:hover .bw-transform .overlay{
opacity: 0;
}

/* dont gryout articles with this style
- container article-plugin-include
*/
.greyout .nogray{
color:#000;
}
.greyout .nogray .bw-transform .overlay{
opacity: 0;
}


/* wenn nötig ersetzen durch rowwrap
.col-full{
width:100%;
clear:left;
}
*/


 

 






/* COLS
4er raster
float: problem with alignment if boxes have different sizes (next line);
inline-blocK: problem with 4px gap (no space or htmlcomment to fill tag-space);

.col-14, .col-24, .col-34, .col-44 {
position: relative;
text-align:left;

vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
}

.col-14, .col-24, .col-34, .col-44 {
position: relative;
float:left;
text-align:left;
}
*/
.col-14, .col-24, .col-34, .col-44 {
position: relative;
text-align:left;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
}




.col-14 {
width:25%;
}
.col-24 {
width:50%;
}
.col-34 {
width:75%;
}
.col-44 {
width:100%;
}

.col-14 img, .col-24 img, .col-34 img, .col-44 img{
width:100%;
}




/* EXAMPLE limit cols
.aktuell .col-24,
.aktuell .col-sm-24,
.aktuell .col-xm-24  {
max-width:320px;
}
 */




/* mobile nav
*/
#mobilenav-wraper{
display: none;
}

#mobilenav-open{
display: none;	
position: relative;
height:50px;
width:100px;
padding-left:16px;
}

#mobilenav-open a{
display: block;
height:50px;
line-height:50px;
padding-left:40px;
background: transparent url('../media/sys_pics/menuiconB.png') no-repeat left 15px;
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size:20px;
color:#222;

}

/* 
text-indent: -200px;
width:40px;
 */

#mobilenav-open a:hover,
#mobilenav-open a:active
{
color:#222;
}


#mobilenav{
display: none;
position: relative;
text-align: left;
background:#fff;
border-bottom:1px solid #222;
}


#mobilenav ul{
list-style-type:none;
position:relative;
margin:0px 10px;
padding:0;
}


#mobilenav ul li{
width:auto;
}

#mobilenav ul li ul{
display: none;
margin:0;
}


#mobilenav ul li a.selected + ul{
display: block;
}

/* 
 background: #d0e1ed  url('../_media/sys_pics/sprite-icons.png') no-repeat right -500px;
border-bottom: 1px solid #c4c8ca;
*/



#mobilenav ul li a{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-size:18px;
text-transform: uppercase;
 
	display: block;
	overflow: hidden;
	height:38px;
	line-height:38px;
	padding:0px 6px;
	color:#222;
	text-decoration:none;
	width: auto;
	margin:0px;

border-bottom: 1px solid #dedede;
 background: #fff;

}

/*
 #mobilenav ul li.haschild > a{
 background: transparent url('../media/sys_pics/arrow-sprite.png') no-repeat right -212px;
}
 */

 #mobilenav ul li.haschild .glyphicon{
position: relative;
float: right;
font-size:14px;
padding-top:12px;
color: #aaa;
}
 #fnavmobile ul li.haschild .glyphicon{
position: relative;
float: right;
font-size:14px;
padding-top:12px;
padding-right:15px;
color: #ccc;
}



/*
#mobilenav ul li:last-child a{
border-bottom:none;
}
#mobilenav ul li.order a{
 background:none;
}
*/

#mobilenav ul li ul li a{
font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 400;
font-size:18px;
text-transform: uppercase;


	display: block;
	overflow: hidden;
 
	height:38px;
	line-height:38px;
	padding-left:16px;
	color:#000;
	text-decoration:none;
	width: auto;
	margin:0px;
 border-bottom: 1px solid #dedede;
	 background: none;


}


 #mobilenav ul li:last-child ul li:last-child a{
 border-bottom:none;
}

/*
#mobilenav ul li a:hover,
#mobilenav ul li a.xcurrent
{
color: #ff9900;
}
*/






/* mobile festival */

  #fnavmobile ul {
margin:0px 0px 10px 0px;
}

 #fnavmobile ul li {
background: #222;
 }

/*  background: #222  url('../media/sys_pics/arrow-sprite.png') no-repeat right -210px; */
  #fnavmobile ul li a{
  color:#fff;
 background: #222;

 	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				 font-size: 18px;
	 font-style: italic;
 


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 


	height:40px;
	line-height:42px;
 	padding:0px 0px 0px 20px;
 	 
	border-bottom: 1px solid #f5f5f5;
}


  #fnavmobile ul li ul li a{
  color:#fff;
 background: #222;
 padding-left:30px;


 	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				 font-size: 18px;
	 	 font-style: normal;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	 height:40px;
	line-height:40px;


	 border-bottom: 1px solid rgba(255, 255, 255, .2);
}

 

#xxxxxxfnavmobile ul li.pf.selected >  a,
#fnavmobile ul li.pf ul li a { background-color: #0086b2; }
#fnavmobile ul li.pf ul li  a.selected {  color: #222; }

 
#fnavmobile ul li.ws ul li a{ background-color: #e05d4c; }
#fnavmobile ul li.ws ul li  a.selected {  color: #222; }

 
#fnavmobile ul li.rs ul li a { background-color: #159e70; }
#fnavmobile ul li.rs ul li  a.selected {  color: #222; }

 
#fnavmobile ul li.ps ul li a { background-color: #677f7f; }
#fnavmobile ul li.ps ul li  a.selected {  color: #222; }

 
#fnavmobile ul li.sc ul li a { background-color: #ba418b; }
#fnavmobile ul li.sc ul li  a.selected {  color: #222; }


/* hide addons */
#fnavmobile ul li.btn-specials{
display: none;
}
#fnavmobile ul li.btn-heute{
display: none;
}
 

/* festival subnav mobile < ? */

ul.festival-subnav{
display: none;
list-style-type:none;
position:relative;
margin:0;
padding:0;
background-color: #000;
margin-bottom:30px;
}
.pf ul.festival-subnav{
background-color: #0086b2;
}
.ws ul.festival-subnav{
background-color: #e05d4c;
}
.rs ul.festival-subnav{
background-color: #159e70;
}
.ps ul.festival-subnav{
background-color: #677f7f;
}
.sc ul.festival-subnav{
background-color: #ba418b;
}
 


ul.festival-subnav .glyphicon{
float:right;
margin:12px 16px;
font-size:18px;
}


ul.festival-subnav li{
list-style-type:none;
display: block;
margin:0px;
padding:0px;
position:relative;
text-transform: uppercase;
height:auto;
}

ul.festival-subnav li a{
display: block;
color:#fff;
 	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:700;
				 font-size:20px;
	 	 font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

height:46px;
line-height: 46px;
padding-left:16px;
outline: none;
}

ul.festival-subnav li ul{
display: none;
margin:0px;
padding:0px;
margin:10px 0px;
padding-bottom:10px;
padding-left:16px;
}

 

ul.festival-subnav li ul li{
		height:36px;
		line-height:36px;
}

/*
ul.festival-subnav li ul li a:after{
content: "*";
}
ul.festival-subnav li ul li a span {
padding:0px 5px;
}
*/

ul.festival-subnav li ul li a{
display: block;

font-size: 18px;
font-style: normal;
font-weight:400;
	padding:0px 0px 0px 16px;

	line-height:36px;
	height:36px;
}
ul.festival-subnav li ul li a:hover span{
border-bottom:2px solid #fff;
}
ul.festival-subnav li ul li a.selected span{
border-bottom:2px solid #fff;
}



.tmb a.zoom {
position: relative;
display: block;
}
/* zoom thumbs
 
.tmb a.zoom .zoom-icon{
position: absolute;
display: block;
width: 24px;
height: 24px;
bottom:10px;
right:10px;
}
.tmb a.zoom .zoom-icon .glyphicon{
font-size:24px;
color: #ffffff;
}
  */

.tmb a.zoom .zoom-icon{
position: absolute;
display: block;
width: 24px;
height: 24px;
bottom:0px;
right:0px;
background: #fff;
}
.tmb a.zoom .zoom-icon .glyphicon{
font-size:18px;
color: #808080;
margin:2px 0px 0px 3px;
}






/* hide if not mobile */
.heutemobile{
display: none;
}
 




 .sideheader-mobile{
 display: none;	
 }

 



/*
.mobilefilter .customSelect{
width:100%;
 height:33px;
line-height:33px;
font-size:18px;
overflow: hidden;
background-position: right -591px;
padding-left:0px;
white-space: nowrap;

}
 */


/* show this content only if mobile
ptplPage_ipListing.php

l 768
m 670
s 550
*/
.mobile-content-l,
.mobile-content-m,
.mobile-content-s{
display: none;
}




/* general show hide content IF MOBILE
l 768
m 670
s 550
*/


/* hide if smaller than breakpoints */
.hide-content-l,
.hide-content-m,
.hide-content-s {
	display: block;
}
 

/* shown if smaller than breakpoints */
.show-content-l,
.show-content-m,
.show-content-s{
display: none;
}


/* floats restricted to size */
 .floatright-l,
  .floatright-m,
   .floatright-s
 { float:right; }




/* fixed button top */


#backtop{
display: block;
position: fixed;
bottom:28px;
right:0px;
text-align: center;
background: #f5f5f5;
margin:0px;
color: #808080;
height:45px;
width:45px;
font-size:30px;
}
#backtop span{
line-height:45px;
}


#backtop:hover{
cursor: pointer;
color: #222;
/* background:#E02232; */
}


/* mobile articles good-to-know */

 .article-mobile{
 margin-top:60px;
display: none;
}



/* mobile bottom footer

#backtop{
	display:none;
margin:0px 20px 20px 0px;
color: #ccc;
height:50px;
}

#backtop div{
float: right;
font-size:18px;
line-height:18px;
}
#backtop div:hover{
cursor: pointer;
}
 */



/* slide-toggle 
.slidetoggle{
	margin:0px;
	margin-top:10px;
}

.slidetoggle-btn{
padding:10px 0px;
margin:0px;
border-top:1px solid #ccc;
cursor: pointer;
}
.slidetoggle-content{
display: block;
padding-top:10px;
margin-bottom:20px;
}
*/


.slidetoggle-btn{
cursor: pointer;
}
.slidetoggle-content{
display: block;
}

 
.js .slidetoggle-content{
display: none;
}




/* sticky header test */
.is_stuck {
z-index: 999999;
}


/* fanaward iframe */
#fanaward-iframe{
height:2500px;
}




/*
  quotes: "\201C""\201D""\2018""\2019";
*/

.blockquote,
blockquote {
  border-left: 0px solid  #aaa;
 color:#aaa;

  margin:20px 0px;
  padding:0px;
   font-size:14px;
   font-style:italic;
}


blockquote + p.blockquote{
margin-top:-20px;
}


blockquote:before {
 color:#aaa;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

/**/
blockquote:after {
 color:#aaa;
   content: "\201C";

  font-size:3em;
  line-height: 0.1em;
  margin-left:0.10em;
  vertical-align: -0.5em;
}

blockquote p {
  display: inline;
}


/* slidecontent button 

p + div.slidecontent{
margin-top:-15px;
}
 .slidecontent div{
margin:0px;
}
 .slidecontent p:last-child{
margin:0px;
}
*/



/* logo raster
*/
.logogrid {
box-sizing:border-box!important;
}
.logogrid  .item{
display:inline-block;
box-sizing:border-box!important;
width: 100%;
max-width:33.3%;
padding:10px;
vertical-align: middle;
}

.logogrid  .item.col2{
max-width:50%;
}
.logogrid  .item.col3{
max-width:33.3%;
}
.logogrid  .item.col4{
max-width:25%;
}
.logogrid  .item.col5{
max-width:20%;
}


.logogrid.pad10 .item{
padding:10px;
}
.logogrid.pad20 .item{
padding:20px;
}
.logogrid.pad30 .item{
padding:30px;
}


 
.logogrid  .item a{
display:block;
text-decoration: none!important;
border-bottom: none!important;
}
.logogrid  .item img{
display: block;
margin:0px auto;
}


/* artistbio */
.artistbio-lastmod{
 color:#666;
font-style:italic;
}


/* cookie consent
*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}






/* klaro cookie consent
*/
.klaro .cookie-modal, .klaro .cookie-notice {
  /* The switch - the box around the slider */
 font-family: 'Roboto',  'Helvetica', Arial, sans-serif!important;
        font-weight: 400;
  font-size: 13px;
}

.klaro .cookie-modal .switch, .klaro .cookie-notice .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .switch.disabled input:checked + .slider, .klaro .cookie-notice .switch.disabled input:checked + .slider {
  opacity: 0.5;
  background-color: #005091;
}

.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal .cm-app-input, .klaro .cookie-notice .cm-app-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-app-label, .klaro .cookie-notice .cm-app-label {
  /* The slider */
  /* Rounded sliders */
}

.klaro .cookie-modal .cm-app-label .slider, .klaro .cookie-notice .cm-app-label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #aaa;

  -webkit-transition: .4s;
  transition: .4s;
  width: 50px;
  display: inline-block;
}

.klaro .cookie-modal .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-label .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.klaro .cookie-modal .cm-app-label .slider.round, .klaro .cookie-notice .cm-app-label .slider.round {
  border-radius: 30px;
}

.klaro .cookie-modal .cm-app-label .slider.round:before, .klaro .cookie-notice .cm-app-label .slider.round:before {
  border-radius: 50%;
}

.klaro .cookie-modal .cm-app-label input:focus + .slider, .klaro .cookie-notice .cm-app-label input:focus + .slider {
  box-shadow: 0 0 1px #0885BA;
  box-shadow:none;
}

.klaro .cookie-modal .cm-app-label input:checked + .slider:before, .klaro .cookie-notice .cm-app-label input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .cm-app-input:focus + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:focus + .cm-app-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
  background-color: #0885BA;
  background-color: #00AA3E;
}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}


.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow:none!important;
}

/*


.klaro .cookie-modal a, .klaro .cookie-notice a {
  color: #00AA3E;
  text-decoration: none;
}
*/
.klaro .cookie-modal a, .klaro .cookie-notice a {
  color:inherit;
  text-decoration:underline;
}


 

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li{
  
  color: #eee;
  color:#222;
}


 .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li{ 
 
  color: #eee;

}

.klaro .cookie-modal h1, .klaro .cookie-modal h2,
.klaro .cookie-notice h1, .klaro .cookie-notice h2{
        font-weight: 700;
}



.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em;
}
 
.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn {
  background: #555;
  color: #eee;
  border-radius: 0px;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
  margin-bottom:1px;
  font-size:13px;
}


.klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm {
  padding: 0.4em;
  font-size:1em;
}

.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background: #eee;
  color: #000;
}

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  background: #00AA3E;
}

.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background: #0885BA;
  background: #666;
}

.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
}

.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.klaro .cookie-modal .cm-modal {
  z-index: 1001;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #333;
  background: #f1f1f1;
  color: #222;
}

@media (min-width: 1024px) {
  .klaro .cookie-modal .cm-modal {
    border-radius:0px;
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
  }
}

.klaro .cookie-modal .cm-modal .hide {
  border: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #eee;
}

.klaro .cookie-modal .cm-modal .cm-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
}

.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
  position: absolute;
  right: 1em;
  color: #999;
  font-size: 0.8em;
  padding-top: 4px;
}

.klaro .cookie-modal .cm-modal .cm-header {
  padding: 1em;
  padding-right: 24px;
  border-bottom: 1px solid #555;
    border-bottom: 1px solid #ddd;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  margin: 0;
  font-size: 2em;
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
  padding-right: 20px;
}

.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps {
  padding: 0;
  margin: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
  position: absolute;
  left: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
  font-size: 0.8em;
    font-size: 13px;
  color: #0dc338;
   color: #666;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
  border-top: 1px solid #ddd;
  padding-top: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
  font-weight: 600;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
  padding-left: 0.2em;
  font-size: 0.8em;
  color: #999;
}

.klaro .cookie-notice {
  background: #474747;
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  min-height:200px;
}

/*
@media (min-width:990px) {
  .klaro .cookie-notice {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 300px;
  }
}
*/
@media (max-width: 989px) {
  .klaro .cookie-notice {
    border: none;
    border-radius: 0;
  }
}



.klaro .cookie-notice .cn-body {
  margin-bottom: 0;
  margin-right: 0;
  bottom: 0;
  padding: 1em;
  padding-top: 0;
  max-width:1200px;
}

.klaro .cookie-notice .cn-body p {
  margin-bottom: 0.5em;
}

.klaro .cookie-notice .cn-body p.cn-changes {
  text-decoration: underline;
}

.klaro .cookie-notice .cn-body .cn-learn-more {
  display: inline-block;
}

.klaro .cookie-notice .cn-body p.cn-ok {
  padding-top: 0.5em;
  margin: 0;
}

.klaro .cookie-notice-hidden {
  display: none !important;
}



  /* klaro theme
  */
  #klaro .cm-toggle-all { display: none; }

    #klaro h1.title { font-size: 20px!important; }

      .klaro .cm-btn{

      }

 
    .klaro .cookie-notice .cm-btn.cm-btn-info{
      background:#666!important;
    }

.cm-apps .cm-app:first-child {
border-bottom: 1px solid #ddd;
padding-bottom: 1em!important;
margin-bottom:1em!important;
}

/*
.cm-apps #app-item-googleAnalytics-description{
margin-bottom:20px;
}
 */
.cn-body {
  color:#f1f1f1;
}
 
.cn-dsgtxt{
}
 
.cn-dsglink{
   color:#bbb!important;
}
 






/** PUBLIC MOVES  
*/




/** public moves artistlisting (archive article)
*/
ul.pmovesArtistlist {
	margin:0px;
padding:0px;
}


.pmovesArtistlist li {
	list-style: none;
	margin:0px;
padding:0px;
}
.pmovesArtistlist li a,
.pmovesArtistlist li a:visited{
	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
 font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #222!important;
    text-decoration: none;
    border-bottom:1px solid #ccc!important;
    	display:inline-block;
text-transform: uppercase;
}
 
.pmovesArtistlist li a:hover,
.pmovesArtistlist li a:active{
 border-bottom:1px solid #e05d4c!important;
color:#e05d4c!important;
}
 



/* detailpage flag kinderkurse
.flagpmoves {
display: inline-block;
margin:20px 0px 20px;
color:#4daf95;
 
text-transform: uppercase;
}
*/

.flagpmoves {
display: inline-block;
color:#06694e;
margin-bottom:20px;
background-color: #9ed2c4;
padding:2px 6px;
font-size: 12px;
}




/* reservation
*/
.pmresform{
 
 
}

 
/** public moves detail
*/
.pmeventinfo{
margin:0px 0px 20px;
line-height:20px;
}

 #mobilenav .pmeventinfo{
margin:0px;
 }


.pmeventinfo .location{
 color: #2e6da4;
 color:#4cae4c;
 color:#e05d4c;
 font-size:17px;
 line-height: 22px;
 
  margin-bottom:15px;
}
.pmeventinfo .date{
 font-size:17px;
 line-height: 22px;
  color: #2e6da4;
  color:#4cae4c;
   color:#e05d4c;
 
 
}

.pmeventinfo .artist,
.pmeventinfo .event{
	font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight: 700;
				margin:0px;
				padding:0px;
	}		 

.pmeventinfo .artist{
	font-size: 20px;
 
				line-height: 1.1;
	margin-bottom:5px;
	text-transform: uppercase;
}
.pmeventinfo .event{
font-size: 18px;
	line-height: 1.1;
		font-weight:400;
}

 	.boxed{
	padding:20px 10px;
	background-color:#F1F2F3;
	background: #ececec;


	}




.pmresform .field input{
width: 100%;
max-width:450px;
margin-bottom: 10px;
}

.pmresform .field select{
width: 100%;
max-width:450px;
}



/** public moves raster
*/
#pmoveswraper.show8 .location{
width: 11.5%;
}
#pmoveswraper.show8 .date{
width:8%;
}


#pmoveswraper.show7 .location{
width: 13%;
}
#pmoveswraper.show7 .date{
width:9%;
}


#pmoveswraper.show6 .location{
width: 15.5%;
}
#pmoveswraper.show6 .date{
width:7%;
}

#pmoveswraper.show5 .location{
width:18.5%;
}
#pmoveswraper.show5 .date{
width:7.5%;
}


#pmoveswraper.show4 .location{
width:22.5%;
}
#pmoveswraper.show4 .date{
width:10%;
}



#pmoveswraper.show3 .location{
width:29%;
}
#pmoveswraper.show3 .date{
width:13%;
}


#pmoveswraper.show2 .location{
width:40%;
}
#pmoveswraper.show2 .date{
width:20%;
}

#pmoveswraper.show1 .location{
width:80%;
}
#pmoveswraper.show1 .date{
width:20%;
}


#pmoveswraper.show8 .location.empty,
#pmoveswraper.show7 .location.empty,
#pmoveswraper.show6 .location.empty,
#pmoveswraper.show5 .location.empty,
#pmoveswraper.show4 .location.empty,
#pmoveswraper.show3 .location.empty,
#pmoveswraper.show2 .location.empty,
#pmoveswraper.show1 .location.empty
{
height:1px;
}



/** public moves raster

A. schedule

 .scheduleWraper  .row .item > div{
border-right:1px solid #fff;
}
.scheduleWraper  .row .item:last-child > div{
border-right: none;
}

*/

#hideoldeventsBtn{
	text-align:left;
	text-decoration:none;
font-family: 'Roboto', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
				font-weight:400;
				margin:0px;
				font-size:13px;
width:auto;
text-transform: uppercase;
display:inline-block;


background: #e05d4c;
   	color: #fff!important;
padding:7px 10px;
cursor: pointer;
}

 
 #hideoldeventsContainer{
 height: auto;
 }



 #pmoveswraper{
}

 #pmoveswraper .hideme{
 height:1px!important;
 border:0px!important;
 overflow: hidden;
 }


 #pmoveswraper .toprow{
 border-bottom: 5px solid #e05d4c;

margin:0px;
padding:0px;
background: #fff;
}
 #pmoveswraper .toprow .location{
padding:5px;
color: #e05d4c;
font-size: 16px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
 text-align: center;
} 
#pmoveswraper .toprow .location .loc{
display:block;
font-size: 16px;
font-weight: 400;
 text-align: center;
}
 #pmoveswraper .toprow .date{
margin:0px;
padding:0px;
}


 #pmoveswraper .row{
border-bottom:1px solid #e05d4c;
clear:both;
padding:0px;
margin-bottom:5px;
}
 #pmoveswraper .date{
display: inline-block;
display: block;
float: left;
width:5.5%;
vertical-align:top;


color: #222;
font-size:18px;
white-space: nowrap;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-style: italic;
padding-top:15px;

line-height: auto;
}
#pmoveswraper .date > div{
 width:auto;
 display: inline-block;

}
#pmoveswraper .date .wd{
 font-size:16px;
 font-weight: 400;
 line-height: 18px;
}
#pmoveswraper .date .kd{
}
 





 #pmoveswraper .location{
display: inline-block;
display: block;
float: left;
width: 13.5%;
max-width:500px;
vertical-align:top;
padding-right:1px;
 box-sizing: border-box;

}

 #pmoveswraper .locheader{
padding:5px;
color: #e05d4c;
font-size: 16px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;

display: none;
 }
 


 #pmoveswraper .item{
margin:0px;
margin-bottom:5px;
}

 #pmoveswraper .item a:hover .pro{
background-color:#fff591!important;
color:#000!important;
}




 #pmoveswraper .time{
 padding:2px 0px;
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
			
				color: #000;
				font-size: 13px;
				line-height: 13px;

}
 #pmoveswraper .time .right{
float:right;
}


 #pmoveswraper .pro{
background:#EFEFEF;
display:block;
overflow:hidden;
 
min-height:50px;

color: #000;
width:100%;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
text-transform: uppercase;

font-size: 12px;
line-height:14px;
}

 #pmoveswraper .pro.stb{
background-color: #9ed2c4;
 }



 #pmoveswraper .pro .name{
font-weight:700;
padding:3px 0px 0px 4px;
}

 #pmoveswraper .pro .style{
font-weight:400;
padding:2px 0px 2px 4px;
}
 #pmoveswraper a .pro .canceled{
font-weight:400;
padding:5px;
color:#ff0000;
text-align: center;
 letter-spacing: 3px;
}
 #pmoveswraper .itemcanceled .pro{
background: #f0d6d6;
background: #ccc;
}
 
 #pmoveswraper .pro .addon {
background-color:yellow;
padding:0px 3px;
margin-right:5px;
}



/* redbox */



/********************************************** */





/* PUBLIC MOVES responsive

breakpoints festlegen
7 > 765
6 > 620
5 > 550

4 > 500
3 > 400


 */

 @media only screen and (max-width:800px) {

 	.inner,
.inner-small {
margin:0px 10px;
}
}




/*
@media only screen and (max-width:766px) {

#pmoveswraper .location.empty{
display:none;
}
 #pmoveswraper .locheader{
display: block;
 }

 #pmoveswraper .date{

padding:10px 0px;
font-size: 24px;
background: #fff;
 }

 #pmoveswraper .toprow{
display: none;
 }
#pmoveswraper .location{
display:block;
float:none;
width:100%;
margin:0 auto;
}
#pmoveswraper .date{
display:block;
float:none;
width:100%;
}

 #pmoveswraper .item{
margin-bottom:20px;
}
 #pmoveswraper .pro{
padding:5px;
}
#pmoveswraper .time,
#pmoveswraper .pro .name,
#pmoveswraper .pro .style{
font-size:17px;
line-height: auto;
padding:3px;
}

}
*/




@media only screen and (max-width:765px) {
#pmoveswraper.show8 .location.empty,
#pmoveswraper.show7 .location.empty,
#pmoveswraper.show6 .location.empty,
#pmoveswraper.show5 .location.empty,
#pmoveswraper.show4 .location.empty,
#pmoveswraper.show3 .location.empty,
#pmoveswraper.show2 .location.empty,
#pmoveswraper.show1 .location.empty
{
display:none;
}

 #pmoveswraper.show8 .locheader,
 #pmoveswraper.show7 .locheader,
  #pmoveswraper.show6 .locheader,
   #pmoveswraper.show5 .locheader,
    #pmoveswraper.show4 .locheader,
     #pmoveswraper.show3 .locheader,
      #pmoveswraper.show2 .locheader,
 #pmoveswraper.show1 .locheader{
display:block;
 }

 #pmoveswraper.show7 .date,
  #pmoveswraper.show6 .date,
   #pmoveswraper.show5 .date,
    #pmoveswraper.show4 .date,
     #pmoveswraper.show3 .date,
      #pmoveswraper.show2 .date,
 #pmoveswraper.show1 .date{

padding:10px 0px;
font-size: 24px;
background: #fff;
 }
 #pmoveswraper.show8 .toprow,
 #pmoveswraper.show7 .toprow,
  #pmoveswraper.show6 .toprow,
   #pmoveswraper.show5 .toprow,
    #pmoveswraper.show4 .toprow,
     #pmoveswraper.show3 .toprow,
      #pmoveswraper.show2 .toprow,
 #pmoveswraper.show1 .toprow{
display:xxxnone;
height:10px;
overflow: hidden;
 }

#pmoveswraper.show8 .location,
#pmoveswraper.show7 .location,
#pmoveswraper.show6 .location,
#pmoveswraper.show5 .location,
#pmoveswraper.show4 .location,
#pmoveswraper.show3 .location,
#pmoveswraper.show2 .location,
#pmoveswraper.show1 .location{
display:block;
float:none;
width:100%;
margin:0 auto;
}

#pmoveswraper.show8 .date,
#pmoveswraper.show7 .date,
#pmoveswraper.show6 .date,
#pmoveswraper.show5 .date,
#pmoveswraper.show4 .date,
#pmoveswraper.show3 .date,
#pmoveswraper.show2 .date,
#pmoveswraper.show1 .date{
display:block;
float:none;
width:100%;
}

/*
 #pmoveswraper.show6 .item{
margin-bottom:20px;
}
 #pmoveswraper.show6 .pro{
padding:5px;
}
#pmoveswraper.show6 .time,
#pmoveswraper.show6 .pro .name,
#pmoveswraper.show6 .pro .style{
font-size:17px;
line-height: auto;
padding:3px;
}

*/

}



/*

@media only screen and (max-width:765px) {


#pmoveswraper.show7 .location.empty{
display:none;
}
 #pmoveswraper.show7 .locheader{
display: block;
 }

 #pmoveswraper.show7 .date{

padding:10px 0px;
font-size: 24px;
background: #fff;
 }

 #pmoveswraper.show7 .toprow{
display: none;
 }
#pmoveswraper.show7 .location{
display:block;
float:none;
width:100%;
margin:0 auto;
}
#pmoveswraper.show7 .date{
display:block;
float:none;
width:100%;
}

 #pmoveswraper.show7 .item{
margin-bottom:20px;
}
 #pmoveswraper.show7 .pro{
padding:5px;
}
#pmoveswraper.show7 .time,
#pmoveswraper.show7 .pro .name,
#pmoveswraper.show7 .pro .style{
font-size:17px;
line-height: auto;
padding:3px;
}

 

}




@media only screen and (max-width:640px) {

#pmoveswraper.show6 .location.empty{
display:none;
}
 #pmoveswraper.show6 .locheader{
display: block;
 }

 #pmoveswraper.show6 .date{

padding:10px 0px;
font-size: 24px;
background: #fff;
 }

 #pmoveswraper.show6 .toprow{
display: none;
 }
#pmoveswraper.show6 .location{
display:block;
float:none;
width:100%;
margin:0 auto;
}
#pmoveswraper.show6 .date{
display:block;
float:none;
width:100%;
}

 #pmoveswraper.show6 .item{
margin-bottom:20px;
}
 #pmoveswraper.show6 .pro{
padding:5px;
}
#pmoveswraper.show6 .time,
#pmoveswraper.show6 .pro .name,
#pmoveswraper.show6 .pro .style{
font-size:17px;
line-height: auto;
padding:3px;
}



}



@media only screen and (max-width:550px) {
 #pmoveswraper.show5 .toprow{
display: none;
 }
#pmoveswraper.show5 .location{
display:block;
float:none;
width:100%;
margin:0 auto;
}
#pmoveswraper.show5 .date{
display:block;
float:none;
width:100%;
}
}


@media only screen and (max-width:500px) {
	 #pmoveswraper.show3 .toprow,
 #pmoveswraper.show4 .toprow{
display: none;
 }
 #pmoveswraper.show3 .location,
#pmoveswraper.show4 .location{
display:block;
float:none;
width:100%;
margin:0 auto;
}
#pmoveswraper.show3 .date,
#pmoveswraper.show4 .date{
display:block;
float:none;
width:100%;
}
}




*/















/** public moves raster
- graue blöcke


 #pmoveswraper3{
}

 #pmoveswraper3 .toprow{
 border-bottom: 5px solid #e05d4c;

margin:0px;
padding:0px;
background: #fff;
}
 #pmoveswraper3 .toprow .location{
padding:5px;
color: #e05d4c;
font-size: 16px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
 
}
 #pmoveswraper3 .toprow .date{
margin:0px;
padding:0px;
}


 #pmoveswraper3 .row{
border-bottom:1px solid #777;
clear:both;
padding:0px;
}
 #pmoveswraper3 .date{
display: inline-block;
display: block;
float: left;
width: 9%;
width:5.5%;
vertical-align:top;


color: #222;
font-size:18px;
white-space: nowrap;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-style: italic;

padding-top:14px;
}

 #pmoveswraper3 .location{
display: inline-block;
display: block;
float: left;
width: 13%;
width: 13.5%;
vertical-align:top;
padding-right:1px;
 box-sizing: border-box;

}

 #pmoveswraper3 .item{
margin:0px;
margin-bottom:1px;
background:#EFEFEF;
}



 #pmoveswraper3 .time{
 
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
			
				color: #000;
				font-size: 13px;
				line-height: 13px;
padding:3px 0px 0px 4px;
}
 #pmoveswraper3 .time .right{
float:right;
}


 #pmoveswraper3 .pro{
background:#EFEFEF;
display:block;
min-height:50px;
line-height:14px;
color: #000;
width:100%;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
text-transform: uppercase;

}



 #pmoveswraper3 .pro .name{
font-weight:700;
font-size: 12px;
line-height: 14px;
padding:3px 0px 0px 4px;
}

 #pmoveswraper3 .pro .style{
font-weight:400;
font-size: 12px;
line-height: 14px;
padding:2px 0px 2px 4px;
}

 
 #pmoveswraper3 .pro .addon {
background-color:yellow;
padding:0px 3px;
margin-right:5px;
}

*/




 


 
/** public moves raster
- dunkler hintergrund


 #pmoveswraper2{
 background: #efefef;
  background: #c0c0c0;
   background: #ccc;
}

 #pmoveswraper2 .toprow{
 border-bottom: 5px solid #e05d4c;

margin:0px;
padding:0px;
background: #fff;
}
 #pmoveswraper2 .toprow .location{
padding:5px;
color: #e05d4c;
font-size: 16px;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
 
}
 #pmoveswraper2 .toprow .date{
margin:0px;
padding:0px;
}


 #pmoveswraper2 .row{
border-bottom:1px solid #777;
clear:both;
padding:0px;
}
 #pmoveswraper2 .date{
display: inline-block;
display: block;
float: left;
width: 9%;
width:5.5%;
vertical-align:top;


color: #222;
font-size:18px;
white-space: nowrap;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
font-weight: 700;
font-style: italic;

padding-top:16px;
 
text-align: center;
 box-sizing: border-box;
}

 #pmoveswraper2 .location{
display: inline-block;
display: block;
float: left;
width: 13%;
width: 13.5%;
vertical-align:top;
 box-sizing: border-box;

}

 #pmoveswraper2 .item{
margin:0px;
 
margin-bottom:1px;
margin-right:1px;
background:#EFEFEF;
background:#fff;
}



 #pmoveswraper2 .time{
 
font-family: 'Inconsolata', 'Lucida Console', 'Monaco', 'Courier New', monospace;
				font-weight: 400;
			
				color: #000;
				font-size: 13px;
				line-height: 13px;
padding:3px 0px 0px 4px;
}
 #pmoveswraper2 .time .right{
float:right;
}


 #pmoveswraper2 .pro{
background:#EFEFEF;
background:#fff;
display:block;
min-height:50px;
line-height:14px;
color: #000;
width:100%;

font-family: 'Roboto Condensed', 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
text-transform: uppercase;

}



 #pmoveswraper2 .pro .name{
font-weight:700;
font-size: 12px;
line-height: 14px;
padding:3px 0px 0px 4px;
}

 #pmoveswraper2 .pro .style{
font-weight:400;
font-size: 12px;
line-height: 14px;
padding:2px 0px 2px 4px;
}

 
 #pmoveswraper2 .pro .addon {
background-color:yellow;
padding:0px 3px;
margin-right:5px;
}

*/


