/* -- Header  -----------------------------------------------------------------
------------------------------------------------------------------------------- */
.icon { background: url(../images/sprite@2x.png);background-size: 1000px 1000px;}
#logo a.logo {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; background-position: -224px 0px;  width: 132px; height: 139px; position: absolute; bottom: 0px; left: 28px; float: left; text-indent: -200%; }
#logo a.logozeughauskino {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; background-position: -392px 0px;  width: 143px; height: 147px; position: absolute; bottom: 0px; left: 28px; float: left; text-indent: -200%; }
#logo a.logomuseumsverein {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; background-position: -569px 0px;  width: 158px; height: 146px; position: absolute; bottom: 0px; left: 28px; float: left; text-indent: -200%; }
#logo a.logoblog {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; background-position: -757px 0px;  width: 158px; height: 146px; position: absolute; bottom: 0px; left: 28px; float: left; text-indent: -200%; }



#top-nav li.search button {background: url(../images/sprite@2x.png);background-size: 1000px 1000px;
background-position: 0px -64px; 
height: 18px;
width: 18px;
margin: 3px 3px 0px 2px;
border: none;
float: left;
text-indent: -100em;
overflow: hidden;
}
.Mac.Firefox  #top-nav li.search button {margin: 3px 3px 0px 10px;}
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url(../images/langselect/arrow-down-white.png); background-position: 69% 33%;
  background-size: 8px 5px;
  background-repeat: no-repeat;
  padding: 1px 5px 5px!important;
  }
.dk_open .dk_toggle {background-image: url(../images/langselect/arrow-up-white.png); background-position: 69% 28%;}  

/* -- Slider  ---------------------------------------------------------------- */
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  top: 87%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  height: 38px;
  width: 38px;
  background:  url(../images/sprite@2x.png);background-size: 1000px 1000px;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: -127px -95px;
  right: 14px;
  }
a.centered-btns_nav.next:hover,
a.centered-btns_nav.next:focus { background-position: -127px -255px;}
  
.centered-btns_nav.prev {
background-position: -63px -95px;
  left: 14px;
  }  
a.centered-btns_nav.prev:hover,
a.centered-btns_nav.prev:focus {background-position: -63px -255px;} 

a.centered-btns_nav.play {
	background-position:  -64px -480px;
	width: 29px;
	height: 28px;
	left: auto;
	right: 65px;
	top: 88.3%; }
a.centered-btns_nav.play:hover,
a.centered-btns_nav.play:focus {background-position: -96px -480px;}	
a.centered-btns_nav.play.paused { background-position: 0px -480px;}
a.centered-btns_nav.play.paused:hover,
a.centered-btns_nav.play.paused:focus { background-position: -32px -480px;}

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {

  }
  


.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {background  :  url(../images/sprite@2x.png);background-size: 1000px 1000px;
background-position: -192px -128px;
  text-indent: 200%;
  overflow: hidden;
  display: inline-block;
  width: 10px;
  height: 10px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background-position: -192px -96px
  }   

/* -- Menu  ---------------------------------------------------------------- */
#main-nav-tab dt span.icon { background: url(../images/sprite@2x.png);background-size: 1000px 1000px; background-position: 0px -256px;
width: 28px; height: 9px;  position: absolute;  top: 49px; z-index: 100; float: none; display: inline;left: 50%;margin-left: -26px; display: none; }
#main-nav-tab dt.open span.icon { display: block;}

.subnav-teaserbox-25 .texbox-inner .textbox-txt .fakelink.readmore span.icon { background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
background-position: -160px -31px;
width: 10px;
height: 10px;
float: left;
margin: 2px 2px 0px 0px;}

.mega-subnav li span.icon { background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
background-position: -160px -32px;
width: 10px;
height: 10px;
float: left;
margin: 4px 2px 0px 0px;}

body.Applewebkit.Safari .mega-subnav li span.icon {margin: 3px 2px 0px 0px;}

