/* root element for tabs  */
.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:0px;
    border-bottom:px solid #666;
}

/* single tab */
.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.tabs a {
/*

background: url(/media/img/global/tabs.png) no-repeat -652px 0;


*/
    font-size:11px;
    font-weight: bold;
    display:block;
    height: 30px;
    line-height:30px;
    width: 30px;
    text-align:center;
    text-decoration:none;
    color: #D77C07;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
    cursor:move !important;
}

.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
    background-position: -652px -31px;
    color:#F85900;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
    background-position: -652px -62px;
    cursor:not-allowed !important;
    color:#FF00FF !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1           { background-position: -519px 0; width:134px; }
.tabs .w1:hover     { background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2           { background-position: -366px -0px; width:154px; }
.tabs .w2:hover     { background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3           { background-position: -193px -0px; width:174px; }
.tabs .w3:hover     { background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4           { background-position: -0px -0px; width:194px; }
.tabs .w4:hover     { background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }

/* width 4 */
.tabs .w5           { background-position: -0px -0px; width:194px; }
.tabs .w5:hover     { background-position: -0px -31px; }
.tabs .w5.current { background-position: -0px -62px; }

/* initially all panes are hidden */
.panes .pane {
    display:none;
}




/* container for tabs and panes */
#scrollable {
    width:701px;
    overflow:hidden;
    position:relative;
    border:0px;
    margin:0px;
    height:480px;
    text-align:center;
}

/* container for panes */
#panes {
    height:500px;
    border-width:1px 1px 1px 1px;
    position:absolute;
    width:20000px;
    top: '-20px';
}

/* single pane */
#panes div {
    width:700px;
    padding-top:0px;
    text-align:center;
    float:left;
}

ul.tabs {
    width:700px;
    border:0px;
}

/***** player style *******/

a.player {
    display:block;
    width:700px;
    height:450px;
    text-align:center;
    text-decoration:none;
}


/* videoplayer bild */
a.player img {
    margin-top:0px;
}
a.player {
    margin-left:0px;
}


.img_tooltip{
box-shadow: 3px 3px 5px #A74A00; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #A74A00;
-moz-box-shadow: 3px 3px 5px #A74A00;
display:none;
position:absolute;
/*border:1px solid black;
background:white;  */
color: #A74A00;
z-index:2000;
padding: 4px;
}