@media screen {
body {
margin: 0;
padding: 0;
background: url(kuvat/tausta.jpg) #8E0227;
color: #000000;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 16px;
}
h2 {
margin: 15px 0 10px 0;
padding: 0;
color: #4A4A4A;
font-size: 19px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
#keskitys {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
#pohja {
clear: both;
width: 900px;
height: 100%;
margin: 20px auto 0 auto;
padding: 0 0 100px 0;
text-align: left;
}
#pohja .logo h1 {
margin: 0;
padding: 0;
}
#pohja .logo h1 a {
float: left;
display: block;
background: url(kuvat/logo.jpg) no-repeat;
width: 400px;
height: 49px;
margin: 0;
padding: 0;
}
#pohja .logo h1 a span {
display: none;
}
#pohja .slogan {
float: right;
margin: 0;
padding: 15px 0 0 0;
color: #DD191D;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: -1px;
}
#pohja .kielet {
float: left;
margin: 11px 0 0 3px;
padding: 0;
}
#pohja ul#valikko {
float: right;
margin: 10px 0 10px 0;
padding: 0;
list-style-type: none;
}
#pohja ul#valikko li {
float: left;
margin: 0;
padding: 0 0 0 10px;
list-style-type: none;
}
#pohja ul#valikko li a {
color: #ffffff;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}
#pohja ul#valikko li a:hover {
text-decoration: underline;
}
#pohja2 {
width: 882px;
margin: 0;
padding: 9px;
background: #ffffff;
}
#pohja2 .osa1 {
float: left;
color: #616161;
width: 149px;
height: 100%;
margin: 0;
padding: 0;
}
#pohja2 .osa1 .vasen {
width: 149px;
min-height: 433px;
max-height: 100%;
margin: 0;
padding: 0;
border-right: 1px solid #9B0028;
}
#pohja2 .osa1 .vasen .info {
width: 123px;
margin: 0;
padding: 0 9px 1px 9px;
border: 1px solid #9B0028;
line-height: 16px;
}
#pohja2 .osa1 .vasen .info h3 {
margin: 0 -9px 8px -9px;
padding: 6px 0 7px 9px;
background: #9B0028;
color: #ffffff;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
#pohja2 .osa1 .vasen .info b {
color: #9B0028;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
line-height: 14px;
}
#pohja2 .osa1 .vasen ul#alavalikko {
margin: 40px 0 50px 0;
padding: 0;
list-style-type: none;
}
#pohja2 .osa1 .vasen ul#alavalikko li {
margin: 0;
padding: 0 0 0 29px;
list-style-type: none;
background: url(kuvat/li.gif) no-repeat 15px 6px;
}
#pohja2 .osa1 .vasen ul#alavalikko li a {
color: #616161;
font-weight: normal;
text-decoration: none;
}
#pohja2 .osa1 .vasen ul#alavalikko li a:hover {
text-decoration: underline;
}
#pohja2 .osa1 .avoinna {
width: 129px;
margin: 0;
padding: 20px 0 20px 20px;
border-top: 1px solid #9B0028;
border-left: 1px solid #9B0028;
}
#pohja2 .osa1 .avoinna b {
color: #9B0028;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
line-height: 14px;
}
#pohja2 .osa2 {
float: left;
color: #616161;
width: 226px;
margin: 0;
padding: 0;
border-top: 1px solid #9B0028;
}
#pohja2 .osa2 .ajankohtaista {
width: 173px;
height: 100%;
max-height: 100%;
min-height: 560px;
margin: 3px 0 7px 6px;
padding: 7px 22px 22px 22px;
/*background: url(kuvat/ajankohtaista_tausta.jpg) repeat-x center bottom;*/
border-right: 3px solid #9B0028;
}
#pohja2 .osa2 .ajankohtaista h3 {
margin: 0 0 10px 0;
padding: 0;
color: #4A4A4A;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
#pohja2 .osa2 .ajankohtaista b {
margin: 0;
padding: 0;
color: #9B0028;
font-weight: normal;
text-decoration: none;
}
#pohja2 .osa2 .ajankohtaista p {
margin: 0 0 7px 0;
padding: 0 0 6px 0;
border-bottom: 1px solid #696969;
}
#pohja2 .osa2 .ajankohtaista p a {
display: block;
margin: 10px 0 10px 0;
padding: 0;
color: #9B0028;
font-weight: normal;
text-decoration: none;
}
#pohja2 .osa2 .ajankohtaista p a:hover {
text-decoration: underline;
}
#pohja2 .osa2 .ajankohtaista img.kuvitus {
margin: 10px 0 0 0;
padding: 0;
}
#pohja2 .osa3 {
float: left;
width: 506px;
margin: 0;
padding: 0;
border-top: 1px solid #9B0028;
border-right: 1px solid #9B0028;
}
#pohja2 #vierityspalkki.osa3 {
height: 600px;
overflow: auto;
}
#pohja2 .osa3 .teksti {
width: 452px;
margin: 10px 0 10px 25px;
padding: 0;
text-align: justify;
}
#pohja2 .osa3 .teksti H2 {
color: #9B0028;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
#pohja2 .osa3 .teksti H4 {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
#pohja2 .osa3 .teksti ul#navi {
margin:10px 0;
}
#pohja2 .osa3 .teksti ul#navi li {
list-style:none;
margin:0;
padding: 0;
display:inline;
}
#pohja2 .osa3 .teksti ul#navi li a {
color: #6c0c00; /* Muuta kuva ja taustaväri kun leiska vaihtuu*/
text-decoration: none;
}
#pohja2 .osa3 .teksti ul#navi li a:hover {
text-decoration: underline;
}
#pohja2 .osa3 .teksti ul#navi li.valittu a {
font-weight:bold;
}
#pohja2 .osa3 .teksti ul#navi li span {
padding: 0 4px 0 4px;
color: #6c0c00; /* Muuta kuva ja taustaväri kun leiska vaihtuu*/
}
#pohja2 .alapalkki {
display: block;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
background: url(kuvat/logo_pieni.jpg) no-repeat right center #A1002A;
}
#pohja #ala {
display: block;
width: 100%;
margin: 0;
padding: 4px 0 0 0;
color: #ffffff;
}
#pohja #ala a {
color: #ffffff;
text-decoration: underline;
}
#pohja #ala a:hover {
text-decoration: none;
}
.tasaus {
clear: both;
}

/* HINTALISTA*/
#hintalista {
}
#hintalista .tuote {
vertical-align:bottom;
display:block;
border:1px solid #FFF;
}
#hintalista .tuote span.nimi {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
float:left;
width:320px;
letter-spacing:1px;
text-align:left;
}
#hintalista .tuote span.hinta {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
text-align:right;
width:100px;
}
.lisakkeet {
margin:0;
padding:0 0 15px 5px;
clear:both;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
height:auto;
width:340px;
}
/* TAPAHTUMAKALENTERI 

P.kalenteritapahtuma {
border-bottom:1px solid #9C9492;
padding-bottom:15px;
}
.tapahtumanotsikko {
font-weight:bold;
font-family: Times, Roman, serif;
font-size:16px;
letter-spacing:1px;
}
.tapahtumankuvaus {
font-family: Times, Roman, serif;
font-size:11px;
}
*/

/* Tulostuslinkki */
#tulostuslinkki a {
display:block;
margin:30px 0 0 0;
padding-left:20px;
background: url(kuvat/tulosta.gif) center left no-repeat;
}
} 

@media print {
* {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}
}