/**
 * @author Tom Blondeau <tom.blondeau@gmx.net>
 *
 * change 09/05/05
 */
 
.invisible {
	display: none;
}

body, td, th, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
}

input, textarea, select {
	color: black;
}
form {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
/* basic layout definitions BEGIN */
body {
	text-align: center;
	padding: 0;
	margin: 21px 8px 0 8px;
}
#page {
	position: relative;
	width: 817px; 
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header {
	position: relative;
	clear: both;
	width: 815px;
	height: 107px;
	margin: 0 0 36px 0;
	padding: 0;
	border: 1px solid #8D8D8F;
	overflow: visible;
}
#logo {
	position: relative;
	float:right;
}
#logo a img {
	border: none;
}
#header_img {
	position: relative;
	width: 606px;
	height: 84px;
	float: left;
	overflow: hidden;
}
#content {
	position: relative;
	display: block;
	width: 817px;
	clear: both;
}
#footer {
	position: relative;
	margin: 0 0 10px 0;
	width: 815px;
	clear: both;
	border: 1px solid #8D8D8F;
	border-collapse: collapse;
}
#footer td {
	padding: 0 8px;
	vertical-align: middle;
	
}
#footer #servicenavicell {
	text-align: center;
	padding: 0;
	width: 210px;
	border-left: 1px dotted #8D8D8F;
}
/* basic layout definitions END */
/* navigation definitions BEGIN */
#navi {
	position: absolute;
	top: 84px;
	left: 0;
	clear:both;
	width: 606px;
}
#navi .subnavi { /* activates background if there is a 2nd level navi */
}
#mainnavi {
	position: relative;
	clear: both;
	display: block;
	width: 606px;
	height: 21px;
	font-size: 13px;
	font-weight: normal;
	color: black;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#mainnavi a {
	color: black;
	text-decoration: none;
	padding: 0;
}
#mainnavi li {
	position: relative;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 21px;
	white-space: nowrap;
}
#mainnavi li img {
	vertical-align: center;
	border: none;
}

#mainnavi .active a {
	color: #8D0000;
}
#mainnavi ul,
#mainnavi .active ul ul {
	display: none;
}

#mainnavi .active ul {
	position: absolute;
	top: 24px;
	left: -1px;
	display: block;
	height: 21px;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: black;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	border: 1px solid black;
}
* html #mainnavi ul { /* IE only */
	width: 400px; /* Verdammter scheiss browser!!! */
	top: 25px;
}
#mainnavi .active li {
	position: relative;
	display: block;
	float: left; 
	height: 20px;
	padding: 0  0 1px 0;
	margin: 0;
	color: black;
	white-space: nowrap;
	background: white url(/fileadmin/img/_layout/ksp_menu_l2_bg.gif) repeat bottom left;
}
#mainnavi .active li a,
#mainnavi li li a ,
#mainnavi .active td a{
	position: relative;
	display: block;
	color: black;
	background-color: white; 
	height: 20px;
	line-height: 20px;
	padding: 0 7px;
	margin: 0;
}

#mainnavi .active .active a {
	color: black;
	font-weight: bold;
	background: white url(/fileadmin/img/_layout/ksp_marker_navi.gif) no-repeat center bottom; 
}

#mainnavi ul .first {
	padding-left: 1px;
}
#mainnavi ul .last {
	padding-right: 1px;
}

#mainnavi ul ul {
	display: none;
}
#mainnavi .active table {
	position: absolute;
	top: 24px;
	left: -1px;
	display: table;
	border: none;
	border-collapse: collapse;
	background: white url(/fileadmin/img/_layout/ksp_menu_l2_bg.gif) repeat bottom left;
}

* html #mainnavi .active table { /* IE only */
/*	width: 400px;  */ /* Verdammter scheiss browser!!! */
	top: 25px;
}

#mainnavi .active table table {
	position: relative;
	top: 0;
	left: 0;
	border: none;
	border-collapse: collapse;
	background: white;
}

