* { margin:0px; padding:0px}

body {
	background: url(../pics/yld/taust_body.gif) bottom left no-repeat fixed;
	background-color:#D7CCB1;
	margin: 0px;
}

#mainbg{
	background: url(../pics/yld/taust_yla.jpg) top left repeat-x;
	display: block;
	width: 100%;
	min-height:600px;
	height: auto !important;
	height:600px;
	overflow: hidden; /*Firefoxile*/
	margin:0 auto;
}

#maincontent {
	display: block;
	margin: 0px auto;
	width: 990px;
	overflow: hidden; /*Firefoxile*/
}

#mainarea {
	background: url(../pics/yld/taust_sisu.jpg) top left repeat-y transparent;
	display: block;
	width: 990px;
	overflow: hidden; /*Firefoxile*/
}

#header{
	background: url(../pics/yld/logo_yla.jpg) top left no-repeat transparent;
	display: block;
	text-align:right;
	height: 145px; 
	width: 990px;
	margin: 0;
	overflow: hidden; /*Firefoxile*/
}

/*top menüü*/
.topmenu {
	height:16px;
	position: inherit;
	margin: 105px 0px 0px 0px;
}

.topmenu img {padding:0px 7px 0px 0px; vertical-align:top}

.topmenu ul {padding:0; margin:0; list-style: none;}
.topmenu ul li {float:right; position:relative;}

/*VASAK PAAN*/
#leftban {
	float:left;
	z-index:3;
}

#menybg {
	background: url(../pics/yld/taust_menyy.jpg) repeat-y;
	display: block;
	width: 225px;
	overflow: hidden; /*Firefoxile*/
	margin:5px 0px 10px 15px;
	z-index:3;
}

#meny {
	background: url(../pics/yld/taust_menyy_yla.jpg) top right no-repeat;
	width: 211px;
	padding: 10px 0px 15px 10px;
	overflow: hidden; /*Firefoxile*/
}

#meny .imag {
	float: left;
	padding-top: 6px;
}

#meny div.men1 {
	background: left url(pics/all/meny_string.jpg) no-repeat;
	vertical-align: middle;
	text-align: left;
	letter-spacing: 0.01cm;
	color: #502532;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	text-decoration: none;
	padding-top: 4px;
	margin-left:16px;
}

#meny div.men1 A {
	color: #502532;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	text-decoration: none
}

#meny div.men1 A:hover {
	color: #A92E7D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	text-decoration: none
}

#meny div.men2 {
	vertical-align: middle;
	text-align: left;
	letter-spacing: 0.01cm;
	color: #502532;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	text-decoration: none;
	padding-bottom:3px;
	padding-left:16px;
}

#meny div.men2 A {
	color: #502532;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	text-decoration: none
}

#meny div.men2 A:hover {
	color: #A92E7D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	text-decoration: none
}

#meny div.men3 {
	vertical-align: middle;
	text-align: left;
	letter-spacing: 0.01cm;
	color: #502532;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	text-decoration: none;
	padding-bottom:3px;
	padding-left:28px
}

#meny div.men3 A {
	color: #502532;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	text-decoration: none
}

#meny div.men3 A:hover {
	color: #A92E7D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	text-decoration: none
}

/*teated*/
#newsbg {
	background: url(../pics/yld/taust_menyy.jpg) repeat-y;
	display: block;
	width: 225px;
	overflow: hidden; /*Firefoxile*/
	margin:5px 0px 10px 15px;
	z-index:3;
}

#news_header {
	background: none;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12pt;
	letter-spacing: 0.02cm;
	width: 211px;
	padding: 0;
	margin: -5px 0px 10px -5px;
	overflow: hidden; /*Firefoxile*/
}

#news_header  img {padding:0px 9px 0px 0px; vertical-align: middle;}

#news {
	background: url(../pics/yld/taust_menyy_ala.jpg) bottom right no-repeat;
	width: 211px;
	padding: 12px 0px 15px 13px;
	overflow: hidden; /*Firefoxile*/
}

