.clearfix {
   display: inline-block;
}
.clearfix[class] {
   display: block;
   overflow: hidden;
} 

partnerhtml, body, html {
   margin: 0;
   padding: 0;
   height: 100%; 
   background-image: url(../png/background.png);
   background-repeat:repeat;
   color: #333333;
   font-family: verdana, tahoma, helvetica, arial;
   font-size: 11px;
   line-height: 16px;
}
img {
   border: 0px;
}
a {
   color: #888888;
   text-decoration: none;
}
a:hover {
   color: #000000;
}
.blue {
   color: #005B9A !important; 
}
.red {
   color: #A71225 !important;
}
.black{
	color: #000000;
}

/******************************************************************************/
.main {
   margin: auto;
   width: 992px;
   min-height: 100%; /* fuer moderne Browser */
   height:auto;
   background-color: #ffffff;
}
.inner {
   padding: 11px 36px 150px 36px;
}

/* head ***********************************************************************/
.head {
   position:relative;
   height: 131px;
}
.head .logo img {
   position:absolute;
   top: 4px;
   left: 378px;
}
.head .minorMenu {
   position:absolute;
   top: 0px;
   right: 0px;
   text-align:right;
}
.head .minorMenu a {
   display:block;
}
.head .minorIcon {
   margin:10px 0px 0px 0px;
}
.head .minorIcon a {
   float:right;
   width:15px;
   height:11px;
   background-repeat:no-repeat;
}
.head .minorIcon a:hover {
   background-position:-15px 0px;
}
.head .minorIcon .mail {
   background-image:url(../png/icon_mail.png);
   margin:0px 4px 0px 0px;
}
.head .minorIcon .print {
   background-image:url(../png/icon_print.png);
}
.head .search{
   text-align: right;
   color: #888888;
   font-size: 11px;
   height: 13px;
   border: solid 1px #dddddd;
   width: 85px;
   margin: 0px;
   padding: 0px 1px 0px 0px;
   font-family: verdana, tahoma, helvetica, arial;
}

/* menu ***********************************************************************/
.mainMenu a {
   font-family: georgia, times new roman;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
   margin-right: 14px;
}
.mainMenu a:hover,
.subMenu a:hover {
   color: #333333;
}
.mainMenu .active,
.subMenu .active,
.minorMenu .active,
.small_links .active {
   color: #be0033;
}
.subMenu {
   color: #888888;
   margin:4px 0px 11px 0px;
}
.subMenu span {
   margin:0px 8px;
}
.subMenu a {
   color: #888888;
   font-family: verdana;
   font-size: 11px;
}
.preview_spacer {
   height: 20px;
   width: 13px;
   border-top: 1px solid #888888;
   margin: 10px 0px 0px 0px;
}





.marginBottom{
	margin-bottom: 16px;
}

.submenu {
   color: #888888;
   clear: both;
   font-family: verdana;
   font-size: 11px;
   margin-bottom: 11px;
   padding-top: 1px;
}

.submenu a {
   color: #888888;
   font-weight: normal;
}

.submenu a:hover {
   color: #333333;
}

.submenu a.active {
   color: #be0033;
}

.submenu span {
   padding-left: 4px;
   padding-right: 4px;
}

.header_line {
   border-top: 1px solid #dddddd;
   height: 20px;
}

.content_left {
   float: left;
   padding-right: 11px;
   width: 164px;
}

.content_right {
   float: right;
   width: 175px;
   padding: 0px 0px 0px 11px;
}

.content_right .bigtitle {
   color: #BE0033;
   font-family: georgia, times new roman;
   font-size: 13px;
   font-weight: normal;
   padding-bottom: 15px;
   padding-top: 15px;
   text-transform: uppercase;
}

.content_middle {
   border-left: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
   margin-left: 175px;
   margin-right: 186px;
   padding-left: 10px;
   padding-right: 10px;
}
.headlineBox{
	height: 89px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}
h1 {
   color: #be0033;
   text-transform: uppercase;
   font-family: georgia, times new roman;
   font-size: 24px;
   font-weight: normal;
   line-height: 26px;
   
}

