body {
   margin: 0px;
   padding: 0px;
   color: #000000;
   font-family: verdana, arial, tahoma;
   font-size: 12px;
   line-height: 150%;
}
table {
   width: 100%;
}
a {
   color: #db0031;
}
a:hover {
   text-decoration: none;
}
a img {
   border: 0px;
}
p {
   width: 520px;
}
.clearLeft {
   clear:left;
}
.clearRight {
   clear:right;
}
.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%;
}
.only_print {
   display: none;
}

#head {
   position:relative;
   background-color: #db0031;
   height: 123px;
   width: 100%;
 /*    background-image: url(../jpg/spielzeit_schriftzug.jpg);*/
   background-image: url(../png/spielzeit_logo.png);
   background-repeat: no-repeat;
   background-position:192px 0px;
   color:#FFF;
}
#head .logo {
   position:absolute;
   top:0px;
   left:0px;
}
#head #searchbox {
   position: absolute;
   right: 0px;
   top: 2px;
   width: 225px;
   font-size: 12px;
}
#head #searchbox a {
   color: #ffffff;
   text-decoration: none;
}
#head #searchbox a:hover {
   color: #b2b2b2;
}
#head #searchbox input {
   width: 180px;
   height: 18px;
   border: 0px;
   font-size: 12px;
   font-style: italic;
   line-height: 18px;
   margin: 10px 0px 0px 0px;
   padding-right:25px;
   background-image:url(../gif/search.gif);
   background-repeat:no-repeat;
   background-position:right;
}
#head #searchbox .searchButton {
   position: absolute;
   right: 24px;
   top: 28px;
}
#head .menu {
   position:absolute;
   top:76px;
   left:192px;
   width:790px;
   font-size: 15px;
   line-height: 19px;
}
.menu a {
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}
.menu a:hover,
.menu a.active {
   color: #ffffff;
   border-bottom: dotted 4px #ffffff;
}
.subMenu {
   float: left;
   padding: 20px 10px 0px 10px;
   width: 170px;
}
.subMenu .buttons {
   padding-bottom:30px;
}
.subMenu .buttons a {
   display:inline-block; 
   /*margin-right:10px;*/
}
.subMenu .socialNetworks {
   /*margin-right:6px;*/
}
.subMenu .buttons .historyBack{
   margin-right: 20px;
}
.subMenu .socialNetworks a {
   margin-right:5px;
}
.subMenu .title {
   border-bottom: dotted 4px #db0031;
   color: #b2b2b2;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 5px;
}
.subMenu a {
   color: #db0031;
   display: block;
   font-size: 14px;
   font-weight: bold;
   line-height: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: left;
   text-decoration: none;
}
.subMenu a:hover,
.subMenu a:active,
.subMenu .active {
   color: #b2b2b2;
}
.subMenu .seasonMotive {
   margin-top: 100px;
}
.subMenu .kalendariumMonths {
   font-size: 14px;
   font-weight: bold;
   padding-top: 10px;
}
#content {
   width: 1000px;
}
#main {
   border-left: 1px solid #b2b2b2;
   float: left;
   margin:20px 0px 50px 0px;
   padding: 20px 15px 0px 20px;
   width: 770px;
}
.homeIntro {
   font-size: 13px;
   width: 450px;
}
.homeIntro p {
   line-height: 18px;
   margin: 0px;
   padding-left: 3px;
}
.homeOverview {
   float:right;
   width: 300px;
   font-size: 13px;
}
.citation {
   text-align:center;
   margin-bottom:20px;
}
#kalendariumTable {
   width: 780px;
   width: 770px;
}
#kalendariumTable hr {
   clear:both;
   height:1px;
   margin:0px;
   padding:0px;
   border:none;
   border-top:1px solid #B1B1B1;
}
#kalendariumTable td {
   border-bottom: dotted 3px #db0031;
   padding:0px 5px;
   vertical-align:top;
}
#kalendariumTable .tableHead {
   font-size: 20px;
   font-weight: bold;
   width: 340px;
}
#kalendariumTable .we {
   background-color: #eeeeee;
}
#kalendariumTable .tableDate {
   background-color: #db0031;
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   width: 68px;
   border-top:1px solid #fff;
   padding:5px;
}
#kalendariumTable .zahl {
   vertical-align:bottom;
   font-size: 35px;
   border-bottom:2px solid #fff;
   border-top:0px;
   padding-bottom:4px;
}
#kalendariumTable a.titel {
   display: block;
   font-size: 17px;
   font-weight: bold;
}
#kalendariumTable .kalendariumEntry {
   width:340px;
   padding:10px 0px;
}
.repertoireEntry {
   float:left;
   margin-bottom: 30px;
}
.repertoireImg {
   float: left;
   height: 100%;
   height: 65px;
   margin-right: 10px;
   width: 60px;
}
.repertoireText {
   float:left;
   width: 225px;
}
.repertoireEntry span {
   color: #db0031;
   font-weight: bold;
}
.repertoireEntry a {
   color: #000;
}
.repertoireEntry a.autor {
   color: #db0031;
   font-weight: bold;
}
.wdrTicker{
   width: 450px; 
   height: 22px;
   font-size: 12px;
   line-height: 22px;
   border: 1px solid #B2B2B2;
}
.wdrTicker a{
   text-decoration: none;
}
.todayEntry {
   border-left: 2px solid #b2b2b2;
   margin:0px 0px 15px 10px;
   padding-left: 10px;
}
.newsEntry {
   border-left: 2px solid #b2b2b2;
   font-size:12px;
   margin:0px 0px 15px 10px;
   padding-left: 10px;
}
.newsEntry b {
   display: block;
   line-height: 14px;
   margin-top: 0px;
   padding-bottom: 5px;
}
.newsImg {
   float:left;
   padding-right: 9px;
   padding-top: 2px;
}
.pressEntry .datas {
   margin-left: 20px;
   padding-bottom:10px;
}
.pressEntry .pressPicture {
   margin-top: 10px;
}
.pressEntry .pressRow {
   display: block;
   text-decoration: none;
}




