@charset "utf-8";
/* CSS Document */

#alapalkki{
	
	width: 870px;
	height: 16px;
	float:left;
	margin-top: 25px;
	padding-right: 10px;
	background-color: #ffed00;

}

#alapalkki a:link, #alapalkki a:visited{
color: #a1a1a1;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-style:normal;
}

#alapalkki a:hover, #alapalkki a:visited:hover{
color: #a1a1a1;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
font-style:normal;
}

body{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
line-height: 14px;
background-color: #ffed00;

}

#yla img, #yla_etu img
{
	border:0px;
	padding: 0;
}

#ylavalikko, #ylavalikko td
{
	border-collapse: collapse;
	border:0;
	padding: 0;
}


#mainwrapper{
position: relative;
margin: 0 auto;
width: 870px;


}

h3{
font-size:11px;
font-weight:bold;
padding:0px;
margin:0px;}

p{
padding-top:5px;
padding-bottom:5px;
margin:0px;
}

a:link, a:visited{
color: #005724;
font-style:italic;
font-weight:bold;
text-decoration:none;
}

a:hover, a:visited:hover{

text-decoration:underline;
}
#ylin{
background-image:url(images/yla_bg.gif);
background-repeat:no-repeat;

text-align:right;

background-color:#ffec00;

float:left;


width:100%;
margin:0px;
padding:0px;
height:16px;
}

#yla, #yla_etu{
background-color:#ffec00;
float:left;

height:201px;
width:100%;
margin:0px;
padding:0px;
}





#footer{

position:relative;
float:left;
background-color:#e10019;
height:59px;
width:100%;
margin:0px;
padding:0px;

}
#footer_text{
width:670px;
padding-left:16px;
position:relative;
float:left;
margin-top:13px;

font-weight:bold;
font-size:12px;
color:#ffffff;

}

#footer_text a {
color:#fff !important;
}



#footer_links{
text-align:right;
margin-top:2px;
font-weight:bold;
color:#ffffff;
width:182px;
float:right;
position:relative;
right: 17px;

}

.otsikko{
padding-bottom: 3px;
padding-top:0px;
}

.otsikko01{
padding-bottom: 0px;
padding-top:13px;
}

.otsikko02{
padding-bottom: 0px;
padding-top:12px;
}

.otsikko03{
padding-bottom: 0px;
padding-top:-10px;
}

a:link.link_active, a:visited.link_active {
color: #adbfbf;

}
/* SIVUPOHJA 00 */

#keski00{

height: auto !important; /* for modern browsers */
height: 326px; /* for IE5.x and IE6 */
min-height: 326px; /* for modern browsers */


background-image:url(images/bg_keski00.gif);
background-repeat:repeat-y;
background-color:#ffed00;


width: 100%;
position:relative;


float:left;


}

.news{
padding-top:0px;
padding-bottom: 10px;
}

.kuva00_vas{
/*
padding-bottom:7px;*/
padding-top: 8px;
padding-bottom:2px;
}

#col_left00{
width:267px;

position:relative;
float:left;
left:18px;

}

#col_middle00{
position:relative;

float:left;
left: 26px;
width:313px;
}

#col_middle00_top{
float:left;

background-image:url(images/etusivu_keski_yla.gif);
background-repeat:no-repeat;

width:315px;
height:160px;
}

#col_middle00_top_text{

position:relative;
float:left;
padding-left: 17px;
width: 290px;
}
#col_middle00_bottom{

position:relative;

float:left;

width:313px;

}

#col_middle00_bottom_text{
margin-top: 0px;
padding-top:0px;
position:relative;
float:left;
padding-left: 17px;
width: 161px;
}

#col_middle00_bottom_image{
margin-top: -5px;
position:relative;
float:left;
left: 14px;
padding-bottom: 5px;
}


#col_right00{
text-align:center;
position:relative;
left:28px;
width:262px;
float:left;

}

/* SIVUPOHJA 01 */

#col_left01_ulko{
width:267px;


position:relative;
float:left;
left:18px;

}


#col_left01{
width:267px;


position:relative;
float:left;
height: auto !important; /* for modern browsers */
height: 298px; /* for IE5.x and IE6 */
min-height: 298px; /* for modern browsers */
}


#keski01{

height: auto !important; /* for modern browsers */
height: 324px; /* for IE5.x and IE6 */
min-height: 324px; /* for modern browsers */

background-color:#ffed00; 

width: 100%;
position:relative;
float:left;
}

.col_left01_text{

line-height:19px;
}

.col_left01_text a:link, .col_left01_text a:visited{
color:#000000;
font-weight:normal;
text-decoration:none;
font-style:normal;
}

.col_left01_text a:hover, .col_left01_text a:visited:hover{
color:#000000;
font-weight:normal;

font-style:normal;
text-decoration:underline;
}

#col_middle01{
position:relative;

float:left;
left: 34px;
width:315px;
}


