/* GENERAL */
body {
	font-family: verdana, sans-serif;
	background: url(page.png) no-repeat 37px 30px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

body.home {
	background-image: none;
}

a img {
	border: 0;
}

a:link, a:visited {
	color: rgb(72,145,215);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img.fl {
	float: left;
	margin: 0 1.5ex 0 0;
}

input, textarea {
	border: 1px solid rgb(100,162,228);
	font-size: 100%;
}

textarea {
	font-family: verdana, sans-serif;
}

/* LOGO */

#logo {
	margin: 81px 0 0 528px;
	width: 270px;
	height: 61px;
}

#logo h1 {
	margin: 0;
	padding: 0;
}
#logo a {
	text-decoration: none;
}
#logo span {
	display: none;
}

/* ENTRY PAGE*/

#calatrava, #color {
	position: absolute;
	top: 30px;
	left: 37px;
	z-index: 7;
}

#color {
	z-index: 8;
}

.home #logo {
	left: 528px;
	position: absolute;
	top: 81px;
	z-index: 10;
	margin: 0;
}

.home #menu {
	opacity: 0;
}

.home #box {
	visibility: hidden;
}

.home #nav {
	position: absolute;
	left: 57px;
	z-index: 10;
	top: 330px;
	margin: 0;
}

#skip {
	position: absolute;
	top: 643px;
	left: 498px;
	z-index: 11;
	font-size: 13px;
	width: 250px;
	text-align: right;
}


/* BLOCKS */

#container {
	width: 940px;
}

#box, #picbox {
	border: 1px solid rgb(100,162,228);
}

#box, #picbox, #menu li, #minispielplan {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#login {
	position: fixed;
	right: 0;
	bottom: 0;
	text-align: right;
	padding: 7px;
	font-size: 7px;
}

#login a {
	color: #fff;
}

#login a:hover {
	color: rgb(72,145,215);
}


/* NAVIGATION */

#nav {
	margin: 3px 0 0 57px;	
	float: left;
}

#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	margin-bottom: 11px;
	display: block;
	min-height: 20px;
	opacity: 0.77;
	padding: 5px 0px 9px;
}

#menu li.inactive {
	background-color: rgb(237,245,255);
}

#menu li ul {
	padding-left: 1.4ex;
	list-style-type: none;
	margin: 5px 0 0;
}

#menu li li {
	opacity: 1;
	margin-bottom: 0;
}

#menu li.active li {
	opacity: 0.5;
}

/* menu item links */
#menu li a {
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
	color: #000;
	padding: 7px 21px;
}

#menu li li a {
	padding: 0 21px;
}

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



/* collapsible sub-trees */

#menu li.collapsed ul {
	display: none;
}

/* deactivate dynamic submenu for the moment */
/*
#menu li.collapsed:hover ul {
	display: block;
}
*/


/* MENU COLORS */
#menu li.spielplan:hover, #menu li.spielplan.active {
	background-color: #a22;
}

#menu li.mieten:hover, #menu li.mieten.active {
	background-color: #ddaa11;
}

#menu li.tickets:hover, #menu li.tickets.active {
/*	background-color: #9c6; */
	background-color: #593;
}

#menu li.theater:hover, #menu li.theater.active {
	background-color: #593;
}

#menu li.verein:hover, #menu li.verein.active {
/*	background-color: #1188dd; */
	background-color: #369;
}

#menu li.statuten:hover, #menu li.statuten.active {
/*	background-color: #1188dd; */
	background-color: #369;
}

#menu li.kontakt:hover, #menu li.kontakt.active {
	background-color: #a22;
}

#menu li.anfahrt:hover, #menu li.anfahrt.active {
	background-color: #a22;
}

/* sub-tree item colors */
#menu li.active li, #menu li:hover li, #menu li li:hover {
	background-color: inherit;
}

/* default color */
#menu li:hover, #menu li.active {
	background-color: #a22;
}


/* CONTENT BOX */

#box {
	margin: 37px 0 0 25px;
	width: 570px;
	height: 480px;
	background-color: #fff;
	padding: 7px 10px;
	opacity: 0.77;
	overflow: auto;
	font-size: 12px;
}

#box.opaque {
	opacity: 1;
}

/* COLORS */

