@media screen
{

/*++++++++++++++++*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*++++++++++++++++*/


* { margin:0; padding:0; font-size: 100%; } 

html { height: 101% } 


body {
		font-size: 100.1%;
		height:101%; 
		font-family: Verdana, Helvetica, Arial, Sans-Serif, Trebuchet MS;
		padding:0;
		text-align: center;  /* Zentrierung im Internet Explorer */
		position: relative; 
		color: #000;        
		background:#333333;
	}

a:link, a:active, a:visited  { color:#456492; }
a:hover { color:#5890C9; }
	
hr 		{ 
			background-color:#DDD; 
			border: none; 
			color:#DDD; 
			height: 1px; 
			margin:15px 0 15px 0;
			clear:left;
}
	

#page-wrapper 			{ width: 920px; margin:0 auto; padding-top:20px; text-align:left; position:relative; }	


#siteservice-container 			{ float:right; }

#siteservice a:link,
#siteservice a:active,
#siteservice a:visited	{ 	background:#CCC; 
							font-size:0.95em;
							display:block; 
							padding:5px 10px; 
							margin-left:2px; 
							text-decoration:none; 
							color:#333;
							float:left; 
						}
					
#siteservice a:hover,
#siteservice a.current	{ background:#FFFFFF; }



#main					{ background:#FFFFFF; }
#main-content			{ width:850px; border:#FFFFFF 35px solid; }

/**** Standard Key Visual ****/
#keyvisual				{ height:200px; /*background:url(images/cammerspiele.jpg) top left no-repeat;*/ margin-bottom:35px; }


/****static-infobox ****/
#static-infobox			{ 	width:223px; 
							position:absolute; 
							bottom:40px; 
							right:35px; 
							text-align:center; 
							font-size:0.7em;
							color:#333;
							line-height:1.2em;
							z-index:100;
						}

/**** main contents -> Artikel teaser etc. ****/
#content-left			{ width:575px; border-right:#FFFFFF 35px solid; float:left; }


#content-left div.promo-teaser		{ background:#CCC; width:560px; padding:20px 0 15px 15px; margin: 0 0 25px 0;  }
#content-left div.promo-teaser a		{ color:#446590;  text-decoration:none; }
#content-left div.promo-teaser a:hover { color:#5890C9; text-decoration:underline; }

#content-left div.promo-teaser h1		{ font-family:Times New Roman; font-size:1.4em; color:#446590; padding:10px 0 5px 0; }
#content-left div.promo-teaser h2		{ font-size:1.3em; color:#446590; padding:10px 0 5px 0; }
#content-left div.promo-teaser p		{ font-size:0.8em; color:#333; padding:0; margin:0; }
#content-left div.promo-teaser img			{ border:none; padding:1px; }
#content-left div.promo-teaser div.teaser-img-bg  { 	width:169px;
													height:116px;
													border:none; 
													padding:0;
													margin-right:5px;
													background:url(images/teaser-img-bg.gif) top left no-repeat; 
													float:left;
											  }
											  
#content-left div.promo-teaser p.upnext { padding-top:5px; }	 

#content-left h1			{ font-family:Times New Roman; font-size:1.4em; font-weight:lighter; padding: 0 0 5px 15px; }
#content-left h2			{ font-family:Times New Roman; font-size:1.2em; font-weight:lighter; padding: 0 0 5px 15px; }
#content-left h3			{ font-family:Times New Roman; font-size:1em; font-weight:bold; padding: 0 0 5px 15px; }
#content-left h4			{ font-size:0.8em; font-weight:lighter; padding: 0 0 5px 15px; }

#content-left h1 a		{ color:#333333;  text-decoration:none; }
#content-left h1 a:hover	{ color:#5890C9;  text-decoration:underline; }

#content-left p.meta		{ 	font-size:0.6em; 
							color:#A7A7A7; 
							padding: 0 0 5px 15px; 
							margin: 0 0 20px 0;
							background:url(images/trenner-horizontal-100.gif) bottom left no-repeat; 
						}
						
#content-left p.mteaser	{ 	margin:0 0 5px 0; background:none; }
#content-left p.pteaser	{ 	margin:0 0 0 15px; }
#content-left p.date 	{	font-size:0.7em; color:#999; padding: 0 0 5px 0; }


#content-left p			{ 	font-size:0.8em; 
							color:#333; 
							padding: 0 0 0 0; 
							margin: 0 0 10px 15px;
						}
						
#content-left ul			{ 	font-size:0.8em; 
							color:#333; 
							list-style:disc;
							margin-left:30px;
							padding-bottom:15px;
						}
						
#content-left ul li		{ 	
							padding-bottom:2px;
						}					
						
/*						
#content-left img		{ 	float:left;
							padding: 0 10px 10px 0; 
						} */
						
						
#content-left p.comment-bar	{ background:#EEE; margin:0 0 15px 15px; padding:4px; color:#333; clear:left; }
						

/****  Spalten Spielplan, St�cke ****/


#second-navi			{	width:180px; float:left; border-right:#FFF 15px solid; }
#second-navi p			{	padding:0; margin:0; font-size:0.7em; border-bottom:#DDD 1px solid; }

