html {
   color:#333;
}
body, html {
   background-color:#FFF;
   font-size: 12px;
   font-family:Arial,Verdana,Sans-Serif;
   margin:0;
   padding:0;
   color:#020202;
   height:101%;
}
body {
   padding:35px 0px;
   padding-bottom:10px;
}

div,p,ul,li,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6{
   margin:0;
   padding:0;
}
img{
   border:0;
}


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

a{
   color: #009966;
   text-decoration:none;
}
#content-wrap a:hover{
   color:#C03867;
   text-decoration:underline;
}

a img{
   border:none;
}

h1, h2, h3, h4{
   font-size:1.00em;
   /* line-height:1.19em; */
   margin-bottom:1.5em;
}
h3{

}

/* Introseite */
body.intro{
position:relative;
padding:0px 0px;
overflow:hidden;
background-color:#A4C3D0;
}

/* *html body.intro{
height:auto;
} */

#wrapall-intro{
position:absolute;
top:12.5%;
left:25.75%;
}
#wrapall-intro .intro-content{
width:240px;
height:284px;
padding:14px 24px;
padding-right:20px;
background-color:#FFF;
}
#wrapall-intro .right{
font-size:1.19em;
line-height:1.19em;
text-transform:uppercase;
margin-top:79px;
margin-right:5px;
}
#wrapall-intro .right a{
color:#000;
font-weight:bold;
}

#supersize{
position:relative;
}
#supersize img {
height:100%;
width:100%;
}


/* DIVs */
#wrapall{
   position:relative;
   width:855px;
   margin:0px auto;
   /* overflow:hidden; */
   line-height:1.38em;
   padding-bottom:24px;
   /* background-color:#33ff33; */
}

#balken{
position:absolute;
width:100%;
left:0px;
overflow:hidden;
top:162px;

}
#balken div{
position:relative;
left:855px;
height:23px;
width:1000px;
background-color: #009966;
}

#header{
   position:relative;
   background:#FFF url(../gif/header_bg.gif) 0px 52px no-repeat;
   height:150px;
   overflow:hidden;
}

.logo{
  float:left;
  width:200px;
  /* position:absolute;
  z-index:100; */
}
.logo-weiss{
   display:none;
   float:left;
   width:200px;
}

.header-right{
   position:relative;
   margin-top:52px;
   float:right;
   margin-right:155px;
   width:500px;
   color:#777;
}

.header-right .box{
   float:right;
   margin-left:14px;
   width:120px;
   height:61px;
   overflow:hidden;
   color:#FFF;
   text-align:center;
   padding:0px 4px;
   /* padding-top:13px; */
   font-size:12px;
}

.header-right .box a{
   display:block;
   color:#FFF;
   vertical-align:middle;
   font-weight:bold;
}
.header-right .medium{
   font-size:18px;
   line-height: 19px;
   font-weight:normal;
}
.header-right .medium a{
   font-weight:normal;
   padding: 2px;
}

.header-right .small{
   width:66px;
   margin-left:0px;
}

.header-right .box-green{
   background-color: #009966;
}
.header-right .box-red{
   background-color:#CE0067;
}

.header-right .box2{
    left: 231px;
    position: absolute;
    top: -2px;
}


/* HeaderMenue */
#header-nav{
   position:absolute;
   top:127px;
   /* padding-left:193px; */
   margin-left:193px;
   padding-right:155px;
   background-color: #009966;
   width:507px;
   height:23px;
   overflow:hidden;
}
#header-nav ul{
   float:right;
   list-style:none;
}
#header-nav li{
   float:left;
   margin:0px 0px;
   margin-top:6px;
   margin-left:14px;
   font-size:11px;
}
#header-nav li a{
   display:block;
   padding:0px 0px;
   color:#FFF;
}
#header-nav li a:hover, #header-nav li .current{
color:#FF99CC;
}

