@media screen {
	body { background: #e8edf2 url('img/background.gif') repeat-y; color: #173c8d; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0; padding: 0;}
	h1 { font-size: 16pt; text-transform: uppercase;}
	h2 { font-size: 14pt; font-weight: normal;}
	h3 { font-size: 12pt; }
	p, h4, h5, h6, td, li  { font-size: 10pt; }
	a { color: #0000ee; text-decoration: underline; }
	a:visited { color: #1a1a8b; text-decoration: underline; }
	a:hover { text-decoration: none; }
	li { list-style-type: square; }
	td { vertical-align: top; }
	input, textarea { width: 300px; border: 1px solid #9eacd7; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #173c8d; }

	a.ilmoittautumislinkki { width: 152px; height: 30px; background: url('img/bluebutton.gif') no-repeat scroll top right; display: block; float: left; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10pt; }
	a.ilmoittautumislinkki span { display:block; line-height: 20px; padding: 5px 0 5px 10px; }
	a.ilmoittautumislinkki:active { background-position: bottom right; color: #000; outline: none; }
	a.ilmoittautumislinkki:active span { padding: 6px 0 4px 11px; }

	.clearer { clear: both; font-size: 1px; }

	.quicklinklist { padding-left: 0pt; margin: 0pt; }
	.quicklinklist li { padding-top: 2pt; list-style-type: none; }
	.kurssihakutag, .tag { color: #2e3c87; text-decoration: none; font-weight: bold; }
	.kurssihakulista { padding: 0; margin: 0; }
	.kurssihakulista li, .aikataululista li, .kurssitiedot li { list-style-type: none; }
	.paivaohjelma { float: left; width: 340px; padding-left: 5px; padding-right: 5px; margin-right: 10px; border: 1px solid navy; }
	.paivaohjelma h4 { background-color: #eeeeee; padding: 3px; }


	#vasen { position: absolute; left: 0px; top: 0px; padding: 0; width: 250px; height: 600px; background: #e8edf2 url('img/menubackground.jpg') no-repeat; }
	#logo { position: relative; top: 12px; left: 0px; width: 250px; height: 100px; }
	#logoimg { display: none; }
	#valikko { position: relative; top: 100px; left: 25px; width: 175px; padding: 0; font-size: 10pt; font-weight: bold; text-transform: uppercase; text-align: left; }
	#valikko ul { padding: 0; margin: 0; }
	#valikko li { padding: 0; margin: 0; list-style-type: none;}
	#valikko a { text-decoration: none; }
	#valikko a:hover { text-decoration: underline; }

	#yhteystiedot { position: relative; top: 200px; left: 25px; width: 175px; margin: 0px 0px 0px 0px; padding: 0; }

/*	14.9.2007/JT
	#oikea { position: absolute; top: 0px; left: 250px; width: 750px; background-color: #ffffff; }
*/
	#oikea { position: relative; margin: 0; padding: 0; top: 0px; left: 250px; width: 750px; background-color: #ffffff; }


	#ylapalkki { position: absolute; top: 55px; left: 0px; height: 57px; padding: 0; width: 100%; background-color: #173c8d; border-top: 2px solid white; border-bottom: 2px solid white; }
	#ylapalkki ul { position: absolute; top: 30px; left: 0px; width: 100%; padding: 0; margin: 0; }
	#ylapalkki li { display: inline; padding-left: 1em; margin: 0; }
	#ylapalkki a {	font-size: 8pt; text-transform: uppercase; color: #ffffff; }
	#ylapalkki a { text-decoration: none; }
	#ylapalkki a:hover { text-decoration: underline; }

	#polku { position: relative; top: 114px; width: 100%; left: 0px; background-color: #e0e0f0; font-size: 8pt; }
	#sisalto { position: relative; margin-top: 130px; left: 0px; width: 750px; padding: 0; background: #ffffff; }
	#leipiskentta { position: relative;	top: 0px; left: 20px; width: 725px; padding-bottom: 24pt; }

	#marginaali { float: right; padding: 5px; margin: 0px 0px 20px 5px; border-left: 3px solid #9eacd7; background-color: #ffffff; }
	#marginaali p { width: 180px; }
	#marginaali a { font-weight: bold; text-decoration: none; }
	#marginaali a:hover { text-decoration: underline; }

	#footer { position: relative; display: block; width: 100%; left: 0px; text-align: center; border-top: 1px solid; z-index: 1; padding-bottom: 20px; }
	#footer p { display: block; font-size: 8pt; }
	#lomake { width: 500px; }

}

@media print {
	body { background-color: #ffffff; color: #000000; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10pt; }
	h1 { font-size: 16pt; }
	h2 { font-size: 14pt; }
	h3 { font-size: 12pt; }
	p, h4, h5, h6, td, li  { font-size: 10pt; }
	a { color: #2e3c87; text-decoration: underline; }

	.ilmoittautumislinkki { display:none; }
	#vasenreuna, #valikko, #ylapalkki { display: none; }
	#logo { position: relative; float: left;}
	#logoimg { display: block; }
	#yhteystiedot { position: relative; text-align: right;}
	#oikea { position: relative; }
	#marginaali { float: right; }
	#footer { border-top: 1px solid black; text-align: center;}
	#footer p { font-size: 8pt; }
}