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

body, td, th, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;

	color: #666666;
}

input, textarea, select {
	color: black;
}
form {
	margin: 0;
	padding: 0;
}
/* basic layout definitions BEGIN */
body {
	text-align: center;
	padding: 0;
	margin: 34px 8px 0 8px;
}
#page {
	position: relative;
	width: 921px; 
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header {
	position: relative;
	clear: both;
	width: 918px;
	height: 105px;
	margin: 0 0 0 3px;
	padding: 0;
	background:  url(../img/_layout/header_bg.gif) repeat-x top left;
}
#logo {
	position: absolute;
	top: 8px;
	left: 0;
}
#logo a img {
	border: none;
}
#header_img {
	position: absolute;
	width: 918px;
	height: 64px;
	overflow: invisible;
	text-align: right;
}
#content {
	position: relative;
	display: block;
	width: 921px;
	clear: both;
}
#footer {
	position: relative;
	margin: 5px 0 0 3px;
	width: 918px;
	clear: both;
	background:  url(../img/_layout/footer_bg.gif) no-repeat left top;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
}
#footer td {
	font-size: 9px;
}
#footer td strong,
#footer td b {
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
}
/* basic layout definitions END */
/* navigation definitions BEGIN */
#navi {
	position: absolute;
	top: 0;
	left: 0;
	width: 918px;
}
#navi .subnavi { /* activates background if there is a 2nd level navi */
	background:  url(../img/_layout/navi_sub_bg.gif) repeat-x left bottom;
}
#mainnavi {
	position: absolute;
	top: 64px;
	left: 0;
	display: block;
	width: 913px;
	height: 41px;
	font-size: 12px;
	font-weight: bold;
	color: #460007;
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	white-space: nowrap;
}

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

#mainnavi .active a {
	background:  url(../img/_layout/marker_navi.gif) no-repeat left center;
}
#mainnavi .active li a {
	background: none;
}
#mainnavi ul,
#mainnavi .active ul ul {
	display: none;
}

#mainnavi .active ul {
	display: block;
}

#mainnavi ul {
	position: absolute;
	top: 21px;
	left: -6px;
	display: block;
	width: 400px; /* verdammte scheisse, aber der neue firefox bockt sonst auch */
	height: 20px;
	border-left: 1px solid #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
* html #mainnavi ul { /* IE only */
	width: 400px; /* Verdammter scheiss browser!!! */
}
#mainnavi ul li {
	position: relative;
	display: block;
	float: left; /* left;  */
	height: 20px;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	background-color: #BC8D90;
	border-right: 1px solid white;
	white-space: nowrap;
}

#mainnavi ul li a, 
#mainnavi .active ul li a {
	height: 20px;
	padding: 0 4px;
	color: #FFFFFF;
}
#mainnavi .active .active {
	background-color: #9B5458;
}
#mainnavi ul ul {
	display: none;
}
#servicenavi {
	position: absolute;
	top: 46px;
	left: 0;
	display: block;
	width: 900px;
	font-size: 10px;
	color: #FFFFFF;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#servicenavi li {
	position: relative;
	display: inline;
	height: 13px;
	line-height: 13px;
	padding: 0 1px 0 8px;
	margin: 0 11px 0 0px;
	border: none;
}
#servicenavi li a {
	color: #FFFFFF;
	text-decoration: none;
}
#servicenavi ul {
	display: none;
}
#servicenavi .active {
	height: 11px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background:  url(../img/_layout/marker_meta.gif) no-repeat left center;
}
/* navigation definitions END */
/* Standard template BEGIN */
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	
}
#content a {
	color: #460007;
	padding: 0 0 0 8px;
	background: url(../img/_layout/marker_navi.gif) no-repeat left center;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}

#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	color: #B0787B;
	padding: 0;
	margin: 0;
}
#content h2 {
	color: black;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	padding: 0;
	margin: 0 0 10px 0;
}
#content p {
	margin: 2px 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;
}

#content_top {
	position: relative;
	width: 921px;
	height: 14px;
	margin: 7px 0 0 0;
	text-align: right;
}
#content_top ul {
	position: relative;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#content_top li {
	position: relative;
	display: inline;
	margin: 0 0 0 20px;
	clear: none;
}
#leftcol {
	position: relative;
	display: block;
	float: left;
	margin: 0 15px 0 0;
	padding-top: 4px;
/*	width: 200px; */
	clear: none;
}
#rightcol {
	position: relative;
	display: block;
	float: right;
	margin: 0 0 0 3px;
	clear: none;
}
#maincol {
	position: relative;
	display: block;
	float: left;
	margin: 0 15px 0 3px;
