body {
background-color: #F0F0F0;
height: 100%;
}

hr {
height: 1px;
border: 0px solid #000000;
border-top: 1px solid #d6d6d6;
margin-top: 10px;
margin-bottom: 10px;
}

#standardContainer {
position: relative;
top: 0px;
left: 50%;
width: 960px;
margin-left: -480px;
}

#timelineContainer {
position: relative;
top: 0px;
left: 50%;
width: 960px;
margin-left: -480px;
padding-top: 83px;
padding-bottom: 20px;
}

#logo {
position: absolute;
top: 20px;
left: 0px;
z-index: 10;
}

#topLine {
position: absolute;
top: 41px;
left: 0px;
height: 20px;
}

#menuContainer {
position: relative;
top: 0px;
left: 0px;
width: 210px;
margin-bottom: 20px;
float: left;
padding-top: 83px;
padding-bottom: 20px;
}

#contentContainer {
position: relative;
top: 0px;
left: 0px;
width: 450px;
padding-top: 83px;
margin-left: 230px;
padding-bottom: 20px;
}

#specialContentContainer {
position: relative;
top: 0px;
left: 0px;
width: 680px;
padding-top: 83px;
margin-left: 0px;
padding-bottom: 20px;
}

#special2ContentContainer {
position: relative;
top: 0px;
left: 0px;
width: 730px;
padding-top: 83px;
margin-left: 230px;
padding-bottom: 20px;
}

#searchContentContainer {
position: relative;
top: 0px;
left: 0px;
width: 730px;
padding-top: 83px;
margin-left: 230px;
padding-bottom: 20px;
}

#timelineContentContainer {
position: relative;
top: 0px;
left: 0px;
width: 430px;
padding-top: 125px;
padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
float: left;
background-color: #111111;
z-index: 2;
}

#timelineStartContentContainer {
position: relative;
top: 0px;
left: 0px;
width: 920px;
padding-top: 125px;
padding-bottom: 50px;
padding-right: 20px;
padding-left: 20px;
background-color: #111111;
z-index: 2;
}

#imageContainer {
width: 260px;
padding-top: 83px;
padding-bottom: 20px;
float: right;
}

#timelineContainer #imageContainer {
padding-top: 125px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 0px;
width: auto;
text-align: ;
float: left;
overflow: hidden;
z-index: 5;
}

#bottomContainer {
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
padding-top: 10px;
height: 100px;
clear: both;
background-color: #F0F0F0;
}

#whiteBg {
position: relative;
top: 0px;
left: 0px;
width: 100%;
min-height: 80px;
background-color: #FFFFFF;
}

#timelineBg {
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-color: #111111;
}

.clear {
position: relative;
top: 0px;
left: 0px;
width: 100%;
clear: both;
}

#menuTable {
width: 100%;
}

.menuItem {
height: 22px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid transparent;
cursor: pointer;
}

.menuLevel2.firstMenuItem {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}

.menuBottomBorder {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid transparent;
}

.menuLevel1 {
height: 30px;
}

.menuLevel1.activeMenuItem {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}

.menuLevel2.activeMenuItem {
background-color: #f0f0f0;
}

.menuLevel2.menuItem.selfMenuItem , .menuLevel3.menuItem.selfMenuItem, .menuLevel4.menuItem.selfMenuItem, .menuLevel5.menuItem.selfMenuItem    {
background-color: #f0f0f0;
}

.menuLevel2.menuItem:hover , .menuLevel3.menuItem:hover , .menuLevel4.menuItem:hover , .menuLevel5.menuItem:hover     {
background-color: #f0f0f0;
}

.menuLevel2.menuItem.selfMenuItem:hover , .menuLevel3.menuItem.selfMenuItem:hover , .menuLevel4.menuItem.selfMenuItem:hover , .menuLevel5.menuItem.selfMenuItem:hover     {
background-color: #f0f0f0;
}

.menuLevel2.menuItem.activeMenuItem:hover , .menuLevel3.menuItem.activeMenuItem:hover , .menuLevel4.menuItem.activeMenuItem:hover , .menuLevel5.menuItem.activeMenuItem:hover     {
background-color: #f0f0f0;
}


.menuLevel1 {
padding-left: 5px;
}

.menuLevel2 {
padding-left: 10px;
}

.menuLevel3 {
padding-left: 20px;
}

.menuLevel4 {
padding-left: 30px;
}

.menuLevel5 {
padding-left: 40px;
}

.pageImage {
padding-bottom: 5px;
}

.timelineImage {
padding-bottom: 5px;
}