#mainnavi tr {
	margin: 0;
	padding: 0;
}
#mainnavi td {
	margin: 0;
	padding: 0 1px 1px 1px;
	border: none;
	color: black;
	font-size: 11px;
	white-space: nowrap;
	
}
#mainnavi td td {
	padding: 0;
}
#mainnavi .active td a {
	color: black;
	font-size: 11px;
}


#servicenavi {
	position: relative;
	float: right; 
	display: block;
	width: 195px;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 5px;
	text-align: center;
	height: 23px;
}
#servicenavi li {
	position: relative;
	display: inline;
	padding: 0 2px;
	margin: 0;
	border: none;
}
#servicenavi li a {
	text-decoration: none;
}
#servicenavi ul {
	display: none;
}
/*
#servicenavi .active {
	height: 23px;
}
*/
/* navigation definitions END */
/* Standard template BEGIN */
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	
}
#content a {
	color: #272727;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: underline;
}
.content-table {
	width: 817px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	min-height: 310px;	
}
* html .content-table {
	height: 310px;
}

#maincol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	color: #8D0000;
	padding: 0;
	margin: 0;
}
#maincol h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	padding: 0;
	margin: 0 0 10px 0px;
}
#content p {
	margin: 5px 0 10px 0;
}
#content table {
	border: none;
	border-style: none;
/*	border-collapse: collapse; */
}
#content td {
	border: none;
	border-style: none;
	vertical-align: top;
}

#content .cElement {
	margin: 0 0 20px 0;
}
#content .ctype-text ul {
	margin: 0;
	padding: 0 0 0 12px;
}
* html #content .ctype-text ul {
	padding: 0 0 0 15px;
}

#rightcol {
	position: relative;
/*	float: right; 
	display: block; */
	width: 159px;
	padding: 20px 20px 20px 25px;
	margin: 0 6px 0 0;
	clear: none;
	background-color: #F3F3F4;
	border: none;
}
#maincol {
	position: relative;
/*	display: block;
	float: left; */
	margin: 0;
/*	width: 334px; */
	clear: none;
	border: none;
}
/* Standard template END */
/* Right column definitions BEGIN */
#rightcol h1,
#maincol h2 {
	font-size: 14px;
	font-weight: bold;
	color: #636363;
	padding: 0 0 0 10px;
	background: url(/fileadmin/img/_layout/ksp_red_dot_2.gif) no-repeat left 0.2em;
	margin: 2px 0 5px 0;
}
/* Right column definitions END */
/* Sitemap definition BEGIN */
#content .csc-sitemap {
	position: relative;
	margin: 10px 0;
}
#content .csc-sitemap a {
	padding: 0 0 0 2px;
	background: none;
	color: #636363;
	text-decoration: none;
}
#content .csc-sitemap a:hover {
	text-decoration: underline;
}
#content .csc-sitemap ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

* html .csc-sitemap ul { /* IE only */
	overflow: visible;
}

#content .csc-sitemap li {
	display: block;
	margin: 0;
	padding: 0;
}

#content .csc-sitemap .csc-sitemap-level1 {
	padding: 10px 0 0 0;
	margin: 2px 0 0 18px;
	text-transform: uppercase;
	background: url(../img/_layout/sitemap_l0_bg.gif) no-repeat left bottom;
}

#content .csc-sitemap .csc-sitemap-level1-item {
	margin: 4px 0 12px 0;
	padding: 0 0 0 20px;
	background: url(../img/_layout/sitemap_l1_bg.gif) no-repeat left top;
	clear: both;
}
#content .csc-sitemap .csc-sitemap-level2 {
	margin: 2px 0 0 4px;
	padding: 0 0 0 30px;
	background: url(../img/_layout/sitemap_l2_bg.gif) no-repeat left top;
	text-transform: none;
}
* html #content .csc-sitemap .csc-sitemap-level2 { /* IE only */
	height: 20px;
}
#content .csc-sitemap .csc-sitemap-level2-item {
	float: left;
	padding: 0 32px 0 4px;
}
/* Sitemap definition END */
/* Main Column Definitions BEGIN */
#content .maincol-1 {
	width: 568px;
	padding:  0 30px 0 8px;
}
#content .maincol-2 {
	width: 809px;
	padding: 0 0 0 8px;
}

