body {
    margin                     : 0px;
    margin-top                 : 5px;
    background-color           : #989b66;
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 10px;
    color                      : black;
}
#info {
    margin                     : 5px;
    background                 : none;
    background-color           : #eeeeff;
    color                      : #333;
    overflow                   : auto;
}
h1 {
    font-size                  : 12pt;
}
h2 {
    font-size                  : 10pt;
}
h3 {
    font-size                  : 9pt;
}
#info a {
    text-decoration            : none;
    color                      : black;
}
#info a:hover,a:active {
    text-decoration            : underline;
}


#page {
    width                      : 980px;
    height                     : 618px;
    position                   : absolute;
    left                       : 50%;
    /* um die haelfte der fensterbreite nach links ruecken */
    margin-left                :-490;
}

img {
    border                     : 0px;
}

.imgMovielist {
    width                      : 100px;
    height                     : 75px;
}

a {
    text-decoration            : none;
    color                      : black;
}
a:hover,a:active {
    text-decoration            : underline;
}

table {
	font-size              : 8pt;
}

#logo {
    position                   : absolute;
    top                        : 180px;
    left                       : 10px;
    width                      : 215px;
    height                     : 50px;
    z-index                    : 30;
    text-align                 : center;
}

/* #############################################################
######################## Header ########################
############################################################# */

#header {
    position                   : absolute;
    top                        : 20px;
    left                       : 10px;
    width                      : 960px;
    height                     : 230px;
    background                 : #646833 url(/images/header.jpg) no-repeat;
}
#links {
    position                   : absolute;
    top                        : 30px;
    left: 235px;
    width                      : 200px;
    height                     : 30px;
    overflow                   : hidden;
}
#infos {
    position                   : absolute;
    top                 : 10px;
    left: 10px;
    width                      : 300px;
    height                     : 20px;
    overflow                   : hidden;
font-size: 9px;
}
#languages {
    position                   : absolute;
    top                 : 10px;
    right: 10px;
    width                      : 300px;
    height                     : 20px;
    text-align                 : right;
    overflow                   : hidden;
font-size: 9px;
}

#languages table {
	font-size              : 10px;
}

/* #############################################################
######################## Footer ########################
############################################################# */

#footer {
    position                   : absolute;
    top                        : 720px;
    left                       : 10px;
    width                      : 960px;
    height                     : 20px;
}
#copyright {
    position                   : absolute;
    width                      : 205px;
    right                      : 0px;
    height                     : 20px;
    text-align                 : left;
    overflow                   : hidden;
}

/* #############################################################
######################## Content - Left ########################
############################################################# */

#contentLeft {
    position                   : absolute;
    top                        : 260px;
    left                       : 10px;
    width                      : 215px;
    height                     : 445px;
    background-color           : #cbce99;
    border                     : 1px solid #666;
}

/* ################## content - MovieInfo ################### */

#contentMovieInfo {
    position                   : absolute;
    width                      : 195px;
    height                     : 335px;
    top                        : 10px;
    left                       : 10px;
    padding                    : 0px;
    overflow                   : hidden;
}
div.movieInfoItem {
    display                    : none;
    position                   : absolute;
    width                      : 195px;
    height                     : 335px;
    overflow                   : auto;
    font-size                  : 10px;
    line-height                : 140%;
    color                      : black;
}
.movieInfoImg {
    width                      : 175px;
    margin-bottom              : 3px;
margin-right: 2px;
}
#contentPartners {
    position                   : absolute;
    width                      : 195px;
    height                     : 80px;
    top                        : 355px;
    left                       : 10px;
    padding                    : 0px;
    overflow                   : hidden;
    border-top                 : 1px solid #666;
}
#contentPartners p {
    width                      : 205px;
    margin                     : 5px 0px 5px 0px;
    color                      : black;
}
#contentPartners a {
    color                      : black;
}
#contentPartners a:hover {
    color                      : black;
}
.partners {
    float: left;
    width: 60;
    height: 20px;
    margin-right: 8px;
}

/* #############################################################
####################### Content - Right ########################
############################################################# */

