body {
	padding-bottom: 6em;
}

/* sven: disabled :)

::selection {
	background: #191919;
	color: white;
}

::-moz-selection{
	background: #191919;
	color: white;
}

*/


/* GLOBAL */

/* 

Layout Sections 

*/

div.container {
	text-align: center;
	background: url(../_images/back_container.png) repeat-y center top;
}



div.wrapper {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 88em;
	color: black;
	background-color: white;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 2em;
}

/* Modules */

div.module, div.col, li.module {
	float: left;
}

/* ——— columns */

div.col.one {
	width: 22em;
}

div.col.two {
	width: 44em;
}

div.col.three {
	width: 66em;
}

div.col.four {
	width: 88em;
	float: none;
}

div.col.four, img.button_ticket, body.podcast object {
	margin-bottom: 3em;
}

div.overviewlist, ol.overviewlist li {
	margin-bottom: 6em;
}

div.overviewlist {
	margin-bottom: 12em;
}

/* Modules */

/* with padding */

div.module, li.module {
	padding-right: 2em;
	padding-left: 2em;
}

div.expand_01, li.expand_01 {
	width: 18em;
}

div.expand_02 {
	width: 40em;
}

div.expand_03 {
	width: 62em;
}

div.expand_04 {
	width: 84em;
	float: none;
}

/* tripods */

div.tripod div.module.expand_01 {
	width: 25.7em;
}

div.wrapper.tripod {
	width: 91em;
	padding-left: 3em;
	padding-right: 0;
}

/* BALKENFARBE */



/* ——— Regular Modules 3 columns */

div.container.title div.wrapper {
	width: 88em;
	border-left: 2em solid #FFCC00;
	padding-left: 1em;
	padding-bottom: 6em;
}

div.container.title div.wrapper, body.index div.module.index {
	border-left: 2em solid #FFCC00;
}

body.index div.module.expand_02.index {
	padding-bottom: 3em;
	padding-top: 0.4em;
	width: 41em;
}

body.concert div.container.title div.wrapper {
	border-left-color: #FFCC00;
	padding-bottom: 4em;
}

/* Balkenfarbe */

body.magazine div.container.title div.wrapper {
	border-left-color: black;
}

/*

LEVEL ONE TITLE BACKGROUNDS

*/

div.container.title.background div.wrapper {
	width: 94em;
}

div.background div.col.three {
	width: 86em;
	border-left: 2em solid white;
	padding-left: 3em;
	padding-bottom: 4em;
}

/* ———philharmoniker */

body.philharmony div.container.title.background div.wrapper, body.philharmonics div.container.title.background div.wrapper, body.concerts div.container.title.background div.wrapper, body.concerts div.container.title.background div.wrapper, body.education div.container.title.background div.wrapper, body.info div.container.title.background div.wrapper, body.modules div.container.title.background div.wrapper {
	padding: 3em 0 8em;
}


body.philharmonics div.container.title.background div.wrapper {
	background: url(../_images/back_philharmonics.jpg) no-repeat left 0;
	border-left-style: none;
	padding: 3em 0 8em;
}

/* ———magazin */

body.magazine div.container.title.background div.wrapper {
	background: url(../_images/back_magazine.jpg) no-repeat left center;
	border-left-style: none;
}

/* ———philharmonie */

body.philharmony div.container.title.background div.wrapper {
	background: url(../_images/back_philharmonie.jpg) no-repeat center -7em;
	border-left-style: none;
}

/* ———concerts */

body.concerts div.container.title.background div.wrapper {
	background: #0D0D0D url(../_images/back_concerts.jpg) no-repeat center -3em;
	border-left-style: none;
}

/* ———education */

body.education div.container.title.background div.wrapper {
	background: #0D0D0D url(../_images/back_education.jpg) no-repeat center -3em;
	border-left-style: none;
}

/* ———info */

body.info div.container.title.background div.wrapper {
	background: transparent url(../_images/back_info.jpg) no-repeat center -3em;
	border-left-style: none;
}

/* ———modules */

body.modules div.container.title.background div.wrapper {
	background: url(../_images/back_magazine.jpg) no-repeat left center;
	border-left-style: none;
}

/* Index */

body.index div.container.title {
	background: url(../_images/back_container.png) repeat-y center;
}

body.index div.container.title div.wrapper {
	padding-top: 2em;
	
	padding-bottom: 4em;
	background-color: transparent;
	background-image: url(../_images/back_mainnav.png);
	border-left-style: none;
	width: 91em;
	padding-left: 0;
}



/* philharmonics */

div.container.footer {
	padding-bottom: 1em;
}

div.wrapper.carousel {
	padding-top: 0;
	padding-bottom: 3em;
}

div.container.head div.wrapper {
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: transparent;
}

div.container.calendar div.wrapper {
	background-color: white;
	padding: 0 0 5em 0;
	width: 94em;
}

div.container.nav div.wrapper.breadcrumb {
	padding-top: 3em;
	padding-bottom: 2em;
	padding-left: 5em;
	width: 86em;
}



div.container.content div.wrapper {
	/* background: white url(../_images/back_bottom_content.png) repeat-x center bottom; */
	padding-bottom: 6em;
	padding-top: 0;
}

body.concert div.container.content div.wrapper, body.concert div.container.info div.wrapper {
	border-bottom: 1px solid #BDBDBD;
}



body.concert div.container.info div.wrapper {
	/* background: transparent url(../_images/back_info.png) no-repeat;*/
	padding-bottom: 2em;
}

body.concert div.container.content div.wrapper {
	padding-top: 0em;
	background: white center bottom;
	padding-bottom: 6em;
	border-bottom-style: dotted;
}

/* magazine */

