/**
 *
 * Page Styles
 *
**/
body
.text {
   margin: 0px;
   margin-left: 5px;
   background-color: #ffffff;
}
.text ol, .text ul{
   margin-left: 20px;
}
img
{
   display: block;
   border: 0px;
}
a{
   text-decoration: none;
   color: #866434;
   font-weight: bold;
}
body, input, select, textarea
{
   color: #000000;
   font-family: Arial;
   font-size: 12px;
}
table, tbody, tr, td
{
   border-spacing: 0px;
   padding: 0px;
   vertical-align: top;
   font-size: 12px;
}
.clear
{
   clear: both;
}
.body_inner
{
   width: 970px;
   margin: auto;
   position: relative;
}
.body_foerderkreis
{
   width: 900px;
   margin: auto;
   position: relative;
}
.openerBox{
   margin-left: auto; 
   margin-right: auto; 
   margin-top: 10%; 
   width: 550px; 
}
.openerBottom{
   text-align: right;
   color: #ffffff;
   margin-top: 5px;
}
.openerBottom a{
	color: #ffffff;
	text-decoration: none;
}
.openerLogo{
   margin-bottom: 20px;
}

.head
{
   height: 45px;
   background-repeat: no-repeat;
   background-position: left 20px;
   position: relative;
}
.head .logo
{
   display: block;
   position: absolute;
   left: 0px;
   bottom: 10px;
  
}
.head .links
{
   color: #866434;
   font-size: 10px;
   padding-top: 22px;
   font-weight: bold;
   height: 15px;
   text-align: right;
   border-bottom: 3px solid #866434;
   margin-left: 425px;
}
.head .linksfoerderkreis
{
   font-size: 10px;
   padding-top: 22px;
   text-align: right;
}
.hotline
{  
   width: 155px;
   float: right;
}
.head a
{
   text-decoration: none;
   color: #866434;
}
.head a:hover
{
   color: #000000;
}
.menu {
   width: 200px;
   position: absolute;
   left: 0px;
   padding-top: 85px;
   background-image: url(../png/dob_logo_u.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.menu .fixed {
   position: fixed;
   width: 200px;
}
.menu a {
   color: #000000;
   display: block;
   text-decoration: none;
   font-size: 13px;
   font-weight: bold;
   line-height: 20px;
   letter-spacing: 1px;
}
.menu a:hover, .menu a.active {
   color: #866434;
}
.subMenu a {
   width:170px;
   padding:0px 8px;
   font-weight:bold;
   margin-top:1px;
   font-size:12px;
}
.subMenu a:hover, .subMenuActive {
   background-color:#7F642F;
   color:#FFF !important;
}
.subsubMenu a {
   width:170px;
   padding:0px 8px;
   margin-top:1px;
   color:#E2007A;
}
.subsubMenu a:hover, .subsubActive {
   background-color:#7F642F;
   color:#E2007A !important;
}


.menu .upperMenu
{
}
.menu .lowerMenu a
{
   width:170px;
   padding:0px 8px;
   font-weight:normal;
}
.menu .lowerMenu a:hover
{
   background-color:#7F642F;
   color:#FFF;
}
.subSubnav
{
   padding:10px 0px 10px 0px;
   display:block;
   text-align:right;
}
.subSubnav a
{
   padding:0px 5px 0px 5px;
   color: #000000;
   font-size: 13px;
   font-weight: bold;
   line-height: 20px;
   letter-spacing: 1px;
}
.subSubnav a:hover, .subSubnav a.active
{
   color: #866434;
}
.content
{
   margin-left: 200px;
   margin-right: 220px;
   margin-top: 35px;
   margin-bottom: 35px;
   
}
.startPanoramaBox{
   height: 345px;
   width: 550px;
}
.panoramaBox{
   overflow: visible;
   width: 550px;
   /*height: 250px;*/
   
}
.picbar
{
   position: absolute;
   top: 363px;
   right: 0px;
   width: 200px;
}
.picbarStart
{
   margin-top:100px;
}
.top{
   margin-top: 20px;
   margin-right: 10px;
   text-align: right;
}
.topPic{
   float: right;
}
/**
 *
 * Content Styles
 *
**/
.startEntry
{
   padding-top: 25px;
}
.startEntry .title
{
   width: 400px;
   color: #866434;
   border-bottom: 2px solid #866434;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
   padding-left: 5px;
}
.startEntry .titlefoerderkreis
{
   color: #866434;
   border-bottom: 2px solid #866434;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
}
.startEntry .subTitle
{
   width: 460px;
   color: #866434;
   font-weight: bold;
   margin-bottom: 5px;
   padding-left: 5px;
}
.startEntry .subTitlefoerderkreis
{
   color: #866434;
   font-weight: bold;
   text-align:justify;
   margin-bottom: 5px;
   margin-left: auto;
}

.subTitle .prodTitle
{
   text-decoration: none;
   text-transform: uppercase;
}

.startEntry .text
{
   width: 460px;
   padding-left: 5px;
   line-height: 16px;
}
.startEntry .textfoerderkreis
{
   line-height:18px;
}

.startEntry .text a
{
   text-decoration: none;
   color: #866434;
}
.startEntry .text a:hover
{
   color: #000000;
}
.eventEntry
{
   margin-top: 25px;
   border-bottom: 2px solid #866434;
}
.eventEntry .price
{
   float: right;
   text-align: right;
}
.eventEntry .price img
{
   display: inline;
}
.eventEntry .title a
{
   color: #ff0000;
   text-transform: uppercase;
   font-weight: bold;
}

.eventEntry .info
{
   color: #000000;
   font-weight: normal;
}
.months
{
   padding: 25px 0px;
}
.months a
{
   display: block;
   float: left;
   color: #000000;
   padding-right: 24px;
   font-weight: bold;
   position: relative;
   text-decoration: none;
}
.months a.active, .months a:hover
{
   color: #ff0000;
}
.months a.active
{
   cursor: default;
}
.months span
{
   display: none;
}
.months .active span
{
   display: block;
   position: absolute;
   left: 0px;
   bottom: -15px;
   color: #866434;
}

.monthsAngabe {
   display:block;
   font-weight:bold;
   color:#866434;
   padding:5px 0px;
}

.repertoire
{
   padding-top: 25px;
}
.repertoire .title
{
   width: 460px;
   color: #866434;
   border-bottom: 2px solid #866434;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
   padding-left: 5px;
}
.repertoire .entry
{
   width: 460px;
   margin-left: 5px;
   margin-top: 15px;
   border-bottom: 2px solid #866434;
}
.repertoire .entry a
{
   text-decoration: none;
   color: #ff0000;
   text-transform: uppercase;
   font-weight: bold;
}
.repertoire .entry a:hover
{
   color: #866434;
}

.presseBereich{
   margin-top: 5px;
   margin-left: 5px;
}
.presseBereichOrdner1{
   margin-top: 5px;
   margin-left: 20px;
}
.presseBereichOrdner2{
   margin-top: 5px;
   margin-left: 40px;
}
.camiconKalendarium{
	float: right;
	text-align: right;
}
/**
 *
 * spielplan detail
 *
**/
.contentNav{
   margin-top: 5px;
}

.spielplandetailHeadLinks{
   margin-bottom: 5px;
   float: left; 
   width: 250px;
}
.spielplandetailHeadRechts{
   margin-bottom: 5px;
   float: left; 
   width: 290px;  
   text-align: right; 
}
.werkinfoKurz{
   text-decoration: none;
   font-size: 16px;
   color: #866434;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 15px;
   padding-left: 5px;
}
.stueckTitel{
   text-decoration: none;
   font-size: 28px;
   color: #6C4F27;
   font-weight: bold;
   text-transform: uppercase;
   width: 500px;
   border-bottom: solid 2px #866434;
   margin-bottom: 20px;
   padding-left: 5px;
}
.camicon{
 float: right; 
 position: relative; 
 top: -55px;
 width: 30px; 
 margin-right: 40px; 
 _margin-right: 25px; 

}

.ticketIcon{
	position: relative; 
	top: 1px; 
	display: inline;
}

.mediatext{
   text-align: justify;
   padding-left: 5px;
   padding-right: 10px;
   margin-top: 20px;
}
.mediatext img{
   display: inline;
}
.spielplandetailContentNav{
   text-align: right;
   padding-right: 10px;
}
.spielplandetailTermine{
   margin-left: 200px; 
   margin-top: 20px;
   text-align: right;
   border-top: solid 2px #866434;
   padding-top: 10px;
   margin-right: 10px;
}
.weitereBilder{
   text-align: right;
   margin-top: 10px;
   margin-right: 10px;	
}
.weitereBilderPics{
  margin-bottom: 20px;
}
.bildunterschrift{
   color: #888888;
   font-style: italic;   
}

.borderTrenner{
   clear: both;
   border-bottom: solid 2px #866434;
   width: 300px;
   height: 10px;
   overflow: hidden;
   margin-bottom: 10px;
}
.trenner{
   clear: both; 
   height: 1px; 
   overflow: hidden;
}
.besetzungRolle{
   float: left;
   width: 200px;
   margin-right: 10px;
   margin-left: 5px;
}
.besetzungPerson{
   float: left;
   width: 300px;
   text-transform: uppercase;
   color: #000000;
   line-height: 18px;
   font-weight: normal;
}
.besetzungPerson a{
   color: #000000;
   text-decoration: none;
   font-weight: normal;
}
.besetzungPerson a.active, .besetzungPerson a:hover
{
   color: #866434;
}
.nebenbesetzungDaten{
   color: #999999;
   float: left;
   width: 300px;
}
.besetzungTrenner{
   clear: both; 
   height: 5px; 
   overflow: hidden;
}
.sponsorPic{
   float: left;
   margin-right: 20px;
   display: inline;
}

.hpgImg
{
   width: 147px;
   border: 1px solid #000000;
   float:left;
   margin-right:10px;
}
.hpgTitle
{
   color: #866434;
   font-weight:bold;
   padding:10px 0px 5px 0px;	
}
.faktenTabelle
{
   vertical-align:middle;
   padding:2px 0px 2px 10px;
}
.preisGruppen
{
   vertical-align:middle;
   font-weight:bold;
   padding:2px 0px 2px 10px;
}
.preisTabelle
{
   text-align:center;
   vertical-align:middle;
   width:68px;
}
.tableFakten{
	border: solid 1px #999999;
	border-collapse: collapse;
	margin-left: 30px;
}
.borderLeft
{
   border-left:0px solid #ffffff;
}
.borderRight
{
   border-right:0px solid #ffffff;
}
.gelb
{
   background-color:#FFCC07;
   color:#ffffff;
   font-weight:bold;
}
.pink
{
   background-color:#EA5890;
   color:#ffffff;
   font-weight:bold;
}
.blau
{
   background-color:#007EC7;
   color:#ffffff;
   font-weight:bold;
}
.gruen
{
   background-color:#00826F;
   color:#ffffff;
   font-weight:bold;
}
.clear
{
   clear:both;
}
.gold{
   color: #866434;
}


.rot{
   color: #F01727
}
.right{
   float: right;
}
.ensembleSelect {
	display:block; 
	font-weight:bold;
	margin-bottom: 20px;
}
.ensembleSelect a:link, .ensembleSelect a:visited {
      color:#000000;
}
.ensembleSelect a:hover, .ensembleSelect a:active {
      color:#866434;
}
.ensembleSelectActive {
      color:#866434;
}
.ensemblePerson {
	display:block;
	padding-top:4px;
}
.ensemblePersonLink {
    text-transform:uppercase;
	color:#000000;
	font-weight: normal;
}

.ensemblePerson a:hover {
      color:#866434;
}
.ensemblePersonFunktion {
      color:#866434;
}
.submenueEnsemble{
	text-align: right;
}
.subSubmenueEnsemble {
	text-align: right;
}
.subSubmenueEnsemble a{
	color: #000000;
}
.furtherEventsPerson{
	margin-top: 20px;
}
.furtherEventsPersonRow{
	margin-bottom: 5px;
}
.furtherEventsPersonRow a{
	text-transform: uppercase;
}

.suche {
	border:1px solid #000000;
}

.adrList .entries{
	margin-bottom: 20px;
}
.entries .entry{
	margin-top: 20px;
	margin-bottom: 20px;
}
.addressTable td{
	padding: 5px;
}
.galerieLetter {
   margin:25px 0px 20px 0px;
}
.galerieLetter a {
   color:#000;
   margin:0px 2px;
}
.galerieLetter:hover, .letterActive {
   color:#7F642F !important;
}
.fotogalerieBox {
   width: 160px;
   height: 160px;
   margin: 5px;
   float:left;
   overflow: hidden;
}
.fotogalerieBox .text {
   margin-bottom:5px;
   padding:0px;
   width: 165px;
   height:15px;
}
.fotogalerieBox .text div {
   float:left;
}
.fotogalerieBox .text span {
   display:block;
   margin-left:12px;
   font-weight:bold;
   width:147px;
}
.fotogalerieBox a {
   margin-left:10px;
   padding:0px;
   display:block;
   position:relative;
}
.fotogalerieBox a .zoom {
   position:absolute;
   bottom:5px;
   right:10px;
   *top: 80px;
}
.foerderkreisGalery {
   width:150px; 
   height: 200px;
   margin:5px; 
   float:left; 

}
.foerderkreisCopy {
   font-size:11px;
}
.cbSearchItem {
   margin-bottom:25px;
}
.kalendarAnker {
   float:right;
}
.kalendarAnker a {
   color:#F00;
}
.kalendarAnker a:hover {
   color:#866434;
}
.aboTitle {
   text-transform:uppercase;
}
.ankerBolt {
   float:left;
}
.hpgArticlePicFloat {
   float: left;
   padding-right: 6px;
   padding-bottom: 6px;
}
hpgArticlePicFloatlast {
   padding-right: 0px;
}
.houseInternalContents .sectionHead {
   border-bottom: solid 2px #866434;
   color: #866434;
   text-transform: uppercase; 
   font-size: 14px;
   margin-bottom: 10px;
   padding-botton: 3px;
   font-weight: bold;
}

.houseInternalContents .articleLink{
  margin-bottom: 5px;
}
.houseInternalContents .articleLink a {
 font-weight: normal;
}
.houseInternalContents .articleLink a:hover {
 font-weight: bold;
 color: #000000;
}
.houseInternalContents #hiddenArticles, .houseInternalContents .moreArticles {
 padding: 10px 0px 10px 0px;
}

.houseInternalContents .moreArticles a img{
	display: inline;
}
	
.houseInternalPictures{
 padding: 15px 0px 10px 0px;	
 width: 550px;
}
.aiDiv
{
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1337;
   width: 300px;
}
.aiDiv div
{
   background-color: #866434;
   padding: 10px;
   color: #ffffff;
}
.aiDiv img
{
   display: block;
   margin-left: 50px;
   position: relative;
   top: 1px;
}
.aiDiv .title
{
   text-transform: uppercase;
   font-size: 14px;
   font-weight: bold;
   line-height: 18px;
   padding: 0px;
   margin-bottom: 5px;
}
.aiDiv a:link, .aiDiv a:visited
{
   color: #ffffff;
   text-decoration: none;
   text-weight: bold;
}
.aiDiv a:hover, .aiDiv a:active
{
   text-decoration: underline;
}

.entryInfo{
   display: none;
}
.feedIcon 
{
   position:absolute;
   right:0;
}