#contentRight {
    position                   : absolute;
    top                        : 260px;
    right                      : 10px;
    width                      : 215px;
    height                     : 445px;
background-color: #cbce99;
border: 1px solid #666;
}

/* ################## content - MovieList ################### */

#contentMovielist {
    width                      : 205px;
    height                     : 425px;
    margin-top                 : 10px;
    overflow                   : auto;
}
* html #contentMovielist {
    width                      : 205px;
}

div.movieListItem {
    width                      : 170px;
    margin-top                 : 8px;
    margin-bottom              : 8px;
    margin-left                : 5px;
    padding                    : 3px;
    cursor                     : pointer;
    border-left                : 3px solid transparent;
}
.movieListSeparator {
    margin                     : 10px 5px 10px 10px;
    border-bottom              : 1px solid #666;
}
.movieListImg {
    width                      : 75px;
    margin-bottom              : 3px;
    margin-right               : 3px;
}
table.movieListItem {
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 10px;
    color                      : black;
}


/* #############################################################
####################### Content - Middle #######################
############################################################# */

#contentMiddle {
    position                   : absolute;
    top                        : 70px;
    left                       : 235px;
    width                      : 510px;
    height                     : 645px;
    z-index                    : 10;
}

/* #################### content - Player #################### */

#contentPlayer {
    position                   : absolute;
    top                        : 10px;
    width                      : 100%;
    height                     : 320px;
background-color: black;
}

#moviePlayer {
    position                   : absolute;
    left                       : 5px;
    top                        : 10px;
    width                      : 500px; /* 500x282 */
    height                     : 297px;
    z-index                    : 20;
}
#playerButtons {
padding: 0px;
    position                   : absolute;
    left                       : 175px;
    top                        : 315px;
    width                      : 160px;
    height                     : 25px;
    z-index                    : 20;
background-color: black;
text-align: center;
}

#playerButtonsLeftArea {
    position                   : absolute;
    top: 325px;
    left                       : 0px;
    width: 170px;
    height: 20px;
    background-color: #646833;
}
#playerButtonsRightArea {
    position                   : absolute;
    top: 325px;
    right: 0px;
    width: 170px;
    height: 20px;
    background-color: #646833;
}

/* ################### content - Channels ################### */

#contentChannelsArea {
    position                   : absolute;
    top                        : 340px;
    left                       : 0px;
    width                      : 510px;
    height                     : 95px;
    background-color           : #646833;
}
#contentChannels {
    position                   : absolute;
    top                        : 9px;
    left                       : 6px;
    width                      : 500px;
    height                     : 80px;
}



.channelsLine {
    height                     : 22px;
    width                      : 90%;
}

.channelButton {
    float                      : left;
    margin: 3px;
    width                      : 160px;
    height                     : 20px;
    background-color           : black;
    border                     : 1px solid #989b66;
    color                      : #979a66;
    font-size                  : 11px;
    font-weight                : bold;
vertical-align: middle;
}
.channelButton:active,.channelButton:disabled {
margin: 3px;
    width                      : 160px;
    height                     : 20px;
    background-color           : #666;
    opacity                    : 0.8;
    border                     : 1px solid #ffffcc;
    color                      : #cbcd99;
    font-size                  : 11px;
    font-weight                : bold;
vertical-align: middle;
}
.channelButton:hover {
    color                      : #ffffcc;
}

/* ################### content - Specials ################### */
#contentSpecialsAreaOuter {
    position                   : absolute;
    top                        : 445px;
    left                       : 0px;
    width                      : 510px;
    height                     : 192px;
    background-color           : #666;
}
#contentSpecialsAreaInner {
    position                   : absolute;
    top                        : 1px;
    left                       : 1px;
    width                      : 508px;
    height                     : 190px;
    background-color           : #cbce99;
}
#contentSpecialsContainer {
    position                   : absolute;
    top                        : 6px;
    left                       : 5px;
    width                      : 500px;
    height                     : 90px;
}
.contentSpecial {
    float                      : left;
    width                      : 160px;
    height                     : 80px;
    margin                     : 3px;
    background                 : #666 url(/images/gruenstr.158x20.png) no-repeat 1px 61px;
    overflow                   : hidden;
    cursor                     : pointer;
}
.specialImg {
    width                      : 158px;
    height                     : 60px;
    margin-top                 : 1px;
    margin-left                : 1px;
}

