/* CSS Document */
/***** Globale Definitionen *****/
html{
	height:100%;
}
body{
	height:100%;
	background-image: url(../grafix/bodymuster.gif);
	background-repeat: repeat;
	height:100%;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
* {
	margin:0;
	padding:0;
}
.cleaner {
	clear:both;
	height:0;
	font-size:0;
	border:0 none;
	margin:0; 
	padding:0;
	background:transparent;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/***** Globale Schriftformatierungen *****/

h2, p, ul{
	margin-bottom: 12px;
	line-height:130%;
}
ul{
	list-style-type: disc;
	margin-left:10px;
	padding-left:10px;
}
h1{
	font-size: 14px;
	color: #E18D00;
}
h2, h3 {
	font-size:12px;
}
img{
	border:0 none;
}
.small{
	font-size:10px;
}
a:link{
	color: #000000;
}
a:visited{
	color: #000000;
}
a:hover{
	color: #E18D00;
}
/****** Kopf mit Hauptnavigation ids *****/
#verlauf{
	height:100.5%;
	width:100%;
	background-image: url(../grafix/htmlverlauf.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}
#boxschatten{
	width:774px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../grafix/boxschatteny.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#box{
	width:774px;
	background-image: url(../grafix/boxschatten.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#kopf, #contentbox, #footer{
	width:760px;
	margin-left:7px;
	margin-right:7px;
}
#kopf{
	height:200px;
	background-color: #000000;
	background-image: url(../grafix/kopfmuster.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B97C1F;
}
#kopf ul{
	width:283px;
	margin:7px 0 0 0;
	padding:0;
	list-style-type: none;	
}
#kopf li{
	height:18px;
	margin-top:2px;
	background-image: url(../grafix/kopfnoback.gif);
	background-repeat: no-repeat;
	background-position: left;	
}
#kopf ul li a {
	color: #FFFFFF;
	display:block;
	width:200px;
	height:18px;
	padding-left: 40px;
	text-decoration: none;
	border:0 none;
}
#kopf ul li a:hover{
	background-image: url(../grafix/kopfroback.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#kopf ul li .ro{
	background-image: url(../grafix/kopfaktivback.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #333333;	
}
#kopfbild{
	float:right;
}
/***** Content mit Subnavigation *****/

#contentbox {
	margin-top:20px;
}

/***** Subnavigation *****/
#subnav{
	width:200px;
	float:left;
}
#subnav ul{
	list-style-type: none;
	margin:0 0 20px 0;
	padding:0;
}
#subnav li{
	margin-top:2px;
	background-image: url(../grafix/contentnoback.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}
#subnav li a{
	display:block;
	width:170px;
	padding: 2px 0 2px 40px;
	text-decoration: none;
	border:0 none;
	color: #555555;
}
#subnav li a:hover{
	background-image: url(../grafix/contentroback.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration:underline;
}
#subnav li .subro{
	background-image: url(../grafix/contentaktivback.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #666666;	
}
#suche{
	margin-left:25px;
}
#suche input{
	margin-top:5px;
	font-size: 13px;
	color: #555555;
	border: 1px solid #999999;
}
#eingabe{
	width:125px;
}
#banner{
	margin-left: 25px;
	margin-bottom: 25px;
}
/***** Formate Stückbeschreibung *****/
.content{
	float:left;
	width:520px;
	margin-left:20px;
	display:inline;
}
.kategorie{	
	margin-top:3px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
}
.kategorie span{
	color: #FFFFFF;
	background-color: #555555;
	padding:0 0 0 5px;
}
.kategorie span span{
	background-color: #D28D23;
	padding:0 5px 0 5px;
}
.eintrag{
	width:520px;
	margin-bottom:40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
}
.stueckbeschreibung{
	width:315px;
	float:left;
}
.stueckbeschreibung h1, .eintrag h1 {
	text-transform: uppercase;
}
.stueckvonundmit, .stueckpresse{
	font-size: 10px;
	font-style: italic;
}
.stueckbild{
	width:185px;
	float:left;
	margin:0 0 0 20px;
	font-size:10px;
}
.stueckbild h3{
	font-size:10px;
	margin-bottom:5px;
}
.stueckbild ul{
	margin:0 0 15px 0;
	padding:0;
}
.ok{
	margin:0 0 0 20px;	
	list-style-image: url(../grafix/kartenok.gif);
}
.ausverkauft{
	margin:0 0 0 20px;	
	list-style-image: url(../grafix/kartenausverkauft.gif);
}

.abgesagt{
	margin:0 0 0 20px;	
	list-style-image: url(../grafix/abgesagt.gif);
}

.stuecksponsoren{
	clear:both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	margin: 6px 0 6px 0;
	padding: 5px 0 5px 0;
	font-size: 10px;
}
/***** Formate Spielplan (Index und Spielplan) *****/
.monat{
	width:520px;
	margin: 20px 0 10px 0;
	border: 1px solid #D28D23;
	border-collapse:collapse;	
}
.white td, .red td {
	margin: 0px;
	vertical-align: top;
	font-size: 10px;
	border-bottom: 1px solid #D28D23;
}
.white ul, .red ul{
	margin-left:5px;
	padding:0;
}
.red td{
	background-color: #FBEAD6;	
}
.white th, .red th{
	border: 1px solid #D28D23;
	width:60px;
	font-weight: normal;
}
.white th h2, .red th h2{
	font-size: 24px;
	font-weight: normal;
}
.white th{
	background-color: #D28D23;
	color: #FFFFFF;	
}
.red th{
	color: #D28D23;	
}
.white h2, .red h2, .white p, .red p{
	margin: 5px;
	font-size: 10px;
}
.artZeit{
	width:90px;
}
/***** Formate Ensamble *****/

.ensemblebild{
	width:150px;
	float:left;
}
.ensemblebio{
	width:370px;
	float:left;
}
.ensemblebild,.ensemblebio{
      min-height:165px;
      margin-bottom:15px;
}
/***** Formate Kartenbestellung *****/

form, input  {
	line-height: 120%;
}
fieldset {
	border: solid 1px #cccccc;
	background-color: #ffffff;	
	padding: 10px;
}
form.kartenbestellung {
	width: 100%;
}
input {
	display: block;
	float: left;
	width: 20em;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin: 5px;
	padding: 2px;
}
#nummer {width: 3em;}
#fragen {
	display: block;
	float: left;
	width: 20em;
	height: 8em;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin: 5px;
	padding: 2px;
}
br {clear: left;}
.submit, .reset {
	background-color: #d28d23;
	border: 3px double #ffffff;
	color:#FFFFFF;
	padding:0px;
	width:8em;
}
label { 
	width: 7.5em; 
	margin: 5px;
	padding: 5px;
	float:left; 
	text-align: right;
	font-weight: normal;
}

/***** Footer *****/
#footer{
	clear:both;
	height:45px;
	font-size: 10px;
	line-height: 20px;
	background-image: url(../grafix/footerback.gif);
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #B97C1F;
}
#impressum, #copyright{
	margin-top:5px;
	float:left;
}
div#impressum {
	width:213px;	
}
#copyright{
	color: #FFFFFF;
}
div#impressum ul{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
div#impressum li{
	height:18px;
	background-image: url(../grafix/kopfnoback.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 0;
	padding-left: 0;
}
div#impressum a{
	color: #FFFFFF;
	display:block;
	height:18px;
	padding-left: 40px;
	text-decoration: none;
	border:0 none;
}
div#impressum a:hover{
	background-image: url(../grafix/kopfroback.gif);
	background-repeat: no-repeat;
	background-position: left;
}