div.container.tickets div.wrapper {
	padding-bottom: 10em;
	background: #F1F1F1 url(../_images/back_tickets_bottom.gif) repeat-x center bottom;
	padding-top: 2em;
	border-top: 1px solid #FDFDFD;
}

div.wrapper.mainnav {
	padding-bottom: 0;
	padding-top: 1.6em;
	background-color: transparent;
	background-image: url(../_images/back_mainnav.png);
}

div.wrapper.sectionnav  {
	padding-bottom: 8em;
	padding-top: 4em;
}

div.concertlist {
	background: url(../_images/back_calendar_items.gif) no-repeat center top;
	padding-top: 2em;
	height: 18em;
	margin-bottom: 2em;
}

body.concerts div.concertlist {
	height: 15em;
	background: url(../_images/back_calendar_itemss.gif) no-repeat center top;
	padding-top: 2em;
	margin-bottom: 2em;
}

div.meta {
	text-align: right;
}

div.musicianlist, div.foundationlist div.module, ul.list, div.titlestory {
	margin-bottom: 5em;
}

div.listview div.module {
	padding-top: 1em;
	padding-bottom: 1em;
}

div.listview div.module.day {
	padding-bottom: 1.4em;
}

/* FOOTER */

div.container.footer div.wrapper {
	background-image: url(../_images/back_mainnav.png);
	background-color: transparent;
	padding-top: 2em;
	padding-bottom: 2em;
}

div.sitemap ul {
	float: left;
	width: 13em;
	margin-right: 1em;
}

div.sitemap {
	border-top: 1px dotted white;
	padding-top: 1em;
}

/* NAVIGATION */

/* ——— Mainnav */

div.wrapper.mainnav ul {
	white-space: nowrap;
	padding-bottom: 0.8em;
	padding-left: 0.8em;
}

div.wrapper.mainnav ul li {
	display: inline;
}

div.wrapper.mainnav ul li span, div.wrapper.mainnav ul li a:link, div.wrapper.mainnav ul li a:visited {
	margin: 0;
	padding: 0.8em 0.8em 0.6em;
	text-decoration: none;
}

div.wrapper.mainnav ul li a:link, div.wrapper.mainnav ul li a:visited {
	color: white;
}

div.wrapper.mainnav ul li span, div.wrapper.mainnav ul li a:hover, div.wrapper.mainnav ul li.current a:link, div.wrapper.mainnav ul li.current a:visited {
	background-color: white;
	color: black;
}

div.wrapper.mainnav ul li.live a:link, div.wrapper.mainnav ul li.live a:visited {
	background: url(../_images/back_live.png) no-repeat center 10px;
	padding-right: 1.2em;
	padding-left: 1.2em;
}

div.wrapper.mainnav ul li.shop a:link, div.wrapper.mainnav ul li.shop a:visited {
	background: url(../_images/back_shop.png) no-repeat center 10px;
	padding-right: 1.2em;
	padding-left: 1.2em;
	color: black;
}

div.wrapper.mainnav ul li.live a:hover, div.wrapper.mainnav ul li.shop a:hover {
	background-color: white;
	color: white;
}

div.wrapper.mainnav ul li.shop a:hover {
	background: url(../_images/back_shop_hover.png) no-repeat center 10px;
	background-color: white;
	color: white;
}

div.meta.foo p {
	padding-top: 1.4em;
}

/* ——— Subbnav */

div.subnav ul {
	border-top: 1px solid #e1e1e1;
}

div.subnav ul li {
	font-size: 1.2em;
	border-bottom: 1px solid #e1e1e1;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}

div.subnav ul li a:link, div.subnav ul li a:visited {
	background: url(../_images/back_subnav.gif) no-repeat right center;
	display: block;
}

div.subnav ul li.current a:link, div.subnav ul li.current a:visited {
	background: url(../_images/back_subnav_current.gif) no-repeat right center;
	display: block;
}

div.subnav ul li a:hover, div.subnav ul li.current a:hover {
	background-image: url(../_images/back_subnav_hover.gif);
}

div.concertimage img {
	width: 18em;
}

/* ——— Subbnav */

div.wrapper.sectionnav ul li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	zoom: 1; /* we have to force hasLayout to be true in IE, otherwise the background images are repeated and messed up in IE6... */
}

div.wrapper.sectionnav ul li a:link, div.wrapper.sectionnav ul li a:visited {
	padding-left: 1.2em;
	background: url(../_images/back_sectionnav_master.gif) no-repeat 0px center;
}

div.wrapper.sectionnav ul li a:hover {
	background: url(../_images/back_sectionnav_master.gif) no-repeat -500px center ;
	color: black;
}

div.concertimage img {
	width: 18em;
}

/* clearer */

div.clear {
	clear: both;
}

div.clear hr {
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	display: none;
}

/* extra */

body.live div.wrapper {
	background-color: transparent;
	color: white;
	background: url(../_images/back_container.png) repeat-y center;
}

body.live div.footer div.wrapper {
	background-image: url(../_images/back_container.png);
	background-color: transparent;
	padding-top: 2em;
	padding-bottom: 2em;
}

body.live div.container.title div.wrapper  {
	border-left-color: white;
}

body.live div.container.title div.wrapper, body.live div.breadcrumb, body.live div.breadcrumb a:link, body.live div.breadcrumb a:visited {
	color: white;
}

body.live div.breadcrumb, body.live div.breadcrumb a:link, body.live div.breadcrumb a:visited {
	background-color: transparent;
	color: white;
	border-left-color: white;
}

/* 

DOCS 

*/

body.modules div.container, ul.list, div.titlestory {
	margin-top: 2em;
}

body.modules div.container.code {
	margin-top: 1px;
}

body.modules div.container.code div.wrapper {
	background-color: #191919;
	color: white;
	padding-top: 1em;
}