#content {
	margin-left:24px;
	width:943px;
	border-right: #ccc solid 1px;
	background: url(../i/bg_content.gif) repeat-y;
	float: left;
}

#content_left {
	width:220px;
	line-height:1.3;
	float:left;
	margin-top:1px;
}

#content_left h1 {
	font-size:1.6em;
	text-shadow: 1px 1px 0 #FFFFFF;
	color:#204A47;
	margin:12px;
}

#content_left i {
	margin-left:12px;
	float:none;
}

.left_link {
	width:170px;
	padding:2px 10px 0 12px;
	background:url(../i/arr_onblue.gif) 0 8px no-repeat;
	margin-bottom:25px;
}

.left_link a {
	font-weight:bold;
}

#content_right {
	width:703px;
	padding:10px;
	float:left;
}

#content_right .line {
	background:#ccc;
}

.greybar {
	background:#E8E8E8;
	width:683px;
	padding:7px 10px;
	font-size:0.85em;
	-moz-border-radius:5px;
	color:#333;
}

.greybar img {
	margin-right:4px;
}

a.arr {
	padding:0 7px 0 12px;
	background:url(../i/arr_ongrey.gif) 4px 4px no-repeat;
}

.article {
	width:437px;
	padding:10px;
	float:left;
}

.article h1 {
	color:black;
	font-size:2.2em;
}

.article p {
	margin-bottom:1.3em;
}

.article_right {
	width:220px;
	float:right;
	font-size:0.85em;
}

.article_right .greybox {
	background:#E8E8E8;
	width:220px;
	-moz-border-radius:5px;
	margin:10px 0 15px;
	line-height:1.3;
	color:#697374;
}

.article_right .greybox h2 {
	text-shadow: 1px 1px 0 #FFFFFF;
	margin-top:10px;
}

.article_right .greybox h1 {
	font-size:1.6em;
	margin-bottom:5px;
}

.article_right .greybox h1.top {
	width:200px;
	display:block;
	border-bottom:white solid 1px;
	background:#D4D4D4;
	color:black;
	padding:8px 10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.article_right .greybox .imglist {
	padding:10px;
	width:200px;
	text-align:center;
	list-style: none;
}
#content_right .article_right .greybox .imglist ul {
	margin: 0;
	list-style: none;
} 

#content_right .imglist ul {
	margin: 0;
	list-style: none;
} 

.article_right .greybox .imglist img {
	float:none;
}

.article_right .greybox .imglist a {
	float:none;
}

.article_right .greybox .imglist li {
	margin-bottom:10px;
}

.article_right .buttons_topright {
	margin:10px 0 10px;
}

#content_right .article_right ul.buttons_topright {
	list-style: none;
	margin:10px 0 10px 0;
}


.article_right .buttons_topright li a {
	font-weight:bold;
	color: #000;
	font-size:1.15em;
	width:184px;
	display:block;
	background:#ccc url(../i/arrr_ongrey.gif) 7px center no-repeat;
	margin:5px 0 0;
	padding:3px 18px;
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	cursor:pointer;
}

.article_right .buttons_topright li:hover a {
	background:#CA0001 url(../i/arrr_onred.gif) 7px center no-repeat;
}

.article_right .buttons_topright li.active a {
	background:#CA0001 url(../i/arrl_onred.gif) 7px center no-repeat;
	color: #fff;
}

.article_right .buttons_topright li:hover a, .article_right .button li:focus a {
	text-decoration:none;
	color: #fff;
}


.inszenierungen p {
	padding:7px 60px 7px 12px;
	font-size:0.85em;
	font-weight:bold;
}

.inszenierungen p.active {
	background:white;
}

.press_all {
	width:470px;
	padding-bottom:20px;
	float:left;
}

.press {
	width:437px;
	padding:20px 10px 10px;
	float:left;
	border-bottom:#ccc solid 1px;
	line-height:1.2;
}

.press p {
	margin-bottom:0;
	padding-bottom:5px;
}


/* ######################################################## BUTTON #################################################################### */