.g { color: #593; }
.y { color: #da1; }
.b { color: #369; }

.spielplanTab th.g { background-color: #593; color: #fff; }
.spielplanTab th.y { background-color: #da1; color: #fff; }
.spielplanTab th.b { background-color: #369; color: #fff; }


h2 {
	margin: 4px 0 9px;
	font-size: 20px;
	letter-spacing: 1px;
	color: #a22;
}
h3 {
	margin: 0;
	font-size: 10px;
}

h3 {
	font-size: 109%;
	font-weight: bold;
	margin: 1ex 0 5px;
}

ul {
	list-style-type: square;
}

p {
	margin: 0.7ex 0 0 0;
}

.statuten p {
	margin: 1.3ex 0;
}

.spielplan h2 {
	color: #a22;
}

.mieten h2 {
	color: #da1;
}

.tickets h2 {
	color: #593;
}

.theater h2 {
	color: #593;
}

.verein h2 {
	color: #369;
}

.kontakt h2 {
	color: #a22;
}

.anfahrt h2 {
	color: #a22;
}

img.slideShowPic {
	width: 604px;
}

/* TABLES */

table {
	width: 100%;
	border-collapse: collapse;
}

td {
	vertical-align: top;
	border-bottom: 1px dotted #000;
	padding: 1ex 1ex 1.8ex 0;
}

tr > td {
	border-bottom-width: 0px;
}

tr + tr > td {
	border-top: 1px dotted #000;
}

.spielplanTab th {
	font-size: 117%;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background-color: #a22;
	padding: 3px 7px;
}


/* SPIELPLAN */

#box.sp {
	width: 647px;
}

.spielplanTab td {
	font-size: 92%;
	padding: 6px 0 1.8ex;
}

.spielplanTab td.date {
	width: 120px;
	padding-right: 7px;
}

.ticketinfo {
	float: right;
	border: 1px dotted #000;
	padding: 3px 0 3px 2.5ex;
	width: 230px;
	margin: 0 0 1ex 2ex;
}

.ticketinfo p {
	margin: 0;
}

.ticketinfo p + p {
	margin-top: 1ex;
}

.spielplanTab .ticketinfo {
	border-width: 0 0 0 1px;
	width: 180px;
	margin-top: -6px;
	padding-top: 6px;
}

.spielplanTab h2 {
	font-size: 117%;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px;
}

.spielplanTab h3 {
	font-size: 97%;
	font-weight: bold;
	color: #000;
	margin: 0 0 3px;
}

.fwt--date {
	display: none;
}

#datebox p, td.date p {
	margin: 0;
}

.vorlesbar-slogan {
	font-style: italic;
}

/* anchor-fixing bottom fill */

.afbf {
	height: 480px;
}

.groupname {
	margin: 0 0 0.5ex;
	font-size: 100%;
	font-weight: bold;
}

.alert {
	font-weight: bold;
	color: #f33;
}

/* MINI-SPIELPLAN */

#minispielplan {
	position: absolute;
	left: 731px;
	top: 18px;
	width: 170px;
	max-height: 330px;
	background-color: rgb(72,145,215);
	overflow: auto;
	padding: 7px 3px;
	font-size: 87%;
	/* detach the minispielplan */
	opacity: 0.77;
	font-size: 10px;
}

#minispielplan.loose {
	cursor: move;
	width: 280px;
}

#minispielplan br {
	display: none;
}

#minispielplan a {
	color: #fff;
}

#minispielplan ul {
	color: #fff;
	padding: 0 0 0 3ex;
	margin: 0;
	display: none;
}

#minispielplan li {
	margin: 3px 0;
}

#minispielplan.loose ul {
	display: block;
} 

#minispielplan h3 {
	color: #fff;
	margin: 0;
	padding: 0 10px 5px;
	font-size: 120%;
}

#minispielplan h3 a {
	font-size: 80%;
	margin-left: 1.7em;
}

#minispielplan.loose a.picklink, #minispielplan a.droplink {
	display: none;
}

#minispielplan.loose a.droplink {
	display: inline;
}


/* ANFAHRT */

.anfahrt #box {
	height: 587px;
}

#mapcontainer {
	margin-top: 17px;
}

#mapcontainer th {
	background-color: inherit;
}

/* STATUTEN */

#generatedToC {
	margin: 0 2ex;
	float: right;
	border: #aaa 1px dotted;
	padding: 6px;
	background-color: #fff;
}

#generatedToC .toctitle {
	margin: 0;
}

#generatedToC ul {
	margin: 4px 0;
	padding: 0 0 0 2.4ex;
	font-size: 82%;
}

.tocbacklink {
	text-align: right;
	font-size: 82%;
}

/* FOOTER */

#footer {
	margin: 13px 0 0 250px;
	font-size: 63%;
	width: 570px;
	color: rgb(72,145,215);
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#footer li {
	display: inline;
	padding: 0 7px;
	margin: 0;
}