h2 {
   font-family: georgia;
   color: #333333;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 24px;
   margin: 0px;
   line-height: 26px;

}

h3 {
   font-family: georgia;
   color: #333333;
   font-weight: normal;
   font-size: 24px;
   line-height: 26px;
   height: 26px;
   margin: 0px;

   text-transform: uppercase;
}

h4 {
   font-family: georgia;
   color: #BE0033;
   font-weight: normal;
   font-size: 14px;
   margin: 0px;
}

.content_middle .line {
   border-top: 1px solid #dddddd;
   height: 10px;
   margin-top: 14px;
}

.content_middle p {
   line-height:150%;
   padding-top:15px;
   padding-bottom:15px;
}

.content_left .small_links a {
   display: block;
   color: #888888;
   font-family: verdana;
   font-weight: normal;
   font-size: 11px;
   line-height: 16px;
}

.content_left .small_links a:hover {
   color: #333333;
}

.content_left .small_links a.active {
   color: #be0033;
}

.content_right .title {
   color: #333333;
   font-family: georgia, times new roman;
   font-size: 14px;
   line-height: 15px;
}


.content_right .subtitle {
   color: #be0033;
   font-family: verdana, arial;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: bold;
   line-height: 15px;
   display: block;
}

.content_right .small_links a {
   display: block;

}

.content_right .small_links a:hover {
   color: #be0033;
}

.content_right .small_links a.active {
   color: #333333;
}

.content_double {
   border-left: 1px solid #dddddd;
   margin-left: 175px;
   padding-left: 10px;
   min-height: 700px;
}


.preview_box {
   height: 300px;
   margin-bottom: 20px;
   overflow: hidden;
   width: 920px;
}

.preview_box .preview_item {
   background-color: #BE0033;
   float: left;
   height: 300px;
   overflow: hidden;
   width: 920px;
}

.preview_box img {
   display: block;
   float: right;
}

.reverse_me img {
   display: block;
   float: left;
}

.preview_box .animationfix {
   height: 300px;
   width: 1840px;
}

.preview_box .text {
   height: 265px;
   margin: 0px 480px 20px 20px;
   padding-top: 20px;
}

.reverse_me .text {
   height: 265px;
   margin: 0px 20px 20px 480px;
   padding-top: 15px;
}

.preview_box .text table {
   height: 265px;
   color: #ffffff;
}
.preview_box .text table a{
   color: #ffffff;
   font-weight: normal;
}

.preview_box .top {
   vertical-align: top;
}

.preview_box .bottom {
   vertical-align: bottom;
}

.preview_box .title {
   color: #ffffff;
   font-family: georgia, times New Roman;
   font-size: 31px;
   line-height: 32px;
   text-transform: uppercase;
}

.preview_box .title_ballett {
   color: #ffffff;
   font-family: arial, veradana, sans-serif;
   font-weight: normal;
   font-size: 31px;
   line-height: 32px;
   text-transform: uppercase;
}

.preview_box .subtitle_ballett {
   color: #000000;
   font-family: arial, veradana, sans-serif;
   font-size: 31px;
   line-height: 32px;
   text-transform: uppercase;
}

.preview_box  .eventdetailTitle{
   color: #ffffff;
   font-family: georgia, times New Roman;
   font-size: 24px;
   line-height: 26px;
   text-transform: uppercase;
}

.preview_box .subtitle {
   color: #000000;
   font-family: georgia, times New Roman;
   font-size: 31px;
   line-height: 32px;
   text-transform: uppercase;
}

.preview_box  .eventdetailSubtitle {
   color: #000000;
   font-family: georgia, times New Roman;
   font-size: 24px;
   line-height: 26px;
   text-transform: uppercase;
}

.preview_box .subtitle span {
   font-family: georgia;
}

.preview_box .more a{
   color: #FFFFFF;
   font-family: verdana;
   line-height: 16px;
   font-weight: normal;
}

.preview_box .more {
   color: #FFFFFF;
   font-family: verdana;
   line-height: 16px;
   font-weight: normal;
}

.preview_box .preview_item .animationfix {
   height: 300px;
   width: 920px;
}

.role{
  text-transform: uppercase;
  font-weight: bold;
}

