html{
	height: 100%;
	width: 100%;
}
body {
   padding:0px;
   margin:0;
   background-image:url(../gif/background.gif);
   background-repeat:repeat;
   background-position:0px 19px;
   font-family:Arial;
   font-size:12px;
   height: 100%;
   width: 100%;
}
table,div,input,textarea{
   font-family:Arial;
   font-size:12px;
}
a {
   color:#000;
   font-weight:bold;
   text-decoration:none;
   outline:none;
}
a:hover {
   color:#3399FF;
}
a img {
   border:none;
}
.introLogo{
   padding-top: 50px;
   text-align: center;   
}
ol {
   padding:20px;
   font-weight:bold;
}
.clearLeft {
   clear:left;
}
.clearRight {
   clear:right;
}
.arrow {
   position:relative;
   top:2px;
}
.center {
   width:875px;
   margin:auto;
   text-align:left;
}
.head {
   height:70px;
   padding:65px 0px 10px 0px;
   background-color:#FFF;
   border-bottom:2px solid #F8CACD;
}
.content {
}
.contentSide {
   float:right;
   width:141px;
}
.contentMain {
   margin-right:172px;
}
.contentMenu {
   width: 210px;
   float: left;
}
.contentNavi {
   padding: 35px 20px 10px 0px;
   text-align: right;
}
.contentNavi a {
   color:#000;
}
.contentNavi .naviLinkWrap {
   margin: 10px 0px 0px 0px;
   padding-right: 5px;
}
.contentNavi .naviLinkWrap.hover, .contentNavi .naviLinkWrap.active{
   margin-left: 40px;
   background: url('../png/bg_submenu.png')  repeat-x ;
   background-position: 0px 5px;
}
.contentNavi .subNaviLinkWrap {
   background-image:url('../png/bg_submenu.png');
   background-repeat:no-repeat;
   background-position:right;
}
.contentNavi .subNaviLinkWrap {
   margin: 10px 20px;
}
.contentNavi .naviLink {
   background: #FFFFFF;
   padding: 0px 3px;
}
.contentText {
   width:464px;
   margin-left:210px;
   padding-bottom:75px;
}
.topMenu {
   text-align:right;
}
.topMenu a {
   color:#000;
   font-weight:bold;
   text-decoration:none;
}
.topMenu a:hover {
   text-decoration:underline;
}
.searchForm {
   float:right;
   padding-top:29px;
}
.search input {
   width:135px;
   padding:2px 5px;
   border:2px solid #000;
}
.menu {
   height:23px;
   padding-bottom:19px;
}
.menu a {
   float:left;
   margin-right:18px;
   display:block;
   height:23px;
   background-repeat:no-repeat;
   background-position:0px 0px;
}
.menu a:hover, .menuActive {
   background-position:0px -27px !important;
}
.text {
   line-height:18px;
}
.title {
   font-weight:bold;
   text-transform:uppercase;
}
.infosRight {
   float:right;
   width:150px;
   font-weight:normal;
   text-transform:none;
   text-align:right;
}
.autor a {
   font-weight:normal;
}
.blackAdds{
   color: #000000;
}
.blackAdds a:hover{
   color: #000000;
}