.abo {
   padding-top: 4px;
   padding-left: 3px;
   padding-right: 3px;
}
.premiere {
   height: 13px;
   width: 100px;
   margin-bottom: 5px;
}
.night {
   height: 13px;
   width: 100px;
   margin-bottom: 5px;
}
.lebensart {
   height: 13px;
   width: 100px;
   margin-bottom: 5px;
}
.nachspiel {
   
   height: 13px;
   width: 97px;
   margin-bottom: 5px;
}
.matinee {
   height: 13px;
   width: 97px;
   margin-bottom: 5px;
}
.soiree {
   height: 13px;
   width: 97px;
   margin-bottom: 5px;
}
.zugast {
   height: 13px;
   width: 93px;
   margin-bottom: 5px;
}
.vorspiel {
   height: 13px;
   width: 97px;
   margin-bottom: 5px;
}
.alter {
   background-image: url(../../media/png/alter.png);
   background-position: 2px 0px;
   background-repeat: no-repeat;
   color: #9c9e9f;
   font-size: 13px;
   font-weight: bold;
   height: 30px;
   padding-top: 5px;
   text-align: center;
   width: 31px;
   position: relative;
}
.left .alter {
   float: left;
}
.right .alter {
   float: right;
}
.box-pause {
   margin-top: 10px;
   padding: 10px;
}

.box {
   background-color: #db0031;
   margin-top: 10px;
   padding: 10px;
}
.box b {
   color: #ffffff;
}
.box a {
   color: #ffffff;
   text-decoration: underline;
}
.box a:hover {
   text-decoration: none;
}
.foerder_details {
   clear: both;
   display: block;
   padding-top: 10px;
}
.foerder_details b {
   display: block;
   padding-bottom: 5px;
}
.foerder_details img {
   float: left;
   padding-right: 10px;
}
#text {
   width: 400px;
   float: left;
   font-size: 13px;
}
#text span#subtext {
   color: #000000;
   font-size: 16px;
   font-weight: normal;
   display: block;
   margin-bottom: 7px;
}
#text span {
   color: #db0031;
   font-weight: bold;
}
#text a.autor {
   font-size: 13px;
   color: #000000;
}
#text a {
   color: #000000;
}
#text a.detail_autor {
   color: #db0031;
   text-decoration: none;
}
#text a.detail_autor:hover {
   color: #b2b2b2;
}
#text .red_a a{
   color: #db0031;
}
#text .red_a a:hover{
   color: #000000;
}
#detail_navi {
   padding-bottom: 10px;
   padding-top: 10px;
}
#detail_navi a {
   color: #db0031;
   font-weight: bold;
   text-decoration: none;
}