#col_middle01_text{

position:relative;
float:left;
padding-top: 10px;
padding-left: 17px;
width: 290px;
}

#edellinen02{

margin:0px;
padding:0px;
padding-bottom: 5px;

float:left;
position:relative;
}



.kuva01_vas{

float:left;
padding-bottom:7px;
}

/* SIVUPOHJA 02 */

#col_left02_ulko{
width:181px;
position:relative;
float:left;
left:18px;
}


#col_left02{
width:100%;
position:relative;
float:left;
height: auto !important; /* for modern browsers */
height: 298px; /* for IE5.x and IE6 */
min-height: 298px; /* for modern browsers */
}

#col_middle02{

position:relative;
float:left;
left: 58px;
padding-top:30px;

width:407px;
}

#col_right02{

text-align:center;
position:relative;
right:10px;
width:183px;
float:right;
padding-top: 19px;

}

.col_right02_image01{

height: auto !important; /* for modern browsers */
height: 248x; /* for IE5.x and IE6 */
min-height: 248px; /* for modern browsers */


text-align:center;
position:relative;

width:183px;
float:right;


}


.palaute_painike{



position:relative;

width:95px;
float:left;
left:310px;


}


/* SIVUPOHJA 03 */

#col_left03_ulko{
width:95px;
position:relative;
float:left;
left:18px;
}


#col_left03{
width:100%;

position:relative;
float:left;
height: auto !important; /* for modern browsers */
height: 298px; /* for IE5.x and IE6 */
min-height: 298px; /* for modern browsers */
}

#col_middle03a{

position:relative;
float:left;
left: 22px;
top:41px;
width:270px;
height: 248px; 

border-bottom-color: #534c15;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-color: #534c15;
border-left-width: 1px;
border-left-style: solid;
border-top-color: #534c15;
border-top-width: 1px;
border-top-style: solid;


/* koodit vasem. scrollia varten */

unicode-bidi:bidi-override;
direction:rtl;
display:block;

overflow:auto;
padding-top:0px;
padding-bottom: 0px;
margin:0 auto;
padding-left: 13px;
padding-right: 13px;
scrollBAR-FACE-color: #b52126;
scrollBAR-HIGHLIGHT-color: #8e1f23;
scrollBAR-SHADOW-color: #8e1f23;
scrollBAR-3DLIGHT-color: #1a171b;
scrollBAR-ARROW-color: #ffffff;
scrollBAR-TRACK-color: #b52126;
scrollBAR-DARKSHADOW-color: #534c15;
}


#col_middle03b{
position:relative;
float:left;
left: 35px;
padding-top:32px;
width:283px;
height:280px;
}

#col_right03{
font-size: 12px;
position:relative;

top:41px;
width:130px;
height: 248px; 

border-bottom-color: #534c15;
border-bottom-width: 1px;
border-bottom-style: solid;
border-right-color: #534c15;
border-right-width: 1px;
border-right-style: solid;
border-top-color: #534c15;
border-top-width: 1px;
border-top-style: solid;


text-align:center;
position:relative;
left: 47px;

float:left;

}
#col_middle03a table{
width: 250px;
line-height: 17px;

}


.td03a {
width: 110px;
}

/* SIVUPOHJA 04 */
#col_left04{
position:relative;
float:left;
left:18px;
width:174px;

}

#col_middle04{
position:relative;
float:left;
left: 42px;

width:645px;

}

#sarjakuva{
position:relative;
float:left;
padding-top: 8px;

}

/* SIVUPOHJA 05 */
#col_left05{
position:relative;
float:left;
left:18px;
width:406px;

}

#col_left05_top{

width:100%;
position:relative;
float:left;
height: auto !important; /* for modern browsers */
height: 145px; /* for IE5.x and IE6 */
min-height: 145px; /* for modern browsers */
}

#col_left05_bottom{
width:100%;
position:relative;
float:left;


}



#col_middle05{
position:relative;
float:right;
right: 18px;
padding-top: 20px;
width:385px;

}


/* SIVUPOHJA 6 */
#col_middle06{

position:relative;
float:right;
right: 18px;
padding:0px;
margin:0px;

top: 19px;

width:597px;

}

/* SIVUPOHJA 07 */


#keski07{

height: auto !important; /* for modern browsers */
height: 324px; /* for IE5.x and IE6 */
min-height: 324px; /* for modern browsers */

background-color:#ffed00;
width: 100%;
position:relative;
float:left;
clear:both;
}

#col_left07{
position:relative;
float:left;
left:18px;
width:298px;

}

#col_left07_top{

width:100%;
position:relative;
float:left;

}

#col_left07_bottom{
width:100%;
position:relative;
float:left;
padding-top: 10px;

}

#kuva{
}

#kehys07_ulko{
float:left;
left: 38px;
position:relative;
top: 10px;
padding-bottom:10px;

}

