html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
 * 	Allgemein
 */
html{
	height:100%;
}
body {
	font-family:Arial,Verdana,Trebuchet Ms,sans-serif;
	font-size:14px;
	line-height:18px;
	background:url(../img/hgbody2.jpg) repeat-y center white;
	height:100%;
}
a {
	color:#9d0000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:black;
	text-decoration:underline;
}
.clear {
	clear:both;
}


/*
 *	Struktur
 */
#outerwrap {
	width:750px;
	position:relative;
	min-height:100%;
	margin:0 auto;	
}
*html #outerwrap {
	height:100%;	
}

#wrap {
	display:block;
	position:relative;
	width:750px;
	margin:0 auto;
}


/*
 *	HEAD
 */
#head {
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:250px;
	overflow:hidden;
	/*border-bottom:1px solid #373737;*/
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
}
#head .adress {
	position:absolute;
	z-index:20;
	bottom:10px;
	right:10px;
	background:#373737;
	color:white;
	font-size:80%;	
	text-align:right;
	padding:2px 10px;
}
#head .adress a {
	color:white;
	text-decoration:none;
	/*letter-spacing:1px;*/
}
#logo a {
	position:absolute;
	z-index:10;
	top:10px;
	right:15px;
	display:block;
	width:360px;
	height:125px;
	text-indent:-99999px;
	background:url(../img/slogo.png) no-repeat right top;
}

#head .media {
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	width:100%;
}

#head .media .container {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
}

/*#head .header {
	
}*/
#head h2 {
	
}
#head h2 a {
	position:absolute;
	bottom:0;
	width:100%;
	height:50px;
	background:#DBDBDB;
	color:black;
	border-bottom:1px solid #b7b7b7;
	text-decoration:none;
	font-weight:normal;
}
#head h2 a:hover {
	background:#9D0000 !important;
	color:white !important;
}
#head h2 a span {
	position:absolute;
	top:15px;
	line-height:190%;
	display:block;
}
#head h2 a:hover span {
	color:white;
}
#head h2 a .before {
	right:15px;
	top:20px;
	line-height:120%;
	font-size:90%;
	color:black;
}
#head h2 a .head {
	left:10px;
	top:20px;
	font-size:140%;
	line-height:100%;
	color:#9D0000;
	font-weight:bold;
}

#head .printlogo {
	display:none;
}

/*
 *	MENU
 */
#menu {
	/*position:absolute;
	left:0;*/
	float:left;
	width:200px;
	margin-top:260px;
}
#menu ul li a {
	display:block;
	color:black;
	font-weight:bold;
	font-size:100%;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	margin-bottom:1px;
}
#menu ul li a:hover, #menu ul li a.activ {
	color:white;
	background:#9d0000;
}
#menu li ul {
	display:none;
}
#menu li.activ ul {
	display:block;
}
#menu li ul a {
	padding-left:25px;
	font-weight:normal;
	font-size:95%;
}
#menu li ul a:hover, #menu li ul a.activ {
	color:black;
	background:#dbdbdb;
}
/* Adresse unter dem Menü */
#menu .adress {
	border-top:1px solid #DBDBDB;
	margin:10px 0 0 0;
	padding:10px 10px 5px 10px;
	font-size:95%;
}
#menu .adress .tel {
	display:block;
	padding:0 0 5px 0;
}

/* facebook button */
#menu .facebook a {
	display:block;
	width:200px;
	height:28px;
	background:url(../img/vaganten-facebook-button.png) no-repeat left bottom;
	text-indent:-9999px;
	margin-top:10px;
}
#menu .facebook a:hover {
	background-position:left top;	
}


/*
 *	INHALT
 */
#content {
	float:left;
	width:530px;
	margin:260px 0 0 10px;
	padding-bottom:40px;
}
#content h2, #content h3, #content h4 {
	color:#9d0000;
	font-weight:normal;
}
#content h2 a, #content h3 a, #content h4 a {
	font-weight:normal;
}
#content h2 {
	font-size:140%;
	margin:10px 0;
}
#content h3 {
	position:relative;
	font-size:110%;
	margin:30px 0 10px 0;
	
	border-bottom:1px solid #9d0000;
}
#content h4 {
	margin-bottom:0;
}
#content p {
	margin:0 0 10px 0;
}
#content .tx-facebooksocialplugins-pi1 {
	margin-top:20px;	
}

