/* HANDMADE WITH LOVE - thebetterstory.com */

body{
	background-color: #c1c1c1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;
}
a:active{
	position: relative;
	top: 1px;
}
h1#burgtheater{
	margin: 55px 0px 30px 20px;
	padding: 0px 0px 0px 0px;
}
h1#burgtheater a{
	display: block;
	width: 354px;
	height: 34px;
	text-indent: -9999em;
	background-image: url(../res/burgtheater.png);
	background-repeat: no-repeat;
}
a#bt-logo{
	position: absolute;
	top: 60px;
	margin-left: 772px;
}
a#bt-logo:active{
	position: absolute;
	top: 60px; 
}
span.square{
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	background-color: #000000;
	margin: 2px 5px 0px 0px;
}

/* ________________________________________ CONTAINER */
div#container{
	width: 868px;
	margin: 0 auto;
	margin-top: 15px;
	background-color: #f6f6f6;
	border: 16px solid #ffffff;
	-moz-box-shadow: 5px 5px 16px #ababab;
	-webkit-box-shadow: 5px 5px 16px #ababab;
}
div#head{
}
div#left-content{
	padding-left: 16px;
	padding-top: 34px;
	float: left;
	overflow: hidden;
	width: 605px;
	line-height: 16px;
}
div#right-content{
	padding-right: 16px;
	padding-top: 34px;
	overflow: hidden;
	width: 230px;
	line-height: 16px;
}
div#foot{
	clear: both;
	background-color: #FFFFFF;
}

* + html body{
}

/* ________________________________________ TYPOGRAPHY */
ul#main-navigation,
ul#sub-navigation{
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
}
h1{
	font-family: Palatino, Georgia, serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
h2{
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	line-height: auto;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #000;
}
h3{
	font-size: 13px;
	font-weight: bold;
}
div#right-content h2{
	border-bottom: 1px dotted #000000;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 0px;
}
div#right-content div.csc-frame-frame2 h2{
	border: none;
}
div#left-content a,
div#right-content a{
	color: #000000;
}

div#left-content h1 a{
	text-decoration: none;
	color: #000;
}
div#left-content h1 a:hover{
	text-decoration: none;
	color: #ff3300;
}
h1 a span.artist-origin{
	font-size: 12px;
	text-transform: none;
}
p.event-title{
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
div#left-content div.event-item-footer a,
div#calendar-event-backlink a{
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #ff3300;
}
a#toplink{
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #000000;
	font-style: italic;
}
a#toplink:hover{
	color: #ff3300;
}
div#left-content div.event-item-footer a:hover,
div#calendar-event-backlink a:hover{
	background-color: #ff3300;
	color: #FFFFFF;
}
div#left-content table.event-list h2{
	margin: 0px;
	padding: 0px;
}
div#head a{
	text-decoration: none;
}


/* ________________________________________ NAVIGATION */
ul#main-navigation{
	border-top: 1px dotted #222222;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
ul#sub-navigation{
	border-top: 4px solid #222222;
	background-color: #FFFFFF;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
ul#main-navigation li,
ul#sub-navigation li{
	float: left;
}
ul#main-navigation li a,
ul#sub-navigation li a{
	display: block;
	padding: 10px 20px 10px 20px;
}
ul#main-navigation li a span,
ul#sub-navigation li a span{
	display: block;
	text-decoration: none;
	color: #222222;
	padding: 1px 2px 1px 2px;
}
ul#main-navigation li a:hover span,
ul#main-navigation li.current a span{
	background-color: #ff3300;
	color: #FFFFFF;
}
ul#sub-navigation li a:hover span,
ul#sub-navigation li.current a span{
	color: #ff3300;
}