.personDates{
  font-size: 10px;
  color: #999999;
}

.panoramaBox{
 margin-bottom: 20px;
 overflow: hidden;
 white-space: nowrap;
 height: 240px;
}

.panoramaBox img{
 border: solid 0px #000000;
 margin-right: 10px;
}

.mb_login{
 position: absolute;
 right: 50px;
 bottom: 20px;
 color: #ffffff;
}
.mb_edit{
 position: absolute;
 right: 20px;
 bottom: 20px;
 color: #ffffff;
}

.headline {
   color: #BE0033;
   font-size: 14px;
   font-family: georgia, times new roman;
   line-height: 17px;
   font-weight: normal;
   padding-bottom: 27px;
   padding-top: 9px;
   width: 460px;
}

.start_width {
   width: 460px;
}

.start_entry {
   font-family: verdana;
   font-size: 11px;
   line-height: 16px;
   padding-bottom: 15px;
}

.start_entry .title {
   font-weight: bold;
}

.serviceMenue {
   padding-top: 7px;
}

.service_menu img {
   cursor: pointer;
   float: right;
   margin: 0px 0px 0px 5px;
}

.calendar td, .calendar th {
   background-color: #f8f5f0;
   border-top: 1px solid #e0e0e0;
   border-right: 1px solid #e0e0e0;
   font-size: 10px;
   font-family: verdana;
   font-weight: normal;
   height: 19px;
   padding: 0px;
   text-align: center;
   vertical-align: middle;
   width: 18px
}
.calendar td a, .calendar th a {
   color: #888888;
   display: block;
   font-weight: normal;
   height: 17px;
   width: 18px
}

.calendar td {
   cursor: pointer;
}

.calendar td.today a, .calendar td.today a:hover {
   color: #000000;
}

.calendar td:hover {
   background-color: #ffffff;
}

.calendar td.active, .calendar td.active:hover {
   background-color: #a51428;
}

.calendar td.active a, .calendar td.active a:hover {
   color: #ffffff;
}

.calendar td.inactice, .calendar td.inactive:hover {
   color: #c4c4c4;
   background-color: #f8f5f0;
   cursor: auto;
}
.calendar th {
   border-top: 0px;
}

.calendar .last_col {
   border-right: 0px;
}



.clear {
   clear: both;
}

.content_left .title {
   font-size: 11px;
   font-weight: bold;
   font-family: verdana;
   padding-bottom: 3px;
   padding-top: 17px;
   text-transform: uppercase;
}

table.calender {
   margin-top: 20px;
   width: 735px;
   *width: 730px;
}

table.calender th{
   color: #888888;
   font-family: georgia, times new roman;
   font-size: 14px;
   height: 34px;
   text-align: left;
   text-transform: uppercase;
   font-weight: normal;
}

table.calender td {
   border-top: 1px solid #dddddd;
   padding: 12px 0px 7px 0px;
   vertical-align: top;
}

table.calender .firstTd{
   border-right: 1px solid #dddddd;
}
table.calender .icons {
   float: right;
}

table.calender .date {
   font-family: georgia;
   font-size: 24px;
   line-height: 26px;
}

table.calender .event {
   line-height: 16px;
   padding: 0px 10px;
}

table.calender .spacer {
   border-top: 1px solid #dddddd;
   height: 12px;
   margin-top: 7px;
}

table.calender .title a{
   color: #be0033;
   font-family: georgia, times New Roman;
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
   padding-bottom: 4px;
}
table.calender .title a:hover{
   text-decoration: underline
}

table.calender .special {
   width: 240px;	
   font-weight: bold;
   font-family: verdana;
   text-transform: uppercase;
   font-size: 11px;
}
.specialSubmitter {
   border: 0px;
   color: black !important;
   background-color: #dddddd;
   padding: 1px;
   width: 281px;
}
div.specialSubmitter {
   margin-left:155px;
}
.specialSubmitter:hover {
   cursor: pointer;
   background-color: #cccccc;
}

table.calender .leftborder {
   border-left: 1px solid #dddddd;
}

table.calender .multiPartInformation a{ 
	font-weight: normal;
}



