* {
	margin:0;
	padding: 0}
body {
	background:url(../img/bg_body.gif) #313131 repeat-x;
	font-family: verdana, arial, sans-serif;
	font-size: 0.7em;}
table {
	font-size: 1em;
	width: 100%}
td,th {
	text-align: left;
	vertical-align:top}
a img, img {
	border: none}
a {
	color: #E2001A;
	text-decoration: none}
a:hover {
	color: #E2001A;
	text-decoration: underline}
select {
	font-family: verdana, arial, sans-serif;}
input, textarea {
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	padding: 2px;
	color: red;
	border: 1px solid red;}
input.submit {
	background: none}
ul {
	padding-left: 20px;}
li {
	padding: 4px 0px;}
h1 {
	font-size: 1.4em;
	padding: 8px 0px 4px 0px;}
h2 {
	font-size: 1.2em;
	padding: 8px 0px 4px 0px;}
h3 {
	font-size: 1.0em;
	padding: 8px 0px 4px 0px;}
label {
	display:block;
	width: 150px;
	float:left}

#logo {
	position:absolute;
	top: 8px;
	left: 153px;}
	
#kreis {
	position:absolute;
	top: 12px;
	left: 412px;
	width: 102px;
	height: 107px;
	background:url(../img/kreis.gif) no-repeat;
	z-index: 1}
#loginstatus {
	position:absolute;
	top: 33px;
	left: 525px;
	width: 300px;
	color:white;
	z-index:100}
#loginstatus input {
	background:none;
	border:none;
	cursor: pointer;}
#loginstatus .tx-felogin-pi1 div {
	padding: 0px}
#loginstatus .tx-felogin-pi1 input.submit {
	margin:0}
	
#warenkorb {
	position:absolute;
	top: 67px;
	left: 513px;
	width: 201px;
	height: 14px;
	padding: 4px 13px;
	background:url(../img/bg_warenkorb.gif) no-repeat;
	z-index: 1000}
#warenkorb a {
	padding-bottom: 2px;
	background: url(../img/shoppingcart.gif) right  no-repeat;
	padding-right: 32px;
	color: white;}
#warenkorb img {
	margin-left: 6px;
	vertical-align:middle}
	
#brillen {
	position:absolute;
	top: 0px;
	left: 730px;
	width: 275px;
	height: 168px;
	background:url(../img/bg_body_brillen.gif) no-repeat;
	z-index: 1}
	
#left {
	position:absolute;
	top: 102px;
	left: 15px;
	z-index: 10}
#left_wrapper {
	width: 195px;
	padding-top: 1px;
	background: url(../img/bg_left.gif) repeat-y }
#left a.active { 
	text-decoration:underline}
#navi_service {
	background: black;
	margin: 0px 1px;
	color: white;
	font-size: 0.9em;
	width: 178px;
	padding-top: 3px;
	height: 19px;}
* html #navi_service {
	height: 22px;}
#navi_service a {
	color: white;
	font-weight: bold;
	margin: 0px 4px;}
#welcome {
	font-size: 0.9em;
	width: 160px;
	margin: 10px;
	overflow:hidden;}
#welcome a {
	color: white}
.header_left {
	border-top: 2px dotted black;
	width: 160px;
	padding: 4px 10px;
	height: 19px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../img/bg_left_header.gif) white bottom no-repeat}
.header_left_active {
	border-top: 2px dotted black;
	width: 160px;
	padding: 4px 10px;
	height: 19px;
	float:left;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../img/bg_left_header_active.gif) white bottom no-repeat}
.header_left_arrow {
	width: 12px;
	height: 26px;
	float:left;
	background: url(../img/bg_left_header_arrow.gif) 0px 2px no-repeat}
.header_left a {
	color:black}
* html .header_left {
	width: 180px;
	height: 28px;}
* html .header_left_active {
	width: 180px;
	height: 28px;}
#alpha {
	width: 160px;
	font-size: 12px;
	height: 62px;
	clear:both;
	padding-top: 10px;
	margin: 10px;  
	margin-top: 0px}
