/*!
 * @REVISION@
 * @DATE@
 * @VERSION@
 */


/**
 * Contains styles that reset browser-specific styles and define a basic page-style.
 */

/* yui css reset and default style */
body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:150%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1em;
}
q:before,q:after {
	content:'';
}
a,a:hover,a:active,a:visited,a:focus,input,input:focus,input:active {
	outline: none;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
abbr,acronym { 
	border: inherit;
}
textarea {
	font-family: inherit;
	font-size: 1em;
}

/* clearfix ensures that containers which contain floating elements fully embrace the whole content */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* common classes */
.accessible {
	position: absolute;
	left: -1999px;
	top: 0;
}
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.iconOnly {
	text-indent: 1000px;
	overflow: hidden;
}
.break {
	display: block;
}

/* needed to fix problems with anchor links used along to the equal height column CSS method (FF2,3,3.5/IE8/Opera) */
a[name] {
	position: absolute;
}
.printOnly {
	display: none!important;	
}/**
 * Defines elements of the content panes. 
 */




/* common styles */

h1,
h2,
h3,
h4,
span.headline,
span.subline {
	font-weight: bold;
	text-transform: uppercase;
}

h1 {
	font-size: 170%;
	margin-bottom: 1em
}

h2,
span.headline {
	font-size: 105%;
	margin-bottom: 1.5em;
}

h2.first {
	margin-top: -1.2em;
	margin-bottom: 2em;
}

h4 {
	text-transform: none;
}


span.schwarz,
span.highlight,
span.artist {
	font-weight: bold;	
}

.letterSpace,
.eventType,
span.type {
	letter-spacing: 0.15em;
	margin-bottom: 0.2em;
}

.module {
	margin-bottom: 2.4em;
}

.tiled {
	background: transparent url(../img/nav/bg_raster_y.gif) repeat-x scroll right center;
	height: 25px;
	border-bottom: 5px solid #fff;
}

.more {
	padding-left: 10px;
	background-position:-12px -36px;
}




/* Teaser */

.teaser {
	float: left;
	width: 240px;
	position: relative;
	padding-bottom: 15px;
}

.teaser .img {
	border-bottom: 5px solid #fff;
	position: relative;
	height: 115px;
	overflow: hidden;
}

.teaser .img img,
.teaser .img a {
	display: block;
}

.teaser .img a {
	margin-right: 5px;
}

.teaser .img a {
	background: none;
}

.teaser .teaserBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 800px;
	background-image: url(../img/nav/bg_raster_y.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.teaser .content {
	position: relative;
	padding-bottom: 1em;
	padding-top: 0.7em;
	margin-right: 5px;
}

.teaser p,
.teaser h2,
.teaser h3,
.teaser h4,
.teaser a {
	padding: 0 10px;
	line-height: 130%;
}

.teaser .img a,
.teaser p a,
.teaser h3 a,
.teaser h4 a {
	padding: 0;
}

.teaser h2 a {
	padding-left: 13px;	
}

.teaser .img + p {
	padding-top: 5px;
}

.teaser .date + .additional:before,
.teaser .additional + .additional:before {
	content: " | ";
}

.teaser a {
	margin-left: 10px;
	display: inline-block;
	position: relative;
}

.teaser .img a,
.teaser p a,
.teaser h3 a,
.teaser h4 a {
	margin-left: 0;
}

.teaser a .more {
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 12px;
	height: 0.9em;
}

.teaser a .pdf,
.teaser a .video,
.teaser a .sound {
	display: block;
}

.teaser .imgZoom,
.teaser a .pdf,
.teaser a .video,
.teaser a .sound {
	display: block;
	padding-left: 15px;
}

/* highlight project */

.highlightProject .img {
	height: 145px;
	overflow: hidden;
} 

.highlightProject p {
	margin-bottom: 0.6em;
}

.highlightProject h1 {
	margin-bottom: 0.1em;
}

.highlightProject h2 {
	display: inline;
}

.highlightProject .divider {
	display: inline-block;
	padding: 0 0.5em;
}



/* Teaser rechts */

.subPage #right .teaser {
	overflow: hidden;
}

.themePage #right .teaser {
	overflow: visible;
	padding-bottom: 20px;
}

.subPage #right .teaser .img {
	height: auto;
	width: 235px;
}

.subPage #right .teaser .img img {
	margin: 0 auto;
}

.contentPage #right .teaser .img,
.detailPage #right .teaser .img {
	border-bottom: 0;
}

.contentPage #right .teaser,
.detailPage #right .teaser {
	padding-bottom: 0;
}

.contentPage #right .teaser .equalCol,
.detailPage #right .teaser .equalCol {
	padding-bottom: 10px; 
	margin-bottom: 0;
}