.button, .button:visited {
	background: #222 url(../i/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover   								{ background-color: #111; color: #fff; }
.button.active								{ background-color: #111; color: #fff; }

.button img									{ vertical-align:middle; margin: 1px 2px 0 0; border: 0px; }
.button:active									{ top: 1px; }
.button:hover									{ text-decoration: none; }
.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover							{ background-color: #749a02; }
.blue.button, .blue.button:visited		{ background-color: #064A7C; }
.blue.button:hover								{ background-color: #096CB7; }
.red.button, .red.button:visited			{ background-color: #C61D23; }
.red.button:hover								{ background-color: #872300; }
.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
.magenta.button:hover							{ background-color: #630030; }
.orange.button, .orange.button:visited	{ background-color: #ff5c00; }
.orange.button:hover							{ background-color: #d45500; }
.yellow.button, .yellow.button:visited	{ background-color: #ffb515; }
.yellow.button:hover							{ background-color: #fc9200; }
input.large.button 							{ padding: 6px 14px 6px; }
input.middle.button 							{ padding: 2px 14px 3px; }
input.small.button 							{ padding: 2px 14px 3px; }




/* ######################################################## BLOG #################################################################### */

.alterna {
	background: #E8E8E8;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.blogimg {
	margin: 0 2px 2px 0;
}

.greybox {
	background:#E8E8E8;
	width:220px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin: 0 0 15px 5px;
	line-height:1.3;
	color:#697374;
}

.greybox .imglist {
	padding:10px;
	width:200px;
	text-align:center;
}

.greybox .imglist img {
	float:none;
}

.greybox .imglist img.active {
	border: #CA0001 solid 2px;
}

.greybox .imglist a {
	float:none;
}

.greybox .imglist li {
	margin-bottom:10px;
}

.trenner {
	background: #E8E8E8;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color: #666666;
	font-size: 20px;
	text-transform: uppercase;	
	padding: 1px 5px 1px 5px;
}

.guestbook {
	width: 550px;
	padding: 0 0 10px 10px;
}



.image_list {
text-align: center;
float: left;
padding: 0 10px 20px 10px;
width: 180px;
height: 180px;
}

.image_list img {
float: none;
}


/* ######################################################## BOX STARTSEITE #################################################################### */

.boxhead {
background: #D4D4D4; 
padding: 2px 10px 2px 10px; 
color: #333;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}

.boxhead h2 {
margin: 0;
font-weight: normal;
} 
.index_boxcontent {
background: url(../i/index_box_bg.gif) repeat-y; 
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}

.index_boxleft {
float: left; 
width: 465px;
}

.index_boxright {
width: 218px; 
background: #fff; 
float: right;
}


#content_right .index_boxright ul  {
	list-style: none;
	margin: 1px 0 0 0;
}

.index_boxright ul li {
padding: 2px 6px 2px 8px;
border: #ccc solid 1px;
border-left: none;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
margin-top: -2px;
}

.index_boxright ul li:hover, .index_boxright ul li.active {
background: #E8E8E8;
}

.index_boxright ul li a:hover {
text-decoration: none;
color: #C61D23;
}

 .index_boxright ul li.active a {
color: #333;
}

/* ######################################################## CATEGORIES #################################################################### */

#content_right ul.cat, #content_right ul.cat li ul {
list-style: none;
margin:0;
padding: 0;
}

ul.cat li a {
	background: url(../i/arr_right_dark.png) 0 6px no-repeat;
	margin: 0 0 2px 0;
	padding:2px 0 5px 15px;
	display:block;
	color: #333;
}

ul.cat li a:hover{
	text-decoration: none;
	font-weight: bold;
	background: url(../i/arr_right_dark.png) 0 6px no-repeat;
}

ul.cat li a.active{
	background:url(../i/arr_down_dark.png) 0 8px no-repeat;
	text-decoration: none;
	font-weight: bold;
}


ul.cat li ul {
	margin-top:-2px;
}

ul.cat li ul li a {
	border: none;
	display:block;
	margin:0 0 1px 0px;
	padding:2px 0 2px 35px;
	background: url(../i/arr_right_dark.png) 18px center no-repeat;
}

ul.cat li ul li a:hover, .cat li ul li a.active  {
	background: url(../i/arr_right_dark.png) 18px center no-repeat;
	font-weight: bold;	
}



#content_all {
	width:916px;
	padding:12px;
	border-left:#ccc solid 1px;
}

#content_all .greybar {
	width:896px;
}


/* ######################################################## SPIELPLAN #################################################################### */

#spielplan {
	width:907px;
	margin:5px;
}

#spielplan th {
	background:#C61D23;
	font-weight:bold;
	color:white;
	line-height:0.5;
}

#spielplan th.date {
	background:#939598;
}


#spielplan td {
	font-size:0.9em;
	background:#F0F0F0;
	vertical-align:top;
	line-height:1.25;
}

#spielplan td.date {
	background:#D5D5D5;
	font-weight:bold;
	color:black;
}

#spielplan td.alt {
	background:#E8E8E8;
}

#spielplan td a {
	font-weight:bold;
	font-size:1.1em;
}

#spielplan td .info {
	background:url(../i/info.gif) 0 0 no-repeat;
	padding-left:20px;
	margin-top:5px;
	min-height:16px;
}

#spielplan td .ort {
	background:url(../i/home.gif) 0 0 no-repeat;
	padding-left:20px;
	margin-top:5px;
	min-height:16px;
}

#spielplan td .left {
	width:160px;
}

#spielplan td .right {
	width:20px;
	text-align:right;
}

#spielplan td .right img {
	text-align:center;
	margin-bottom:6px;
}

#spielplan td .deadlink {
	color:#666666;
	text-decoration:none;
}