#alpha a, #kalender div.head, #kalender div.inactive, #kalender a {
	display:block;
	float:left;
	width: 22px;
	text-align:center;
	height: 15px;
	color: black;}
#alpha a {
	width: 26px;}
#kalender div.inactive {
	color: #9D1145}
#kalender .today a {
  background: #F399A3;}
#spielorte select {
	width: 160px;
	border: 1px solid black;
	background: #f9b6bf;
	margin: 10px;}
#spielorte option {
	padding: 2px;
	background: #f9b6bf}
#header_left_datum {
	background: url(../img/bg_left_header_datum.gif) white bottom no-repeat}
#header_left_datum_active {
	background: url(../img/bg_left_header_datum_active.gif) white bottom no-repeat}
#monat {
	background: url(../img/bg_left_header_datum_bottom.gif) #EF6B85 bottom right no-repeat;
	color: #e2001a;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px 0px;
	text-align:center;
	width: 180px;}
#kalender {
	font-size: 12px;
	width: 160px;
	height: 104px;
	margin: 10px }
#left_bottom {
	width: 180px;
	height: 10px;
	overflow:hidden;
	background: url(../img/bg_left_bottom.gif)}
#navi_contact {
	color: white;
	text-align:center;
	width: 180px;
	padding-top: 6px;
	padding-bottom: 20px}
#navi_contact a {
	color: white;
	padding: 0px 6px}
#logos {
	margin-top: 20px;}
#logos div {
	width: 130px;
	text-align: center;
	float:left;}
	
	
#middle {
	position:absolute;
	top: 102px;
	left: 210px;
	width: 245px;
	z-index: 10}
#middle h1 {
	background: #E2001A;
	color:white;
	width: 220px;
	font-size: 12px;
	font-weight:bold;
	margin-top: 18px;
	padding: 5px}
#middle #content_middle_content h1 {
	margin-left: -6px;
	margin-right: -6px}
#middle_wrapper {
	width: 245px;
	background: url(../img/bg_middle.gif) repeat-y;}
#header_middle {
	background: url(../img/bg_middle_top.gif) top right no-repeat #F399A3;
	font-weight: bold; 
	font-size: 1.2em;
	width: 230px;
	color: #e2001a;
	padding: 5px 0px;
	text-align:center;
	height: 18px;
	margin-bottom: 10px;
	border-bottom: 2px dotted black;}
#header_middle a {
	color: #e2001a;
	text-decoration: none}
#header_middle div {
	float:left;
	width:190px}
* html #header_middle div {
	float:left;
	width:180px;}
#header_middle div.arrow {
	width:20px;
	font-size: 0.9em}
.list {
	width: 210px;
	font-size: 0.9em;
	margin-top: 10px;
	margin-left: 10px;
	/*height: 86px;*/
	background: url(../img/bg_middle_list.gif);
	clear:both;
	float:left;}
* html .list{
	margin-left: 5px;
	margin-top: 0px;}
* html #myContent .list{
	margin-top: 10px;}
.list_wrapper {
	color: white;
	padding: 4px;
	width: 202px;
	/*height: 78px;*/
	background: url(../img/bg_middle_list_bottom.gif) bottom right no-repeat;}
* html .list_wrapper {
	width: 210px;}
.list_wrapper a, .list_wrapper a:hover {
	color: white;
	text-decoration: underline}
/* vergangene Filme */
.over .list_wrapper, .list_wrapper .over, .over .list_wrapper a, .over .list_wrapper a:hover {
	color: #F399A3;
	text-decoration: none}
.list_wrapper img {
	float:left;
	margin-right: 4px}
.title {
	font-weight: bold;
	height: 24px}
.dates {
	margin-left: 60px}
.date_single {
	padding-top: 30px;}
.list_active {
	float:left;
	margin-top: 10px;
	background: url(../img/bg_middle_list_active.gif);
	width: 23px;
	height: 25px;} 
#middle_bottom {
	width: 230px;
	height: 10px;
	overflow:hidden;
	background: url(../img/bg_middle_bottom.gif)}
#btnUp, #btnDown{
	text-align: center;
	padding: 6px 0px;
	cursor:pointer;}