.teaser .focus {
	line-height: 25px;
	margin: 0 5px 0 0;
	border-bottom: 5px solid  #fff;
	position: relative;
	z-index: 1;
}

.themePage #right .teaser .img,
.homePage #left .teaser .img,
.programPage #right .teaser .img {
	height: 115px;
	overflow: hidden;
}

.projektlogo .content {
	padding-top: 0;
	padding-bottom: 5px;
}



/* Today, Up-coming, Genre-Box */

.program {
	width: 98%;
}

.program h2 {
	margin: 0.7em 0.5em 0.6em 0.9em;
}

.program .wrapper {
	padding: 0.75em 0.8em 0.75em 1em;
	cursor: pointer;
}

.programToday h2,
.programUpcoming h2 {
	margin-left: 0;
}



/* genre box */

.programGenre {
	margin-top: 1em;
	margin-bottom: 2em;
}

.programGenre .nav {
	float: none;
}

.programGenre .nav li {
	margin-left: 1em;
	line-height: 150%;
}

.programGenre .nav li a {
	padding-left: 15px;
	font-size: 95%;
	font-weight: bold;
}



/* genrebox auf programmseiten */

.themePage .programGenre {
	border-top: 5px solid #fff;
}
.themePage .programGenre h2 {
	display: none;
}
.themePage .programGenre .nav {
	margin: 10px 15px 10px 10px;
	float: none;
	padding-top: 5px;
}
.themePage .programGenre .nav li {
	padding-bottom: 0.6em;
	margin-left: 0;
}
.themePage .programGenre .nav a {
	font-weight: normal;
	font-size: 100%;
}



/* text content */

#center {
	line-height: 1.33;
}

#center .content {
	width: auto;
	padding: 10px 15px 2.5em 10px;
}

.content h1,
.content h2 {
	line-height: 100%;
}

#center span.headline,
#center span.subline {
	display: block;
}

#center span.headline {
	margin-left: -1.5em;
	padding-left: 2px;
}

#center span.subline {
	margin-bottom: 1.5em;
	padding-left: 1px;
}

#center .content .text img, 
#center .programContent .text img {
	margin: 0 0 0 1.5em;
}

#center .content .text .imgLeft,
#center .programContent .text .imgLeft {
	float: left;
	margin: 3px 1.5em 1em 1.5em;
}

#center .programContent .text .imgLeft {
	margin-left: 0;
}

.programContent .text a,
.content .text a {
	padding-left: 0;
}

.programContent .text a {
	padding-right: 0;
}

a.textlink {
	display: inline;
}

.text h3,
.text p,
.text ul,
#center .content a.topLink {
	margin: 0 1.5em 1.5em;
}

.text h4 {
	margin-left: 1.5em;
}

/* old paragraphs won't get a top margins, as they have a lot of empty lines */

#center .text p.noMarginBottom {
	margin-bottom: 0;
}

#center .text h2 {
	margin-top: 2.2em;	
}

#center .text h4 + p {
	margin-top: 0;
}

#center .text .abstract {
	letter-spacing: 0.07em;
}

.content a.arrow,
.eventDetail a.arrow {
	padding-left: 9px;
}

.credits {
	color: #7f7f7f;
}



/* lists */

.text ul {
	list-style-type: square;
}

.text ul li {
	margin-left: 1.2em;
}



/* linklists */

.text .linkList {
	list-style-type: none;
	margin: 1.5em -10px 0 -10px;
}

.text .linkList li {
	margin-left: 0;
	margin-bottom: 1em;
}

.text .linkList li a {
	display: block;
	padding: 0 2em 0 2.5em;
}

.text .linkList li a span.arrow,
.sitemap .linkList a {
	padding-left: 9px;
}

.text .bold li {
	font-weight: bold;
}

.sitemap .linkList {
	margin-top: 1.5em;
}

.sitemap .linkList li {
	margin-bottom: 2em;
}

.sitemap .linkList li li {
	margin-bottom: 0;
}

.sitemap .linkList li a {
	margin-left: 2em;
}

.sitemap .linkList li h2 {
	margin-left: -2em;
	margin-bottom: 0;
}

.sitemap .linkList li h3 {
	margin-left: -1em;
/*
	text-transform: none;
*/
}

.sitemap .linkList li li li h3 {
	margin-left: 0;
}

.sitemap .linkList li li li li a {
	margin-left: 3em;
}



/* event lists */

.listEntry {
	margin-left: 1.5em;
	margin-top: 1.5em;
}

.listEntry .img {
	width: 175px;
	height: 85px;
	float: left;
}

