/* --- 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: #000 url("img/dasda_bg_0006_spielzeittitel.jpg") fixed left 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;
}

/* 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 {
	margin-top: 10px;
}

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

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

.catNavi a:link, .catNavi 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 {
	background: #009EE0;
	color: #fff;
}

/* 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;
}

/* Eventliste */

.mod_eventlist .header {
	width: 140px;
	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: 290px;
	display: inline;
	float: right;
	overflow: hidden;
}

.mod_eventlist .month {
	clear: both;
}

.mod_eventlist h2 {
	margin-top: 0;
}

/* KalenderIcon */

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

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

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

/* ImageContainer */

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

/* 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;
}

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;
}

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

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