.frontpage-mainnav-bar ul.aktuell li a span.icon {
background: url(../images/sprite@2x.png);
background-size: 1000px 1000px;
background-position: -160px -32px;
width: 10px;
height: 10px;
float: left;
margin: 3px 2px 0px 0px;
}

.hoverunderline-light .icon {background:  url(../images/sprite@2x.png);background-size: 1000px 1000px; 
	background-position: -160px -29px;
	width: 11px;
	height: 13px;
	float: left;}


/* -- Calendar  ---------------------------------------------------------------- */
#main-nav-tab dt.calendar a { background: #fff url(../images/sprite.png);
background-position: 5px -279px;
padding: 0px;width: 31px;
height: 145px!important;}
#main-nav-tab dt.calendar.open a { background: transparent url(../images/sprite.png); background-position: 5px -279px;}

#main-nav-tab dt.calendar a span.txt { float: left; text-indent: -200%; width: 1px; overflow: hidden;}

a.cal-filter-link span.icon  {background: url(../images/sprite.png);
background-position: -128px -32px;
width: 10px;
height: 10px;
float: left;
margin: 2px 5px 10px 0px;
}

/* -- body  -----------------------------------------------------------------
------------------------------------------------------------------------------- */
/* -- Teaser  ---------------------------------------------------------------- */

#breadcrumbs li span.icon {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
background-position: -160px -32px;
width: 10px;
height: 10px;
float: left;
margin: 2px 0px 10px 0px;
}
#breadcrumbs li a span.icon {background: url(../images/sprite@2x.png); background-size: 1000px 1000px; 
background-position: -160px -32px;
}

.row4xtwoandahalf .desc-box a.read_more span.icon,
.link .icon {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
background-position: -160px -31px;
width: 10px;
height: 10px;
float: left;
margin: 2px 2px 0px 0px;
}

.row4xtwoandahalf .desc-box a.read_more span.icon {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
background-position: -128px -31px;
width: 10px;
height: 10px;
float: left;
margin: 2px 2px 0px 0px;
}

.sliderblock .desc-box a.sliderlink span.icon {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
background-position: -128px -31px;
width: 10px;
height: 10px;
float: left;
margin: 2px 2px 0px 0px;
}

.arrowlink,
.readmore {background: url(../images/linkimage/linkarow-dark@2x.png) no-repeat 0 4px; background-size: 6px 9px;
padding-left: 11px;}

.linklike {background: url(../images/linkimage/linkarow-light@2x.png) no-repeat 0 4px; background-size: 6px 9px;
padding-left: 11px;}

.imgteaser .readmore,
.linklike-light {background: url(../images/linkimage/linkarow-light@2x.png) no-repeat 0 2px; background-size: 6px 9px;
padding-left: 11px;
}



/** left navigation **/

ul#vertnav li.level3  >  .vertnav-cat a .icon { width: 10px; height: 10px; float: left; margin-right: 6px; background: url(../images/sprite@2x.png);background-size: 1000px 1000px; }
ul#vertnav li.level3-inactive  >  .vertnav-cat a .icon { background-position: -127px -31px; }
ul#vertnav li.level3-active  >  .vertnav-cat a .icon { background-position: -159px -31px; }
ul#vertnav li.level3-active.open  >  .vertnav-cat a .icon { background-position: -96px -60px; }

/** Carousel Controls **/

.carousel-control-prev,
.carousel-control-next {background: url(../images/sprite@2x.png);background-size: 1000px 1000px; 
	
	position: absolute;
    top: 136px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
	float: left;
	text-indent: -200%;
	overflow: hidden;
}
.carousel-control-next {background-position: -32px -32px;right: 28px;}
.carousel-control-prev {background-position: -0px -32px; left: 12px;}

.carousel-control-next:hover,
.carousel-control-next:focus {background-position: -96px -32px;}
.carousel-control-prev:hover,
.carousel-control-prev:focus {background-position: -64px -32px;}