.listEntry .img a {
	display: block;
	width: 175px;
	height: 85px;	
}

.listEntry .right {
	min-height: 85px;
	margin: 0 -10px 0 180px;
	padding-left: 5px;
	padding-right: 2em;
	cursor: pointer;
}



/* press releases lists */

.listEntry.press {
	margin: 1.5em -10px 0 -10px;
	padding-left: 2.5em;
	padding-right: 2em;
}

#center .letterSpace.top,
#center .noMarginTop.top {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0.2em;
}



/* pressefotos */

.pressefotos td p {
	margin-left: 0;
	margin-right: 0;
}

/* tables */

#center table td span.headline {
	font-size: 100%;
}
#center table td span.schwarz {
	text-transform: none;
}

#center .table table {
	margin: 0 0 0 1.5em;
}

#center .table table td {
	padding-bottom: 1em;
}

#center .table table th,
#center .table table td h3 {
	padding-bottom: 1.5em;
}

#center .table table td h3.arrowDown {
	padding-left: 10px;
	padding-bottom: 0;
}

#center .table table td h3 a {
	padding-left: 10px;
}

#center .table table td ul {
	margin-bottom: 1.5em;
	margin-left: 0.7em;
}

#center .table table ul li {
	margin: 0;
	padding: 0;
}

#center .table table ul.linkList li a {
	padding-right: 0.2em;
}



/* event detail */

.detailHeader {
	margin-right: 5px;
	padding: 7px 10px 10px;
}

.eventHeader {
	padding-bottom: 20px;
}

.detailHeader h1 {
	line-height: 100%;
	margin-bottom: 0.1em;
}

.detailHeader h2 {
	font-size: 100%;
}

.detailHeader .dates {
	margin-top: 15px;
}

.detailHeader .divider {
	display: inline-block;
	padding: 0 0.1em;
}

.detailHeader .dates li .date,
.detailHeader .dates li .time
.detailHeader .dates li a {
	display: inline-block;
}

.detailHeader .dates .date {
	text-transform: uppercase;
}

.detailHeader .dates .ticket {
	margin-left: 2em;
	padding-left: 8px;
}

.eventDetail .module {
	padding: 2.2em 1em 0;
}

.eventDetail .module .abstract {
	margin-bottom: 2.2em;
}

/* project detail */

.projectHeader a {
	font-weight: bold;
	line-height: 150%;
	padding-left: 10px;
}



/* program footer */

.programContent {
	margin-right: 5px;
}

.programContent .module {
	border-bottom: 5px solid #fff;
	margin-bottom: 0;
	padding: 0.5em 0.5em 2em 2.4em;
}

.programContent h2 {
	margin-left: -1.6em;
	margin-bottom: 1em;
}

.programContent .text h4 {
	margin-top: 0;
}

.programContent .text h3,
.programContent .text h4,
.programContent .text p {
	margin-left: 0;
}

.programContent ul.linkList {
	margin: 1.5em 0 0 -2em;
}

.programContent ul.linkList li {
	margin-bottom: 0;
} 

.programContent ul.linkList li strong {
	font-weight: bold;
	text-transform: uppercase;
}

.programContent ul.linkList li a {
	padding-left: 2.9em;
	display: block;
}

.programContent ul.linkList li span.arrow {
	display: none;
}

.programContent .break {
	margin-top: 1em;
}

.programContent a {
	padding: 0 10px;
	line-height: 130%;
}

.programContent a:hover {
	background-position: -212px -36px;
}

#center .furtherEvents {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px 0px 2.5em 15px;
}
#center .furtherEvents .listEntry {
	margin-right: 5px;
	margin-bottom: 1.5em;
}



/* forms */

#center .form {
	margin-left: 1.5em;
}

#center form table tr td input {
	vertical-align: middle;
	margin-right: 0.2em;
}

#center form table tr td.error {
	color: red;
}



/* page anchors */

#center ul.inline li {
	display: inline;
}

#center ul.inline li span.divider {
	display: inline-block;
	padding: 0 0.7em;
}

#center ul.inline li.noDivider span.divider {
	display: none;
}



/* top link */
#center .content a.topLink {
	display: block;
	margin-bottom: 1.5em;
	padding: 0.4em 0.3em 0.4em 25px;
}



/* programme/teaser lists */
.withEvents .content {
	padding-bottom: 0.1em;
}
.withEvents .runinContent {
	padding-top: 0;
}



/* content navigation */

.filter {
	display: table;
	margin: 0 0 0 1.5em;
	width: 35.5em;
}

.filter div {
	display: table-cell;
	width: 50%;
}

.filter ul li {
	margin-bottom: 0.3em;
}

.filter .active {
	font-weight: bold;
}

