body {
    background: none;
    background-color: #BEBEBF;
}

/*
 * Video Player
 *
 * dark grey background (stage): 3F3F3F
 *
 * border (wrapper): A7A7A7
 * border inner divs: 626262
 *
 * right side background: FFFFFF
 * issf tv green field - border right: 6BAA35
 *
 * green text: 5B9823
 * documentation link color: 606060
 * ---------------------------------------------------------------------------- 
 * Color list: 3F3F3F, A7A7A7, 626262, FFFFFF, 6BAA35, 5B9823, 606060
 */

#videoplayer_wrapper {
    background-color: #3F3F3F;
    border: solid 2px #A7A7A7;
    border-bottom-width: 1px;
    padding: 10px;

    width: 955px; /* 975 - (2*10) = 955 */
    /* height: 472px; /* 492 - (2*10) = 472 */
}

/*
 * ----------------------------------------------------------------------------
 * Stage
 * ----------------------------------------------------------------------------
 */
#videoplayer_stage {
    float: left;
    overflow: hidden;
    
    border: solid 2px #626262;
    padding-left: 77px;
    padding-top: 80px;
    
    width: 563px; /* 640 - 77 = 563 */
    height: 386px; /* 466 - 80 = 386 */
}
.videoplayer_player {
    background-color: #5B9823;

    width: 480px;
    height: 295px;
}
#videoplayer_videotext {
    padding: 5px;
    
    width: 470px; /* 480 - (5 * 2) = 470 */
}
#videoplayer_videotext p.cshiptitle {
    color: #707070;
}

/*
 * ----------------------------------------------------------------------------
 * Right
 * ----------------------------------------------------------------------------
 */
#videoplayer_rightwrapper {
    float: right;
    
    background-color: #FFFFFF;
    border: solid 2px #626262;    
    width: 300px;
    height: 466px;
}

/*
 * search row
 * ----------------------------------------------------------------------------
 */
#videoplayer_searchrow {
    background: url(Images/videoplayer/searchfieldbackground.jpg) no-repeat right top;
    border-bottom: solid 2px #626262;    
    
    height: 32px;
}
#videoplayer_searchrow div.issttvtext {
    float: left;
    
    background: url(Images/videoplayer/issftvtext.jpg) no-repeat left top;
    
    width: 80px;
    height: 32px;
}
.videoplayer_searchfieldwrapper {
    float: right;
    
    margin-top: 10px;
    
    width: 130px;
    height: 22px; /* 32 - 10 = 22 */
}
.videoplayer_searchfield {
    background-color: Transparent;
    border: none;
    color: #5B9823;

    width: 97px;
}
.videoplayer_searchbutton {
    background-color:Transparent;
    border: none;
    cursor: pointer;

    width: 20px;
}

/*
 * search results
 * ----------------------------------------------------------------------------
 */
#videoplayer_videos {
    position: relative;    
}
.videoplayer_videoscontainer {
    width: 284px;
    height: 352px;
}
#videoplayer_scroller {
    position: absolute;
    overflow: hidden;
    
    width: 284px;
    height: 352px;
}
.Scroller-Container {
    position: absolute;
    top: 0px;
    left: 0px;
}
.videoplayer_innerpanel {
    clear: both;
    
    background: #FFFFFF url(Images/videoplayer/resultbackground.jpg) repeat-x left bottom;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-top: 3px;
    
    width: 282px; /* 284 - 2 = 282 */
    height: 51px; /* 58 - 3 - 4 = 51 */
}
.videoplayer_innerpanel img {
    float: left;
    
    cursor: pointer;
    margin-right: 10px;
    
    width: 78px;
    height: 45px;
}
.videoplayer_videoresulttext {
    float: right;
    width: 194px;
}
.videoplayer_videoresulttext p {
    font-size: 10px;
    white-space: nowrap;
    
    height: 12px;
}
.videoplayer_videoresulttext p.highlight {
    float: left;
    
    color: #5B9823;
    cursor: pointer;
    margin-right:15px;
}
.videoplayer_videoresulttext p.documentation {
    float: left;
    
    color: #606060;
    cursor: pointer;
    margin-right:15px;
}