/* Main Column Definitions END */
/* Right Column Definitions BEGIN */
/* Newsletter Abo BEGIN */
#content .newsletter {
	margin: 10px 0 0 8px;
}
#content .newsletter form {
	display: inline;
}
#content .newsletter input {
	vertical-align: middle;
}
#content .newsletter table {
	border: none;
	padding: 0;
	margin: 0 0 16px 0;
	border-collapse: collapse;
}
#content .newsletter table tr {
	padding: 0;
}
#content .newsletter table td {
	padding: 3px 6px 3px 0;
	margin: 0;
}

#content .newsletter table .input {
	border: 1px solid #868686;
	border-collapse: collapse;
	background: none;
	width: 212px;
}

#content .newsletter .submit {
	color: #272727;
	background: none;
	border: none;
	text-decoration: underline;
	padding: 0;
	margin: 0 16px 0 0;
}
#content .newsletter .submit:hover {
	text-decoration: underline;
}

/* Newsletter Abo END */
/* Spielplan BEGIN */
#content .page-spielplan {
	position: relative;
	clear: both;
	width: 809px;
	margin: 0;
}
#content .page-spielplan .csc-header-n1 {
	position: relative;
	float: left;
	margin-bottom: 5px;
	vertical-align: bottom;
}

#content .theater-dates .theater-sort-form {
	position: relative;
	top: 0px;
	float: right;
	clear: none;
	display: block;
	margin: 0 0 7px 0;
	padding: 0;
	vertical-align: bottom;
}
#content .theater-dates .theater-sort-form .submit {
	display: none;
	color: #8D0000;
	background: none;
	border: none;
	text-decoration: none;
	padding: 0;
	margin: 0 0 0 16px;
}
#content .theater-dates .theater-dates-table {
	position: relative;
	clear: both;
	width: 809px;
	padding: 4px 0 0 0;
	border: none;
	border-collapse: collapse; 
}
#content .theater-dates .theater-dates-row {
}
#content .theater-dates .theater-dates-row td {
	border: none;
	vertical-align: top;
	background-color: #F3F3F4;
	padding: 6px;
}
#content .theater-dates .theater-dates-table .theater-dates-row .theater-date {
	color: #636364;
	width: 132px;
	font-weight: bold;
}
#content .theater-dates .theater-date .date {
	display: block;
	float: left;
	width: 70px;
}
#content .theater-dates .theater-date .time {
	display: block;
	float: left;
	width: 60px;
}
#content .theater-dates .theater-dates-row .theater-location {
	color: #636363;
	width: 60px;
}
#content .theater-dates .theater-dates-row .theater-description {
	width: 267px;
	color: #636363;
}

#content .theater-dates .theater-dates-row .theater-description h2 {
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	color: #8D0000;
	padding: 0;
	margin: 0;
	background: none;
}
#content .theater-dates .theater-dates-row .theater-description h2 small {
	font-weight: normal;
	color: #636363;
}
#content .theater-dates .theater-price {
	width: 96px;
}
#content .theater-dates .theater-info {
	width: 96px;
}
#content .theater-dates .theater-order {
	width: 76px;
}
#content .theater-dates .red_line {
	height: 11px;
	background: url(/fileadmin/img/_layout/ksp_line_bg.gif) repeat-x left center;

}
#content .theater-dates .black_line {
	height: 11px;
	background: url(/fileadmin/img/_layout/ksp_line_black_bg.gif) repeat-x left center;

}

/* Spielplan END */
/* Spielzeit BEGIN */
#content .page-aktuell h1 {
	padding-left: 8px;
}
#content .theater-plays {
	position: relative;
	width: 817px;
	clear: both;
}
#content .theater-plays h2 {
	background: none;
	padding: 0;
	margin: 0;
}
#content .theater-plays h3 {
	background: none;
	padding: 0;
	margin: 0;
}
#content .theater-plays p {
	padding: 0;
	margin: 5px 0 2px 0;
}
#content .theater-plays .plays-border-top {
	position: relative;
	clear: both;
	width: 310px;
	height: 1px;
	border: none;
	border-collapse: collapse;
	border-top: 1px solid #D7B7BA;;
	margin: 10px 0 14px 0;	
}
#content .theater-play {
	position: relative;
	width: 817px;
	border: none;
	border-collapse: collapse;	
	overflow: hidden;
	margin: 0 0 40px 0;
	padding: 0;
}

