/*/////////////////////////////////////////////////////////////////////////////
// SB-TIMELINE FÜR TRAVEL
/////////////////////////////////////////////////////////////////////////////*/
#timeline
{
	width: 970px;
}

#header,
#timeline,
#TL
{
	cursor: pointer;
	position: relative;
	z-index: 1000;
}

#TL
{
	font-size: 10px;
	background: #90b0ce url(../gfx/timeline/timeline.gif);
	height: 35px;
}

#TL .MarkToday,
#TL .MarkFrom,
#TL .MarkTo
{
	margin-top: 25px;
	padding-top: 15px;
	position: absolute;
}

#TL .MarkToday
{
	left: 0;
	padding-top: 40px;
	background: transparent url(../gfx/timeline/tl_today.gif) no-repeat center top;
}	

#TL .MarkFrom
{
	left: 0;
	background: transparent url(../gfx/timeline/tl_from.gif) no-repeat right top;
	padding-right: 6px;
}

#TL .MarkTo
{
	left: 0;
	background: transparent url(../gfx/timeline/tl_to.gif) no-repeat left top;
	padding-left: 6px;
}

#TL .MarkContent
{
	min-width: 24px;
	line-height: 16px;
	background-color: #B4C7DA;
	padding: 2px 4px;
	width: 80px;
	text-align: center;
	cursor: default;
}

#TL .MarkToday .MarkContent
{
	background: #D3DBEC;
	margin-left: 52px;
	height: 43px;
	line-height: 16px;
}

#TL .MarkToday .MarkContent img
{
	vertical-align: center;
	margin-bottom: -3px;
}

#TL .Season
{
	float: left;
	width: 51px;
	height: 47px;
	background: url(../gfx/timeline/tl_season_neutral.png);
	position: relative;
}

#TL .Season .Button.Spring
{
	float: left;
	width: 25px;
	height: 23px;
	margin: 0 1px 1px 0;
	cursor: pointer;
}

#TL .Season .Button.Summer
{
	float: left;
	width: 25px;
	height: 23px;
	margin: 0 0 1px 0;
	cursor: pointer;
}

#TL .Season .Button.Autumn
{
	clear: left;
	float: left;
	width: 25px;
	height: 23px;
	margin: 1px 1px 0 0;
	cursor: pointer;
}

#TL .Season .Button.Winter
{
	float: left;
	width: 25px;
	height: 23px;
	cursor: pointer;
	margin: 1px 0 0 0;
}


#TL .Season.Neutral
{
	background: url(../gfx/timeline/tl_season_neutral.png);
}

#TL .Season.Spring
{
	background: url(../gfx/timeline/tl_season_spring.png);
}

#TL .Season.Summer
{
	background: url(../gfx/timeline/tl_season_summer.png);
}

#TL .Season.Autumn
{
	background: url(../gfx/timeline/tl_season_autumn.png);
}

#TL .Season.Winter
{
	background: url(../gfx/timeline/tl_season_winter.png);
}