/* ________________________________________ COMMON */
div#left-content div.shadow-box,
div#left-content div.csc-frame-frame1,
div.event-list-wrap,
div.calendar-searchbox{
	background-color: #FFFFFF;
	-moz-box-shadow: 3px 3px 10px #e6e6e6;
	-webkit-box-shadow: 3px 3px 10px #e6e6e6;
	width: 577px;
	overflow: hidden;
	margin: 0px 0px 16px 0px;
	padding: 5px 5px 5px 5px;
}
* + html div#left-content div.csc-frame-frame1{
	padding-top: 15px;
	padding-bottom: 15px;
}
div#right-content div.csc-frame-frame1{
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	-moz-box-shadow: 3px 3px 10px #e6e6e6;
	-webkit-box-shadow: 3px 3px 10px #e6e6e6;
	padding: 8px 5px 8px 5px;
	margin-bottom: 16px;
}
div#right-content div.csc-frame-frame2{
	overflow: hidden;
	background-color: #f6f6f6;
	border-top: 1px dotted #000000;	
	border-bottom: 1px dotted #000000;
	padding: 8px 5px 0px 5px;
	margin-bottom: 16px;
}
div#left-content div.csc-frame-frame1,
div#left-content div.calendar-searchbox{
	padding-left: 20px;
	padding-right: 20px;
	width: 547px;
}
div#left-content div.calendar-searchbox{
	width: 547px;
	padding-bottom: 20px;
	margin-bottom: 35px;
}
div#left-content div.csc-frame-frame1 h2,
div#left-content div.calendar-searchbox h2{
	padding-bottom: 15px;
	padding-top: 10px;
	border-bottom: 1px dotted #000000;
}
div#left-content div.csc-frame-frame1 h1{
	margin-bottom: 0px;
}
div#left-content div.csc-frame-frame1 ul{
	padding-left: 15px;
	list-style-type: square;
}

