body  {
    position: absolute;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.89999999999em;
}

html, body {
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
}

* html, * html body {
    overflow: hidden;
    bottom: 0;
    height: 100%;
}

A {
    color: #0D5C46;
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

A:visited {
    color: #147B5E;
}

TEXTAREA {
/*     font-family: "Courier New", Courier, monospace; */
}

INPUT[TYPE ^="text"], INPUT[TYPE ^="submit"], INPUT[TYPE ^="password"], SELECT, TEXTAREA {
    border: solid 1px #A0A0A0;
    background-color: #E6EEEC;
    padding-left: 0.3em;
    padding-right: 0.3em;
    -moz-border-radius: 5px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1em;
}

SELECT {
    padding-right: 0;
}

TEXTAREA {
    overflow: auto;
}

INPUT[TYPE ^="text"]:hover, INPUT[TYPE ^="submit"]:hover, INPUT[TYPE ^="password"]:hover, TEXTAREA:hover {
    background-color: #C6E9DE;
}

TABLE.form TR TD {
    font-weight: bold;
    vertical-align: top;
}

UL {
    list-style-image: url('/img/icons/ul_logo.png');
}

* html UL LI {
    padding-left: 10px;
}

*:first-child+html UL li {
    padding-left: 10px;
}

UL.selectable {
    list-style-image: none;
}

UL.selectable LI {
    list-style: none;
}

* html UL.selectable LI {
    padding-left: 0px;
}

UL.selectable LI:hover {
    list-style-image: url('/img/icons/ul_logo.png');
}

H1 {
    font-size: 1.5em;
    margin-top: 0px;
    text-align: left;
    border-bottom: solid 1px #016F47;
/*     border-left: solid 1px white; */
    font-variant: small-caps;
/*     font-style: italic; */
/*     font-family: Times-New-Roman; */
    color: #016F47;
/*     background-color: #FFFFFF; */
/*     width: auto; */
    display: block;
/*     -moz-opacity: 0.7; */
}

.nomargin {
    margin: 0;
}

H2 {
    background-color: #C6E9DE;
    font-size: 1.1em;
    color: black;
    border-top: solid 1px #016F47;
    border-bottom: solid 1px #016F47;
/*     font-weight: normal; */
    padding: 2px 5px 2px 5px;
}

H3 {
    margin-top: 0px;
    font-style: italic;
/*     font-family: Times-New-Roman; */
    color: #016F47;
    display: block;
}

H4 {
    margin-top: 0px;
    color: red;
}

IMG {
    behavior: url('/inc/iepngfix.htc');
    border: none;
}

IMG.thumb {
    border: solid 1px #FFDF6D;
}

IMG.left {
    float: left;
    margin-right: 10px;
}

P {
    text-align: justify;
/*     font-size: 0.9em; */
}

IMG.preview {
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter:alpha(opacity=50);
    border: solid 1px white;
    position: relative;
    left: 10px;
    top: -60px;
}

IMG.preview:hover {
    -moz-opacity: 1;
    opacity: 1;
    filter:alpha(opacity=100);
}

A.monatsplan {
/*     border-top: solid 1px black; */
/*     border-bottom: solid 1px black; */
    display: block;
    margin-bottom: 30px;
    background-color: #E6EEEC; /*#BEE4CF;*/
    padding: 5px;
    color: black;
    height: 6em;
    width: 100%;
    -moz-border-radius: 0.5em;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter:alpha(opacity=60);
}
A.monatsplan:hover {
    background-color: #FFFFFF;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

TR.spielplan {
    color: black;
/*     display: block; */
    background-color: #E6EEEC;
    background-image: url('/img/bg/gradient1.png');
    background-repeat: repeat-y;
    background-position: left;
}

TR.spielplan TD {
/*     border-bottom: 2px ridge #687875; */
    border-bottom: 1px solid #0D5C46;
    padding: 8px;
}

TR.past TD {
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
}

.spielplan_datum {
/*     display: inline; */
/*     width: 7em; */
/*     border: solid 1px white; */
/*     font-size: 3em; */
/*     float: left; */
    vertical-align: top;
    text-align: center;
}

.spielplan_wochentag {
    font-weight: bold;
    font-size: 0.8em;
}

.spielplan_monat {
    font-weight: bold;
    font-size: 0.8em;
/*     display: block; */
}

.spielplan_tag {
    font-size: 3em;
    display: block;
}

.spielplan_zeit {
    font-size: 0.8em;
}

.spielplan_flag {
    float: right;
    background-color: #0D5C46;
    color: #FFDF6D;
    border: solid 1px #FFDF6D;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 15px;
    font-size: 0.8em;
}

.spielplan_titel {
/*     float: right; */
/*     display: inline; */
/*     width: 100%; */
/*     border: solid 1px black; */
/*     margin-left: 6em; */
/*     font-size: 1.2em; */
/*     color: #FFFFFF; */
    font-weight: bold;
}

/* common box definitions */

DIV.container {
    position: relative;
}

H1.box_title {
    font-size: 1em;
/*     background-color: #147B5E; */
    color: white;
        background-color: #87D0BB;
    background-image: url('/img/bg/bar.png');
    background-repeat: repeat-x;
/*     -moz-border-radius: 0.5em 0.5em 0 0; */
    padding: 2px 10px 2px 10px;
/*     border-bottom: 4px ridge #FFDF6D; */
    border-bottom: 1px solid #0D5C46;
    margin: 0px;
    text-align: center;
}

DIV.box_header {
/*     position: relative; */
/*     top: -2px; */
/*     left: 0px; */
/*     right: -1px; */
    background-color: #147B5E;
    color: white;
    -moz-border-radius: 0.5em 0.5em 0 0;
    padding: 0.2em;
    padding-left: 1em;
/*     border-bottom: 4px ridge #FFDF6D; */
    border-bottom: 1px solid #0D5C46;
    margin: 0px;
/*     margin-bottom: 10px; */
}


DIV.box_footer {
    position: relative;
    top: -2px;
/*     left: 0px; */
/*     right: -1px; */
    background-color: #147B5E;
    color: white;
    -moz-border-radius: 0 0 0.5em 0.5em;
    padding: 0.2em;
    padding-left: 1em;
/*     border-top: 4px ridge #FFDF6D; */
    border-top: 1px solid #0D5C46;
    margin: 0px;
    margin-bottom: 10px;
}

/* teaser definitions */

H2.teaser_title {
    margin: 0px;
    padding: 0px 10px 0px 10px;
    font-variant: small-caps;
    font-size: 1.3em;
    border: none;
    color: #0D5C46;
    background-color: transparent;
}

DIV.teaser_subtitle {
    margin: 0px;
    padding: 0px 10px 5px 10px;
    font-size: 0.8em;
    font-style: italic;
    font-weight: bold;
}

DIV.teaser_date {
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 10px 0px 10px;
    color: red;
/*     border-bottom: solid 1px #0D5C46; */
}

IMG.teaser_img {
/*     position: absolute; */
    width: 100%;
    top: 0px;
    z-index: 1;
    left: 0px;
    right: 1px;
    margin-top: 0px;
    margin-bottom: -5px;
/*     border-bottom: 4px ridge #FFDF6D; */
    border-bottom: 1px solid #0D5C46;
}

DIV.teaser_overlay {
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    z-index: 5;
    margin: 0;
    width: 100%;
    background-image: url('/img/fadeout.png');
    background-repeat: repeat-y;
    background-position: -50px 0;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

* html DIV.teaser_overlay {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fadeout.png', sizingMethod='scale');
    background-image: url('/img/blind.gif');
}

P.teaser_text {
    position: relative;
    color: black;
    font-weight: bold;
    line-height: 1.5em;
    background-color: #E6EEEC;
    background-image: url('/img/bg/gradient2.png');
    background-repeat: repeat-y;
    background-position: right;
    padding: 10px; /* 0px 10px 0px;*/
    margin: 0px;
}

DIV.col1_50_50 {
    float: left;
    width: 49%;
}

* html DIV.col1_50_50 {
    width: 48%;
}

DIV.col2_50_50 {
    float: right;
    width: 49%;
}

* html DIV.col2_50_50 {
    width: 48%;
}

DIV.col1_65_35 {
    float: left;
    width: 64%;
}

DIV.col2_65_35 {
    float: right;
    width: 34%;
}

DIV.col1_30_70 {
    float: left;
    width: 29%;
}

DIV.col2_30_70 {
    float: right;
    width: 69%;
}

DIV.col1_35_65 {
    float: left;
    width: 34%;
}

DIV.col2_35_65 {
    float: right;
    width: 64%;
}

H4.box {
/*     margin: 1px; */
    padding: 0.5em;
/*     background-color: #FFFFFF; */
    -moz-border-radius: 0.5em 0.5em 0 0;
/*     margin-top: 1px; */
/*     border-bottom: 4px ridge #FFDF6D; */
    border-bottom: 1px solid #0D5C46;
    background-color: #147B5E;
    color: white;
    margin: 0px;
/*     background-image: url('/img/bg/gradient1.png'); */
/*     background-repeat: repeat-y; */
/*     background-position: left; */
}

DIV.switchbox {
    position: absolute;
    width: 49%;
    right: 0px;
    top: 0px;
    font-weight: normal;
    display: block;
    overflow: auto;
}
* html DIV.switchbox {
    width: 100%;
    right: 20px;
}


DIV.item, TR.item {
/*     position: relative; */
    padding: 0.5em;
    color: black;
/*     display: block; */
/*     border-bottom: 2px ridge #687875; */
    border-bottom: 1px solid #0D5C46;
/*     clear: both; */
    overflow: auto;
    background-color: #E6EEEC;
    background-image: url('/img/bg/gradient1.png');
    background-repeat: repeat-y;
    background-position: top left;
}

/* IE ausschlie�en */
DIV.item[id] {
    height: auto !important;
}

/* Anpassung IE */
* html DIV.item {
    overflow: visible;
}

DIV.item:hover, TR.item:hover {
    background-color: #FDFED7;/*#FFDF6D;*/
    color: black;
    background-image: none;
}



DIV.genre {
    margin-left: 1em;
    background-color: #71AC96;
    -moz-border-radius: 0.5em;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter:alpha(opacity=60);
    padding-bottom: 0.5em;
}

/* Universalklassen */

.bgcol0 {
}
.bgcol0:hover {
    background-color: #E986B1;
    border-top-color: #E986B1 !important;
    border-bottom-color: #E986B1 !important;
}
.bgcol1 {
}
.bgcol1:hover {
    background-color: #E8F2C5;
    border-top-color: #E8F2C5 !important;
    border-bottom-color: #E8F2C5 !important;
}
.bgcol2 {

}
.bgcol2:hover {
    background-color: #F3DCCB;
    border-top-color: #F3DCCB !important;
    border-bottom-color: #F3DCCB !important;
}
.bgcol3 {
}
.bgcol3:hover {
    background-color: #6DC9DB;
    border-top-color: #6DC9DB !important;
    border-bottom-color: #6DC9DB !important;
}
.bgcol4 {
}
.bgcol4:hover {
    background-color: #65D589;
    border-top-color: #65D589 !important;
    border-bottom-color: #65D589 !important;
}
.bgcol5 {
}
.bgcol5:hover {
    background-color: #EEBF5A;
    border-top-color: #EEBF5A !important;
    border-bottom-color: #EEBF5A !important;
}
.bgcol6 {
}
.bgcol6:hover {
    background-color: #E8F2C5;
    border-top-color: #E8F2C5 !important;
    border-bottom-color: #E8F2C5 !important;
}
.justify {
    text-align: justify;
}

.small {
    font-size: 0.8em;
}

.clickable {

}

.clickable:hover {
    cursor: pointer;
}

.opacity10  { opacity: 0.1; -moz-opacity: 0.1; filter:alpha(opacity=10); }
.opacity20  { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); }
.opacity30  { opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); }
.opacity40  { opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); }
.opacity50  { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
.opacity60  { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }
.opacity70  { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }
.opacity80  { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
.opacity90  { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); }
.opacity100 { opacity:   1; -moz-opacity:   1; filter:alpha(opacity=100); }

img.grusswort {
    text-align: right;
    margin-right: 30px;
    margin-left: auto;
    border: solid 1px #016F47;
}

h2.grusswort {
    clear: both;
    font-family: Times-New-Roman;
    font-style: italic;
    font-size: 2em;
    color: #016F47;
    text-align: right;
    margin-right: 30px;
    line-height: 1.8em;
    border: 0px;
    background-color: transparent;
    font-weight: normal;
}

DIV.ensemble_foto {
    display: none;
    position: fixed;
    top: 200px;
    left: 220px;
}

* html DIV.ensemble_foto {
    position: absolute;
}

DIV.ensemble_foto IMG {
    position: relative;
    border: solid 1px #0D5C46;
    margin: 0px;
}

DIV.ensemble_foto DIV {
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    width: 199px;
    left: 1px;
    bottom: 5px;
    background-image: url('/img/fadeout.png');
    background-repeat: repeat-y;
    background-position: -200px;
    padding: 3px;
    text-align: center;
}

* html DIV.ensemble_foto DIV {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fadeout.png', sizingMethod='scale');
    background-image: url('/img/blind.gif');
}

p.event_text {
    line-height: 1.5em;
    font-size: 0.9em;
    font-weight: bold;
/*     margin-left: 10%; */
/*     margin-right: 5%; */
/*     padding-top: 5%; */
/*     float: right;  */
}

p.event_text:first-line {
    font-weight: bold;
    color: #61B1A6;
    font-variant: small-caps;
    font-size: 1.2em;
    text-indent: 20px;
}

p.event_text:first-letter {
    font-size: 2em;
}

div#details_header {
    margin-left: 5%;
    margin-right: 5%;
}

