#divLeftControl {position:relative; left:0px;top:0px; width:0px;height:0px; z-index:1; text-align: left}
#divRightControl {position:relative; left:110px; top:0px; width:0px;height:0px; z-index:1;text-align: right}
#divContainer2 {position:relative; LEFT: 20px; TOP: 0px; WIDTH:100px; HEIGHT: 29px; VISIBILITY: visible; OVERFLOW: hidden; CLIP: rect(0px, 463px, 79px, 0px);}
#divContent2 {position:absolute; LEFT: 0px; TOP: 0px; white-space:nowrap; }


body {
    scrollbar-face-color: #EFDDC9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #CE6500;
    color: #000000;
    scrollbar-3dlight-color: #E07915;
    scrollbar-arrow-color: #000000;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #F7EBDE;

}
/* mouse  over -punainen: */
.mouse {
    color: #990000;
}

.header .teksti {
    color: #FFFFFF;
    font: Arial 10pt;
}

.teksti {
    color: #080808;
    font: Arial 10pt;
}

div.timelineWindow, div.timelineWindowHidden {
    font-family: Arial;
    font-size: 10px;
    color: #080808;
    border: 1px solid #c65000;
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top: 15px;
    /* margin-left: 300px; */

    scrollbar-face-color: #EFDDC9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #CE6500;
    scrollbar-3dlight-color: #E07915;
    scrollbar-arrow-color: #000000;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #F7EBDE;

    display: visible;
}

div.timelineWindowHidden {
    display: hidden;
    visibility: hidden;
}

div.timelineContent {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    position: absolute;
    overflow: scroll;
}

div.timelineHeader {
    font-family: Arial;
    background-color: #e0d1b5;
    color: #FFFFFF;
}
div.timelineList {
    background-color: #e0d1b5;
}

div.timelinePeriod {
    margin-left: 10px;
}

div.timelinePeriodTime {
    float: left;
    border-right: 10px;
    background-color: #EFDDC9;
    width: 20%;
}

a.timelinePeriod {
    color: black; 
    text-decoration: none;
}

.timelineCloseImage {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}

.timelineIndicator {
    position: absolute; 
    background-color: #990000;
    margin-top: 134px;
    height:5px;
    display: visible;
}

.timelineIndicatorHidden {
    position: absolute; 
    display: hidden;
    margin-top: 134px;
    height: 5px;
/*
    margin-top: 100px;
    height: 50px;
*/
}

.timelineHeaderLeft, .timelineHeaderRight {
    font-family: "Futura", Helvetica, Arial, sans-serif; 
    color: #993300;
    font-weight: normal;
    font-size: 18px;
    width:49%;
}
.timelineHeaderLeft {
    float: right;
}
.timelineHeaderRight {
    float:right; 
}