#content_middle_content {
	width: 218px;
	padding: 0px 6px;
	overflow:hidden}

#right {
	position:absolute;
	top: 102px;
	left: 455px;
	width: 474px;
	z-index: 9999}
#right_wrapper {
	padding: 24px 10px 10px 10px;
	background: url(../img/bg_right_top.gif) white top left no-repeat;}
* html #right_wrapper {
	width: 474px;}
#right h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 105px;
	margin-bottom: 10px;
	width: 244px}
* html #right h1 {
	width: 359px;}
#right h2  {
	clear:both;
	border-top: 2px dotted black;
	padding: 6px 10px 10px 10px; 
	/*height: 19px;*/
	margin: 9px -10px;
	font-size: 1.2em;
	font-weight: normal;
	background: url(../img/bg_right_h2.gif) #ccc bottom no-repeat}
#right p {
	padding-bottom: 6px;}
#right #credits {
	width: 95px;
	margin-bottom: 10px;
	font-style:italic;
	float:left;}
* html #right #credits {}
#right #text {
	width: 246px;
	margin: 0px 8px;
	margin-bottom: 10px;
	float:left;}
#right #images {
	width: 97px;
	margin-bottom: 10px;
	overflow:hidden;
	float:left;}
#right #images img {
	margin-bottom: 10px;
	border: 1px solid #999}
#right_bottom {
	width: 474px;
	height: 10px;
	overflow:hidden;
	background: url(../img/bg_right_bottom.gif)}
.timetable {
	width: 438px;
	min-height: 32px;
	margin-right: 3px ;
	border-top: 2px dotted #000; 
	padding: 2px 8px;
	margin-bottom: 8px;
	background: url(../img/bg_timetable.gif) right bottom no-repeat #EBEBEB}
* html .timetable {
	width: 454px;}
.tagort {
	width: 271px;
	padding: 3px 0px;
	float:left;}
.formular {
	text-align:right;
	float:right;
	width: 165px;
	height: 20px;}
.formular input.input {
	height: 13px;
	width: 13px;
	padding: 2px;
	text-align:center;
	vertical-align:middle;}
* html .formular input.input {
	width: 17px;
	height: 17px} 
.formular input.submit {
	border:none;
	vertical-align:middle;}
.formular label {
	padding: 0px 4px;}
.formular img {
	vertical-align:top}
.product_image {
	width: 97px;
	margin-bottom: 10px;
	overflow:hidden;
	float:right;}
.product_text {
	margin-bottom: 12px;}
.karten_ak, .karten_vvk{
	font-style: italic }
	
#banner-rechts {
	position:absolute;
	left: 939px;
	width: 160px;
	top: 102px;
	z-index: 9999}



/* Übergreifende Styles */


.clearfix {
	clear:both;
	float:none !important;}
	
.contenttable {
	border-top: 2px dotted black;
	border-bottom: 2px dotted black;}
.tr-even {
	background: #EBEBEB}
.align-center {
	text-align:center}
.align-right {
	text-align:right}
.csc-frame-frame1 {
	border:2px dotted #999;
	padding:2px 8px;
	margin-top: 4px;
	background: #EBEBEB;}
	
	
.filelinks img {
	vertical-align:middle;}
.filelinks p {
	margin-bottom: 8px}


/* SHOP */
	
.basket {
	border-top: 2px dotted black;
	border-bottom: 2px dotted black;
	table-layout:fixed;
	width: 454px;
	margin-bottom: 10px}
.last {
	text-align:right;}
.basket .film td {
	background: #EBEBEB;
	margin-bottom: 3px}
.trenner {
	height: 3px;
	background:white}
.summe {
	font-weight:bold}
.linie td{
	border-top: 2px dotted black;}
.orderNumber {
	text-align: center;
	width: 200px;
	border-color: red;
	border-style: dotted;
	border-width: 2px;
	margin: 20px;
	padding: 10px;
	font-size: 1.4em}

.tx-felogin-pi1 div {
	padding: 4px 0px}
.tx-felogin-pi1 input.submit {
	margin-left: 150px}
	
	
/* Registrierung */
.form_field {
	clear:both;
	margin-bottom: 10px;}