HTML, BODY {
	margin: 0;
	padding: 0;
}

BODY {
	background: #FFF url(../img/ui/bg_body_index.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #4E4F51;
}

.sect-aikat { background: #FFF url(../img/ui/bg_body_aikat.gif) 0 0 repeat-x; }
.sect-liput { background: #FFF url(../img/ui/bg_body_liput.gif) 0 0 repeat-x; }
.sect-infoa { background: #FFF url(../img/ui/bg_body_infoa.gif) 0 0 repeat-x; }


DIV, IMG, P, H1, H2, H3, H4, UL, OL, FORM {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	color: #E8B13B;
}

A:HOVER, A:VISITED:HOVER {
	color: #888;
}

DIV#site {
	width: 809px;
	border-top: 4px solid #A3A5AA;
	background: #FFF;
	margin: auto;
	font-size: 1.2em;
	line-height: 1.75em;
}

.sect-aikat DIV#site { border-top: 4px solid #D93943; }
.sect-liput DIV#site { border-top: 4px solid #FFB94A; }
.sect-infoa DIV#site { border-top: 4px solid #526176; }


DIV#header {
	width: 809px;
	height: 100px;
}

DIV#header H1 {
	width: 202px;
	height: 100px;
	background: #FFF url(../img/logo/citybussi_header.gif) 0 0 no-repeat;
	float: left;
}

DIV#header H1 A {
	display: block;
	width: 202px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
}



UL#navi-main {
	width: 560px;
	height: 45px;
	background: #FFF url(../img/ui/navi_main.gif) 0 0 no-repeat;
	margin-top: 42px;
	padding: 2px 0 0 2px;
	list-style: none;
	float: right;
}

UL#navi-main LI {
	display: block;
	height: 43px;
	margin-right: 3px;
	line-height: 43px;
	float: left;
}

LI#mn-aikat { width: 181px; }
LI#mn-liput { width: 171px; }
LI#mn-infoa { width: 200px; margin-right: 0 !important; }

UL#navi-main LI A {
	display: block;
	height: 43px;
	line-height: 43px;
	text-indent: -9999px;
	overflow: hidden;
}

LI#mn-aikat A:HOVER, BODY.sect-aikat LI#mn-aikat { background: #FFF url(../img/ui/navi_main.gif) -2px -49px no-repeat; }
LI#mn-liput A:HOVER, BODY.sect-liput LI#mn-liput { background: #FFF url(../img/ui/navi_main.gif) -186px -49px no-repeat; }
LI#mn-infoa A:HOVER, BODY.sect-infoa LI#mn-infoa { background: #FFF url(../img/ui/navi_main.gif) -360px -49px no-repeat; }

DIV#isokuva {
	width: 809px;
	height: 264px;
	background: #FFF url(../img/content/iso_etusivu_2.jpg) 0 0 no-repeat;
}

.alasivu DIV#isokuva {
	width: 809px;
	height: 157px;
}

.sect-aikat DIV#isokuva { background: #FFF url(../img/content/iso_alasivu_3.jpg) 0 0 no-repeat; }
.sect-liput DIV#isokuva { background: #FFF url(../img/content/iso_alasivu_1.jpg) 0 0 no-repeat; }
.sect-infoa DIV#isokuva { background: #FFF url(../img/content/iso_alasivu_5.jpg) 0 0 no-repeat; }

DIV#content {
	width: 805px;
	border-top: 4px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	background: #FFF url(../img/ui/bg_content_index.gif) 0 0 repeat-y;
	padding: 0 2px;
	float: left
}

.alasivu DIV#content {
	border-top: 4px solid #F0F0F0;
	background: #FFF url(../img/ui/bg_content_alasivu.gif) 0 0 repeat-y;
}

DIV#maincontent {
	width: 455px;
	padding: 27px 20px 32px 39px;
	float: left;
}

.alasivu DIV#maincontent { 
	width: 429px;
}

.sect-aikat DIV#maincontent { 
	width: 488px;
	padding: 0;
}