/* Link nach oben */
#content .csc-linkToTop {
	text-align:right;	
}
#content .csc-linkToTop a {
	font-weight:normal;
	font-size:80%;
}

/*
 *	Klickpfad verstecken
 *	Wird nur bei Ensemble und in der Druckansicht verwendet
 */
#breadcrump {
	display:none;
}
body.ensemble #breadcrump {
	display:block;
}


/*
 *	Rahmen im Inhaltsbereich!
 */
.frame {
	margin:20px 0;
}

.important {
	background:#9d0000;
	color:white;
	padding:20px 20px 30px 20px;
}
.important a, .important h2 {
	color:white;
}
.important h2 { 
	margin-bottom:10px;
	color:white !important;
}

.zitat {
	/*border-left:10px solid #dbdbdb;
	padding-left:10px;*/
	font-style:italic;
}
.zitat.first {
	margin-top:10px;
}
.zitat .first {
	color:#dbdbdb;
	display:inline;
	font-size:250%;
	padding:7px 10px 5px 0px;
}
.zitat .first {
	float:left;
}

.zitat .csc-frame-frame1 {
	display:block;
	padding:5px 0 10px 0;
	text-decoration:normal;
	text-align:right;
	font-size:80%;
}

/*
 * Pressebereich
 */
#txdamCat0_0, .typo3-browsetree-control, #txdamCat12_0, .treeelem img {
	display:none;
}
.tx-damfrontend-pi1 .typo3-browsetree {
	display:block;
	padding:10px 0;
	border:1px solid #911212;
	border-width:1px 0;
	margin:5px 0 10px 0;
	line-height:200%;
	width:100%;
}
body.pressemappen .important, body.pressemappen .tx-damfrontend-pi1 fieldset {
	display:none;
}
body.pressepopup .cattree, body.pressepopup h2, body.pressepopup .bodytext {
	display:none;
}
body.pressepopup #content .important {
	display:block;
	background:white;
	padding:0;
}


/*
 *	Sitemap mit coolem Mouseover Effekt!
 */
ul.sitemap li {
	display:block;
	float:left;
	width:150px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin:5px;
	background:url(../img/no-actor.jpg) no-repeat top center;
}
ul.sitemap li a img {
	
}
ul.sitemap li a {
	position:absolute;
	width:100%;
	text-align:center;
	z-index:5;
}
ul.sitemap li a.name {
	z-index:10;
	bottom:0;
	padding:5px 0;
	
	background:#373737;
	color:white;
}
ul.sitemap li a.image {
	text-indent:-9999px;
}
ul.sitemap li a.image img {
	position:absolute;
	right:0;
}

/* Anpassung für Stücke */
ul.sitemap.plays li {
	width:99%;
	height:120px;
}



/*
 *	Spielplan
 */
.spielplan {
	width:100%;
}
.spielplan table {
	width:100%;
	font-size:90%;
	font-weight:bold;
}
.spielplan table tr td {
	padding:5px 5px;
}

.spielplan table tr td.day-name { width:5%; }
.spielplan table tr td.day-date { width:20%; white-space:nowrap; }
.spielplan table tr td.play-director { 
	width:30%; 
	font-weight:bold;
}
.spielplan table tr td.play-title { 
	text-align:right;
	width:45%; 
}

.spielplan table tr.even td {
	background:#DBDBDB;
}
.spielplan table tr.today {
	font-weight:bold;
}

.spielplan table tr.important td {
	background:#911212;
	color:white !important;
}

.spielplan .print {
	display:block;
	text-indent: -9999px;
	
	background:url(../img/print.gif) no-repeat right center;
}


/*
 *	Ein Stück
 */