#spielplan td .shop {
	background:url(../i/shop.gif) 0 0 no-repeat;
	padding-left:20px;
	margin-top:5px;
	min-height:16px;
}

#spielplan td .shop a {
	font-size:0.9em;
	font-weight:normal;
}

b.abo {
	float: left;
	font-weight: normal;
	font-size: 10px;
	border: 1px solid #505050;
	padding: 0 2px;
	cursor: help;
	line-height: 12px;
}


.red {
color: #CA0001;
}

.orange, a.orange:hover {
color: #F58345;
}

.pink, a.pink:hover {
color: #C657A0;
}

.grey, a.grey:hover {
color: #666666;
}


.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 200px;
}

.image_list_big {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 300px;
}

.image_list_small {
text-align: center;
float: left;
margin: 0 0 20px 0;
width: 135px;
height: 135px;
}

.image_list_small_profil {
text-align: center;
float: left;
margin: 0 16px 0 0;
width: 150px;
height: 150px;
}

.as-list img {
	float: none;
}

ul.subnav a.sub {
background: none;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}
ul.subnav a.subactive {
background: #EAEAEA url(../i/arr_right_dark.png) no-repeat scroll 95% center;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}
ul.subnav a.sub:hover {
background: #EAEAEA url(../i/arr_right_dark.png) no-repeat scroll 95% center;
}

#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding:16px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:20%;
margin-left:-166px;
margin-top: 0px;
background-color:#ffffff;
z-index: 300;
}

blockquote {
font-style: italic;
background: url(../i/quote.png) 0 0 no-repeat;
margin: 5px 5px 0 5px;
padding: 10px 10px 10px 20px;
}

.tinybox ul {
list-style: disc;
padding: 0 0 15px 15px;
margin: 0px;
line-height: 1.6;
}

.tinybox ol {
line-height: 1.6;
margin: 0px;
padding: 20px;
}

.image_left img {
margin-right: 10px;
}

.noFloat img {
float:none;
}

.image {
float:right;
margin-bottom: 10px;
margin-top: 10px;
}

div.tab_leiste {
position: relative;
z-index: 100;
top: 1px;
padding: 0 5px 0 5px;
}


ul.tab_box  {
margin: 0 0 0 10px;
}

.tab_box li {
float: left;
} 

.tab_box a {
color: #fff;
background: #333333 url(../i/left-tab.gif) 0 0 no-repeat;
font-weight: bold;
padding: 0 0 5px 15px;
margin: 0 3px 0 0;
text-decoration: none;
}

.tab_box a span {
color: #fff;
background: url(../i/right-tab.gif) 100% 0 no-repeat;
padding: 5px 15px 0 0;
}

.tab_box a, .tab_box a span {
display: block;
float: left
}

/* Hide from IE5-Mac \*/ .tab_box a, .tab_box a span
{
float: none
}
/* End hide */

.tab_box a:hover {
background: #6B6B6B url(../i/left-tab-hover.gif) 0 0 no-repeat;
}

.tab_box a:hover span {
background: url(../i/right-tab-hover.gif) 100% 0 no-repeat;
}

.tab_box a.active {
background: #EEE url(../i/left-tab-active.gif) 0 0 no-repeat;
}

.tab_box a.active span {
color: #333;
background: url(../i/right-tab-active.gif) 100% 0 no-repeat;
}

.tab_box a.active:hover {
background: #EEE url(../i/left-tab-active.gif) 0 0 no-repeat;
}

.tab_box a.active:hover span {
background: url(../i/right-tab-active.gif) 100% 0 no-repeat;
}


#vertikal_navi {
position: relative;
left: -26px;
z-index: 2;
}

.tab_vertikal a {
font-size: 11px;
display: block;
width: 285px;
color: #fff;
background: #333 url(../i/vert_p_top.gif) 100% 0 no-repeat;
font-weight: bold;
margin: 2px 0 0 0;
text-decoration: none;
}

.tab_vertikal a div {
background: url(../i/vert_p_bottom.gif) 100% 100% no-repeat;
padding: 6px 5px 7px 8px;
}

.tab_vertikal a:hover {
background: #6B6B6B url(../i/vert_h_top.gif) 100% 0 no-repeat;
text-decoration: none;
color: #fff;
}

.tab_vertikal a:hover div {
background: url(../i/vert_h_bottom.gif) 100% 100% no-repeat;
}

.tab_vertikal a.active {
color: #333;
background: #EEEEEE url(../i/vert_a_bg.gif) repeat-x;

}

.tab_vertikal a.active div {
background: url(../i/vert_a_right.gif) 100% 0 no-repeat;
}

.tab_vertikal a.sub {
width: 265px;
background: none;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}
.tab_vertikal a.subactive {
width: 265px;
background: #EAEAEA;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}
.tab_vertikal a.sub:hover {
background: #EAEAEA;
}

.tab_vertikal .head {
padding: 0 10px 0 10px;
height: 100%;
}
