/** Page Styles **/
.text ol,
.text ul{
   margin-left: 20px;
}
img
{
   display: block;
   border: 0px;
}
body, input, select, textarea
{
   color: #000000;
   font-family: Arial;
   font-size: 12px;
}
.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%;
}
table, tbody, tr, td
{
   border-spacing: 0px;
   padding: 0px;
   vertical-align: top;
   font-size: 12px;
}
.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;
}


a {
   color:#000;
   font-weight:bold;
   text-decoration:none !important;
}
a:hover {
   color:#866434;
}
a img {
   border:none;
}
.clearLeft {
   clear:left;
}
.clearRight {
   clear:right;
}
.clear {
   clear: both;
}
.main {
   position: relative;
   width: 980px;
   margin: auto;
}
.head {
   height: 100px;
   position: relative;
   margin:40px 0px 20px 0px;
   border-bottom:5px solid #866434;
}
.head a {
   text-decoration: none;
   color: #866434;
}
.head a:hover {
   color: #000000;
}
.head .logo {
   position: absolute;
   top:0px;
   left:0px;
}
.head .stemp {
   position: absolute;
   top:0px;
   right:0px;
}
.head .topMenu {
   position: absolute;
   bottom:5px;
   left:0px;
   font-size:11px;
}
.head .hotline {
   position: absolute;
   bottom:5px;
   right:0px;
}
.menu {
   width: 260px;
   float:left;
}
.menu a {
   display: block;
   color: #000000;
   text-decoration: none;
   font-size: 13px;
   font-weight: bold;
   line-height: 20px;
   letter-spacing: 1px;
}
.menu a:hover,
.menu .active {
   color: #866434;
}
.menu .subMenu {
   margin-left:10px;
}
.menu .subMenu a {
   display:block;
   color: #866434;
   font-size:12px;
   font-weight:bold;
   line-height:20px;
   border-bottom:1px solid #FFF;
}
.menu .subMenu a:hover,
.menu .subMenu .active {
   color: #000;
   border-bottom:1px solid #000;
}
.menu .subSubMenu {
}
.menu .subSubMenu a {
   display:block;
   color: #E2007A;
   font-size:12px;
   font-weight:bold;
   text-align:right;
}
.menu .subSubMenu a:hover,
.menu .subSubMenu .active {
   border-bottom:1px solid #000;
}
.contentMenu {
   padding:45px 0px 50px 0px;
}
.contentMenu a {
   color:#000;
   font-weight:bold;
}
.content .subSubnav {
   padding:20px 0px 10px 0px;
}
.content {
   position:relative;
   float:left;
   width:705px;
   margin-left:15px;
   color:#866434;
   line-height:145%;
}
.content hr,
.content .borderTrenner{
   height:1px;
   border:none;
   border-bottom:1px solid #866434;
   padding:0px;
   margin:15px 0px;
}
.content .picbar {
   position: absolute;
   top: 327px;
   left:515px;
   width: 190px;
}
.content .picbar img {
   margin-bottom:2px;
}
.content .panoramaBox {
   margin-bottom:15px;
   height:290px;
   width:705px;
   position:relative;
   background-repeat:no-repeat;
}
.content .panoramaBox .panoramaTitle  {
   position:absolute;
   left:8px;
   bottom:5px;
   color:#FFF;
}
.content .panoramaBox .panoramaTitle a{
   color:#FFF;
}
.content .textEntry,
.content .startEntry {
   padding-right:200px;
}

.content .textEntry .text
{
	width: 500px;
}
.content .title {
   color:#866434;
   font-size:17px;
   font-weight:bold;
   border-bottom:1px solid #866434;
   padding-bottom:5px;
   margin-bottom:5px;
   clear:both;
}
.content .subTitle,
.content .subTitle a {
   font-size:14px;
   font-weight:bold;
   color:#000;
}
.content .subTitle a:hover {
   color:#866434;
}
.content .startEntry .subTitle {
   color:#866434;
   margin-bottom:5px;
}
.content .startEntry .mediabox {
   margin-top:20px;
}
.mediabox div {
   float:right;
   width:310px;
}
.content .info {
   font-weight:bold;
}
.upperCase {
   text-transform: uppercase;
}
.content .copy {
   font-size:11px;
}
.content .kalendarAnker {
   float:right;
   font-size:14px;
   font-weight:bold;
   color:#866434;
}
.content .kalendarAnker a {
   color:#866434;
}
.eventEntry {
   padding:10px 0px 5px 0px;
   border-bottom:1px solid #866434;
}
.eventEntry .title {
   color:#000;
   border:none !important;
   font-size:12px !important;
   text-transform: uppercase;
}
.eventEntry .price {
   float:right;
   position:relative;
}
.eventEntry .price .priceInfo {
   position:absolute;
   top:0px;
   right:32px;
   width:65px;
   text-align:center;
   border:1px solid #866434;
}
.eventEntry .price .priceImg {
   position:absolute;
   top:0px;
   right:0px;
}
.eventEntry .price .videoImg {
   position:absolute;
   top:0px;
   right:105px;
}
.eventEntry .price img {
   display: inline;
}
.eventEntry .date {
   font-weight:bold;
}
.months {
   padding-bottom:25px;
   border-bottom:1px solid #866434;
}
.months a {
   color: #000000;
   font-size:14px;
   padding-right: 11px;
   font-weight: bold;
}
.months a:hover,
.months a.active {
   color: #866434;
}
.months a.active {
   cursor: default;
}
.socialNetworks {
   text-align:right;
   padding:8px 0px;
}
.socialNetworks .fb_share_count_nub_right,
.social-plugins .fb_share_count_nub_right{
   vertical-align: baseline;
}
.socialNetworks .twitter-share-button, .socialNetworks a,
.social-plugins .twitter-share-button, .socialNetworks a{
   vertical-align: middle;
}
.detailEntry .stueckTitel {
   position:relative;
   border-top:1px solid #866434;
   border-bottom:1px solid #866434;
   color:#000;
   font-weight:bold;
   text-transform:uppercase;
   letter-spacing:0px;
   font-size:30px;
   line-height:30px;
   padding:5px 0px;
   margin:5px 0px;
}
.detailEntry .camicon {
   float:right;
}
.detailEntry .ticketIcon {
   float:right;
}
.detailEntry .mediatext {
   color:#000;
}
.detailEntry .mediatext i {
   color:#866434;
}
.besetzung {
   line-height:165%;
}
.besetzung a:hover,
.besetzung a:hover .besetzungPerson {
   color: #866434;
}
.besetzungRolle {
   float: left;
   width: 180px;
   margin-right: 10px;
   clear:left;
}
.besetzungPerson{
   float: left;
   width: 300px;
   text-transform: uppercase;
   color: #000000;
}
.besetzungPerson a {
   color: #000000;
   font-weight: normal;
}
.nebenbesetzungDaten{
   color: #999999;
   float: left;
   width: 300px;
}
.besetzungTrenner{
   clear: left;
   height: 3px;
   overflow: hidden;
}