.repertoire .title {
   color: #be0033;
   font-family: georgia, times New Roman;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 14px;
   line-height: 17px;
   padding-bottom: 4px;
}
.repertoire a:hover{
   text-decoration: underline
}
.repertoire .subtitle {
   color: #333333;
   font-family: georgia, times New Roman;
   font-size: 14px;
   line-height: 17px;
   padding-bottom: 4px;
}
.repertoire {
   padding-top: 0px;
   margin-bottom: 20px;
}

.repertoire .multiPartInformation {
   color: #333333;
   font-family: georgia, times New Roman;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 14px;
   line-height: 17px;
   padding-bottom: 4px;
   margin-top: 18px;
}
.repertoire .multiPartInformation .titleMultiPart{
   font-weight: normal;
}
.multipartTitle{
   font-family: georgia, times New Roman;
   font-size: 16px;
   line-height: 19px;
  
}
.multipartSubtitle{
   color: #333333;
   font-family: georgia, times New Roman;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 30px;
}

a.color_person:link, a.color_person:visited {
   color: #be0033;
   text-decoration: underline;
   font-weight: normal;
}
a.color_person:hover {
   text-decoration: none;
}

.tableFurtherEvents{
   color:#888888;
   font-size:11px;
   font-family:verdana;
   border-spacing: 1px;
}

.tableFurtherEvents td{
   color: #888888;
   border-right: 1px solid #888888;
   padding: 0 2px 0;
   text-align: center;
}

.tableFurtherEvents td.unbordered{
   border-right: none;
   padding-left: 5px;
}


a.linkFurtherEvents {
   color: #888888;
   font-size: 11px;
   font-family: verdana;
   font-weight: normal;
}

a.linkFurtherEvents:hover {
   color: #BE0033;
}

.order_ticket input, .order_ticket textarea {
   width: 275px;
   margin-bottom: 10px;
}

.order_ticket {
   padding-top: 25px;
}

.order_ticket td {
   vertical-align: top;
}

.order_ticket select {
   width: 281px;
   margin-bottom: 10px;
}

.order_ticket .left {
   width: 150px;
}

.start_entry a:link, .start_entry a:visited {
   color: #888888;
}

.start_entry a:hover {
   color: #333333;
}

.borderBottom{
 padding-bottom: 20px;
 border-bottom:1px solid #DDDDDD;
 margin-top: 20px;
 margin-bottom: 10px;
}

.borderTop{
 padding-bottom: 20px;
 border-top:1px solid #DDDDDD;
 padding-top: 20px;
 margin-bottom: 10px;
}

.sitzplan { 
   margin-top:10px; 
   text-align:center;
   border-spacing:0px;
   border-collapse:collapse;
   width: 530px;
}

.dus td { 
   color: #888888;
   border:1px solid #DDDDDD;
   padding: 2px;
}

.du td { 
   color: #888888;
   border:1px solid #DDDDDD;
   padding: 2px;
}

.borderNone { 
   border:0px solid #DDDDDD !important;
}

.borderLeftNone { 
   border-left:0px solid #DDDDDD !important;
}

.borderRightNone { 
   border-right:0px solid #DDDDDD !important;
}

.A {
   background-color:#FFD032;
}

.B {
   background-color:#E08FBA;
}

.C {
   background-color:#EC6A0A;
}

.D {
   background-color:#8AB5E0;
}

.E {
   background-color:#BDBC02;
}

.F {
   background-color:#665BA0;
}

.G {
   background-color:#B1B2B4;
}

.H {
   background-color:#D9DADC;
}


.goto_top {
   padding-top: 10px;
   margin-top: 20px;
   padding-bottom: 10px;
   border-top: 1px solid #dddddd;
}
.goto_top a {
   font-weight: normal;
   color: #888888;
   text-transform: uppercase;
}
.newperson:link, .newperson:visited {
   color: #888888;
}
.newperson:hover, .newperson:active {
   color: #be0033;
}
.makeblue:hover, .makeblue:active {
   color: #005B9A;
}

.cbSearchStatus{
   margin-top: 10px;
   color: #333333;
   font-weight: bold;
}