.play {
	margin-bottom:10px;
}
.play h2 {
	margin-bottom:0;
}
#content .play h3 {
	margin:10px 0 20px;
}
.play>dl {
	display:block;
	float:left;
	width:47%;
}
.play .left {
	margin-right:5%;
}
.play>dl dt, .play>dl dd {
	display:block;
	float:left;
	margin-bottom:5px;
}
.play>dl dt {
	width:30%;
	font-weight:bold;
}
.play>dl dd {
	width:70%;
	text-align:right;
}
.play>dl dd ul li {
	display:block;
	margin-bottom:2px;
}
.play .laufzeit {
	/*margin-top:20px;*/
}
.play .spielplan {
	padding-bottom:10px;
}
.play .spielplan .print {
	display:none;
}
.play a {
	font-weight:normal;
}

/* inhaltsverzeichnis */
.toc {
	clear:both;
	margin-bottom:10px;
	border-top:10px solid white;
}
#content .toc h3 {
	margin-bottom:5px;
}
.toc li {
	margin-left:20px;
	list-style-type:disc;
}
.toc a {
	color:black;
	font-weight:normal;
}


/*
 * Downloadliste der Materialien
 */
.downloads .file {
	margin:0 0 10px 0;
}
#content .downloads .file.even {
	background:white;
}
.downloads .file .thumb {
	display:block;
	width:80px;
	float:left;
	text-align:center;
	padding:2px;
	border:1px solid #9D0000;
	margin:0 10px 0 0;
	overflow:hidden;
}
.downloads .file .thumb:hover {
	border-color:black;
}
/*.downloads .file img {
	display:block;
	float:left;
	margin:5px 5px 0 0;
}*/
.downloads .file .title {
	display:block;
	padding:5px 5px 5px 25px;
}
.downloads .file .download {
	display:block;
	clear:left;
	text-align:right;
}
.downloads .file .download a {
	font-weight:normal;
}
.downloads .file .download .meta {
	font-style:italic;
	color:#4e4e4e;
}


/*
 *	Eine Schauspieler
 */
#breadcrump {
	margin-bottom:15px;
}
#breadcrump a {
	font-weight:normal;
}

h3.next {
	margin:20px 0 5px 4px !Important;
}
.actor-play h4 {
	position:relative;
	padding:5px 4px;
}
.actor-play h4 .date {
	position:absolute;
	right:4px;
	color:black;
}
#content .even {
	background:#DBDBDB;
}


/*
 *	Bilder im Inhalt
 */
.csc-textpic-caption {
	font-size:80%;
	text-align:right;
}


/*
 *	News
 */
.new {
	margin:0 0 20px 0;
}
.new .more {
	display:block;
	text-align:right;
	clear:right;
	padding-top:5px;
	overflow:hidden;
	text-indent:99999px;
}
.new .date {
	color:#656565;
	font-size:80%;
	float:left;
	padding:0px 10px 0 0;
}
.new .teaser {
	margin:0 0 10px 0;
	font-weight:bold;
}
.new .news-list-img {
	float:right;
}
.new .news-single-img {
	float:right;
	margin:0 0 5px 15px;
}
.new .links li {
	display:block;
	float:left;
	width:50%;
	text-align:left;
}
.new .news-list-morelink {
	padding-left:5px;
}


/* Footer */
#kiwi{
	width:750px;
	/*margin-left:-375px;
	left:50%;*/
	position:absolute;
	bottom:0px;	
	font-size:smaller;
	padding:3px 0;
	background:#ccc;
	color:white;
	text-align:center;
}
#kiwi a{
	color:white;
	text-decoration:underline;
}


/* Kleinere Anpassungen die Fehler verursachen */
.qtip-defaults .qtip-contentWrapper {
	width:170px;
}


/*********** Formulare ****************/

.csc-mailform  {
   padding:0;
   margin:0;
   border: none;
}
.csc-mailform-field {
   clear:both;
   margin-bottom:5px;
}
input#mailformformtype_mail{
  margin-left:10em;
}
.csc-mailform legend{
   display:none;
}
.csc-mailform fieldset{
   border:none;


}
.csc-mailform-field label, .csc-mailform-field_check label, .csc-mailform-label{
   display:block;
   width:10em;
   float:left;
}