div#details_content {
    clear: both;
}

div#details_gallery {
    display: none;
/*     margin-left: 5%; */
/*     margin-right: 5%; */
    clear: both;
    position: relative;
    text-align: center;
}

div#details_cast {
    display: none;
/*     margin-left: 5%; */
/*     margin-right: 5%; */
    clear: both;
    text-align: center;
}

div#details_dates {
    display: none;
/*     margin-left: 5%; */
/*     margin-right: 5%; */
    clear: both;
}

div#details_comments {
    display: none;
    clear: both;
    text-align: center;
}

div#details_gallery img.portrait {
    border: solid 1px #0D5C46;
    width: 50%;
}

div#details_gallery img.landscape {
    border: solid 1px #0D5C46;
    width: 75%;
}

div#details_subnavi {
    float: right;
    color: #808080;
    font-weight: bold;
    font-size: 0.9em;
}

div#details_subnavi a.inactive {
    background-image: url('/img/icons/ul_arrow.png');
    background-repeat: no-repeat;
    margin-left: 10px;
    padding-left: 10px;
    background-position: left center;
    background-color: transparent;
    color: #356E75;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    -moz-border-radius: 0px 0px 5px 5px;
}

div#details_subnavi a.inactive:hover {
    text-decoration: none;
    background-color: #FDFED7;
}

div#details_subnavi a.active {
    background-image: none;
/*     background-repeat: no-repeat; */
    margin-left: 10px;
    padding-left: 10px;
/*     background-position: left center; */
    background-color: #61B1A6;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    -moz-border-radius: 0px 0px 5px 5px;
}

div#details_subnavi a.active:hover {
    text-decoration: none;
}

div.cast_img {
    position: relative;
    float: left;
    border: solid 1px #0D5C46;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: #C0C0C0;
}

div.cast_img img {
    display: block;
    margin: 0px;
}

div.cast_img a {
    color: #303030;
}

div.cast_img div.cast_role {
    font-size: 0.7em;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background-image: url('/img/fadeout.png');
    background-repeat: repeat-y;
    background-position: -200px;
    padding: 3px;
    text-align: center;
}

div.cast_img div.cast_name {
    font-size: 0.7em;
    font-weight: bold;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('/img/fadeout.png');
    background-repeat: repeat-y;
    background-position: -200px;
    padding: 3px;
    text-align: center;
}

img.gallery_thumbnail {
    margin-left: 5px;
    -moz-opacity: 0.5;
    border: solid 1px #0D5C46;
}

img.gallery_thumbnail:hover {
    -moz-opacity: 1;
}