.bold{
   font-weight:bold;
}
.blue , .blue a{
	color:#39F;
}
.thickBorderTop{
	border-top: solid 6px #000000;
}
.thickBorderBottom{
	border-bottom: solid 6px #000000;
}
.emergencyMessage{
   padding-top: 10px; 
   padding-bottom: 10px; 
}
.article{
   padding-top: 20px;
   padding-bottom: 20px;
}
.article .text a{
   font-weight: normal;
}
.first .title{
   font-size: 17px;
   padding-bottom: 20px;
   font-weight: normal;
   text-transform: none;
}
.articleVideo, .articleImg {
   float:left;
   width:160px;
   height:105px;
   margin-right:30px;
}
.articleVideo img {
   width:42px;
   height:42px;
   margin:30px 0px 0px 60px;
}
.articleTitle {
   padding:15px 0px;
   font-size:17px;
   font-weight:normal;
}
.article .image{
   padding-top: 20px;
}
.article .video{
   padding-top: 20px;
}
.more {
   font-weight:normal;
   color:#3399FF;
}
.moreNews a{
	   font-weight:normal;
}
.subtitle {
   font-weight:bold;
}
.socialNetworks a {
   margin-right:10px
}
.formcontentbox_newsletter {
   float:left;
}
.bildbuttonbox {
   float:left;
   margin-left:10px;
}
.hpgEntry {
   margin-bottom:21px;
}
.backButton {
   text-align:right;
   margin-top:-15px;
}
.technik {
   background-image:    url(../png/dot.png);
   background-repeat:   repeat-x;
   background-position: center;
   font-weight:         bold;
}
.technik div {
   float: right;
}
.technik span, .technik div {
   background-color: #ffffff;
   padding:0px 2px;
}
.technik br {
   clear: right;
}
.monthBar {
   background-color: #3399FF;
   text-align: center;
   padding: 5px;
   font-size: 18px;
   font-weight: bold;
   color: #FFFFFF;
}
.calendarTable {
   padding:5px 0px;
   width:462px;
}
.tableBlue {
   background-image:url(../png/bg_calendar_tip.png);
}
.tablePink {
   background-image:url(../png/bg_calendar_kleist.png);
}
.calendarTable td,
.furtherEventsTable td {
   vertical-align:top;
}
.calendarTable .calendarDay {
   font-weight: bold;
   font-size: 12px;
   padding-top: 8px;
   width:20px;
}
.calendarTable .calendarDate {
   font-weight: bold;
   font-size: 24px;
   padding-top: 4px;
   width:35px;
}
.calendarTable .calendarTime {
   width:50px;
}
.calendarTable .calendarEntry {
   width:255px;
}
.calendarTable .calendarButtons {
   vertical-align:bottom;
   text-align:right;
   width:90px;
}
.calendarTable .calendarTitle {
   text-transform: uppercase;
   font-weight: bold;
   display: block;
}
.calendarTable .calendarStatus{
   color: #FF6666;
}
.flagStatus{
 color: #FF6666;
}
.calendarSeparator {
   border-top: 2px dotted #000000;
}
.repertoireEntry {
   padding-bottom:5px;
   padding-left: 15px;
}
.projectEntry {
   padding-bottom:5px;
}
.linkLetter {
	display: block;
	padding-top: 5px;
	font-size: 17px;
	
}
.kioskPreview {
   margin:auto;
   margin-top:120px;
   width:96px;
   text-align:right;
}
.kioskThumbs {
   margin-right:5px;
   margin-bottom:5px;
   cursor:pointer;
}
.pressEntry {
   padding-bottom:5px;
}
.threadEntry {
   padding-bottom:2px;
}
.pressEntry a img {
   float:right;
}
.partnerEntry a {
   margin-right:30px;
}
.detailContent {

}
.detailContent .spieldauer {
   margin-left:5px;
   display:inline;
}
.detailContent .material,
.detailContent .print {
   float:right;
   margin-left:10px;
}
.detailContent .material img,
.detailContent .print img {
   margin-bottom:-3px;
}
.detailContent .mediatext{
   padding-bottom: 20px;
}
.detailContent .persons{
  margin-top: 20px; 
}
.detailContent .sponsorfloats{
  margin: 10px; 
}
.sponsorfloats .sponsor{
  padding: 10px;
  height:100px;
}
.furtherPerformances{
  margin-top: 20px; 
}
.furtherPerformances table {
   width: 463px;
   margin-top: 10px;
   margin-bottom: 10px;
}
.furtherPerformances table .status {
   color: #CC0000;
   padding-bottom: 5px;
}
.multipartEntry{
	padding-top: 20px;
}
.buttonDetail{
   margin-left: 20px;
   margin-top: 20px;
   
}
.media-wrap .display {
   height: 300px;
   margin-bottom: 10px;
}
.media-wrap .slideshow {
   margin-bottom: 10px;
   position: relative;
   width: 465px;
   overflow: hidden;
}
.media-wrap .slideshow .left-button, .media-wrap .slideshow .right-button {
   position: absolute;
   top: 0px;
   width: 30px;
   height: 55px;
   background-color: #000000;
   cursor: pointer;
   z-index: 6;
   background-position: center center;
   background-repeat: no-repeat;
}
.media-wrap .slideshow .left-button {
   left: 0px;
   background-image: url('../png/arrow_left.png');
   *background-image: url('../gif/arrow_left.gif');
}
.media-wrap .slideshow .right-button {
   right: 0px;
   background-image: url('../png/arrow_right.png');
   *background-image: url('../gif/arrow_right.gif');
}
.media-wrap .slideshow .video-id,
.media-wrap .slideshow .video-file,
.media-wrap .slideshow .image-file {
   display: none;
}
.media-wrap .slideshow .image-info {
   display: none;
}
.media-wrap .slideshow .slider-wrap {
   overflow: hidden;
}
.media-wrap .slideshow .slider-wrap, .media-wrap .slideshow .picture-wrap {
   height: 55px;
}
.media-wrap .slideshow .picture-wrap {
   float: left;
   margin-right: 13px;
   cursor: pointer;
   position: relative;
}
.ticketBooking, .ticketBooking select {
   width:300px;
}
.ticketBooking .bookingPrice, .ticketBooking .bookingData {
   font-weight:normal;
}
.ticketBooking .bookingPrice div {
   padding:5px 0px;
}
.ticketBooking .bookingPrice span {
   float:right;
}
.ticketBooking .bookingPrice span input {
   width:15px;
}
.ticketBooking .input,
.ticketBooking textarea,
.registFormular .input,
.registFormular textarea {
   width:200px;
   margin:2px 0px;
}