#second-navi p a			{	color:#666; text-decoration:none; display:block; padding: 5px 2px; }
#second-navi p a:hover	{	text-decoration:none; background:#EEE; }

#second-navi h2			{	padding:0; margin:0 0 5px 2px; font-size:0.8em; font-weight:bold; font-family: Verdana, Helvetica, Arial; }


#stuecke-container		{	width:380px; float:left; }
#stuecke-container h2	{	padding:0 0 10px 0; margin:0; font-size:1.6em; line-height:0.9em ;}
#stuecke-container p		{	padding:0; margin:0 0 10px 0; }

table#spieltermine		{ padding:0; margin:0; }
table#spieltermine tr td	{ padding:2px 0; margin:0; font-size:0.7em; }
 
#spielplan-container	{	width:380px; float:left; }		

#monat-tabs 				{  	width:380px;  margin:0 0 0 0; padding:0; border-bottom:#666 2px solid; }	
#monat-tabs a			{ 	font-size:0.7em; display:block; text-align:center; color:#666; }	
#monat-tabs a.mt 		{ 	width:124px;  float:left; margin:0; padding:4px 0; background:#EEE; }	
#monat-tabs a.mt-mitte 	{   width:124px; margin: 0 4px; padding: 4px 0;  float:left; background:#EEE;  }		



#spielplan-container .monatstrenner 	{ 	
							border-bottom:#666 2px solid;
							background:#999;
							position:relative;
							padding:5px 3px;
							font-size:0.8em;
							font-weight:bold; 
							color:#FFF;
							text-align:center; 
						}							

#spielplan-container .trenner2 	{ background:#666666; padding-top:2px; }
						
#spielplan-container .spielplan-tabelle			{ padding:5px 3px ; }
#spielplan-container .spielplan-tabelle:hover	{ background:#EEEEEE; }
#spielplan-container table.tab { width:374px; padding:0; margin:0; }
#spielplan-container table.tab2 { width:304px; margin-top:2px; }

#spielplan-container table tr td span.dayofmonth 				{ display:block; width:60px; height:63px; float:left; margin:0; padding:0; }
#spielplan-container table tr td span.dayofmonth p.daynumber  	{ font-size:2em; color:#666; height:40px; margin:0; padding:0; }
#spielplan-container table tr td span.dayofmonth p.weekday  	{ font-size:9px; color:#666; margin:0; padding:0; }

#spielplan-container table.tab2 tr td.zusatz 	{ padding:0 0 0 0; margin:0; font-size:0.7em; color:#CC3333; }
#spielplan-container table.tab2 tr td.time	 	{ padding:0 0 0 0; margin:0; font-size:0.7em; }
#spielplan-container table.tab2 tr td.status		{ padding:0 0 0 0; margin:0; font-size:0.7em; color:#CC3333; text-align:right;  }
#spielplan-container table.tab2 tr td.title	 	{ padding:1px 0 2px 0; margin:0; font-size:0.95em; font-weight:bold; }
#spielplan-container table.tab2 tr td.title a	{ color:#333; text-decoration:none; }
#spielplan-container table.tab2 tr td.title a:hover	{ text-decoration:underline; color:#666; }
#spielplan-container table.tab2 tr td.exc	 	{ padding:0; margin:0; font-size:0.7em; }


/**** right contents -> Main Navi etc. ****/
#content-right			{ 	 
							width:239px; 
							float:left; 
							background:url(images/trenner-vertikal.gif) top left no-repeat;
						}
						
						
#content-right p 		{ margin:0 0 10px 0; }	
										
						
div#main-navi			{ text-align:center; margin-left:17px; margin-bottom:15px; border-bottom:#DDD 1px solid;}		

div#main-navi a:link,
div#main-navi a:active,
div#main-navi a:visited	{ 	display:block;
							font-family:Times New Roman; 
							font-size:1.3em; 
							font-weight:bold; 
							text-decoration:none;
							color:#333;
							padding:10px;
							/*border-bottom:#ddd 1px solid;*/
						}	
div#main-navi a:hover,	
div#main-navi a.current,	
div#main-navi.current-cat a,
div#main-navi.current_page_item a { background:#EEE; }


#sidebar-pagecontent			{ margin-left:17px; font-size:0.8em; }		


#fusszeile				{ background:#CCC; width:100%; }
#fusszeile_innen		{ padding:10px 30px 15px 45px; }
#fusszeile_innen p		{ font-size:0.7em; color:#666; padding:0 0 3px 0; }
#fusszeile_innen img		{ padding:0 5px 0 0; border:0; vertical-align:middle; }


#calendar				{ text-align:center; margin-left:17px; margin-bottom:23px; background:yellow; }		
#calendar_wrap			{ }
#calendar_wrap table		{ margin:0 auto; background:red; font-size:0.8em; }

