body {
    background-color: #eeeeee;
}

.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
}

.nowrap {
    white-space: nowrap;
}

#timeline_events {
    margin: 10px 0px 20px -20px;
}

.events {
    margin: 15px 0px 0px 0px;
}

#timeline_events ul li {
    letter-spacing: .1em;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    display: inline;
    list-style: none;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 4px 40px 4px 20px;
    text-align: center;
    background-color: #eeeeee;
    /*
     color-Eigenschaft zum Verstecken auf background-color setzen
     */
    /*
     color: #eeeeee;
     */
    color: red;
}

#timeline_title {
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-variant: small-caps;
    letter-spacing: .1em;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    padding: 10px 10px 10px 10px;
    margin: 60px 0px 10px 20px;
    font-size: 2em;
    font-weight: 500;
    background-color: transparent;
    color: #556677;
    border: 3px solid #dddddd;
}

#timeline_title em {
    font-style: normal;
    font-size: 1.6em;
    font-weight: bold;
    color: #556677;
}

.event_point {
    border: 2px solid #112233;
    /*
     color: #eeeeee;
     background-color: #778899;
     */
}

/*
 Bildleiste Formatierung
 --------------------------------------------------------------
 */
#image_timeline {
    margin: 30px 0px 10px -15px;
}

#image_timeline li {
    display: inline;
    list-style: none
}

#image_timeline li img {
    padding: 2px;
}

/*
 Zeit Interval Formatierung
 --------------------------------------------------------------
 */
#intervals li {
    display: inline;
    list-style: none;
    border-right: 5px solid #dddddd;
    color: #112233;
    font-size: 1.2em;
    /*
     font-weight: bold;
     */
    margin: 10px 0px 30px 0px;
    padding: 10px 20px 10px 20px;
    text-align: center;
}

#intervals li.first {
    border-left: 5px solid #556677;
    margin: 10px 0px 30px -25px;
}

#intervals li.last {
    border-right: 5px solid #556677;
    margin: 10px 0px 30px 0px;
}

.gross {
    font-weight: 900;
    font-size: 1.2em;
}

/*
 Link Formatierung
 ---------------------------------------------------------------------------------------
 */
/*
 #image_timeline a {
 text-decoration: none;
 
 }
 */
.nowrap a {
    color: #123;
    background: transparent;
    text-decoration: none;
    /*
     outline: 2px #567 solid;
     */
}

.nowrap a:visited {
    color: #036;
}

.nowrap a:focus {
    text-decoration: underline;
    color: #000;
}

.nowrap a:hover, a:active {
    color: #567;
    text-decoration: underline;
    /*
     outline: 2px #123 solid;
     */
}

/*
 -----------------------------------------------------------------------------------
 -----------------------------------------------------------------------------------
 */
#footer {
    outline: 7px solid #ddd;
    height: 12px;
    color: #eee;
    font-size: 10px;
    margin: 0px 0px 0px 25px;
}