#footer li + li {
	border-left: 1px dotted rgb(72,145,215);
	padding-left: 6px;
}

/* GALLERY */

.galleryItem {
	float: left;
	width: 100px;
	height: 131px;
	padding: 3px;
	margin: 0 3px 3px 0;
	border: 1px #EDF5FF solid;
	text-align: center;
	vertical-align: middle;
}

.galleryPic img {
	position: relative;
	top: -24px;
/*	width: auto !important; */
	max-width: 100px;
	max-height: 100px;
}

.galleryItem:hover {
	background-color: #EDF5FF;
	border: 1px solid #64A2E4;
}

.galleryPic.scaledImage .caption {
	display: block;
	position: relative;
	top: 106px;
	height: 24px;
	font-size: 78%;
	text-align: center;
	overflow: hidden;
}

.galleryPic.scaledImage .tools {
	display: none;
	font-size: 80%;
	padding-top: 2px;
}

.galleryPic.scaledImage.loose .tools {
	display: inline;
	float: right;
}

.galleryPic.scaledImage.loose img {
	max-width: 100% !important;
	max-height: 100% !important;
	position: relative;
	top: 0px;
}

.galleryPic.scaledImage.loose .caption {
	position: relative;
	top: 0px;
	height: auto;
	font-size: 100%;
	text-align: left;
	overflow: visible;
}

.stop {
	clear: left;
}

/* LOGIN FORM, DATENBLATT FORM */

.authform label, .datenblatt label {
	width: 110px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 7px;
}

.authform input[type=submit] {
	margin-left: 117px;
}

.datenblatt .ind {
	margin-left: 207px;
}

.authform div {
	padding: 2px 0;
}

.datenblatt label {
	width: 200px;
}

.datenblatt div {
	clear: left;
	padding: 3px 1em;
}

.datenblatt textarea, .datenblatt input {
	width: 300px;
}

.datenblatt input[type=submit] {
	width: auto;
}

.datenblatt input.ff {
	width: 210px;
	float: left;
}

.datenblatt .add {
	font-size: 87%;
	padding-left: 1em;
}


/* SUBSCRIPTION FORM */

form.subscribeform {
	margin: 1em 1ex;
}

.subscribeform div {
	padding: 5px 0;
}

.subscribeform label{
	width: 170px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 7px;
}

#s {
	margin-left: 177px;
}

.demunged .emailfallback {
	display: none;
}


/* CAPTCHA */

.datenblatt div.captcha {
	width: 300px;
	float: left;
	padding-left: 0;
	clear: none;
}
.datenblatt div.captcha div {
	padding: 0;
	clear: none;
}

.datenblatt div.captchaImg, .captchaField {
	float: left;
}

.datenblatt div.captchaImg {
	margin-right: 12px;
	height: 35px;
}

.captchaField input {
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	height: 25px;
	padding: 5px;
	width: 80px;
}

.datenblatt div.captchaImg {
	border: 1px solid rgb(100,162,228);
	padding: 0;
}

.formMsg {
	color: #f00;
	border: 1px solid #f00;
	background-color: #fcc;
	padding: 1ex 0 1em;
	margin: 0 0 1em;
	text-align: center;
	font-weight: bold;
}

/* CAPTCHA HELP*/

.captchaHelp .body {
	display: none;
}
.captchaHelp .closer, .captchaHelp.loose .opener {
	display: none;
}
.captchaHelp.loose .closer {
	display: block;
	text-align: right;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
	margin-bottom: 12px;
	cursor: move;
}

.captchaHelp.loose .body {
	display: block;
}

.captchaHelp.loose {
	position: fixed;
	left: 35%;
	top: 15%;
	width: 410px;
	border: 1px solid #000;
	background-color: #fff;
	z-index: 1000;
	padding: 5px 12px 20px;
}

.captchaHelp .body img {
	display: block;
	margin: 12px auto;
}

.captchaHelp .body h4 {
	margin: 19px 0 6px;
	font-size: 100%;
	font-weight: bold;
}

.FWTpanel.veiled #box {
	opacity: 1;
}

.FWTpanel.veiled .datenblatt label {
	text-align: left;
}

@media print {
	#nav, #login, #color, .tocbacklink {
		display: none;
	}
	#box {
		margin: 3em;
		border: none;
		overflow: visible;
		width: 80ex;
		opacity: 1;
		font-size: 13pt;
	}
	th {
		color: #000;
		background-color: #fff !important;
		padding: 3px 0;
	}
	
}