#news .tsisu { padding-bottom:8px }
#news .button { vertical-align:middle }

#news A {
color: #003853;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10pt;
text-decoration: none
}

#news A:hover {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10pt;
text-decoration: underline
}

#news .bold_teade {
color:#333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9pt
}

#news2_rss A {
color: #EC6E00;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9pt;
text-decoration: none
}

#news2_rss A:hover {
color: #EC6E00;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9pt;
text-decoration: underline
}

.bold_uudis {
color:#333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt
}

.bold_uudis2 {
color:#333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt
}

.kp {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt
}

/*otsing*/
#search {
	background: url(../pics/yld/taust_menyy_otsing.jpg) no-repeat;
	display: block;
	text-align:center;
	width: 225px;
	height:49px;
	overflow: hidden; /*Firefoxile*/
	margin:5px 0px 15px 15px;
	padding:13px 0px 0px 0px;
	z-index:3;
}

FORM.sinine {
	margin: 0;
	padding: 0
}

INPUT.kast_sinine {
	border: 1px solid; 
	border-color: #B4B4B4;
	background: #ECE6D9;
	padding: 1px 5px 1px 5px;
	width:110px;
}

INPUT.nupp_sinine { 
	overflow: visible;
	background: none;
	border: none;
	letter-spacing: 0.02cm;
	color: #666; 
	font-weight: bold; 
	font-size: 10px; 
	padding: 1px 2px 1px 0px;
}

.otsing {
border-bottom:1px #CCCCCC dashed;
padding-bottom:10px;
margin-bottom:10px
}

/*bannerid*/
#banner {
	text-align:center;
	margin:0px 0px 30px 15px;
	max-width:225px;
	width:225px;
	z-index:4;
}

/*PAREM PAAN*/
#content {
	background:none;
	float:left;
	width: 725px;
	min-height:650px;
	_height:650px;
	overflow: hidden; /*Firefoxile*/
	margin:5px 0px 0px 10px;
	z-index:6;
}

#flash {
	background: url(../pics/yld/taust_flash.jpg) no-repeat;
	background-color:#D7CCB1;
	width: 725px;
	height:221px;
	overflow: hidden; /*Firefoxile*/
	margin:0;
	padding: 2px 0px 0px 3px; 
	z-index:7;
}

#text {
	margin: 15px 15px 20px 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
}

H2 {
letter-spacing: 0.01cm;
color:#8A4056;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
}

H1, H3, H4 {
letter-spacing: 0.01cm;
color:#8A4056;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

b, B, strong, STRONG {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt
}

A {
color: #CC3333;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10pt;
text-decoration: none
}

A:hover {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10pt;
text-decoration: underline
}

#print {
	float:right;
	position: relative;
	margin-top:-6px;
	margin-right:-6px;
	cursor:pointer;
	z-index: 100;
	visibility: visible;
	/*border: #CCCCCC dashed 1px;*/
}

ul
{
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left:15px
}

/* webmailer */
#mailform { margin-bottom:340px }

.alert { font-weight:bold;color:red }

.form_table {
border:none;
text-align:left;
line-height:24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
padding:4px;
width:400px
}

.short_input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
padding:4px;
width:184px;
height:16px
}

.long_input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
padding:4px;
width:400px;
height:16px
}

.message_box {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
padding:4px;
width:400px
}

.submit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
padding:2px
}

/*sitemap*/
#sitemap {
text-align: left;
letter-spacing: 0.01cm;
color: #1B5978;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:10pt;
text-decoration: none;
margin-bottom:1px
}

#sitemap A {
letter-spacing: 0.01cm;
color: #1B5978;
font-size:10pt;
text-decoration: none
}

#sitemap A:hover {
letter-spacing: 0.01cm;
color: #7B7B1A;
font-size:10pt;
text-decoration: none
}