/* Personen Detail */
.personPic {
   overflow:hidden;
   height:260px;
}
.personPic a {
   float:left;
   margin-right:4px;
}
.videoLinkMdb {
   top:305px !important;
   background-repeat:no-repeat;
   height:120px;
   width:190px;
   position:relative;
}
.videoLinkMdb a {
   position:absolute;
   top:45%;
   left:45%;
}
.morePics {
   float:right;
   color:#866434;
}
/* Personen Detail End */

.archiveOverview {
   padding:25px 0px;
   width:505px;
}
.archiveEntry {
   position:relative;
   float:left;
   width:160px;
   height:160px;
   margin:0px 5px 6px 0px;
   background-repeat:no-repeat;
}
.archiveEntryDescr {
   position:absolute;
   bottom:0px;
   left:0px;
   height:45px;
   width:150px;
   display:block;
   padding:5px;
   background-color:#866434;
   -moz-opacity:0.85;
   opacity:0.85;
   filter:alpha(opacity=85);
   line-height:15px;
}
.archiveEntryDescr a {
   color:#FFF;
   font-weight:normal;
}
.archiveTitle {
   width:490px;
   border-bottom:5px solid #866434;
   padding-bottom:5px;
   margin-bottom:20px;
}
.archiveTitle a {
   float:right;
   font-weight:normal;
   color:#866434;
}
.archiveTitle a:hover {
   color:#000;
}
.archiveSearch {
   background-image:url(../gif/search.gif);
   background-repeat:no-repeat;
   height:30px;
   width:495px;
}
.archiveSearch input {
   height:30px;
   width:440px;
   line-height:30px;
   background-color:transparent;
   border:none;
   color:#FFF;
   padding:0px 10px;
}
.archiveSearch a {
   display:block;
   height:30px;
   width:35px;
   float:right;
}
.archiveInput {
   float:left;
   width:145px;
   margin-right:11px;
}




.startPanoramaBox{
   height: 345px;
   width: 550px;
}
.picbarStart
{
   margin-top:100px;
}
.top{
   margin-top: 20px;
   margin-right: 10px;
   text-align: right;
}
.topPic{
   float: right;
}
/**
 *
 * Content Styles
 *
**/

.startEntry .titlefoerderkreis
{
   color: #866434;
   border-bottom: 2px solid #866434;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
}
.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 .textfoerderkreis
{
   line-height:18px;
}

.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;
   font-size:14px;
}
.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;
}

.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;   
}


.trenner{
   clear: both; 
   height: 1px; 
   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:5px 0px 0px 50px;
}
.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: 155px;
   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;
}
.aboTitle {
   text-transform:uppercase;
}
.ankerBolt {
   float:left;
}
.videoLink a {
   font-weight:bold !important;
}
.videoArticlePic a {
   display:block;
   width:160px;
   height:160px;
   background-repeat:no-repeat;
   position:relative;
}
.videoArticlePic a img {
   position:absolute;
   top:45%;
   left:45%;
}
.hpgArticlePicFloat,
.videoArticlePic {
   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: 2;
   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;
}

.hpgDetailSocialPluginsBar {
   padding: 5px 0px;
}
.hpgDetailSocialPluginsBar a {
   margin-right: 20px;
}

.pressDownloads{
   width: 800px;
   border: solid 1px #999999;
}
.pressDownloads td{
   padding: 5px;
   border: solid 1px #999999;
}
.pressDownloadsForm input{
	width: 80px;
	border: solid 1px #999999;
}
.pressDownloadsForm {
	margin-bottom: 20px;
}