a.stuecke_title {
   color: #db0031;
   display: block;
   font-size: 13px;
   font-weight: bold;
}
#main h1 {
   color: #db0031;
   font-size: 18px;
   margin: 0px;
   padding-bottom: 10px;
}
#main h2 {
   color: #db0031;
   font-size: 20px;
   margin-bottom: 0px;
   margin-top: 16px;
}
#main a.title {
   color: #db0031; /* Ausbauen */
   display: block;
   font-size: 20px;
   font-weight: bold;
   line-height: 17px;
   padding-bottom: 35px;
   text-decoration: none;
}
#main h3 {
   font-size: 18px;
   font-style: italic;
   font-weight: normal;
   margin: 0px;
}
#main h4 {
   color: #eb5362;
   font-size: 12px;
   font-weight: normal;
   margin: 0px;
}
#main h5 {
   color: #eb5362;
   font-size: 12px;
   font-weight: bold;
   margin: 0px;
}
.side {
   padding-top:22px;
   margin-left:1025px;
   width:100px;
}
#text h2 {
   margin: 0px;
   line-height: 100%;
}
#detail-image {
   height: 405px;
   width: 477px;
}
#stueck-demo {
   float: left;
   margin-right: 25px;
   width: 300px;
}
#detail_person_left {
   float: left;
   margin-right: 25px;
   width: 250px;
}
#detail_person_right {
   float: left;
   font-size: 13px;
   width: 450px;
}
.cat {
   display: block;
   height:24px;
   line-height:24px;
   background-color: #db0031;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
   padding-left: 10px;
}
hr {
   border: 0px;
   border-bottom: 3px dotted #db0031;
   clear: both;
   margin-bottom: 5px;
}
hr.grey {
   border: 0px;
   border-bottom: 1px solid #b1b1b1;
   clear: both;
   margin-top: 10px;
   margin-bottom: 10px;
}
.data {
   color: #db0031;
   float: left;
   font-size: 13px;
   line-height: 20px;
   margin-bottom: 10px;
   padding-top: 1px;
}
.data a {
   color: #db0031;
   display: block;
   font-size: 18px;
   line-height: 16px;
   margin-bottom: 2px;
   margin-top: 0px;
}
.data a:hover {
   color: #b2b2b2;
}
.data i {
   color: #000000;
   font-style: normal;
   line-height: 23px;
}
.grauer_rand {
   border-left: 2px solid #b2b2b2;
   margin-left: 10px;
   padding-left: 10px;
}
.ticket {
   display: block;
   margin-left: 4px;
   margin-top: 24px;
}
.box_einzelkarten {
   background-color: #FFFFFF;
   border: 4px solid #8F8F8F;
   font-size: 14px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   text-decoration: none;
   width: 500px;
}
.preistable {
   border-spacing: 2px;
   margin-top: 10px;
   text-align: center;
   width: 500px;
}
.preistable td {
   background-color: #ECECEC;
   padding: 3px;
}
.borderNone {
   background-color: #ffffff !important;
   border: 0px solid #ffffff;
   text-align: right;
   width: 180px;
}
.tableheadline {
   background-color: #ffffff !important;
   border: 0px solid #ffffff;
   color: #db0031;
   text-align: left;
}
#stuck_detail {
   width: 400px;
}
.furtherEventsDate
{ 
   width: 170px;
}
.termintable {
   border-spacing: 2px;
   margin-top: 10px;
   width: 500px;
}
.termintable td {
   background-color: #ECECEC;
   padding: 3px;
}
.pic_underline {
   background-color: #ECECEC;
   margin-bottom: 15px;
}
.pic_eins {
   margin-bottom: 40px;
}
#print-button {
   float: right;
   height: 19px;
   width: 55px;
}
#termine, #presse, #personen {
   display: none;
}
.cbSearchTitle{
   font-weight: bold;
}
.cbSearchItem{
   margin-bottom: 20px;
}
#sp_main {
   width: 540px;
   border-right: 1px solid #b2b2b2;
   margin-right: 10px;
   padding-right: 20px;
}
#sp_info {
   width: 199px;
}
.sitzplan {
   font-size: 16px;
   font-weight: bold;
}
.copyright {
   float:left; 
   margin:0px 10px 10px 0px;
   font-size:10px;
   font-style:italic;
   width:156px;
}
#newsletter {
   width: 60%;
}
.red {
   color: #db0031;
}
.grey {
   color: #b2b2b2;
}
.right {
   float: right;
}
.left {
   float: left;
}
.text_left {
   text-align: left;
}
.text_right {
   text-align: right;
}
.clear {
   clear: both;
}
.diaryEntry {
   width:480px;
   padding:12px 0px 0px 0px;
   margin:12px 0px 0px 0px;
   border-top:1px solid #CCC;
}
.diaryEntry .diaryImg {
   float:left;
   margin:0px 10px 10px 0px;
}
.diaryEntry .diaryTitle {
   font-size:18px;
   font-weight:bold;
   color:#DB0031;
   margin:0px 0px 5px 0px;
}
.diaryPerson {
   float:left;
   margin:0px 24px 12px 0px;
}

.gast-kabarett-minikal{
   margin-bottom: 20px;
}