#sitemap div.site1 { padding: 5px 0px 3px 18px }
#sitemap div.site2 { padding: 0px 0px 3px 30px }
#sitemap div.site3 { padding: 0px 0px 3px 35px }

/*tabelid*/
.table {
border-collapse: collapse;
border: 1px solid #ccc;
empty-cells: show
}

TH.dark {
border: 1px solid #ccc;
text-align:center;
color: #595959;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9pt
}

TH.dark2 {
border: 1px solid #ccc;
text-align:left;
color: #595959;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9pt
}

TD.light {
border: 1px solid #ccc;
text-align:center;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9pt
}

TD.light1 {
border: 1px solid #ccc;
text-align:left;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9pt
}

TD.light2 {
border: 1px solid #ccc;
text-align:left;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9pt
}

TD.light3 {
border: 1px solid #ccc;
vertical-align:middle;
text-align:center
}

TABLE.li00 {
border-top:0px #999 dashed;
border-bottom:0px #999 dashed;
border:none;
width:99%
}

TABLE.li01 {
border-top:0px #c1c1c1 dashed;
border-bottom:1px #003366 dashed;
width:100%
}

#tabel {
border-collapse: collapse;
border: 1px solid #ccc;
empty-cells: show
}

#tabel TH {
border: 1px solid #ccc;
text-align:center;
color: #595959;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9pt
}

#tabel TD {
border-collapse: collapse;
border: 1px solid #ccc;
empty-cells: show
}

#tabel2 {
border-collapse: collapse;
border: 1px solid #ccc;
empty-cells: show;
margin:0px 0px 0px 15px
}

#tabel2 TH {
border: none;
text-align:center;
color: #595959;
font-weight: bold
}

#tabel2 TD {
border-collapse: collapse;
border: none;
empty-cells: show;
padding-left:7px
}

#tabel2 A { color: #4169e1 } 
 
#tabel2 A:hover {
color: #4169e1;
text-decoration: underline
}

/*galerii*/
.fotolink {
border: 1px #ccc solid;
text-decoration: none
}

.fotolink A {
border: 1px #ccc solid;
text-decoration: none
}

.fotolink A:hover {
border: 1px #ccc solid;
text-decoration: none
}

.fotolink A:active {
border: 1px #ccc solid;
text-decoration: none
}

.fotolink A:visited {
border: 1px #ccc solid;
text-decoration: none
}

TD.foto {
text-align:left;
color: #000000;
font-size:10pt
}

TD.foto A {
border: none;
text-align:left;
color: #000000;
font-size:10pt;
text-decoration: none
}

TD.foto A:hover {
border: none;
text-align:left;
color: #000000;
font-size:10pt;
text-decoration: none
}

TD.foto A:active {
border: none;
text-align:left;
color: #000000;
font-size:10pt;
text-decoration: none
}

TD.foto A:visited {
border: none;
text-align:left;
color: #000000;
font-size:10pt;
text-decoration: none
}

.g_scr { vertical-align:bottom }

/*kylalisteraamat*/
#arvamus div {
vertical-align:top;
text-align:left
}

/*scroller*/
.scrl TD {
border: 1px solid #EBEBEB;
text-align:center;
width: 13px;
height:13px
}

/*jalus*/
#footer {
	background: url(../pics/yld/taust_jalus.jpg) bottom right no-repeat;
	display: block;
	width: 990px;
	height:96px;
	overflow: hidden; /*Firefoxile*/
	text-align:center;
	margin-bottom:25px;
}

#footer .text {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	padding-top:63px;
	padding-left:30px;
}

#footer A {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none
}

#footer A:hover {
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: underline
}

.irlogo {
	vertical-align:bottom;
	padding-left:15px;
	padding-top:4px;
	
}

/*muu ja mää*/
.clear{
	clear:both;
}

.dok {
vertical-align:middle;
margin-bottom:3px
}