/* HauptMenue */
#main-nav{
  float:left;
  position:relative;
  margin-top:4px;
  width:556px;
  overflow:hidden;
  /* border-bottom:1px solid #000; */
}
#main-nav ul{
  position:relative;
  left:0px;
  list-style:none;
  height:22px;
  width:556px;
  overflow:hidden;
  border-bottom:1px solid #000;
  /* overflow:hidden; */
}
#main-nav .main-nav-border{
border-bottom:1px solid #000000;
}
#main-nav li{
   position:relative;
   float:left;
   padding:2px 16px;
   font-size:12px;
   letter-spacing:0px;
   /* letter-spacing:0.025em; */
}
#main-nav.english li{
padding:2px 15px;
padding-left:15px;
}

#main-nav li.nav-first{
padding-left:0px;
}
#main-nav li.nav-last{
padding-left:0px;
padding-right:2px;
/* padding-left:17px; */
float:right;
}
#main-nav.english li.nav-last{
padding-left:12px;
}

#main-nav li a{
   font-weight:normal;
   line-height:16px;
   display:block;
   color:#020202;
   text-decoration:none;
  /*  letter-spacing:0.025em; */
}
#main-nav .main-nav-item a{
   text-decoration:none;
}

#main-nav a:hover, #main-nav .current{
color:#CE0067;
text-decoration:none;
}

#main-nav .sub-nav{
position:relative;
left:0px;
margin-top:2px;
width:556px;
overflow:hidden;
border-bottom:0px solid #000000;
}

.stuecke, .parts, .parts_sub{
margin-left:110px;
}
.paten, .advisers, .advisers_sub{
margin-left:174px;
}
.spielplan, .events, .events_sub{
margin-left:234px;
}
.programm, .metaprogram{
margin-left:318px;
}


#main-nav .karten li, #main-nav .tickets li, #main-nav .archive li,
#main-nav .partner li, #main-nav .partners li,
#main-nav .metaprogram_sub li{
float:right;
padding-left:12px !important;
padding-right:2px !important;
/* margin-left:336px; */
}
/* .partner, .partners{
margin-left:512px;
} */

#main-nav .archive{
   height:22px;
   overflow:hidden;
   border-top:1px solid #000000;
}
#main-nav .top-34{
margin-top:-14px;
}
#main-nav .margin-30{
margin-top:2px;
margin-bottom:30px;
}
#main-nav .margin-6{
margin-bottom:6px;
}

.english .stuecke, .english .parts, .english .parts_sub{
margin-left:88px;
}
.english .paten, .english .advisers, .english .advisers_sub{
margin-left:180px;
}
.english .spielplan, .english .events, .english .events_sub{
margin-left:230px;
}
.english .programm, .english .metaprogram{
margin-left:310px;
}

.patenContent{
   margin-bottom: 20px;
}

.patenContent .introBox{
   margin-bottom: 20px;
   text-align: justify;
}

.no-sub-nav{
height:25px;
}

.no-sub-sub-nav{
height:50px;
}

.sub-nav-border{
border-bottom:1px solid #000000;
}

#main-nav .sub-nav li{
padding:2px 0px;
padding-right:13px;
}
#main-nav .sub-nav a{
font-weight:normal;
font-size:11px;
}
/*
#main-nav.english .metaprogram li{
   padding-right:11px !important;
}
*/


/* Inhalt */
#wrap-body{
   width:855px;
   height:100%;
   position:relative;
}

#body-left{
float:left;
width:145px;
min-height:111px;
overflow:hidden;
}
#body-left .icon-left{
margin-top:0px;
}
#body-left a.icon{
float:left;
display:block;
margin-top:14px;
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Gecko */
opacity: 0.80; /* Opera */
}
#body-left a.icon:hover{
filter:alpha(opacity=100); /* IE */
-moz-opacity: 1.00; /* Gecko */
opacity: 1.00; /* Opera */
}

#body-left .left-download, #body-left .left-download-out{
   margin-top:10px;
   font-size:10px;
   padding-right:10px;
}
#body-left .left-download a, #body-left .left-download-out a{
   text-transform:uppercase;
   color:#CE0067;
}
#body-left .left-download-out a, #body-left .left-download-out .pfeil-link{
   display:block;
   background:#FFF url(../gif/pfeil_link.gif) 0px 4px no-repeat;
   padding-left:8px;
   margin-bottom:10px;
}

