/* --- tl_files/template/css/screen.css --- */ 
html, body {
	height: 100.1%;
}

body {
	font-family: "Helvetica Neue", Arial, sans-serif;
	line-height: 1.6;
}

/* BODY Backgrounds */

body.amadeus {
	background: #232227 url("img/dasda_bg_0005_amadeus.jpg") fixed left top no-repeat;
}

body.ikarus {
	background: #ddf0f6 url("img/dasda_bg_0000_ikarus.jpg") fixed left top no-repeat;
}

body.spielzeit {
	background: #B7B2AE url("../content/backgrounds/1112/bg_titel_02.jpg") fixed right top no-repeat;
}

body.momo {
	background: #1d1d1d url("img/dasda_bg_0001_momo.jpg") fixed left top no-repeat;
}

body.frauschwarz {
	background: #2a4e62 url("img/dasda_bg_0003_frauschwarz.jpg") fixed left top no-repeat;
}

body.creeps {
	background: #c1b62f url("img/dasda_bg_0004_creeps.jpg") fixed left top no-repeat;
}

body.lotta {
	background: #7a9b4f url("img/dasda_bg_0002_lotta.jpg") fixed left top no-repeat;
}

body.dinner {
  background: #B7B2AE url("../content/backgrounds/1112/bg_dinner.jpg") fixed right top no-repeat;
}

body.equus {
  background: #B7B2AE url("../content/backgrounds/1112/bg_equus.jpg") fixed right top no-repeat;
}

body.firma {
  background: #c3bbb8 url("../content/backgrounds/1112/bg_firma.jpg") fixed right top no-repeat;
}

body.othello {
  background: #B7B2AE url("../content/backgrounds/1112/bg_othello.jpg") fixed right top no-repeat;
}

body.traeume {
  background: #B7B2AE url("../content/backgrounds/1112/bg_traeume.jpg") fixed right top no-repeat;
}

body.trenk {
  background: #B7B2AE url("../content/backgrounds/1112/bg_trenk.jpg") fixed right top no-repeat;
}

body.zauberin {
  background: #B7B2AE url("../content/backgrounds/1112/bg_zauberin.jpg") fixed right top no-repeat;
}

body.startseite {
  background-color: #B7B2AE;
  background-image: url(../content/backgrounds/1112/bg_titel_01.jpg), url(../content/backgrounds/1112/bg_titel_02.jpg);
  background-position: left top, right top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Link Angaben */

a:link, a:visited {
	color: #009ee0;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

a:hover, a:focus {
	color: #333;
	border-bottom: 1px solid #009ee0;
}

a:active {
	padding-bottom: 1px;
}

/* Layout Angaben */

#container{
	padding-bottom: 10px;
}

#container,#footer{
	background:#fff
}

#container .inside {
	padding: 0 10px;
}

#footer {
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 10px;
}

/* #header .mod_navigation */

#header .mod_navigation {
	width: 960px;
	padding: 10px 0 0 0;
}

#header .mod_navigation li {
	display: inline;
}

#header .mod_navigation li.active span {
	padding: 5px 5px;
	margin: 0 6px 0 0;
	background: #009EE0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	display: block;
	float: left;
}

#header .mod_navigation a:link, #header .mod_navigation a:visited {
	padding: 5px 7px;
	margin: 0 6px 0 0;
	background: #009EE0;
	background: #009EE0 url("img/dasda_gradient_trans.png") repeat-x;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	display: block;
	float: left;
	border: 0;
}

#header .mod_navigation li.active span {
	padding: 5px 7px;
	margin: 0 6px 0 0;
	background: #fff;
	color: #888;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	display: block;
	float: left;
	border: 0;
}

#header .mod_navigation li.trail a:link, #header .mod_navigation li.trail a:visited {
	padding: 5px 7px;
	margin: 0 6px 0 0;
	background: #fff;
	color: #888;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	display: block;
	float: left;
	border: 0;
}

#header .mod_navigation a:hover, #header .mod_navigation a:focus {
	background: #fff;
	color: #777;
}

/* #links .mod_navigation */

#left .mod_navigation {
	margin-top: 10px;
}

#left .mod_navigation li.first {
	border-top: 1px solid #e8e8e8;
}

#left .mod_navigation li.active span {
	display: block;
	border-bottom: 1px solid #e8e8e8;
	line-height: 30px;
}

#left .mod_navigation a:link, #left .mod_navigation a:visited {
	display: block;
	color: #009EE0;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
	border-bottom: 1px solid #e8e8e8;
	line-height: 30px;
}

#left .mod_navigation a:hover, #left .mod_navigation a:focus {
	background: #009EE0;
	color: #fff;
}

/* #footer .mod_customnav */

#footer .mod_customnav {
	padding: 10px;
}

#footer .mod_customnav li {
	display: inline;
	padding: 10px;
}