#startContainer {
position: relative;
top: 0px;
left: 0px;
width: 960px;
padding-top: 83px;
padding-bottom: 20px;
}

#startImageContainer {
position: relative;
top: 0px;
left: 0px;
width: 100%;
}

#startImageTheArtist {
cursor: pointer;
}

#startImageThePerson {
cursor: pointer;
}

#startImageSvenstad {
position: absolute;
top: 333px;
left: 500px;
border: 1px solid #FFFFFF;
z-index: 6;
cursor: pointer;
}

#barSvenstadContainer {
position: absolute;
top: 376px;
right: 0px;
width: 480px;
height: 40px;
text-align: left;
}

#barSvenstad {
width: 480px;
height: 40px;
position: absolute;
top: 0px;
left: 0px;
background-color: #000000;
z-index: 4;
opacity:0.6;
filter:alpha(opacity=60);
}

.startImageTimeline {
position: absolute;
top: 333px;
left: 20px;
border: 1px solid #FFFFFF;
z-index: 6;
cursor: pointer;
}

#startImageTimeline2, #startImageTimeline3, #startImageTimeline4, #startImageTimeline5, #startImageTimeline6, #startImageTimeline7 {
display: none;
}

#barTimelineContainer {
position: absolute;
top: 376px;
left: 0px;
width: 480px;
height: 40px;
text-align: left;
}

#barTimeline {
width: 480px;
height: 40px;
position: absolute;
top: 0px;
left: 0px;
background-color: #000000;
z-index: 4;
opacity:0.6;
filter:alpha(opacity=60);
}

#barTheArtistContainer {
position: absolute;
top: 0px;
left: 0px;
width: 480px;
height: 40px;
text-align: left;
}

#barTheArtist {
width: 480px;
height: 40px;
position: absolute;
top: 0px;
left: 0px;
background-color: #990000;
z-index: 4;
opacity:0.6;
filter:alpha(opacity=60);
}

#barThePersonContainer {
position: absolute;
top: 0px;
right: 0px;
width: 480px;
height: 40px;
text-align: left;
}

#barThePerson {
width: 480px;
height: 40px;
position: absolute;
top: 0px;
left: 0px;
background-color: #cc9900;
z-index: 4;
opacity:0.6;
filter:alpha(opacity=60);
}

#flagContainer {
position: absolute;
top: 10px;
right: 0px;
z-index: 10;
}

#timelineNavigatorContainer {
position: absolute;
top: 0px;
left: 0px;
height: 96px;
width: 100%;
overflow: hidden;
}

#timelineItemsContainer {
position: absolute;
top: 0px;
left: 15px;
height: 96px;
margin-bottom: 20px;
overflow: show;
z-index: 10;
display: none;
}

#timelineLeftArrowContainer {
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
z-index: 11;
}

#timelineRightArrowContainer {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
z-index: 11;
}

.timelineItemBgInactive {
z-index: 2;
cursor: pointer;
}

.timelineItemBgActive {
z-index: 2;
cursor: pointer;
}

.timelineItemTd {
cursor: pointer;
width: 96px;
height: 96px;
position: relative;
top: 0px;
left: 0px;
vertical-align: top;
}

.timelineItemDescriptionContainer {
width: 76px;
position: absolute;
top: 179px;
left: 0px;
display: none;
background-color: #990000;
z-index: 50;
padding: 5px 10px 10px 10px;
}

.timelineThumbnail {
padding-left: 2px;
cursor: pointer;
}

#thumbnailContainer {
margin-bottom: 10px;
text-align: left;
}

.documentImage {
cursor: pointer;
}

#overlay {
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 1000;
background-image: url(../../images/overlayBg.png);
display: none;
cursor: pointer;
}

#documentImageOverlay {
position: absolute;
top: 50%;
left: 50%;
margin-left: 0px;
margin-top: 0px;
display: none;
border: 10px solid #FFFFFF;
}

#overlayClose {
position: absolute;
top: -28px;
left: -28px;
}

.timelineImageContentContainer {

}

.timelineContentContainer {

}

.B_crumbBox {
position: absolute;
top: 65px;
left: 0px;
}

li p.normalText {
padding: 0px 0px 0px 0px;
}

ul ul {
padding-top: 2px;
padding-bottom: 15px;
}

ul ul ul {
padding-top: 2px;
padding-bottom: 10px;
}

.flowPlayerAudio {
display: block;
width: 100%;
height: 22px;
z-index: 1;

}

.flowPlayerVideo {
display: block;
z-index: 1;
}

#backToStart {
position: absolute;
bottom: 20px;
right: 20px;
}