head
{
  margin: 10px;
}

body
{
  background-color:rgb(252,255,255);
  //background-image: url(pics/bg2.jpg);
  margin: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  
}

div#l_btn1 {
	position: absolute; left: 60px; top: 240px;
}
div#l_btn2 {
	position: absolute; left: 294px; top: 240px;
}
div#l_btn3 {
	position: absolute; left: 480px; top: 240px;
}
div#l_btn4 {
	position: absolute; left: 699px; top: 240px;
}
div#l_btn5 {
	position: absolute; left: 846px; top: 240px;
}

div#l_sl1 {position: absolute; left: 121px; top: 286px;}
div#l_sl2 {position: absolute; left: 246px; top: 286px;}
div#l_sl3 {position: absolute; left: 376px; top: 286px;}
div#l_sl4 {position: absolute; left: 487px; top: 286px;}
div#l_sl5 {position: absolute; left: 618px; top: 286px;}
div#l_sl6 {position: absolute; left: 744px; top: 286px;}
div#l_sl7 {position: absolute; left: 814px; top: 286px;}

div#top1 {
	position: absolute; left: 10px; top: 10px;
}
div#top2 {
	position: absolute; left: 345px; top: 390px;
}
div#top1a{
	position: absolute; left: 10px; top: 25px;
}
div#top2a {
	position: absolute; left: 345px; top: 405px;
}
div#iLink1 {
	/*position: absolute; left: 400px; top: 458px;*/
	position: absolute; left: 380px; top: 468px;
}
div#iLink1b {
	/*position: absolute; left: 400px; top: 458px;*/
	position: absolute; left: 380px; top: 474px;
}
div#iLink2 {
	/*position: absolute; left: 420px; top: 510px;*/
	position: absolute; left: 396px; top: 520px;
}
div#iLink2b {
	position: absolute;
	left: 427px;
	top: 524px;
}
div#iLink3 {
	position: absolute;
	left: 390px;
	top: 670px;
	width: 190px;
	height: 40px;
}
div#pic {
	position: absolute; left: 640px; top: 360px;
}

table, tr, td {
	border-width: 1px;
	border-collapse: collapse;
	margin: 0px,0px,0px,0px
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: top;
	padding: 10px;
}

/*iframe.a {background-color:#F0F0E6;}*/