/* ________________________________________ EVENTS COMMON*/
div.event-image{
	width: 170px;
	display: block;
	float: left;
}
p.event-categories{
	position: absolute;
	width: 568px;
	margin: -10px 0px 0px 0px;
	text-align: right;
	font-family: Palatino, Georgia, serif;
	font-style: italic;
}
p.event-categories span{
	background-color: #000000;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}

/* IE 7 Hack for Category-Labels */
* + html p.event-categories{
	margin-left: -170px;
}
p.event-price{
	color: #FF0000;
}
p.event-price span.price{
	color: #000000;
}
h1.event{
	margin-bottom: 10px;
}
strong.uppercase{
	text-transform: uppercase;
}

/* ________________________________________ EVENTS TEASER */
div.event-item-footer{
	width: 587px;
	text-align: right;
	border-bottom: 1px dotted #000;
	padding: 0px 0px 10px 0px;
	margin: 16px 0px 20px 0px;
}
div.event-list-text{
	margin: 22px 32px 16px 185px;
}
div.event-list-text p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.event-list-text p.event-title,
div.event-list-text div.event-description{
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}
div.event-list-text div.event-description,
div.event-list-text p.event-date{
	padding-top: 10px;
}
div.event-list-wrap{
	border: 1px solid #cccccc;
}
table.event-list{
	border-collapse: collapse;
	width: 100%;
}
table.event-list td{
	vertical-align: top;
	padding: 0px 5px 0px 5px;
}
table.event-list tr.event-list-row:hover{
	background-color: #F6F6F6;
}
table.event-list tr.event-list-item td{
	border-top: 1px dotted #000;
}
p.strong{
	font-weight: bold;
}

/* ________________________________________ EVENTS SINGLE */
table.buy-tickets{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
td.date{
	width: 110px;
	font-weight: bold;
}
td.title{
	width: 250px;
}
td.title p{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
td.title p a:hover{
	color: #ff3300 !important;
}
td.location{
	width: 100px;
}
td.links{
	width: 100px;
}
table.buy-tickets td,
table.event-list td{
	vertical-align: top;
	padding: 10px 0px 10px 0px;
}
div.event-single-text{
	margin: 22px 32px 16px 190px;
}
div.event-single-text p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.event-single-text p.event-title,
div.event-single-text p.event-price{
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}
div.event-single-text p.event-price{
	margin-top: 10px;
}
div.event-single-text div.event-description,
div.event-single-text p.event-date{
	padding-top: 10px;
}
p.navailable,
p.available{
	margin: 0px;
}
p.navailable span{
	display: block;
	margin: -3px 3px 0px 0px;
	padding: 3px 8px 3px 8px;
	background-image: url(../res/navail.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
p.available a{
	display: block;
	margin: -3px 3px 0px 0px;
	padding: 3px 8px 3px 8px;
	background-image: url(../res/avail.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
p.available a:hover{
	background-color: #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.border-top{
	border-top: 1px dotted #000;
}
span.presale-fee{	
	color: #000000;
	font-size: 10px;
}
td.small-font{
	font-size: 10px;
}
td.border-top links p{
	margin: 0px;
	padding: 0px;
}

/* ________________________________________ EVENTS LIST */

table.event-list p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p.pagebrowser{
	margin: 0px;
	padding: 0px;
}
div.pagebrowser{
	margin: 0px 0px 15px 0px;
}
div.pagebrowser span{
	padding: 0px 1px 0px 0px;
}
div.pagebrowser span b,
div.pagebrowser span a{
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}
div.pagebrowser span b{
	background-color: #999999;
	color: #FFFFFF;
}
div.pagebrowser span a:hover{
	background-color: #c1c1c1; 
}

/* ________________________________________ EVENTS SEARCH */
table.event-search{
	border: none;
	border-collapse: collapse;
}
table.event-search td{
	padding: 4px;
}
table.event-search label{
	padding-right: 5px;
}
input.dateSelect{
	background-image: url(../../../typo3conf/ext/date2cal/resources/images/calendar.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent !important;
	border: none !important;
	text-indent: -99999px;
	display: block;
	width: 16px !important;
	height: 16px !important;
	outline: none;
	vertical-align: middle;
	margin: 5px 0px 0px 0px;
}
input#event_start_day,
input#event_end_day{
	width: 90px;
}
div.date-field{
	float: left;
	margin: 0px 5px 0px 5px;
}
td.vam{
	vertical-align: middle;
}
.tar{
	text-align: right;	
}
table.event-search td.submit-cell{
	padding-top: 20px;
}

/* ________________________________________ KONTAKTFORMULAR */
div.tx-powermail-pi1 fieldset{
	border: none;
}
div.tx-powermail-pi1 legend{
	display: none;
}
div.tx-powermail-pi1 label{
	display: block;
}
div.tx-powermail-pi1 input,
div.tx-powermail-pi1 textarea,
div.calendar-searchbox input{
	border: 1px solid #c1c1c1;
	font-family: Arial, Helvetiva, sans-serif;
	width: 500px;
	font-size: 14px;
	padding: 3px;
}
div.tx-powermail-pi1 input:focus,
div.tx-powermail-pi1 textarea:focus,
div.calendar-searchbox input:focus{
	border: 1px solid #ff3300;
}
div.calendar-searchbox input{
	width: auto;
}
div.tx-powermail-pi1 textarea{
	height: 120px;
}
div.tx-powermail-pi1 input.submit,
div.calendar-searchbox input.submit{
	cursor: pointer;	
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	padding: 1px 2px 1px 2px;
	border: none;
	background-color: #ff3300;
	color: #FFFFFF;
	width: 150px;
}
div.tx-powermail-pi1 input.submit:hover,
div.calendar-searchbox input.submit:hover{
	background-color: #be0000;
}
div.tx_powermail_pi1_fieldwrap_html{
	margin: 0px 0px 15px 0px;
}


/* ________________________________________ FOOTER */
div#foot{
	
}
p#last-changed{
	display: block;
	float: right;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	font-family: Palatino, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #000000;
	font-style: italic;
}
a#toplink{
	display: block; 
	float: right;
	margin-left: 20px;
	padding: 2px 0px 2px 0px;
}


/* ________________________________________ Kabarett-News Feed */
div.kabarett-news-feed div.feed-item p.feed-image img{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	border: 3px solid #FFFFFF;
	-moz-box-shadow: 2px 5px 5px #e6e6e6;
	-webkit-box-shadow: 2px 5px 5px #e6e6e6;
}
div.kabarett-news-feed div.feed-item p{
	margin: 0px;
	padding: 0px;
}
div.kabarett-news-feed div.feed-item{
	overflow: hidden;
	margin-bottom: 5px;
}
div.kabarett-news-feed div.feed-item p.feed-text{
	margin-left: 75px;
}