/*	width: 334px; */
	clear: none;
}
/* Standard template END */
/* Sitemap definition BEGIN */
#content .csc-sitemap {
	position: relative;
	margin: 10px 0;
}
#content .csc-sitemap a {
	padding: 0 0 0 2px;
	background: none;
	color: #666666;
	
}
#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 */
/* Image Column Definitions BEGIN */
#leftcol .csi-image {
	border-bottom: 1px solid #D8B8BA;
	margin: 0 0 20px 0;
}
#content .leftcol-1 {
	width: 200px;
}
#content .leftcol-1 .csi-image {
	padding: 0 0 3px 0;
}
#content .leftcol-2 {
	width: 236px;
}
#content .leftcol-2 .csi-image {
	padding: 0 0 13px 0;
}
/* Image Column Definitions END */
/* Main Column Definitions BEGIN */
#content .maincol-1 {
	width: 334px;
}
#content .maincol-2 {
	width: 580px;
}
#content .maincol-3 {
	width: 921px;
}
#content .maincol-4 {
	width: 410px;
	margin: 0 0 0 55px;
}
* html #content .maincol-4 { /* IE only */
	margin: 0 0 0 27px;
}

#maincol .csi-image {
	border-bottom: 1px solid #D8B8BA;
	margin: 0 0 20px 0;
}
#content #maincol .csi-image {
	padding: 0 0 3px 0;
}

/* Main Column Definitions END */
/* Right Column Definitions BEGIN */
#content .rightcol-1 {
	width: 334px;
}
#content .rightcol-2 {
	width: 410px;
	margin: 0 0 0 45px;
	padding: 0;
}

/* Newsletter Abo BEGIN */
#content .newsletter {
	margin: 10px 0;
}
#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: #460007;
	background: none;
	border: none;
	text-decoration: none;
	padding: 0 0 0 8px;
	margin: 0 16px 0 0;
	background: url(../img/_layout/marker_navi.gif) no-repeat left center;
}
#content .newsletter .submit:hover {
	text-decoration: underline;
}

/* Newsletter Abo END */
/* Spielzeit BEGIN */
#content .page-spielplan {
	position: relative;
	clear: both;
	width: 871px;
	margin: 0 0 0 27px;
}
#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: 10px;
	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: #460007;
	background: none;
	border: none;
	text-decoration: none;
	padding: 0 0 0 8px;
	margin: 0 0 0 16px;
	background: url(../img/_layout/marker_navi.gif) no-repeat left center;
}
#content .theater-dates .theater-dates-table {
	position: relative;
	clear: both;
	width: 871px;
	padding: 4px 0 0 0;
	border-top: 1px solid #D7B7BA;
	border-collapse: collapse; 
}
#content .theater-dates .theater-dates-row {
}
#content .theater-dates .theater-dates-row td {
	border-bottom: 4px solid white;
	vertical-align: top;

}
#content .theater-dates .theater-dates-row-beide td,
#content .theater-dates .theater-dates-row-grosse td {
	background-color: #E7DDDE;
	padding: 8px 4px 10px 4px;
}
#content .theater-dates .theater-dates-row-foyer td {
	background-color: #F4EEF0;
	padding: 8px 4px 10px 4px;
}
#content .theater-dates .theater-dates-table .theater-dates-row .theater-date {
	color: #460007;
	width: 176px;
}
#content .theater-dates .theater-dates-row .theater-date .day {
	display: block;
	float: left;
	text-transform: uppercase;
	width: 36px;
}
#content .theater-dates .theater-date .date {
	display: block;
	float: left;
	width: 80px;
}
#content .theater-dates .theater-date .time {
	display: block;
	float: left;
	width: 60px;
}
#content .theater-dates .theater-dates-row .theater-location {
	color: #7A7A7A;
	width: 106px;
	text-transform: uppercase;
}
#content .theater-dates .theater-dates-row .theater-description {
	width: 240px;
	color: #7A7A7A;
}

#content .theater-dates .theater-dates-row .theater-description h2 {
	font-size: 10px;
	line-height: 12px;
	color: #460007;
	padding: 0;
	margin: 0;
}
#content .theater-dates .theater-dates-row .theater-description h2 small {
	font-weight: normal;
	color: #7A7A7A;
}

#content .theater-dates .theater-info {
	width: 104px;
}
#content .theater-dates .theater-order {
	width: 114px;
}

/* Spielzeit END */
/* Spielplan BEGIN */
#content .theater-plays {
	position: relative;
	width: 410px;
}
#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;
	clear: both;
	overflow: hidden;
	margin: 0 0 40px 0;
}

#content .theater-play .image_col {
	vertical-align: top;
	width: 78px;
	padding: 0 7px 0 0;
}
#content .theater-play .image_col .csi-image {
	border-bottom: 1px solid #D8B8BA;
	padding: 0 0 3px 0;
	width: 78px;
	margin: 0;
}

#content .theater-play .description_col {
	vertical-align: top;
}
#content .theater-play .description_col h2 {
	font-size: 10px;
	font-weight: normal;
	color: #460007;
	margin: 0;
}
#content .theater-play .link_cell {
	vertical-align: bottom;
}
/* Spielplan 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;
}