#kehys07{
float:left;
position:relative;
width: 520px;
background-image:url(images/border.gif);
background-repeat:repeat-y;
padding-bottom:16px;
}


#col_middle07{
padding-left: 22px;
position:relative;
float:left;

width:250px;
padding-top: 13px;




}

.mainos{
width:100%;
clear:both;

}

.mainos_kuva{

float:left;
width: 74px;
position:relative;
}

.mainos_teksti{

float:left;
position:relative;
width: 166px;
left: 4px;
}

#col_right07{
padding-left: 0px;
position:relative;
float:left;
left: 6px;
top: 13px;
width:245px;
padding-right:0px;
margin:0px;
}

#col_right07b{
padding-left: 0px;
position:relative;
float:left;
left: 6px;
top: 13px;
width:245px;
padding-right:0px;
margin:0px;
background-image:url(images/telkku.gif);
background-repeat:no-repeat;
background-position: bottom right;
height: auto !important; /* for modern browsers */
height: 270px; /* for IE5.x and IE6 */
min-height: 270px; /* for modern browsers */

}

.otsikko07{
width: 520px;
padding-bottom: 0px;
padding-top:0px;
padding-left: 23px;
clear:both;
float:left;
position:relative;
}

/* SIVUPOHJA 08 */
#kehys08_ulko{
padding-left:22px;
float:left;
left: 0px;
position:relative;
top: 10px;
padding-bottom:16px;
width: 455px;

}

#kehys08{
height: auto !important; /* for modern browsers */
height: 272px; /* for IE5.x and IE6 */
min-height: 272px; /* for modern browsers */
float:left;
left: 0px;
position:relative;
top: 10px;
padding-bottom:16px;
width: 455px;
}

#kehys08 .mainos{
width:100%;
clear:both;

}

#kehys08 .mainos_kuva{

float:left;
width: 74px;
position:relative;
}

#kehys08 .mainos_teksti{

float:left;
position:relative;
width: 130px;
left: 4px;

}


#col_middle08{
position:relative;
float:left;

width:208px;
padding-top: 13px;





}
#col_right08{
padding-left: 0px;
position:relative;
float:left;
left: 8px;
top: 13px;
width:215px;
padding-right:0px;
margin:0px;

}
#col_right08_kuva{
position:relative;
float:right;
right:8px;
padding-top: 38px;
width:385px;
padding-left:0px;
padding-right:0px;

}


.otsikko08{
width:100%;
padding-bottom: 0px;
padding-top:0px;

clear:both;
float:left;
position:relative;
}


/* SIVUPOHJA 09 */
#kehys09_ulko{
padding-left:22px;
float:left;
left: 0px;
position:relative;
top: 10px;
padding-bottom:16px;
width: 170px;

}

#kehys09{
height: auto !important; /* for modern browsers */
height: 272px; /* for IE5.x and IE6 */
min-height: 272px; /* for modern browsers */
float:left;
left: 0px;
position:relative;
top: 10px;
padding-bottom:16px;
width: 170px;
}


#col_left09{
position:relative;
float:left;
left: 0px;

width:208px;
padding-top: 1px;





}
#col_right09{
position:relative;
float:left;
left: 6px;
padding-top: 38px;
width:480px;
text-align:center;
}


.otsikko09{
width:100%;
padding-bottom: 0px;
padding-top:0px;
top: -7px;
clear:both;
float:left;
position:relative;
}

/* SIVUPOHJA 10 */
#col_left10{
position:relative;
float:left;
left:18px;
width:266px;



}

#col_left10_top{
position:relative;
float:left;
height: auto !important; /* for modern browsers */
height: 81px; /* for IE5.x and IE6 */
min-height: 81px; /* for modern browsers */

}

#col_left10_bottom{

top:12px;
vertical-align:baseline;
position:relative;
float:left;
height: auto !important; /* for modern browsers */
height: 228px; /* for IE5.x and IE6 */
min-height: 228px; /* for modern browsers */

}


#kuva10{
float:left;
position:relative;
}

#col_middle10{
padding-top: 8px;
position:relative;
float:left;
left: 38px;

width:550px;

padding-bottom: 10px;

}

/* OVERRIDE SITEMAP STYLE */

.tx-dropdownsitemap-pi1 DIV {
	border: solid 0px #DFE2E3 !important;
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight: normal;
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
	border: solid 0px #DFE2E3 !important;
	background: transparent !important;
}
                 
.tx-dropdownsitemap-pi1, .tx-dropdownsitemap-pi1 * { text-align:left }
.tx-dropdownsitemap-pi1 ul, .tx-dropdownsitemap-pi1 li {
	padding: 0px 0px 0px 10px; 
	margin: 0px; 
	left:10px; 
	list-style: none; 
}
.tx-dropdownsitemap-pi1 .level_3 { 
	margin-bottom: 0px !important; 
}


a img {border:0px;}