html{
	overflow-y:	scroll;
}

html, body{
	width:	100%;
}

body, html, #div_left, #div_right, #header, #frame{
	margin:		0em 0em 0em 0em;
	padding:	0em 0em 0em 0em;
	font-size:	1.0em;
}

body{
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size:					1.0em;
	color: 							#666666;
	background: 				url("webpic/bbg5.gif");
	background-repeat:	repeat-x;
}

/* Div-elementtien olennaisimmat säädöt */
#header{
	height:				auto;
	width:					100%;
	position:				relative;
}

#div_left, #div_right, #frame{
	position:		relative;
}

#div_left{
	width:			235px;
	float:			left;
}

#div_right{
	width:			65%;
	float:			left;
}

#frame{
	width:		100%;
}

#logo{
	display:		block;
}

#footer{
	width:		100%;
	float:	left;
}

#footertext{
	width:					100%;
	font-size:			0.8em;
	letter-spacing:	1.3px;
	color:					#666666;
}
	
a:hover {
	color: 						#FF0000;
	text-decoration:	underline;
}

.navi{
	border:		0em 0em 0em 0em;
	overflow:	hidden;
	padding:	0em 0em 0em 0em;
	float:			left;
}

.langbar{
	letter-spacing:		1px;
	color: 						#C8C8B7; 
	text-decoration: 	none;
	float:						right;}
	
.langbar a{
	margin: 0em 0em 0em 0em;
}

.update p{
	font: 						0.9em Verdana, Arial, Helvetica, sans-serif;
	color: 						#C8C8B7;
	text-decoration: 	none;
	float:						right;
	margin:					0em 0em;													
}

.calender{
	outline:		2px double #ddd;
	padding:	1em 1em 1em 1em;
	width:			auto;
}

.calender table, .calender div, .calender .lightborders_n_e_s, .calender .lightborders_e_s{
	overflow:	visible;
}

.calender td, .calender .lightborders_n_e_s, .calender .lightborders_e_s {
	height:	18px;
}

.calender td{
	border-right:	1px solid grey;
	border-bottom:	1px solid grey;
}

.div_right table{
	width:					100%;
	position:				relative;
	margin:				0em 0em 0em 0em;
	background:		url('webpic/trans.gif');
	overflow:			visible;
}



/* Taulukkoihin liittyvät kauheudet */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666;
}



/* Menun ja navigaation muotoilut */
#menu{
	outline:	0px solid black;
	width:		100%;
	clear:		both;
}

#menu ul{
	padding:	0em 1em 0em 0em;
	margin:		0em 0em 0em 0em;
}

#menu a, #menu li {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			0.97em;
	color: 					#FFFFFF;
	text-decoration: none;
	text-align: 			right;
	list-style:			none;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
}

#menu a:hover {
	color: #000000; text-decoration: none; text-align: right;
}

#menu ul li ul li{
	padding:	0em 0em 0em 0em;
	
}

a.menu {color: #FFFFFF; text-decoration: none; text-align: right}

.menu2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0 em;
	color: #B9B9A2;
	text-decoration: none;
}

.menu2 a {
	margin: 1.5em 0.5em 1em;
}

/*
a.menu2, .menu2 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #006699; text-decoration: none; font-weight: normal}
a.menu2:hover, .menu2 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666666; text-decoration: underline; font-weight: normal}
*/

#additional_links a{
	margin:		0em 1em 0em 1em;
	font-size:	0.9em;
	 color: #006699;
	 text-decoration: none;
	 font-weight: normal;
	 float:		right;
}

#additional_links a:hover{
	color: #666666; text-decoration: underline;
}




/* Tekstin ulkonäön muotoilut */
p,#footertext,a{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

p,table p{
/*	color: 					#666666;*/
	font-size: 			1.0em;
	line-height: 		1.2em;
	margin:				1.5em 0.5em 1em 0.5em;	
	color: 					#333333;
	text-decoration: none;
}

a {
	color: #0066CC;
	text-decoration: underline;
	font-size: 			1.0em;}

a:visited {  }



/* Otsikoiden säätö */
h2,h3,h4,h5, .otsikko2, .otsikko3{
	margin:	1em 0.1em 0.5em 0.1em;
}

.otsikko, .otsikko1, h1, table h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; color: #8CBC19; letter-spacing: 1px; text-decoration: none; margin: 1em 0.5em 2em 0.5em;}
.otsikko2, h2, table tr td h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; color: #8CBC19; letter-spacing: 1px; font-weight: bold;}
.otsikko3, h3, table h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #8CBC19; letter-spacing: 1px; font-weight: bold;}




/*a.otsikko {  font-family: "Courier New", Courier, mono; font-size: 15px; color: #F0F0EC; text-decoration: none; line-height: 17px; background-color: #006666; font-weight: normal}
a.otsikko:hover {  font-family: "Courier New", Courier, mono; font-size: 15px; color: #FF0000; text-decoration: none; line-height: 17px; background-color: #FFFFFF; font-weight: normal}
/*
.infotxt {  font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none}
a.infotxt:hover { COLOR: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; text-decoration: underline; font-weight: normal}
a.infotxt { COLOR: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; text-decoration: none; font-weight: normal}
.osoite {  font: 12px Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: none; letter-spacing: 1px}
a.osoite:hover { font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: underline; letter-spacing: 1px}
a.osoite { font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: none; letter-spacing: 1px}

.lomake { BORDER-RIGHT: #006699 0px solid; BORDER-TOP: #006699 0px solid; FONT-SIZE: 12px; BORDER-LEFT: #006699 0px solid; COLOR: #000000; BORDER-BOTTOM: #006699 1px solid; FONT-FAMILY: "Courier New", Courier, mono; background-color: #FFFFFF; text-decoration: none}
.lomake2 { BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #006699 1px solid; COLOR: #000000; BORDER-BOTTOM: #006699 1px solid; FONT-FAMILY: "Courier New", Courier, mono; background-color: #FFFFFF; text-decoration: none}
.lomakenappi { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; background-color: #000000; font-weight: bold ; cursor: hand}
.copyright {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #C8C8B7; text-decoration: none}
a.copyright {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #C8C8B7; text-decoration: none }
a.copyright:hover {COLOR: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; font-weight: normal}
*/

/* Listat */
dt{
	margin:	0.3em 0em 0em 0em;
	
}

dd{
	margin:	0.1em 0em 0.1em 1.5em;
}

li {
	font-size: 			1.0em;
	line-height:		18px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color: 					#333333;
	text-decoration: none;
}




.pic {color: #FFFFFF}

#div_right img{
	border:	1px solid black;
}

/*
.leipatxt2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #333333; text-decoration: none }
.bg {background-image: url(webpic/bgb.gif); background-repeat: no-repeat; background-position: right bottom}
.pages {font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: none; font-size: 11px}
a.pages {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none; font-size: 11px; font-weight: normal}
a.pages:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 11px; background-color: #999999; font-weight: normal}
.menu3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #009966; text-decoration: none; letter-spacing: 1px}
a.menu3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #009966; text-decoration: none; letter-spacing: 1px; font-weight: normal}
a.menu3:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #EDEDE7; text-decoration: none; letter-spacing: 1px; font-weight: normal}
.infotxt2 { font: normal 12px/17px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none }
a.infotxt2 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #99CC00; text-decoration: none ; letter-spacing: 1px}
a.infotxt2:hover { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: none ; letter-spacing: 1px}


br {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666}
*/

#keywords{
	visibility:	hidden;
	display:	none;
}