/*

Structural CSS for the Timeline
Modify at your own risk!

by Wylie Hobbs
CSS version 1.1

 */
#timeline ul{
    width:100%;
    margin:0 auto;
    position:relative;
    display:inline-block;
    list-style: none;
    background:url('../img/ul-bg.png') center top repeat-y;
    padding: 0;
}
#timeline h3, #timeline .h3 {
    margin-top: 0px;
        font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    }

#timeline ul li{
    display: block;
    position: relative;
    width: 50%;
    clear:both;
}
#timeline ul li .timeline-text{
        float:left;
        font-size:14px;
        line-height:1.7;
    }
    #timeline ul li div{
        //you can add a background color if you want
    }

#timeline ul li:nth-child(even){
    float: right;
}
    #timeline ul li:nth-child(even) > div{
        display: block;
        float:left;
        background:url('../img/links-bg.png') left top 25px no-repeat;
        margin-left:-10px;
        padding-left:30px;
    }
    #timeline .timeline-date{
        text-align: left;
        margin-bottom: 1%;
    }
    #timeline ul li:nth-child(even) > div .timeline-date{
        text-align: left;
    }

#timeline ul li:nth-child(odd){
    float: left;
    text-align: left;
}
    #timeline ul li:nth-child(odd) > div{
        display:block;
        float:right;
        background:url('../img/rechts-bg.png') right top 25px no-repeat;
        margin-right:-10px;
        padding-right:30px;
    }

    #timeline ul li:nth-child(odd) > div .timeline-text{
        text-align: left;
    }
    
#timeline ul .timeline-image{
	height: auto;
	overflow-x: hidden;
}
	#timeline ul li:nth-child(odd) > div .timeline-image {
		margin-left: -20px;
    margin-right: -20px;
    display: block;
    padding-bottom: 15px;
	}
	#timeline ul li:nth-child(even) > div .timeline-image {
margin-left: -20px;
    margin-right: -20px;
    display: block;
    padding-bottom: 10px;
	}

span.timeline-image img {
    width: 100%;
}

body.page-id-5458 #sb-site, .sb-site-container {
    background-color: #f4f4f4;
}

#timeline ul li div .block {
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    width: 100%;
    display: inline-block;
    padding: 25px 20px;
    margin-bottom: -150px;
    border-bottom: 3px solid #e9e9e9;
}

@media (max-width: 767px) {
#timeline ul{
    background:url('../img/ul-bg.png') left top repeat-y;
}
#timeline ul li:nth-child(odd) > div{
        display:block;
        float:left;
        background:url('../img/links-bg.png') left top 25px no-repeat;
        margin-left:-10px;
        padding-left:30px;
    }
#timeline ul li div .block {    margin-bottom: 20px;}
#timeline ul li {   width: 100%;}
#timeline ul li:nth-child(odd) > div {   padding-right: 10px;}

}