table.noPaddingTable {padding: 0px;}
table.noPaddingTableGray {padding: 0px;background-color:#F0F0E6;}

td.noPaddingTd {padding: 0px;}
tr.noPaddingTr {padding: 0px;}
tr.noPaddingTrGray {padding: 0px;background-color:#F0F0E6;}
td.noPaddingTdGray {padding: 0px;background-color:#F0F0E6;}


table.intro {
	position: absolute; left: 10px; top: 410px;
}

table.rajataide {
	position: absolute; left: -40px; top: 290px;
	margin: 10px;
}
table.rajatila {
	position: absolute; left: -40px; top: 300px;
	margin: 10px;
}
table.rajatila2 {
	position: absolute; left: -30px; top: 292px;
	margin: 10px;
}
table.rajatila2b {
	position: absolute; left: -30px; top: 305px;
	margin: 10px;
	table-layout: fixed;
}
table.rajatila3 {
	position: absolute; left: 10px; top: 300px;
	margin: 10px;
}
table.rajatila4 {
	position: absolute; left: -20px; top: 300px;
	margin: 10px;
}

table.rajataide2 {background-color:#FFFFCD;padding: 0px; }

td.introLeft {color: #000000; position: absolute; left: 10px; width: 300px;}
td.introMiddle {color: #00ff00; position: absolute; left: 350px; width: 300px;}
td.introRight {color: #000000; position: absolute; left: 650px; width: 300px;}
td.rc1 {width: 100px;}
td.rc2 {width: 490px;}
td.rc2b {width: 480px;}
td.rc3 {width: 400px;}
td.rc3b {width: 390px;}
td.rc3c {width: 400px;background-color:#FFFFCD;}
td.rc4, td.rc4b {background-color:#FFFFCD;}
td.rc4b {width: 382px}
td.rc5 {background-color:#F0F0E6;}
td.rc6 {height:1px;
	margin:0px;
	padding:0px;

}
td.rc7, td.rc8  {height:4px;
	font-size: 2px;
	margin:0px;
	padding:0px;
	line-height:1px;
}
td.rc7 {background-color:#676701;}
td.rc9 {width: 800px;}
td.rc10 {width: 380px;}
td.rc11 {width: 358px};
}
td.rajataideFooter {
	margin:0px;
	padding:0px;
	line-height: 10pt;
}

td.rajataideFooter p {
	border: medium double rgb(250,0,255);
	font-size:10px;
	line-height: 10pt;
}

iframe.ohjelma {
	border: 0px;
	margin:0px,0px,0px,0px;
	padding:0px,0px,0px,0px;
	background-color:#F0F0E6;
}


span.firstThree {color:#676701;font-size:17px;font-weight: normal;}
b.lt {
	font-size: 17px;
	font-weight: bold;
	color: #676701;
}
b.lt2{
	font-size: 16px;
	font-weight: normal;
	color: #676701;
}

h1, h2.hl h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 18px;
	font-weight: normal;
	color: #676701;
	margin: 0px;
}

h2 {
	font-size: 36px;
	font-weight: normal;
	color: #676701;
	margin: 0px;
	line-height: 40pt;
}
h2.hl {
	font-size: 25px;
	font-weight: normal;
	color: #676701;
	margin: 0px;
}
h3 {
	font-size: 17px;
	font-weight: normal;
}
h3.v {
	color: #676701;
	line-height: 0px;
}
h3.papu {
	font-size: 24px;
	font-weight: normal;
}
h4 {
	font-size: 14px;
	font-weight: bold;
}
h4.v {
	color: #676701;
	line-height: 10px;
}
h4.n {
	font-size: 14px;
	font-weight: normal;
}

h2.nh2 {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

h3.h3b {
font-weight: normal;

}


p
{
	margin: 10px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p.foot {
	margin: 0px;
	padding:0px;
	font-size:10px;
	line-height:0px;
}

p.noPaddingP {
	margin: 0px;
	padding:0px;
}

p.nbh3 {
	font-size: 50px;
	margin: -20px, -20px, -20px, -20px;
}


div#close {
	position:absolute;left: 523px;top:19px;
}
div#back {
	position:absolute;left:481px;top:187px;
}
div#forward {
	position:absolute;left:481px;top:82px; 
}
div#leftText 
{
	position:absolute;left:40px;top:255px;width:290px;
	font-size: 20px;
}
div#leftText p
{
	font-size: 24px;
	color: #FFFF00;
}

div#leftText_sub1
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 22px;
	position:absolute;left:67px;top:255px;width:190px;
}

div#leftText_sub1 p
{
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

div#leftText_sub2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	position:absolute;left:67px;top:255px;width:210px;
}

div#leftText_sub2 p
{
	font-size: 13px;
	font-weight: normal;
}

div#apu h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}

div#apu b
{
	font-size: 14px;
}
	
div#menu1
{
	position:absolute;left:380px;top:37px;width:400px; 
}
div#menu2
{
	position:absolute;left:655px;top:37px;width:100px; 
}
div#menu3
{
	position:absolute;left:790px;top:85px;width:170px; 
}
div#sub1_text1 {
	position:absolute;left:380px;top:368px;width:490px; 
}
div#sub5_text1 {
	position:absolute;left:377px;top:314px;width:490px; 
}
div#sub1_text1  p, div#sub5_text1 p {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

div#tuote {
	font-family: Arial, Helvetica, sans-serif;
}
div#tuote h1 {
	font-size: 24px;
}
div#tuote p {
	font-size: 12px;
}
div#tuote h2 {
	font-size: 22px;
}

div#ohjelmaId  {
	position:absolute;left:550px;top:25px;width:490px; 
}


ul { 
	list-style-position: outside;
	margin-left: 15px;
	padding: 0;
} 


b.iso1 {
	font-size: 30px;
}

p.indexText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a.engLink:link, a.engLink:visited {	
	font-size: 20px;
	font-weight: normal;
	color: #333300;
}
a.engLink:hover {	
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}
a.mainLink:link, a.mainLink:visited, a.mainLink:hover {	
	font-size: 20px;
	font-weight: normal;
	color: #FF9900;
}

a.mainLink:hover {	
	color: #000000;
}

a.kuva:link, a.kuva:visited, a.a.kuva:hover {	
	color: #FFFFCD;
	line-height: 1px;
	padding:2px;
	display:block;
	border: 2px solid #FFFFCD;

}
a.kuva:hover,a.kuva:active   {	
	border: 2px solid #FF9900;
}

a.link2:link, a.link2:visited, a.link2:hover {	
	color: #FF9900;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	line-height: 12pt
}

a.link2:hover {
	color: #000000;
}

a.ohjelma:link, a.ohjelma:visited, a.ohjelma:hover {	
	color: #FF9900;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.ohjelma:visited {
	font-size: 12px;
}

a.ohjelma:hover {
	color: #000000;
	/*color: #676701;*/
	/*font-size: 16px;*/
	/*text-decoration: underline;*/
}

a.ots:link, a.ots:visited, a.ots:hover {	
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	line-height: 10pt;
}
a.pdf:link, a.pdf:visited, a.pdf:hover {	
	color: #FF9900;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	line-height: 10pt;
}
a.pdf:hover {
	color: #000000;
}

a.arkisto:link, a.arkisto:visited, a.arkisto:hover {	
	color: #FF9900;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	line-height: 12pt;
}
a.arkisto:hover {
	color: #000000;
}




a.mail2:link, a.mail2:visited, a.mail2:hover {	
	color: #FF9900;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}



a.mlink:link, a.mlink:visited, a.mlink:hover {	
	color: #5C3D3B;
	font-size: 14px;
	line-height: 170%;
	text-decoration: none;
	font-weight: normal;
}

  

a:link, a:visited, a:hover {	
	color: #000000;
	font-size: 14px;
	line-height: 170%;
	text-decoration: none;
	font-weight: bold;
}	
	
}
a:visited, a:link {	
	color: #000000;
	font-weight: bold;
}

a:hover {
	color: #FF9900;
	font-weight: bold;
}



/*
#leftField {
	width: 600px;
	background:green;
	padding:4px;
}

#rightfield {
background:#F5F8FA;
 width:200px;
 }
#footer {
	width: 800px;
	background:red;
	clear:both;
	border-top: 2px dotted #B74E07;
}

#topmost {
	
}
#middle {
	width: 800px;
	border-top: 2px dotted #B74E07;
	border-right: 2px dotted #B74E07;
	vertical-align: top;	
}
#bottom {
	
} */