/*tooltip fuer i-button im kalendarium*/
a.tooltip{
    position:relative;
    z-index:24;
    font-weight:bold;
    text-decoration:none;
}
a.tooltip span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tooltip:hover{ 
   z-index:25;
   color: #3399FF;
   background:transparent;
}
a.tooltip:hover span.tooltipContent{
    display:block;
    position:absolute;
    top:0px; left:0px;
	padding: 15px 0 0 25px;
	width:200px;
	color: #000000;
    text-align: center;
	opacity:90;
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tooltip:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../gif/bubble.gif) no-repeat top;
}
a.tooltip:hover span.middle{ /* different middle bg for stretch */
	color: #000000;
	text-align: left;
	font-weight: normal;
	display: block;
	padding: 0 8px; 
	background: url(../gif/bubble_filler.gif) repeat bottom; 
}
a.tooltip:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../gif/bubble.gif) no-repeat bottom;
}
/*datepicker*/

.datepick{
	margin-top: 30px;
	border: solid 2px #000000;
	/*-moz-border-radius:;*/
	padding-bottom: 5px;
	padding-top: 5px;
}
.datepick .datepick-nav{
	background-color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.datepick .datepick-nav a:hover{
	background-color: #ffffff;
	color: #3399FF;
}
.datepick .datepick-cmd{
	color: #000000;
	padding-bottom: 3px;
    width: auto;
}
.datepick .datepick-cmd-today{
	display: none;
}
.datepick-month thead {
    border:0;
}

.datepick-month, .datepick-month  table td {
	border: 0px;
	background: #ffffff;
}
.datepick-month, .datepick-month  table td a:hover{
	border: 0px;
	background: #ffffff;
}
.datepick-month-header{
    background: #ffffff;
	color: #000000;
    display: inline;
    cursor: pointer;
}
.datepick-month  table th {
	padding-top: 3px;
	border: 0px;
	background: #ffffff;
	color: #999999;
}

.datepick-month a , .datepick-month td .datepick-weekend, .datepick-month td .datepick-highlight {
    background-color:#FFFFFF;
}

.datepick-month td .datepick-today {
	 background-color:#FFFFFF;
	 color: #3399FF;
} 

/*search*/
.search .paging{
	margin-top: 10px;
	margin-bottom: 10px;
}
.search .matches_text{
	color: #000000;
	margin-bottom: 10px;
}

.search .result_article{
	margin-bottom: 32px;
}
.search .result_title{
	font-weight: bold;
	text-transform: uppercase;
}
.search .highlight{
	color: #000000;
}
.search .url{
}
.ensembleEntry {
   padding-bottom:2px;
}

/*tickets booking*/

.bookingForm .eventSelect, .bookingForm .dateSelect, .bookingForm .lastStep, .bookingForm .newUser
{
   display: none;
}


.cardForm
{
   padding-left:    18px;
   *padding-left:    26px;
   list-style-type: decimal;
   font-weight:     bold;
   padding-bottom:  10px;
}

.cardForm li
{
   padding-bottom: 15px;
}

.cardForm div
{
   font-weight: normal;
}

.checkBoxDiv
{
	margin-bottom: 5px;
}

.cluster
{
   width:  300px;
   border: solid 1px #999999;
}

.date
{
   width:  300px;
   border: solid 1px #999999;
}

.preisgruppe
{
   width:       170px; 
   font-weight: normal;
   padding-top: 5px; 
}

.preisgruppeTickets
{
   width:       100px; 
   padding-top: 5px;  
}

.preisgruppeTickets input
{ 
   width:  15px; 
   border: solid 1px #000000;
}

.input
{
	width:  200px;
	border: solid 1px #555555;
}


.red
{
   color: #FF0033;
}

.reservieren
{
   display: block;
   text-align: right;
}
.reservieren img
{
   padding-left:5px;
}
.checkBoxDiv input
{
   left:5px;
   position:relative;
   top:3px;
}
.festival {
   margin-left:35px;
}
#supersize a img{  
    width:100%;  
}