.filter ul li a {
	display: block;
	margin-right: 5px;
}

.contentNav {
	margin-top: 1.5em;
	margin-bottom: -0.5em;
	padding-left: 1.5em;
	padding-right: 1em;
}

.contentNav a.showAll {
	width: 12.7em;
}

.contentNav img {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;	
}

.contentNav a,
.contentNav p {
	display: inline-block;
	padding: 0.45em 1em 0.4em 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: top;
}

.contentNav p {
	padding-left: 1em;	
	font-weight: bold;
}

.contentNav a.arrow,
.contentNav a.arrowLeft,
.contentNav a.doubleArrow,
.contentNav a.doubleArrowLeft {
	width: 26px;
	height: 26px;
	padding: 0;
}

.contentNav .date {
	text-transform: uppercase;
}

.contentNav ul {
	display: inline-block;
	max-width: 51%;
	padding: 0 0.5em;
	margin-right: 2px;
}

.contentNav ul.fullWidth {
	max-width: 95%;
}

.contentNav ul li {
	display: inline-block;	
	padding: 0.4em 0;
	vertical-align: middle;
}

.contentNav ul li a,
.contentNav ul li strong {
	margin: -0.4em 0;
	padding-left: 0;
	padding-right: 0;
}

.contentNav ul li strong {
	display: inline-block;
	font-weight: bold;
	padding-top: 5px;
}

.contentNav ul li span {
	display: inline-block;
	padding-right: 0.4em;
	padding-left: 0.4em
}

.contentNav ul li.first span {
	visibility: hidden;
	padding-left: 0;
	padding-right: 0;
	margin-left: -2px;
}

.contentNav ul li a.arrow,
.contentNav ul li a.arrowLeft,
.contentNav ul li a.doubleArrow,
.contentNav ul li a.doubleArrowLeft {
	width: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
}

.contentNav ul li img {
	margin-bottom: 0;
}


/* hack for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.contentNav a,
	.contentNav p {
		padding-top: 0.65em;
		padding-bottom: 0.45em;
	}
	
	.contentNav p {
		padding-top: 0.55em;
	}
	
	.contentNav ul li a {
		padding-top: 0.5em;
	}
	
	.contentNav ul li strong { 
		vertical-align: top;
		padding-top: 5px;
	}
	
	.contentNav ul li span {
		padding-top: 1px;
	}

	.contentNav ul li a.arrow,
	.contentNav ul li a.arrowLeft,
	.contentNav ul li a.doubleArrow,
	.contentNav ul li a.doubleArrowLeft {
		height: 28px;
	}

}
/**
 * Print styles
 */

.noPrint {
	display: none!important;	
}

.printOnly {
	display: block!important;	
}


#topMeta,
#header,
#primaryNav,
#secondaryNav,
#left .teaser .teaserBg,
#left .programGenre,
#right .teaser,
#serviceNav .icons,
#footer h2,
#footer .large2,
#footer .large1 h3,
#footer .large1 p,
#footer address a.more,
#bottomMeta,
#center .content a.topLink,
.contentNav,
.detailHeader a,
.filter div ul li a.arrow {
	display: none;
}

.accessible {
	position: relative;
	left: 0;
	margin-left: 0.9em;
	margin-bottom: 1.7em;
}

.accessible ul {
	display: none;
}

#serviceNav .breadcrumb {
	margin-left: 0.8em;
	margin-bottom: 0.5em;
}

#serviceNav .breadcrumb li {
	display: inline;
	margin-right: 0.5em;
}

#serviceNav .breadcrumb li span.hidden {
	display: inline-block;
	margin-left: 0.7em;
}

#center {
	width: 40em;
}

.content a.arrow,
.text .linkList li a span.arrow,
.sitemap .linkList a,
.teaser a,
.teaser h2 a,
.programContent a {
	padding-left: 0;
}

.row .teaser {
	float: none;
	width: 40em;
	margin-left: 0.9em;
}

.teaser .img,
.programContent .module,
.tiled {
	border-bottom: none;
}

.teaser .content {
	margin-left: -0.8em;
}

.themePage #right .teaser {
	display: block;
}

#right .teaser.program {
	display: block;
	margin-left: -0.8em;
}

#right .program .wrapper {
	padding-left: 1.1em;
}

.programContent ul.linkList li a {
	padding-left: 2em;
}

.eventDetail p.abstract {
	margin-top: 0;
}

.filter div ul li a.active {
	display: block;
}

#footer .large1 address {
	margin-left: 1em;
}

#footer .large1 .org {
	font-weight: bold;
}

/* reset column heights */
#center,
#left,
#right {
	height: auto!important;
}