#footer .mod_customnav a:link, #footer .mod_customnav a:visited,
#footer .mod_customnav li.active span {
	border: 0;
	line-height: 20px;
	float: left;
	display: block;
	margin-right: 10px;
	border: 1px solid #e8e8e8;
	padding: 5px;
}

#footer .mod_customnav a:hover, #footer .mod_customnav a:focus {
	background: #009ee0;
}

/* #header .mod_randomImage */

#header .mod_randomImage {
	width: 960px;
	background: none;
}

#header .mod_randomImage .image_container img {
	display: block;
}

/* typografie */

h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	border-bottom: 1px solid #e8e8e8;
}

h1 {
	font-weight: bold;
	font-size: 24px;
}

h3 a:link, h3 a:visited,
h2 a:link, h2 a:visited,
h1 a:link, h1 a:visited {
	border: 0;
}

#startseite .startLink {
	width: 300px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
}

#startseite .last {
	margin-right: 0;
}

#startseite .first {
	margin-left: 0;
}

.startLink a:link, .startLink a:visited {
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	background: #e8e8e8 url("img/dasda_gradient_light.png") repeat-x;
	border: 0;
}

/* Katalog Übersicht Stücke */

.uebersicht .item {
	clear: both;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 10px;
	background: #EEECEC url("img/dasda_gradient_light.gif") repeat-x bottom;
	width: 758px;
	margin-bottom: 10px;
}

.uebersicht .titel {
	text-transform: uppercase;
}

.uebersicht .titel h2 {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	border-color: #303030;
}

.uebersicht .titel a:link, .uebersicht .titel a:visited {
	color: #303030;
	text-decoration: none;
	display: block;
}

.uebersicht .titel a:hover, .uebersicht .titel a:focus {
	color: #009ee0;
}

.uebersicht .titel a:active {
	color: #E40070;
}

.uebersicht .image {
	width: 380px;
	float: left;
	display: inline;
}

.uebersicht .image img {
	border: 1px solid #999;
	margin: 10px 0;
	display: block;
}

.uebersicht .premiere {
	width: 348px;
	float: left;
	display: inline;
}

.uebersicht .premiere h3 {
	background: #009EE0 url("img/dasda_gradient_trans.png") repeat-x;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0;
}

/* .catNavi */

.catNavi,
.list_container {
	margin-top: 10px;
}

.catNavi li.first,
.list_container li.first{
	border-top: 1px solid #e8e8e8;
}

.catNavi a:link,
.catNavi a:visited,
.list_container a:link,
.list_container a:visited,
.clearall a:link,
.clearall a:visited{
	display: block;
	color: #009EE0;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
	border-bottom: 1px solid #e8e8e8;
	line-height: 30px;
}

.catNavi a:hover,
.catNavi a:focus,
.list_container a:hover,
.list_container a:focus,
.clearall a:hover,
.clearall a:focus{
	background: #009EE0;
	color: #fff;
}

.catNavi li.active span,
.list_container li.active {
	display: block;
	border-bottom: 1px solid #e8e8e8;
	line-height: 30px;
    color: #232227;
}

.catNavi li.active span,
.list_container li.active a,
.list_container li.active a:link,
.list_container li.active a:visited {
	display: block;
	border-bottom: 1px solid #e8e8e8;
	line-height: 30px;
    color: #232227;
}

.list_none,
.list_container li.active.list_none{
  display: none;
}

/* Katalog Details */

.profil #meta {
	float: left;
	width: 380px;
	display: inline;
}

.profil #info {
	float: right;
	width: 380px;
	display: inline;
}

.profil .premiere h3 {
	background: #009EE0 url("img/dasda_gradient_trans.png") repeat-x;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0;
}

p.back {
  display: block;
  clear: both;
  overflow: hidden;
  font-size: 14px;
}

/* Eventliste */

.mod_eventlist .header {
	width: 60px;
	display: inline;
	float: left;
	overflow: hidden;
}

.mod_eventlist .calitem {
	clear: both;
	border: 1px solid #e8e8e8;
	padding: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}

.mod_eventlist .event {
	width: 360px;
	display: inline;
	float: right;
	display: block;
}

.mod_eventlist .month {
	clear: both;
}

.mod_eventlist h2 {
	margin-top: 0;
}

/* KalenderIcon */

.calicon {
	width: 60px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	clear: both;
	display: block;
}

.calicon .day {
	font-size: 24px;
	float: left;
	width: 60px;
	text-align: center;
	display: block;
}

.calicon .month, .calicon .year {
	font-size: 14px;
	float: left;
}

.mod_eventlist .status {
	float: right;
}

/* ImageContainer */

#startseite .image_container {
	margin-top: 10px;
}

/* TABELLEN STANDARD */

/*
    smooth taste table styles
    written by Thomas Opp http://www.yaway.de
*/
table.text {
  border-collapse: collapse;
  border: 1px solid #FF0084;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #000;
  background: #EEECEC;
  width: 100%;
  }
caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
.text td, .text th {
  border: 1px dashed #B85A7C;
  padding: .8em;
  color: #000;
  }
  
  .text .col {
    text-align: center;
  }
.text thead th, .text tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;;
  text-align: left;
  background: #38160C;
  color: #F6ECF0;
  padding-top:6px;
  }
.text tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
.text tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.text tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
.text tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.text tbody th, .text tbody td {
  vertical-align: top;
  text-align: left;
  }
.text tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.text .odd {
  background: #7B2342;
  }
.text tbody tr:hover {
  background: #fff;
  }
.text tbody tr:hover th,
.text tbody tr.odd:hover th {
  background: #fff;
  }

/* Calendar */

table.calendar {
	width: 458px;
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
}

table.calendar th {
	text-align: center;
}

table.calendar th.head {
	height: 40px;
	font-size: 14px;
}

table.calendar th.label {
	height: 30px;
	width: 14%;
	border: 1px solid #e8e8e8;
	border-width: 0 1px 1px 0;
	font-size: 11px;
}

table.calendar td.days {
	text-align: left;
	height: 80px;
	width: 14%;
	border: 1px solid #e8e8e8;
	border-width: 0 1px 1px 0;
	font-size: 10px;
}

table.calendar td .header {
	background: #e8e8e8;
	padding: 3px;
}

table.calendar td .event {
	padding: 3px;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

table.calendar td.col_first {
	border: 1px solid #e8e8e8;
	border-width: 0 1px 1px 1px;
}

table.calendar td.col_last {
	border: 1px solid #e8e8e8;
	border-right: 0;
	border-top: 0;
}

/* table vorverkauf */

table.vorverkauf {
	width: 378px;
	border: 1px solid #e8e8e8;
}

table.vorverkauf th {
	font-size: 15px;
}

table.vorverkauf th, table.vorverkauf td {
	border-bottom: 1px solid #e8e8e8;
	padding: 5px;
}

/* table preise */

table.preise {
	width: 378px;
	border: 1px solid #e8e8e8;
}

table.preise th {
	font-size: 15px;
}

table.preise th, table.preise td {
	border-bottom: 1px solid #e8e8e8;
	padding: 5px;
}

/* formular */

form fieldset {
	padding: 10px;
	border: 1px solid #e8e8e8;
	background: #EEECEC url("img/dasda_gradient_light.gif") repeat-x bottom;
}

form legend {
	font-size: 16px;
	font-weight: bold;
}

form label {
	display: block;
}

form input.text,
form input.captcha {
	border: 1px solid #e8e8e8;
	padding: 3px 5px;
	width: 240px
}

form textarea.textarea {
	border: 1px solid #e8e8e8;
	padding: 3px 5px;
	width: 240px;
	height: 240px;
}

/* accordion */

.ce_accordion {
	margin: 10px 0;
}

.ce_accordion .toggler {
	padding: 5px 10px;
	background: #009EE0 url("img/dasda_gradient_trans.png") repeat-x;
	cursor: pointer;
}

/* team uebersicht */

.teamuebersicht .item {
	width: 190px;
	float: left;
	overflow: hidden;
	margin: 10px 20px 10px 0;
	border: 1px solid #e8e8e8;
}

.teamuebersicht .item.first {
	margin-left: 0;
}

.teamuebersicht .item.last {
	margin-right: 0;
}

.teamuebersicht .name {
	height: 60px;
	margin: 0;
	padding: 0;
}

.teamuebersicht .name h2 {
	margin: 0;
	padding: 0 5px;
}

.teamuebersicht .image {
	height: 140px;
	padding: 0;
}

.teamuebersicht .image a.link,
.teamuebersicht .image img {
	margin: 0;
	padding: 0;
}

/* TAG CLOUD */

.mod_tagcloudnews h3 {
  cursor: pointer;
}

.cloud,.cloud ul,.cloud li{margin:0;padding:0;list-style-type:none;}
.cloud li{width:auto;position:static;float:none;display:inline;padding-right:5px;}
li.size1 a{font-size:12px; color:#666666;line-height:1.5;}
li.size2 a{font-size:14px; color:#000000;line-height:1.5;}
li.size3 a{font-size:16px; line-height:1.5;}

/* NEWS BEREICH */

.layout_short {
  border-bottom: 1px solid #eaeaea;
}

.layout_short .date {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 0 20px 0;
  text-align: center;
}

.layout_short .date .day {
  font-size: 24px;
  font-weight: bold;
}

.layout_short .date .month {
  font-weight: bold;
}

.layout_short .date .year {
  font-weight: bold;
}

.layout_short .info {
  font-size: 11px;
}

/* Pagination */

.pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
.pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
.pagination .previous-off,
.pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
.pagination .next a,
.pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
.pagination .current{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
.pagination a:link,
.pagination a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
.pagination a:hover{
border:solid 1px #666666;
}