body         { font-family: Verdana, sans-serif; }

.message     { background: transparent; color: #007700; font-weight: bold; text-align: center; }
.error       { background: transparent; color: #FF0000; font-weight: bold; text-align: center; }

.float_left  { float: left;  padding: 0 10px 10px 0; }
.float_right { float: right; padding: 0 0 10px 10px; }

.nobr        { white-space: nowrap; }
.image       { border: 0; display: block; }
img          { border: 0; }
form         { margin: 0; }
th           { text-align: center; }

.skip_to_content { position: absolute; left: -1000px; width: 900px; }

@media screen {
	a           { font-weight: bold; }
	a:link      { background: transparent; color: #0000FF; }
	a:visited   { background: transparent; color: #000077; }
	a:hover     { background: transparent; color: #000000; }
	a:active    { background: transparent; color: #000000; }

	a.r         { font-weight: normal; }
	a.r:link    { background: transparent; color: #000000; }
	a.r:visited { background: transparent; color: #AAAAAA; }
	a.r:hover   { background: transparent; color: #DD0000; }
	a.r:active  { background: transparent; color: #DD0000; }
}
@media print {
	a:link      { background: transparent; color: #000000; }
	a:visited   { background: transparent; color: #000000; }
	a:hover     { background: transparent; color: #000000; }
	a:active    { background: transparent; color: #000000; }
}

@media screen {
	body                      { background: #FFFFFF; color: #000000; margin: 0; padding: 0; }

	.div_header               { background: #555555 url(/k/0523_9293.jpg) repeat-x; color: #FFFFFF;
	                            height: 200px; }

	.logo                     { position: absolute; left: 0; top: 0; z-index: 100;
	                            padding: 4px 20px; background: transparent; color: #FFFFFF; text-shadow: #000000 4px 4px 15px; }
	.logo a                   { text-decoration: none; }
	.logo a:link              { background: transparent; color: #FFFFFF; }
	.logo a:visited           { background: transparent; color: #FFFFFF; }
	.logo a:hover             { background: transparent; color: #DDDDDD; }
	.logo a:active            { background: transparent; color: #DDDDDD; }

	.search                   { position: absolute; right: 0; top: 0; z-index: 90;
	                            padding: 10px; background: transparent; color: #FFFFFF; }
	.search #as_q_label       { display: none; }
	.search #as_q             { margin: 0 10px 0 0; }
	.search #btnG             { font-size: 80%; }

	.bc td                    { height: 200px; vertical-align: bottom; }

	.breadcrumb               { padding: 7px 20px; background: transparent; color: #FFFFFF; text-shadow: #000000 0px 0px 5px; }
	.breadcrumb a             { font-weight: normal; }
	.breadcrumb a:link        { background: transparent; color: #FFFFFF; }
	.breadcrumb a:visited     { background: transparent; color: #FFFFFF; }
	.breadcrumb a:hover       { background: transparent; color: #DDDDDD; }
	.breadcrumb a:active      { background: transparent; color: #DDDDDD; }

	.div_container            { }

	.div_main                 { position: absolute; left: 220px; padding: 15px 20px 10px 0; }

	.div_menu                 { position: absolute; left: 0;     padding: 15px 0 0 10px; }

	.menu                     { width: 200px; }
	.menu a                   { font-weight: normal; text-decoration: none; }
	.menu a:link              { background: transparent; color: #000000; }
	.menu a:visited           { background: transparent; color: #000000; }
	.menu a:hover             { background: transparent; color: #DD0000; }
	.menu a:active            { background: transparent; color: #DD0000; }
	.menu b                   { background: transparent; color: #DD0000; }
	.menu span                { background: transparent; color: #777777; }

	.menu ul                  { margin: 0; padding: 0; list-style: none; }
	.menu li                  { margin: 0; padding: 0; display: inline; }

	.menu li a                { display: block; }
	.menu li b                { display: block; }
	.menu li span             { display: block; }
	.menu li li a             { font-size: 90%; }
	.menu li li b             { font-size: 90%; }
	.menu li li span          { font-size: 90%; }

	.menu li a                { padding: 6px 8px 6px 10px; }
	.menu li b                { padding: 6px 8px 6px 10px; }
	.menu li span             { padding: 6px 8px 6px 10px; }
	.menu li li a             { padding: 6px 8px 6px 20px; }
	.menu li li b             { padding: 6px 8px 6px 20px; }
	.menu li li span          { padding: 6px 8px 6px 20px; }
	.menu li li li a          { padding: 6px 8px 6px 30px; }
	.menu li li li b          { padding: 6px 8px 6px 30px; }
	.menu li li li span       { padding: 6px 8px 6px 30px; }
	.menu li li li li a       { padding: 6px 8px 6px 40px; }
	.menu li li li li b       { padding: 6px 8px 6px 40px; }
	.menu li li li li span    { padding: 6px 8px 6px 40px; }
	.menu li li li li li a    { padding: 6px 8px 6px 50px; }
	.menu li li li li li b    { padding: 6px 8px 6px 50px; }
	.menu li li li li li span { padding: 6px 8px 6px 50px; }
}
@media print {
	.div_header { display: none; }
	.div_menu   { display: none; }
	.no_print   { display: none; }
}

h1      { margin-top: 0; }
h1 + h2 { margin-top: 0; }
h2      { margin-top: 1.5em; }

@media screen {
	table.ddf             { border: 0; }
	table.ddf th          { background: #FAE7BA; color: #000000; border: 0; }
	table.ddf td          { background: #FAE7BA; color: #000000; border: 0; }
	table.ddf th.selected { background: #F5CE7F; color: #000000; }
	table.ddf td.selected { background: #F5CE7F; color: #000000; }
}
@media print {
	table.ddf             { border: 1px solid #000000; border-collapse: collapse; }
	table.ddf th          { border: 0; }
	table.ddf td          { border: 0; }
}

.ddf h1 { margin: 0; }
.ddf h2 { margin: 0; }
.ddf p  { margin-bottom: 0; }

@media screen {
	.takaisin { font-size: 90%; margin-top: 50px; }
}
@media print {
	.takaisin { display: none; }
}

.gray                   { background: transparent; color: #AAAAAA; }
.red                    { background: transparent; color: #DD0000; }

.u                      { text-decoration: underline; }

ul li, ol li            { padding-bottom: 10px; }

input, textarea         { font-family: Arial, sans-serif; font-size: 90%; }

.ohjelma .pvm           { font-weight: bold; white-space: nowrap; }
.ohjelma .ots           { font-weight: bold; font-size: 130%; background: transparent; color: #DD0000; }
.ohjelma .lis           { margin-top: 7px; }

.ind .tek               { text-align: left; white-space: nowrap; }
.ind .ots               { text-align: left; }
.ind .pvm               { text-align: right; }

.gal .k                 { margin: 0 5px 5px 0; }
.k                      { background: #333333; color: #FFFFFF; padding: 7px; float: left; }
.k img                  { background: #FFFFFF; color: #000000; padding: 1px; }
.imagetext              { text-align: center; margin-top: 7px; }

.cl                     { clear: both; }
p.cl                    { padding-top: 10px; }
h2.cl                   { margin-top: 0; }

.sivustokartta ul       { margin: 0; padding: 0; list-style: none; }
.sivustokartta li li    { padding-left: 20px; padding-top: 0; padding-bottom: 0; }
.sivustokartta li li ul { margin-bottom: 10px; }