UL#navi-pallot {
	width: 183px;
	height: 43px;
	background: #FFF url(../img/ui/navi_pallot_valakonen.gif) 0 0 no-repeat;
	margin-top: -9px;
	padding: 0;
	list-style: none;
	float: right;
}

UL#navi-pallot.harmaja {
	display: inline;
	background: #FFF url(../img/ui/navi_pallot_harmaja.gif) 0 0 no-repeat;
	margin: 58px 57px 0 0;
}

UL.alalaita {
	display: inline;
	margin: -22px 0 -8px 38px !important;
	float: left !important;
}

UL#navi-pallot LI {
	display: block;
	width: 43px;
	height: 43px;
	margin-right: 3px;
	line-height: 43px;
	float: left;
}

UL#navi-pallot LI#np-0 {
	background: transparent url(../img/ui/sykkiva_nuoli_valkonen.gif) 0 0 no-repeat;
	margin-right: 5px !important;
}

UL#navi-pallot.harmaja LI#np-0 { background: transparent url(../img/ui/sykkiva_nuoli_harmaja.gif) 0 0 no-repeat; }

LI#np-c { margin-right: 0 !important; }

UL#navi-pallot LI A {
	display: block;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-indent: -9999px;
	overflow: hidden;
}

#page-linja-a UL#navi-pallot.harmaja LI#np-a, UL#navi-pallot.harmaja LI#np-a A:HOVER { background: #FFF url(../img/ui/navi_pallot_harmaja.gif) -48px -43px no-repeat; }
#page-linja-b UL#navi-pallot.harmaja LI#np-b, UL#navi-pallot.harmaja LI#np-b A:HOVER { background: #FFF url(../img/ui/navi_pallot_harmaja.gif) -94px -43px no-repeat; }
#page-linja-c UL#navi-pallot.harmaja LI#np-c, UL#navi-pallot.harmaja LI#np-c A:HOVER { background: #FFF url(../img/ui/navi_pallot_harmaja.gif) -140px -43px no-repeat; }

DIV#isoreittikartta {
	position: relative;
	width: 480px;
	height: 455px;
	background: #FFF url(../img/content/reittikartta.gif) 0 0 no-repeat;
	margin: 4px 0 0 4px;
}

DIV#isoreittikartta A {
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
}

A#rk-a {
	left: 355px;
	top: 126px;
}

A#rk-b {
	left: 389px;
	top: 253px;
}

A#rk-c {
	left: 69px;
	top: 384px;
}



DIV#mato {
	height: 51px;
	padding-left: 28px;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 51px;
}

DIV#tabcontrol {
	height: 33px;
	background: #FFF url(../img/ui/bg_hline_tabcontrol.gif) 0 bottom repeat-x;
	padding-left: 28px;
}

DIV#tabcontrol A {
	display: block;
	height: 29px;
	border: 2px solid #E8E8EA;
	background: #E8E8EA;
	margin-right: 4px;
	padding: 0 20px;
	font-weight: bold;
	line-height: 29px;
	color: #95979C;
	float: left;
}

DIV#tabcontrol A:HOVER {
	color: #75777C;
}

DIV#tabcontrol A.active {
	background: #FFF;
	border-bottom: 2px solid #FFF;
	color: #E8B13B;
}

DIV.textcontent {
	padding: 28px;
}

TABLE {
	border-collapse: collapse;
	margin-bottom: 1em;
}

TH, TD {
	padding: 0 5px;
	font-size: 1em;
	text-align: left;
	line-height: 1.55em;
	vertical-align: top;
}

TABLE.timetable TD {
	font-size: 13px;
}

