/* TEKSTIEN TYYLIT */

#teksti{
text-align:justify; 
color:#B6D3EF; 
font-family:arial, sans-serif; 
font-size:14px; 
line-height:19px;}


h1{
padding: 2px 0 5px 0;
margin:0;
font-family:arial, sans-serif;
color:#ffffff;
font-size:28px; 
line-height:59px;
font-weight:normal;
clear:both;}


h2{
padding: 2px 0 5px 0;
margin:0;
font-family:arial, sans-serif;
color:#ffffff; 
font-size:24px; 
line-height:39px;
font-weight:normal;
clear:both;}


h3{
padding: 2px 0 5px 0;
margin:0;
font-family:arial, sans-serif;
color:#ffffff; 
font-size:22px; 
line-height:29px;
font-weight:normal;}


p{
margin:0px;
padding-left:30px;
padding-right:30px;
padding-top:10px;
padding-bottom:10px;}

span.pvm{
color:#ffffff;}

#tekijanoikeus{
text-align:center; 
color:#52657B; 
font-family:arial, sans-serif; 
font-size:14px;}


.kiinni{
padding-left:30px;
padding-right:30px;
padding-top:10px;
padding-bottom:0;
margin:0;}




/* LINKKIEN TYYLIT */

a:link, a:active, a:visited{
color:#D6E6F6;
text-decoration:none;
border-bottom: 1px solid #9BB3CC;
padding: 1px 1px 0px 1px;}


a:hover{
color:#D6E6F6;
background-color:#819CB6;}




/* KUVIEN TYYLIT */

table.kuvaoikealla, .kuvaoikealla, table.kuvavasemmalla, .kuvavasemmalla{
color:white; 
font-size:13px; 
line-height:13px;
margin-top:7px; 
margin-bottom:10px;
border-collapse:collapse;
border-spacing:0;}


table.kuvaoikealla{
margin-right:30px;
margin-left:10px;
float:right;}


table.kuvavasemmalla{ 
margin-left:30px;
margin-right:10px;
float:left;}


.kuvaoikealla{
margin-right:31px;
margin-left:10px;
float:right;}


.kuvavasemmalla{ 
margin-left:31px;
margin-right:10px;
float:left;}

a:link.td-galitem-title img, a:active.td-galitem-title img, a:visited.td-galitem-title img, a:hover.td-galitem-title img {
color:#6D8AA8;
text-decoration:none;
border-bottom: 1px solid green !important;
margin:0 !important;
padding: 0px 0px 0px 0px !important;
background-color:green !important;
}

.table-wrapper{
margin-left:auto;
margin-right:auto;}


/* LOMAKKEIDEN JA LISTOJEN TYYLIT */

form{
padding-left:30px;
padding-right:30px;}


input, textarea{
color:#003A63;
border: 1px solid #B6D3EF;
font-family:arial, sans-serif; 
font-size:14px;
background-color:#93ACC4;
padding: 2px;}


#laheta, #reset{
color:#003A63;
border: 1px solid #B6D3EF;
font-family:arial, sans-serif; 
font-size:13px;
background-color:#93ACC4;
width: auto;}


.lomake td{
vertical-align: top;}


ul{
margin-top:0;
margin-bottom:10px;
margin-left:45px;
margin-right:25px;}




/* ULKOASU */

body{
background: url(kuvat/tausta.jpg) repeat-x #546B84;
margin:0px;
padding:0px;}


#kuvayla{
width:782px; 
height:166px; 
margin:0 auto 0 auto;}


#vasenyla, #keskiyla, #oikeayla{
height:166px;
background-repeat:no-repeat;
float:left;}


#vasenyla{
width:108px; 
background-image:url(kuvat/vasenyla.gif);}


#keskiyla{
width:592px; 
background-image:url(kuvat/keskiyla.jpg);}


#oikeayla{
width:82px; 
background-image:url(kuvat/oikeayla.gif);}


#kuvaala{
width:782px; 
height:143px; 
margin:0 auto 0 auto;}


#vasenala, #keskiala, #oikeaala{
height:143px;
background-repeat:no-repeat;
float:left;}


#vasenala{ 
width:108px; 
background-image:url(kuvat/vasenala.gif);}


#keskiala{
width:592px;  
background-image:url(kuvat/keskiala.jpg);}


#oikeaala{
width:82px; 
background-image:url(kuvat/oikeaala.gif);}


#etusivulinkki, a#etusivulinkki{
width: 338px; 
height: 65px; 
display: block;
position: relative; top: 33px; left: 110px;
text-decoration: none;
background-color: transparent;
border: 0;
margin:0;
padding:0;}


#alapalkki{
width:760px; 
height:8px; 
background-color:#B5D1ED;
margin: 0 auto 0 auto;}


#sisalto{
width:782px; 
height:auto; 
margin:0 auto 0 auto; 
background-image:url(kuvat/tekstitausta.gif);
background-repeat:repeat-y;}


#teksti{
width:700px; 
margin:0 auto 0 auto; }


#tekijanoikeus{
width:782px; 
height:auto; 
margin:0 auto 0 auto; 
padding:7px 0 0 0; 
background-image:url(kuvat/tekstitausta.gif);
background-repeat:repeat-y;}


.hidden{
visibility:hidden;}


.clear{
clear:both;}




/* NAVIGAATIO */

#linkit {
margin:0 auto 0 auto;
padding:0;
height:25px;
z-index:0;
width:782px;}


#linkit ul {
list-style-type: none;
margin: 0;
padding: 0;
height:25px;}


#linkit li {
display: inline;
margin: 0;
padding: 0;
border:0;}


#linkit li a {
text-decoration:none;
display: block;
float: left;
border:0;
margin: 0;
padding: 0;}


#ajankohtaista a{
background: url("kuvat/ajankohtaista.gif") 0 0 no-repeat;
height:25px;
width: 132px;}
#ajankohtaista a:hover {
background: url("kuvat/ajankohtaista.gif") 0 -25px no-repeat;}


#mediaskooppi a{
background: url("kuvat/mediaskooppi.gif") 0 0 no-repeat;
height:25px;
width: 152px;}
#mediaskooppi a:hover {
background: url("kuvat/mediaskooppi.gif") 0 -25px no-repeat;}


#tapahtunutta a{
background: url("kuvat/tapahtumia.gif") 0 0 no-repeat;
height:25px;
width: 103px;}
#tapahtunutta a:hover {
background: url("kuvat/tapahtumia.gif") 0 -25px no-repeat;}


#aineistoja a{
background: url("kuvat/aineistoja.gif") 0 0 no-repeat;
height:25px;
width: 84px;}
#aineistoja a:hover {
background: url("kuvat/aineistoja.gif") 0 -25px no-repeat;}


#mukaan a{
background: url("kuvat/mukaan.gif") 0 0 no-repeat;
height:25px;
width: 109px;}
#mukaan a:hover {
background: url("kuvat/mukaan.gif") 0 -25px no-repeat;}


#yhteistyo a{
background: url("kuvat/yhteistyo.gif") 0 0 no-repeat;
height:25px;
width: 79px;}
#yhteistyo a:hover {
background: url("kuvat/yhteistyo.gif") 0 -25px no-repeat;}


#yhteystiedot a{
background: url("kuvat/yhteystiedot.gif") 0 0 no-repeat;
height:25px;
width: 123px;}
#yhteystiedot a:hover {
background: url("kuvat/yhteystiedot.gif") 0 -25px no-repeat;}