#content .theater-play .image_col {
	vertical-align: top;
	width: 78px;
	height: 75px;
	padding: 10px 0 10px 10px;
}
#content .theater-play .image_col .csi-image {
	border: none;
	padding: 0;
	margin: 0;
}

#content .theater-play .description_col {
	vertical-align: top;
	width: 493px;
	height: 75px;
	padding: 10px 25px 10px 0;
}
#content .theater-play .description_col h2 {
	font-size: 14px;
	font-weight: bold;
	color: #8D0000;
	margin: 0;
}
#content .theater-play .link_cell {
	vertical-align: bottom;
	width: 207px;
}
#content .theater-play .link_cell_top {
	height: 54px;
	padding: 0 0 8px 0;
}
#content .theater-play .link_cell_bottom {
	height: 23px;
	padding: 0 0 10px 0;
}
#content .theater-play .line {
	background: url(/fileadmin/img/_layout/ksp_line_bg.gif) repeat-x left top;
}
/* Spielplan END */
/* Stück Detail BEGIN */
.theater-single-table {
	position: relative;
	left: -8px;
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 757px;
}
.theater-single-table .image_col {
	width: 250px;
	vertical-align: top;
}
.theater-single-table .content_col {
	width: 507px;
	vertical-align: top;
}

.theater-single-table .image_col .csi-image {
	padding: 0 0 20px 0;
}
.theater-single-table .image_col .order_link,
.theater-single-table .image_col .return_link,
.theater-single-table .image_col .info_link {
	display: block;
	height: 11px;
	padding: 12px 0 2px 46px;
	margin: 0 0 9px 0;
}
.theater-single-table .image_col .order_link {
	background: url(/fileadmin/img/_layout/ksp_b_bestellen.gif) no-repeat left bottom;
}

.theater-single-table .image_col .return_link {
	background: url(/fileadmin/img/_layout/ksp_b_zurueck.gif) no-repeat left bottom;
}
.theater-single-table .image_col .info_link {
	background: url(/fileadmin/img/_layout/ksp_b_pdf.gif) no-repeat left bottom;
}

/* Stück Detail END */
/* Theater-Links BEGIN */
#content .theater-links ul {
	position: relative;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#content .theater-links li {
	position: relative;
	display: inline;
	margin: 0 20px 0 0;
	clear: none;
}
/* Theater-Links END */
/* Special for Picture with logo on friends page */
#content .img_logo {
	position: relative;
	top: -10px;
	left: -3px;
}
#content .page-home .image_col img {
	position: relative;
	left: 0px;
}
#content .page-home .theater-links {
	position: relative;
	border: none;
	border-collapse: collapse;
}
#content .page-home .theater-link-td {
	position: relative;
}
#content .page-home .theater-link-td .links {
	position: relative;
	top: -48px;
	left: 250px;
}
* html #content .page-home .theater-link-td .links {
	position: absolute;
	top: -48px;
	left: 240px;
}

#content .page-home .theater-links .order_link,
#content .page-home .theater-links .info_link {
	display: block;
	float: left;
	height: 11px;
	padding: 12px 0 2px 48px;
	margin: 0 30px 9px 0;
}

.page-home .theater-links .order_link {
	background: url(/fileadmin/img/_layout/ksp_b_bestellen.gif) no-repeat left bottom;
}
.page-home .theater-links .info_link {
	background: url(/fileadmin/img/_layout/ksp_b_infos.gif) no-repeat left bottom;
}
.page-home .theater-links .red_line {
	background: url(/fileadmin/img/_layout/ksp_line_bg.gif) repeat-x left center;

}