.right-info				{ font-size:0.7em; color:#333; margin-left:17px; }
.center					{ text-align:center; }
.clear		 			{ font-size:0.005%; clear:both; height:0;}
.clear-left		 		{ font-size:0.05%; clear:left; }
.hline					{ background:url(images/trenner-horizontal-100.gif) bottom left no-repeat; margin-bottom:10px; margin-top:-5px; }
.hline2					{ border-top:#DDD 1px solid; width:100px; height:1px; }				
.hline3					{ background:url(images/trenner-horizontal-100-3.gif) bottom left no-repeat; margin-bottom:10px; margin-top:-5px; }
	
a.wichtig				{ color:#CC0000 !important; }


/* kontaktformular */

.cform 					{ 
						margin:3px 0 0 0; 
						width: 360px; 
						padding-top:15px;

						}

.cform  label				{ 
						width:120px;
						font-size:0.8em;
						display:block;
						float:left;
						vertical-align:bottom;
						padding:2px 0;
						margin: 3px 0;
						}
					
.reqtxt, .emailreqtxt	{ font-size:0.7em; display:none; }

.linklove 				{ display:none; }
.cform input,
.cform textarea,
.cform select 				{ 
						padding:3px;
						border:1px solid #aaa; 
						font:0.7em Verdana, Trebuchet MS,sans-serif;
						color:#666;
						margin:3px 4px;
						}
						

.cform input 				{ width:200px; }
.cform textarea			{ width:350px; margin:3px 0px; padding:0px;}

#cforms_captcha 			{
						height:15px;
						width:100px;
						padding: 4px 3px;
						vertical-align:text-bottom;
						}

#sendbutton				{ width:120px; padding:3px; margin:0; font-size:1em; }
	
.cf_info				{ font-size:0.8em; margin: 0 0 0 15px; background:#EEE; width:525px; }

	
/* comments */

#commentform {
	margin: 0 0 0 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99.95%;
	padding:0;
	font-size:1em !important;
	font-family:verdana, arial;
}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 0;
	}

.commentlist {
	padding: 0;
	margin: 0;
	
	}

.commentlist li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	/*list-style: none;*/
	background:#EEE;
	font-size:0.85em; 
	color:#999;
	}
.commentlist li ul li {
	margin: 0;
}

.commentlist p {
	margin: 0 !important;
	padding: 10px !important;
	line-height:1.3em;
}

.children { padding: 0; }



#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-size:0.7em;
	padding:5px 10px;
	color:#777;
	}
/* End Comments */


#recent-posts, #recent-posts-2 {
	margin-left:17px;
	}

#recent-posts ul, #recent-posts-2 ul {
	font-size:0.8em; 
	padding-bottom:10px;
	}
	
#recent-posts h2, #recent-posts-2 h2 {
	background:#EEE;
	padding:2px 0 2px 15px;
	color:#666;
	/*font-weight:bold;*/
	font-size:0.8em; 
	}

#recent-posts li, #recent-posts-2 li { font-size:0.85em; padding:3px 15px; }
#recent-posts li a, #recent-posts-2 li a{ text-decoration:none; }
#recent-posts li a:hover, #recent-posts-2 li a:hover{ text-decoration:underline;}
	
#recent-comments, #recent-comments-2 {
	margin-left:17px;
	}

#recent-comments ul, #recent-comments-2 ul {
	font-size:0.8em; 
	padding-bottom:10px;
	}
	
#recent-comments h2, #recent-comments-2 h2 {
	background:#EEE;
	padding:2px 0 2px 15px;
	color:#666;
	/*font-weight:bold;*/
	font-size:0.8em; 
	}

#recent-comments li, #recent-comments-2 li { font-size:0.85em; padding:3px 15px; }
#recent-comments li a, #recent-comments-2 li a{ text-decoration:none; }
#recent-comments li a:hover, #recent-comments-2 li a:hover{ text-decoration:underline;}
	
	
#archives, #archives-2, #categories-436798971  {
	margin-left:17px;
	}

#archives ul, #archives-2 ul, #categories-436798971 ul {
	font-size:0.8em; 
	padding-bottom:10px;
	}
	
#archives h2, #archives-2 h2, #categories-436798971 h2 {
	background:#EEE;
	padding:2px 0 2px 15px;
	color:#666;
	/*font-weight:bold;*/
	font-size:0.8em; 
	}

#archives li, #archives-2 li, #categories-436798971 li { font-size:0.85em; padding:3px 15px; }
#archives li a, #archives-2 li a, #categories-436798971 li a{ text-decoration:none; }
#archives li a:hover, #archives-2 li a:hover, #categories-436798971 li a:hover{ text-decoration:underline;}


.cat-item-1, 
.cat-item-2, 
.cat-item-3,
.cat-item-4, 
.cat-item-5,
.cat-item-6, 
.cat-item-7, 
.cat-item-8, 
.cat-item-9, 
.cat-item-10 { display:none;}


.navigation { margin-left:15px; font-size:0.8em; }

 
div.aligncenter			{  width:100%; }
.wp-caption				{ margin:3px 0 0 15px !important; }
.wp-caption-text 		{ font-size:0.7em !important; text-align:right; color:#AAA !important; padding:2px 10px 0 0 !important;}

#stuecke-container .wp-caption { margin:0 !important; }


/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */



.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.aligncenter {
	margin: 0 auto !important;
	/*width:100%;*/
	}
	
/* End Images */
	
}