a:hover.contentSpecialLinks {
    text-decoration            : none;
}
.specialText {
    margin                     : 2px 0px 0px 5px;
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 10px;
    font-weight                : bold;
    color                      : #32cdfd;
}

/* ################# content - SuperSpecials ################# */

#contentSuperspecialsContainer {
    position                   : absolute;
    top                        : 99px;
    left                       : 8px;
    width                      : 492px;
    height                     : 82px;
    background-color           : #666;
    cursor                     : pointer;
}

#contentSuperspecials {
    position                   : absolute;
    top                        : 1px;
    left                       : 1px;    
    width                      : 490px;
    height                     : 80px;
    background                 : #cbce99 url(/images/gruenstr.500x20.png) no-repeat left bottom;
}
.eventguideImage {
    position                   : absolute;
    left                       : 0px;
    top                        : 0px;
    width                      : 158px;
    height                     : 60px;
    margin                     : 0px;
}
.eventguideText {
    position                   : absolute;
    left                       : 166px;
    top                        : 1px;
    width                      : 320px;
    height                     : 60px;
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 9px;
    color                      : black;
    overflow                   : hidden;
}
.eventguideText img {
    margin                     : 0px 5px 5px 0px;
}
.eventguideSpecialText {
    position                   : absolute;
    left                       : 2px;
    top                        : 63px;
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 10px;
    font-weight                : bold;
    color                      : #32cdfd;
}

#eventguide {
    float                      : left;
    width                      : 100%;
    margin                     : 0px;
    padding                    : 0px;
    overflow                   : hidden;
}
#eventguideListHeader {
    width                      : 100%;
}
#eventguideListSeparator {
    width                      : 100%;
    height                     : 10px;
    background-color           : #525252;
    margin-top                 : 5px;
    margin-bottom              : 5px;
    margin-left                : -5px;
}

#eventguideListMenu {
    float                      : left;
    width                      : 20%;
}
#eventguideListMenu a {
    margin-top                 : 2px;
    font-family                : verdana, helvetica, sans-serif;
    display                    : block;
    height                     : 16px;
    width                      : 80%;
    font-size                  : 8pt;
    font-weight                : bold;
    text-decoration            : none;
    padding-top                : 2px;
    padding-left               : 25px;
    padding-bottom             : 2px;
    border                     : 1px solid #3398cc;
    background-color           : #e1eef7;
    color                      : black;
}
#eventguideListMenu a:hover {
    background-color           : #3398cc;
    color                      : white;
    text-decoration            : none;
}
#eventguideListMenu a.active {
    background-color           : #3398cc;
    text-decoration            : none;
}
#eventguideListList {
    float                      : right;
    width                      : 80%;
    height                     : 400px;
    overflow                   : auto;
}

.eventguideListItem {
    width                      : 95%;
    margin-top                 : 3px;
    margin-bottom              : 3px;
    margin-left                : 5px;
    margin-right               : 5px;
    cursor                     : pointer;
}
.eventguideListItem table {
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 7.5pt;
    color                      : black;
}
.eventguideListSeparator {
    margin-top                 : 10px;
    margin-bottom              : 10px;
    border-bottom              : 1px solid #3398cc;
}
.eventguideListImg {
    width                      : 80px;
}

table.eventguideListItemDetails {
    width                      : 100%;
    font-family                : verdana, helvetica, sans-serif;
    font-size                  : 8pt;
    color                      : black;
}
.blue {
    color                      : #3398cc;
}

#backButton a {
    margin                     : 5px;
    font-family                : verdana, helvetica, sans-serif;
    display                    : block;
    height                     : 15px;
    width                      : 75px;
    font-size                  : 7pt;
    text-decoration            : none;
    text-align                 : center;
    color                      : #3398cc;
    border                     : 1px solid #3398cc;
    background-color           : #e1eef7;
}
#backButton a:hover {
    background-color           : #3398cc;
    color                      : white;
    text-decoration            : none;
}