/*
	n2/24/05/2010
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: none;
}

input,textarea {
	margin: 0;
}

html, body {
	height: 100%;
	/

* wichtig */

	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, sans-serif;
}

body {
	text-align: center;
	background: #fffff0 url(http://www.theaterhaus.com/theaterhaus/css/images/content_background.gif) repeat-y center;
	color: #555;
}

ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 6px 16px;
}

/* Removes Firefox imposed outline */

a {
	outline: none;
}

/* @group Typo */

h1, h2 {
	font-family: Arial narrow, Impact, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

h1 {
	margin: 10px 0 8px 0;
	font: 24px/26px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}

h1 span.soft,

h2 span.soft,

h3 span.soft {
	color: #888;
}

h2,h3 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 12px;
	font-weight: normal;
	color: #333;
}

h2 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	text-transform: none;
}

.trow.image h2 {
	margin-bottom: 0;
	color: #fffff0;
}

h3 {
	font-weight: normal;
}

/*

h3 {

	font-size: 16px;

	line-height: 21px;

	margin-bottom: 12px;

	margin-top: 12px;

}

*/

table.infotable {
	width: 100%;
	margin-bottom: 6px;
}

table.infotable caption {
	caption-side: top;
	font-weight: bold;
	border-bottom: 2px solid #999;
	padding: 0px 10px 4px 0;
}

table.infotable td, 

table.infotable th {
	vertical-align: top;
	padding: 4px 10px 4px 0;
}

table.infotable th {
	font-weight: bold;
	border-bottom: 2px solid #999;
}

table.infotable td {
	border-bottom: 1px solid #999;
}

table.infotable tr.noborder td {
	border-bottom: none;
}

/* @group spezielle Auszeichnungen */

.tred {
	color: #e70012;
}

.tenglish p,

.tenglish h2,

.tenglish h3 {
	color: #999;
}

.small, div.footer .small {
	font-size: 10px;
	line-height: 12px;
}

.emphasize, .emphasize p {
	font-weight: bold;
	color: #333;
}

em {
	font-style:italic !important;
}

/* @end */

/* Main content */

.tcell a {
	text-decoration: none;
	color: #e70012;
	font-weight: bold;
}

.tcell a:hover {
	color: #000;	
}

.footer a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.tcell.tenglish a {
	color: #f66;
}

/* @end */

/* @group Page structure */

div.tblock {
	clear: both;
	text-align: center;
	/

*damit die IE den content-Layer auch in die Mitte setzen*/

	width: 100%;
}

div.tblock div.trow {
	width: 990px;
	text-align: left;
	margin: 0px auto;
}

div.trow {
	position: relative;
}

/* Clearing floats without extra markup  */

.trow {
	display: inline-block;
}

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

* html .trow {
	height: 1%;
}

.trow {
	display: block;
}

.tcell {
	float: left;
	width: 303px;
	padding: 0px 0px 0px 20px;
	margin: 6px 0px 6px 0px;
/*min

destabstand zelle oben unten*/
}

.tcell#slideshow {
	width: 990px;
	height: 360px;
	overflow: hidden;
}

div.footer, 

div.footer p, 

div.footer div, 

div.footer .span-2,

div.footer .span-3,

.tcell,

.tcell .infotable {
	font-size: 12px;
	line-height: 16px;
}

.tcell p {
	margin-bottom: 6px;
}

.tcell.span-2 {
	width: 626px;
}

.tcell.span-3 {
	width: 949px;
}

.tcell.span-2,

.tcell.span-3,

.tcell.span-2 .infotable,

.tcell.span-3 .infotable {
	font-size: 14px;
	line-height: 18px;
}

.tcell.span-2 p,

.tcell.span-3 p {
	margin-bottom: 9px;
}

.inpicture {
	margin-bottom: 12px;
}

.gpics {
	width: 54px;
	height: 54px;
	margin: 0 4px 4px 0;
	background-color: #ccc;
	float: left;
}

.gpics img {
	margin: 2px 0 0 2px;
}

.tcell.span-2.pic {
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}

.tcell.span-3.pic {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
}

.last {
	margin-bottom: 32px;
}

/* @end */

/* @group tblocks */

/* 1. kopf mit navigation */

div.header {
	/

* background-color: #db6e47; */

	background-color: #FF6666;
}

div.header div.trow {
	background-color: #e70012;
}

/* 3. content */

div.content {
	background: none;
}

div.content div.trow {
	background-color: #ddd;
}

/* 2. bildbereich */

div.image, p.image {
	background-color: #999;
}

div.image div.trow,

div.content div.image {
	background-color: #666;
}

div.divider {
	background-color: #ddd;
}

div.divider div.trow,

div.content div.divider {
	background-color: #666;
	height: 11px;
	overflow: hidden;
}

/* 4. footer */

div.footer {
	background: none;
	color: #666;
}

div.footer div.trow {
	background-color: #ccc;
}