/* accordion icons */



.accordion h2 .icon {background: url(../images/sprite@2x.png) no-repeat; background-size: 1000px 1000px; width: 32px; height: 21px;}
.accordion h2 .icon.none { background: transparent; width: 14px;}

.accordion h2 .icon.marker { 
		background-position: 10px 0; 
		margin-top: 3px;
		} 

.accordion h2 .icon.clock {
	background-position: -24px 0px;
	margin-top: 3px;

}
.accordion h2 .icon.bus {
	background-position: -55px 0px;
	margin-top: 0px;

}
.accordion h2 .icon.group { 
	background-position: -88px 0px;
	margin-top: 0px;

}
.accordion h2 .icon.wheeli {
	background-position: -118px 0px;
	margin-top: 0px;
}
.accordion h2 .icon.tickets {
	background-position: -155px 0px;
	margin-top: 0px;

}

.accordion h2  .icon.accordiontoggle {background: url(../images/sprite@2x.png) no-repeat;
	background-size: 1000px 1000px;
	width: 8px;
	height: 5px;
	position: absolute;
	right: 12px;
	top: 12px;}
	
	
	
.accordion h2.close  .icon.accordiontoggle {background-position: -96px -64px;}

.accordion h2.open  .icon.accordiontoggle {background-position: -64px -64px;
}	


/* yellow */

.yellow .accordion h2 .icon.marker { background-position: 10px -512px;} 

.yellow .accordion h2 .icon.clock {
	background-position: -24px -512px;
	margin-top: -1px;

}
.yellow .accordion h2 .icon.bus {
	background-position: -55px -512px;
	margin-top: -2px;

}
.yellow .accordion h2 .icon.group { 
	background-position: -88px -512px;
	margin-top: -3px;

}
.yellow .accordion h2 .icon.wheeli {
	background-position: -118px -512px;
	margin-top: -2px;
}
.yellow .accordion h2 .icon.tickets {
	background-position: -155px -512px;
	margin-top: -2px;
}

.yellow .accordion h2.close  .icon.accordiontoggle {background-position: -160px -64px;}

.yellow  .accordion h2.open  .icon.accordiontoggle {background-position: -128px -64px; }



/* // yellow */

.linkicon.dark {
	background-position: -128px -30px;
	width: 11px;
	height: 13px;
	float: left;
}

.linkicon.light {
	background-position: -160px -29px;
	width: 11px;
	height: 13px;
	float: left;
}

.modulestyle1 .read_more span.icon {
background-position: -128px -30px;
width: 11px;
height: 13px;
float: left;
}
/* -- Text Links  ----------------------------------------------------------------- */
a.textlink.external {
background: url(../images/linkimage/arrows-textlinks-external-black.png) no-repeat 0 4px; background-size: 12px 10px;
padding-left: 13px;
}

.magenta 		a.textlink.external  		{ background: url(../images/linkimage/arrows-textlinks-external-magenta.png) no-repeat 0 4px; background-size: 12px 10px;}
.red 			a.textlink.external  		{ background: url(../images/linkimage/arrows-textlinks-external-red.png) no-repeat 0 4px; background-size: 12px 10px;}
.yellow 		a.textlink.external   		{ background: url(../images/linkimage/arrows-textlinks-external-orange.png) no-repeat 0 4px; background-size: 12px 10px;}
.greenlight 	a.textlink.external  		{ background: url(../images/linkimage/arrows-textlinks-external-greenlight.png) no-repeat 0 4px; background-size: 12px 10px;}
.darkturquoise 	a.textlink.external  		{ background: url(../images/linkimage/arrows-textlinks-external-darkturquoise.png) no-repeat 0 4px; background-size: 12px 10px;}
.violett 		a.textlink.external   		{ background: url(../images/linkimage/arrows-textlinks-external-violett.png) no-repeat 0 4px; background-size: 12px 10px;}
.burdoux		a.textlink.external   		{ background: url(../images/linkimage/arrows-textlinks-external-burdoux.png) no-repeat 0 4px; background-size: 12px 10px;}
.orange 		a.textlink.external   		{ background: url(../images/linkimage/arrows-textlinks-external-orange.png) no-repeat 0 4px; background-size: 12px 10px;}
.green 			a.textlink.external   		{ background: url(../images/linkimage/arrows-textlinks-external-green.png) no-repeat 0 4px; background-size: 12px 10px;}
.blue 			a.textlink.external  		{ background: url(../images/linkimage/arrows-textlinks-external-blue.png) no-repeat 0 4px; background-size: 12px 10px;}