/* CONTENT */
#content-wrap, .content-wrap-breit{
   float:left;
   width:556px;
   margin-top:21px;
   padding-bottom:20px;
  /* overflow:hidden; */
   font-size:1.00em;
}
.content-wrap-breit{
clear:both;
width:855px !important;
}

.wrap-top-0{
   margin-top:-20px !important;
}

#content-wrap h1{
text-transform:uppercase;
/* margin-bottom:45px; */
margin-bottom:24px;
padding-right:200px;
}
#content-wrap h1.bottom-0{
   margin-bottom:0px;
}
#content-wrap p{
   margin-bottom:20px;
}

#content-wrap .content-paten{
   margin-top:20px;
   text-align:justify;
}

#content-wrap .p-justify p{
   text-align:justify;
}

.content-boxen{
   float:left;
   width:556px;
   overflow:hidden;
   margin-bottom:45px;
}

.box-item{
   width:128px;
   height:166px;
   float:left;
   overflow:hidden;
   margin-right:14px;
   margin-bottom:14px;
}

.box-item.unspaced{
   margin: 0px;
}

#content-wrap a.opac70{
   float:left;
   display:block;
   filter:alpha(opacity=60); /* IE */
   -moz-opacity: 0.60; /* Gecko */
   opacity: 0.60; /* Opera */
   z-index:100;
}

.c-box-green .big .opac70 {
   float:none !important;
   filter:alpha(opacity=1) !important; /* IE */
   -moz-opacity: 1.0 !important; /* Gecko */
   opacity: 1.0 !important; /* Opera */
}
.c-box-green .big .opac70:hover {
   color:#FFF !important;
}
#content-wrap a.opac70:hover{
filter:alpha(opacity=100); /* IE */
-moz-opacity: 1.00; /* Gecko */
opacity: 1.00; /* Opera */
}

.c-box-txt{
float:left;
font-weight:bold;
width:128px;
padding-top:1px;
font-size:0.88em;
line-height:1.19em;
}

/*
.c-box-white:hover span{
display:none;
}
*/

.c-box-green span, .c-box-white span, .d-box-white span{
position:absolute;
display:block;
bottom:0px;
padding:1px;
/* font-size:11px; */
font-size:8.54px;
line-height:14px;
color:#FFF;
z-index:1;
text-align:left;
}
.c-box-green span.black, .c-box-white span.black, .d-box-white span.black{
   color:#000;
}
#content-wrap .c-box-green span,
#content-wrap .c-box-white span,
#content-wrap .d-box-white span{
line-height:1.88em;
}
#content-wrap .c-box-white img{
   float:left;
}


.c-box-green, .c-box-white, .d-box-white{
   position:relative;
   width:128px;
   height:114px;
   overflow:hidden;
   color:#FFF;
   float:left;
   text-align:center !important;
   margin-right:14px;
}
.c-box-green a{
   color:#FFF;
}

.c-box-green td, .c-box-white td, .d-box-white td, #header .box td{
   width:128px;
   height:110px;
   vertical-align:middle;
   text-align:center;
}
#header .box td{
   width:120px;
   height:61px;
}

.d-box-white{
   width:auto;
   height:auto;
   margin-right:0px;
}
.c-box-green{
   background-color: #009966;
}

.box-last{
   margin-right:0px;
}
.c-box-green p{
   font-size:18px;
   line-height:24px;
   padding:16px 4px;
}

.c-box-green p.big{
   margin-top:20px;
}
.header-right .big, .c-box-green p.big{
   font-size:30px;
   line-height:36px;
   font-weight:normal;
}


/* Detail-Div */
.item-detail{
   position:absolute;
   /* width:532px; */
   width:532px;
   padding:10px 14px;
   /* padding-bottom:3px; */
   overflow:hidden;
   left:143px;
   top:29px;
   background:transparent url(../png/detail_bg.png) 0px 0px repeat-y;
   z-index:10;
   visibility:hidden;
   font-size:0.88em;
   line-height:1.31em;
}
.item-detail{ /* strange *html construction removed */
   background:transparent url(../gif/detail_bg.gif) 0px 0px repeat-y;
}