.Scrollbar-Track {
    position: absolute;
    top: 0px;
    right: 0px;
    
    background-image: url("Images/videoplayer/scrollbar-track.jpg");
    
    width: 15px;
    height: 352px;
}
.Scrollbar-Handle {
    position: absolute;
    
    background-image: url("Images/videoplayer/scrollbar-handle.jpg");
    margin-left: 1px;
    
    width: 13px;
    height: 30px;
}


 
/*
 * ----------------------------------------------------------------------------
 * Classes for both players
 * ----------------------------------------------------------------------------
 */
 
/*
 * right side logo and contact header
 * ----------------------------------------------------------------------------
 */
.issfplayer_header {
    overflow: auto;
    
    --background-color: #FFFFFF;
    margin-bottom: 5px;
    margin-top: 8px;
}
.issfplayer_headerimg {
    float: left;

    border-right: dotted 1px #626262;
    padding-left: 18px;
    padding-top: 5px;
    
    width: 61px; /* 79 - 18 = 61 */
    height: 62px; /* 67 - 5 = 62 */
}
.issfplayer_headerimg img {   
    width: 44px;
    height: 56px;
}
.issfplayer_headercontact {
    float: left;
    
    padding-left: 10px;
    padding-top: 19px;
}

/*
 * Live TV
 * ----------------------------------------------------------------------------
 */
/* Für Darstellungen in der Stage */
.videoplayer_playerlivetv {
    background-color: #000000;

    width: 480px;
    height: 297px;   
}
.videoplayer_playerlivetv p.bigtitle {
    border-bottom: solid 1px #626262;
    color: #5B9823;
    font-size: 14pt;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 20px;
    padding-left: 48px;
    padding-bottom: 20px;
}
.videoplayer_playerlivetv p.smalltitle {
    color: #707070;
    font-size: 12pt;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 50px;
    text-transform: uppercase;
}
.videoplayer_playerlivetv div.countdown {
    padding-top: 20px;
    padding-left: 125px;
}
.videoplayer_cleardiv {
    clear: both;
    line-height: 1px;
    height: 1px;
}
/* Darstellung unterhalb der Stage */
.videoplayer_livetvwrapper {
    float: left;
    overflow: auto;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.videoplayer_livetvwrapper p {
    float: left;
    display: none;
    --color: #ED8A13;
    font-weight: bold;
    cursor: pointer;
}
.videoplayer_flashcountdownwrapper {
    float: left;
    display: none;
    margin-right: 30px;    
}
.videoplayer_flashcountdownwrapper span {
    font-weight: bold;
}
.videoplayer_flashcountdown {
    width: 110px;
    height: 30px;
}
.orangetextlivetv {
    color: #ED8A13;
}
/*
 * Live TV
 * ----------------------------------------------------------------------------
 */
.videoplayer_symbolwrapper {
    float: right;
    margin-top: 5px;
    padding-top: 10px;
    
}
.videoplayer_symbolwrapper a {
    text-decoration: none;
}
.videoplayer_symbolwrapper img {
    border: 0;
}
/*
 * footer (copyright)
 * ----------------------------------------------------------------------------
 */
.issfplayer_copyright {
    clear: both;
}
.issfplayer_copyright p {
    font-size: 10px;
}




 
/*
 * ----------------------------------------------------------------------------
 * Videoteaser
 * ----------------------------------------------------------------------------
 */
.videoteaser_wrapper {
    background-color: #FFFFFF;

    height: 330px;
    overflow: hidden;
}
.videoteaser_wrapper p {
    margin: 0;
}

/*
 * ----------------------------------------------------------------------------
 * Live Tv Teaser
 * ----------------------------------------------------------------------------
 */
.video_livetvteasertext {
    float: left;
    cursor: pointer;
    width: 160px;
}
.video_livetvteasercountdown {
    float: right;
    
    background-color: #101010;
    padding-left: 5px;
    padding-right: 5px;
}
.video_livetvteaser_cshiptitle {
    font-weight: bold;
}
.video_livetvteaser_eventtitle {
    font-weight: bold;
    margin-top: 7px;
}
.video_livetvteaser_eventtime {
    color: #5B9823;
    font-weight: bold;
}