TABLE.timetable TR.row2 { background: #F3F3F3; }

TABLE.timetable TH {
	border-bottom: 2px solid #E8E8EA;
	font-weight: bold;
	vertical-align: middle;
	color: #6B6B6B;
}

#page-linja-a TABLE.timetable TH { color: #CF2127; }
#page-linja-b TABLE.timetable TH { color: #FBB611; }
#page-linja-c TABLE.timetable TH { color: #00435F; }



TABLE.timetable TD {
	border: 1px solid #E8E8EA;
	font-weight: normal;
	vertical-align: middle;
	color: #6B6B6B;
}

TABLE.timetable TR.row0 TD.col1 {
	border-bottom: 2px solid #E8E8EA;
	font-weight: bold;
	color: #6B6B6B !important;
}

TABLE.timetable TR.row0 TD.col2 { 
	border-left: 2px solid #E8E8EA;
	border-right: 3px solid #E8E8EA;
	border-bottom: 2px solid #E8E8EA;
	font-weight: bold;
}

TABLE.timetable TR.row0 TD.col3 {
	border-left: 2px solid #E8E8EA;
	border-right: 0;
	border-bottom: 2px solid #E8E8EA;
	font-weight: bold;
}

TABLE.timetable TD.col1 {
	border-left: 0;
	border-right: 2px solid #E8E8EA;
	font-weight: bold;
}

#page-linja-a TABLE.timetable TD.col1 { color: #CF2127; }
#page-linja-b TABLE.timetable TD.col1 { color: #FBB611; }
#page-linja-c TABLE.timetable TD.col1 { color: #00435F; }

TABLE.timetable TD.col3 {
	border-right: 2px solid #E8E8EA;
}

TABLE.timetable TD.col4 {
	border-right: 3px solid #E8E8EA;
}

TABLE.timetable TD.col5 {
	border-right: 0;
}


TABLE.hintataulu {
	background: transparent url(../img/ui/bg_hintataulukko.gif) 0 2px no-repeat;
}

TABLE.hintataulu TD {
	padding: 0 7px;
	line-height: 24px;
}



DIV#sidecontent {
	width: 289px;
	font-size: 13px;
	line-height: 1.7em;
	float: right;
}

.alasivu DIV#sidecontent {
	width: 315px;
	padding-bottom: 7px;
}

DIV.sideitem {
	padding: 18px 22px 20px 22px;
}

.alasivu DIV.sideitem {
	background: #F0F0F0;
	margin: 0 7px;
	padding: 18px 22px 10px 22px;
}

DIV.sidebanner {
	width: 255px;
	height: 86px;
	margin: 0 7px;
	padding: 10px 23px;
}

DIV#b-aikata { background: #F0F0F0 url(../img/content/bann_lataa_aikataulu.gif) 13px 0 no-repeat; }
DIV#b-annapa { background: #F0F0F0 url(../img/content/bann_anna_palautetta.gif) 13px 0 no-repeat; }
DIV#b-ajanko { background: #F0F0F0 url(../img/content/bann_ajankohtaista.gif) 13px 0 no-repeat; }

DIV.sidebanner A {
	display: block;
	width: 255px;
	height: 73px;
	text-indent: -9999px;
	overflow: hidden;
}

DIV.separator {
	border-top: 2px solid #E8E8EA;
}

H2, H3 {
	font-weight: normal;
	letter-spacing: -1px;
	color: #605F5E;
}

DIV#maincontent H2 {
	padding-bottom: 0.8em;
	font-size: 1.6em;
}

DIV#sidecontent H2 {
	padding-bottom: 0.6em;
	font-size: 1.45em;
}

DIV#maincontent H3 {
	padding-bottom: 0.2em;
	font-size: 1.25em;
}

P {
	padding-bottom: 1.2em;
}

DIV#sidecontent P {
	padding-bottom: 1em;
}

P.newsitem {
	color: #38A7EE;
}

SPAN.newsitem {
	padding-right: 7px;
	font-weight: bold;
	color: #38A7EE;
}

UL {
	padding: 0 0 1em 1.2em;
}



ADDRESS {
	display: block;
	padding: 11px 0 11px 28px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #525355;
	clear: both;
}

ADDRESS A, ADDRESS A:VISITED {
	text-decoration: underline;
	color: #525355;
}