#wrap-body .item-detail-parts{
   visibility:visible !important;
   z-index:10000 !important;
}

.item-detail .item-detail-content{
   /* position:relative;
   float:left; */
   /* width:506px; */
   margin:0px;
   float:left;
   background-color:#FFF;
}
.item-detail .d-box-white{
position:relative;
}

.item-detail .item-detail-item{
   float:left;
   position:relative;
   width:506px;
   padding:10px 14px;
   padding-top:0px;
   padding-bottom:10px;
   min-height:10px;
   z-index:11;
}

.item-detail-image-wrap{
   position:relative;
   float:left;
   width:522px;
}

.item-detail-film-icon a{
   display:block;
   text-align:right;
   background-color:#FFF;
}

.item-detail-small{
   width:392px;
}
.item-detail-small .item-detail-item{
   width:365px;
   font-size:1.13em;
}
.item-detail-small .header-linie{
   display:block;
   position:relative;
   padding-bottom:10px;
   border-bottom:1px solid #009966;
}


.item-detail .detail-abstand{
   padding-top:6px;
}

.item-detail-doppel{
   float:left;
   width:240px;
   padding-right:10px;
   font-size:0.88em;
   line-height:1.19em;
}

.item-detail-nav{
   background-color:#009966;
   height:1.25em;
   overflow:hidden;
   margin-bottom:14px;
}
.item-detail-nav a, .item-detail-nav a:hover{
   padding:0px 2px;
   font-size:0.81em;
   color:#FFF;
   text-decoration:none;
}

.item-detail-location{
   font-weight:bold;
}
.item-detail-header{
   font-size:1.00em;
   margin-bottom:0px;
   text-transform:uppercase;
}

.item-detail-promotion{
   margin-top:42px;
}


/* Paten */
.content-paten span{
   padding-right:2px;
}

.item-detail-pate{
   float:right;
   width:345px;
   text-transform:uppercase;
}

.content-paten a{
   color:#000;
}

.item-detail-pate .uppercase{
   position:absolute;
   font-weight:bold;
   bottom:10px;
}
.item-detail-item .d-box-white span{
   line-height:18px;
}

/* Spielplan */
.spielplan-liste{
   width:412px;
}
.spielplan-liste .line-bottom{
   margin-bottom:20px;
}

.kalender-nav{
   float:left;
   margin-top:31px;
   margin-bottom:10px;
   width:555px;
   list-style:none;
   position:relative;
}
.kalender-nav li{
   float:left;
   font-weight:bold;
   margin-right:10px;
   line-height:1.00em;
}
.kalender-nav li.current{

}
.kalender-nav li a{
display:block;
color:#009966;
}
.kalender-nav li a:hover, .kalender-nav li.current a{
color:#C03867;
}


.kalender-liste{
position:relative;
float:left;
width:412px;
line-height:1.19em;
}
.kalender-liste-left{
float:left;
font-size:1.19em;
font-weight:bold;
width:50px;
padding-bottom:6px;
padding-right:20px;
}
.kalender-liste-right{
width:338px;
margin-left:70px;
border-bottom:1px solid #06C;
margin-bottom:20px;
}
.kalender-liste-right .left, .kalender-liste-right .right{
margin-top:10px;
margin-bottom:20px;
}

.kalender-liste-right .ticket-link{
   font-size:0.88em;
   line-height:18px;
   margin-left:6px;
}

/* Programm */
.content-programm{
/* background-color:#848397; */
}

.programm-datum{
color:#009966;
padding-top:2px;
padding-bottom:4px;
width:31px;
font-size:11px;
font-weight:bold;
line-height:1.13em;
border:none !important;
}
.programm-header, .programm-item{
min-height:33px;
padding-bottom:4px;
width:100px;
padding:2px 4px;
}
.programm-header{
color:#009966;
line-height:1.19em;
font-weight:bold;
}
.programm-item{
font-size:0.88em;
/*min-height:76px;*/
line-height:1.13em;
padding-bottom:10px;
}