/* 
a.textlink.internal {
 background: url(../images/linkimage/arrows-textlinks-internal-black.png) no-repeat 0 4px; background-size: 5px 9px;
 padding-left: 7px;
}

.magenta 		a.textlink.internal  		{ background: url(../images/linkimage/arrows-textlinks-internal-magenta.png) no-repeat 0 4px; background-size: 5px 9px;}
.red 			a.textlink.internal  		{ background: url(../images/linkimage/arrows-textlinks-internal-red.png) no-repeat 0 4px; background-size: 5px 9px; }
.yellow 		a.textlink.internal   		{ background: url(../images/linkimage/arrows-textlinks-internal-black.png) no-repeat 0 4px; background-size: 5px 9px; }
.greenlight 	a.textlink.internal  		{ background: url(../images/linkimage/arrows-textlinks-internal-greenlight.png) no-repeat 0 4px; background-size: 5px 9px; }
.darkturquoise 	a.textlink.internal  		{ background: url(../images/linkimage/arrows-textlinks-internal-darkturquoise.png) no-repeat 0 4px; background-size: 5px 9px; }
.violett 		a.textlink.internal   		{ background: url(../images/linkimage/arrows-textlinks-internal-violett.png) no-repeat 0 4px; background-size: 5px 9px; }
.burdoux		a.textlink.internal   		{ background: url(../images/linkimage/arrows-textlinks-internal-burdoux.png) no-repeat 0 4px; background-size: 5px 9px; }
.orange 		a.textlink.internal   		{ background: url(./images/linkimage/arrows-textlinks-internal-orange.png) no-repeat 0 4px; background-size: 5px 9px; }
.green 			a.textlink.internal   		{ background: url(../images/linkimage/arrows-textlinks-internal-green.png) no-repeat 0 4px; background-size: 5px 9px; }
.blue 			a.textlink.internal  		{ background: url(../images/linkimage/arrows-textlinks-internal-blue.png) no-repeat 0 4px; background-size: 5px 9px; }
*/


/* -- Footer  -----------------------------------------------------------------
------------------------------------------------------------------------------- */

/* -- Social Media Buttons  ---------------------------------------------------------------- */
.socmed-buttons.footer li { background: transparent;}
.socmed-buttons.footer li .icon { background: url(../images/sprite@2x.png);background-size: 1000px 1000px; width: 32px; height: 32px; float: left;  }
.socmed-buttons.footer li.facebook .icon 	{ background-position: -7px -543px;}
.socmed-buttons.footer li.twitter .icon 	{ background-position: -39px -543px;}
.socmed-buttons.footer li.instagram .icon 	{ background-position: -71px -543px;}
.socmed-buttons.footer li.youtube .icon 	{ background-position: -103px -543px;}

.newsletter-footer button {background: url(../images/sprite@2x.png);background-size: 1000px 1000px;
background-position: 0px -64px;
height: 18px;
width: 18px;
margin: 6px 0px 0px 2px!important;
border: none;
float: left;
text-indent: -999em;
overflow: hidden;
}


/* ipad */
.iPad .dk_options {
display: none;
margin-top: 1px!important;
position: absolute;
right: -7px;
width: 67px!important;
}

.iPad  #top-nav li.lang li {
width: 67px!important;
}