div.content .seperate {
	border-bottom: 1px solid #ccc;
}

div.content .seperatetop {
	border-top: 1px solid #ccc;
}

div.footer .seperate,

div.image.seperate {
	border-top: 1px solid #ddd;
}

/* @end */

/* @group Header */

#navigation {
	width: 665px;
	

/* 800px; */

	font-family: Arial Narrow, Impact, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 20px;
	text-transform: uppercase;
	color: #ffa5ac;
	/* c

olor: #FF6666; */

	padding: 0px 0px 16px 20px;
}

#navigation a, #navigation a:visited {
	text-decoration: none;
	color: #ffa5ac;
	/* c

olor: #FF6666; */

	font-weight: normal;
}

#navigation a.active, #navigation a:hover {
	color: #fff;
}

#gdLogo {
	height: 46px;
	margin: 18px 0px 10px 0px;
}

#thLogo {
	float: right;
	width: auto;
	margin: 26px 20px 0 20px;
}

#logocontainer {
	position: absolute;
	width: auto;
	margin-top: 26px;
	right: 150px;
}

#logocontainer a {
	display: block;
	width: 142px;
	height: 28px;
	overflow: hidden;
	margin: 0 0 3px 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
/*

	font

-weight: normal;

	font-size: 10px;

	line-height: 100%;

	border: 2px solid #ffa5ac;

	padding: 6px;

	margin: 0 0 6px 0;

	color: #ffa5ac;

	*/
}

#logocontainer a:hover {
	background-position: -142px 0px;
}

#lg_thstuttgart {
	background: url(http://www.theaterhaus.com/theaterhaus/css/images/lg_thstuttgart.gif);
}

#lg_foerderverein {
	background: url(http://www.theaterhaus.com/theaterhaus/css/images/lg_foerderverein.gif);
}

#lg_stiftung {
	background: url(http://www.theaterhaus.com/theaterhaus/css/images/lg_stiftung.gif);
}

/* @end */

/* @group Teaser-Container */

#teaserContainer {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 332px;
	color: #fff;
	/* border-top: 3px solid #e70012; */
}

#teaserContainer2 {
	position: absolute;
	top: 10px;
	left: 334px;
	width: 321px;
	color: #fff;
	/* border-top: 3px solid #e70012; */
}
#teaserContainer3 {
	position: absolute;
	top: 10px;
	left: 657px;
	width: 333px;
	color: #fff;
	/* border-top: 3px solid #e70012; */
}

/* --- */
div.gfond {
	margin: 0 0 3px 0;
	background: url(http://www.theaterhaus.com/theaterhaus/css/images/bg_70black.png);
	/* border-top: 2px solid #e70012; */

}

#teaserContainer div.gfond{
	padding: 5px 9px 5px 20px;
}

#teaserContainer2 div.gfond {
	padding: 5px 9px 5px 9px;
}
#teaserContainer3 div.gfond {
	padding: 5px 20px 5px 9px;
}

/* --- */
.gfond h3 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #fff;
	margin: 0 0 5px 0;
}

.gfond p {
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

.gfond a {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	display: block;
	/*font-weight: bold;*/
}
.gfond a:hover {
	color: #e70012;
}

/* @end */

div.image .tcell.pic-2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.galerie div {
	width: 148px;
	height: 148px;
	background-color: #999;
	float: left;
	text-align: center;
	margin: 0 8px 8px 0;
}

.galerie div img {
	margin: 8px;
}

.tcell.tlabel {
	
}

/* @group Footer */

.sponsor {
	float: right;
	width: 150px;
	margin-right: 20px;
}

.sponsor img {
	margin-bottom: 4px;
}

/* @end */

.tab {
	float: right;
}

/* Forms */

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

.normform {
	margin-top: 12px;
}

.normform .grey,

.searchform .grey {
	color: #666;
	background-color: #ddd;
	border: 1px solid #bbb;
	padding: 4px;
	margin-right: 6px;
}

searchform input.grey {
	width: 200px;
}

.normform label {
	display: block;
	float: left;
	width: 150px;
}

/* Localized */

.recomicons {
	float: right;
}

.recomicons a {
	font-size: 12px;
	color: #999;
	width: 77px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	overflow: hidden;
	font-weight: normal;
	display: block;
	float: left;
	background: url(images/sprite_recom.gif) no-repeat;
}

.recomicons a:hover {
	color: #e70012;
}

.recomicons a.recom_mail {
	background-position: 0 0;
}

.recomicons a.recom_twitter {
	background-position: -78px 0;
}

.recomicons a.recom_facebook {
	background-position: -156px 0;
}

.recomicons a.recom_mail:hover {
	background-position: 0 -25px;
}

.recomicons a.recom_twitter:hover {
	background-position: -78px -25px;
}

.recomicons a.recom_facebook:hover {
	background-position: -156px -25px;
}

.recomicons a span {
	padding-left: 5px;
	padding-top: 3px;
	display: block;
}