.programTable{
   margin:0px;
   padding:0px;
   border:0px;
}
.programTable td {   
  margin:0px;
   padding:0px;
   vertical-align:top;
   border-right:1px solid #A9CCF2;
}
.programTable .programm-header{
   padding-left:5px;
}

.programTable .programm-blue{
background-color:#E5EFF9;
}
.programm-bottom{
margin-top:20px;
margin-left:33px;
}

.ticket{

}

.countryLinks{
   position:relative;
   float:left;
   border-bottom:1px solid #000;
   margin-bottom:0.44em;
   margin-top:-3px;
   font-size:9px;
   line-height:11px;
   height:57px;
}
.countryLinks .pipe, .countryLinks a{
   padding-right:2px;
}
.english .countryLinks .pipe, .english .countryLinks a{
   padding-right:4px;
}

/* Footer / Bottom */
.content-bottom{
}

.bottom-absolute{
   float:left;
   position:absolute;
   bottom:166px;
}
.bottom-fixed{
   position:absolute;
   bottom:66px;
}

.bottom-none{
   display:none;
}


/* allg. Klassen */
.line-bottom{
   border-bottom:1px solid #009966;
   margin-bottom:0.25em;
   display:block;
}

.item-detail-item .line-bottom{
   margin-bottom:1.75em;
   margin-top:1.75em;
}

.black{
   color:#000;
}
.white{
   color:#FFF;
}
.grey{
   color:#666;
}
.red, .red a{
   color:#CE0067;
}
.green{
  color:#009966;
}
.pink {
   color:#c03867;
}

.uppercase{
   text-transform:uppercase;
}

.bold{
   font-weight:bold;
}

.blocksatz{
   text-align:justify;
}

.font-10{
   font-size:10px;
   line-height:1.13em;
}

.left-24{
   padding-left:24px;
}

.clear{
   height:0px;
   line-height:0px;
   font-size:0px;
   clear:both;
   float:none;
}
.left{
   float:left;
}
.right{
   float:right;
}
.center{
   text-align:center;
}


.totop{
position:absolute;
margin-top:18px;
right:155px;
}
.totop a, .totop-chronicle a, .totop-bottom a{
text-decoration:none;
}
.totop-bottom{
width:553px;
text-align:right;
}

.totop-chronicle{
margin-top:3px;
margin-bottom:20px;
text-align:right;
}
.totop-chronicle a img{
   margin-bottom:5px;
}

.bottom-0, #content-wrap .chronicle-bottom-0{
   margin-bottom:0px;
}
.bottom-20{
   margin-bottom:20px;
}
.margin-20{
   padding:20px 0px;
}
.top-5{
   margin:5px 0px;
}

.left-15{
  margin-left:15px;
}

.skip {
  position: absolute;
  left: -1000em;
  width: 20em;
}

.cb-mdb-links{
   position:relative;
   clear:both;
   height:10px;
   font-size:10px;
   line-height:10px;
   overflow:hidden;
   color:#FFF;
}
.cb-mdb-links a{
 color:#FFF;
}
.partnerLogos {
   width:115px;
   margin:40px 20px 40px 0px;
}
.partnerHeadline {
   border-bottom:1px solid #4499C8;
   padding-bottom:10px;
}

/* Metaprogram */
#metaprogramEvents h1{
   margin-top: 43px;
}

/* paten */
.paten .pate .avatar, .pate .text-box{
   float: left;
}

.opener-box{
   position: absolute;
   left: 0px;
   top: 0px;
}

.opener-box .opener-box{

}

.opener-box .de-lang{
   position: absolute;
   left:  470px;
   top: 158px;
}

.opener-box .en-lang{
   position: absolute;
   left:  470px;
   top: 182px;
}

.opener-box a {
   font-size: 16px;
   font-weight: bold;
   color: black;
}

.opener-box a:hover {
   text-decoration: underline;
}