.cbSearchItems{
   margin-bottom: 10px;
   border-top: solid 1px #dddddd; 
   padding-top: 10px; 
   border-bottom: solid 1px #dddddd; 
   padding-bottom: 10px; 
}
.cbSearchItem{
   margin-bottom: 10px;
}
.cbSearchTitle a{
   color: #333333;
   font-weight: bold;
}

#sendaFriendForm{
   display: none;
   margin: 10px;
   color: #888888;
}

input{
   border: solid 1px #888888;
   font-family: verdana;
   font-size: 11px;
   padding: 1px;
}
textarea{
   border: solid 1px #888888;
   font-family: verdana;
   font-size: 11px;
   padding: 1px;
}
.puborder .long, .votingGame .long {
   width: 280px;
}
.puborder .middle, .votingGame .middle {
   width: 222px;
}
.puborder .short, .votingGame .short {
   width: 50px;
}
.puborder .checkbox, .votingGame .checkbox {
   vertical-align: sub;
   margin-left: 50px;
}
.puborder select, .votingGame select {
   width: 75px;
}
.puborder .leftcol, .votingGame .leftcol {
   width: 125px;
}
.puborder .submitter, .votingGame .votingGameSubmit {
   cursor: pointer;
   color: #BE0033;
   text-align: center;
}
.partnerImg {
   display:block;
   margin:50px 0px 10px 0px;
}
.votingError{
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #BE0033;
	font-weight: bold;
	color: #BE0033;
	text-transform: uppercase;
}
.eurovision {
   float:right;
   margin:0px 135px 0px 0px;
   display:block;
   height:172px;
   width:172px;
   background-image:url(../png/button_eurovision.png);
   background-repeat:no-repeat;
}
.eurovisionEN {
   float:right;
   margin:0px 135px 0px 0px;
   display:block;
   height:172px;
   width:172px;
   background-image:url(../png/button_eurovision_en.png);
   background-repeat:no-repeat;
}
.eurovision:hover,
.eurovisionEN:hover {
   background-position:-173px 0px;
}

.content_triple {
   position: relative;
}

/*#carmenfruehstueck-button {
   display: block;
   position: absolute;
   top: 50px;
   right: 150px;
   width: 172px;
   height: 172px;
   background-image: url('../png/carmenfruehstueck_button.png');
   background-position: 0px 0px;
}
#carmenfruehstueck-button:hover {
   background-position: -172px 0px;
}*/

/* opernsofa */

.phlickrInteractionBox{
    background-color: #DDDDDD;
    padding: 20px;
}

.phlickrInteractionBox .thumbnailimg{

}

.thumbnail.spacer{
    margin-left: 10px;
}

.phlickrInteractionBox .lastUplPicture{
    float: left;
}

.phlickrInteractionBox .uploadBox{
    float: right;
    width: 240px;
}

.phlickrInteractionBox .thumbnailBox{
    clear: both;
    margin-top: 130px; /* TODO FIX THIS.. DOES NOTWORK */
}

.thumbnailBox .thumbnailcontainer{
    display: inline-block;
    width: 120px
}

.uploadBox input{
    width: 100%;
}

.phlickrInteractionBox .photosetNavigationBox{
    float: none;
}

span.siteIndicator{
    text-align: center;
    display: block;
}

.phlickrInteractionBox td{
    padding-bottom: 10px;
    padding-left: 13px;
}

.opernSofaRuleBox{
    height: 0px;
    left: 760px;
    position: relative;
    width: 175px;
}

.uploadBox .submitButton{
    background-color: #FFFFFF;
    font-family: verdana, tahoma, helvetica, arial;
}

.uploadBox .ruleSpan{
    margin-top: -35px;
    text-indent: 20px;
    padding-bottom: 0px;
}

.uploadBox .checkbox{
    width: 15px;
}

#opernsofa-button {
   display: block;
   position: absolute;
   top: 50px;
   right: 150px;
   width: 172px;
   height: 172px;
   background-image: url('../png/opernsofa_button.gif');
   background-position: 0px 0px;
}
#opernsofa-button:hover {
   background-image: url('../png/opernsofa_button_hover.gif');
}