@media screen {
body {
background: url(kuvat/huijaustausta.gif) center 72px no-repeat #ffffff;
margin: 0;
padding: 0;
color: #6c6c6c;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
}
body#introtausta {
background: #18398a;
}
div#intro {
display: block;
background: url(kuvat/intro.jpg) 0 0 no-repeat;
width: 515px;
height: 131px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 50px;
padding: 153px 0 183px 0;
}
div#intro a span {
display: none;
}
div#intro .suomi a {
float: left;
display: block;
background: url(kuvat/intro.jpg) 0 -153px no-repeat;
width: 170px;
height: 131px;
margin: 0;
padding: 0;
}
/*div#intro .ruotsi a {
float: left;
display: block;
background: url(kuvat/intro.jpg) -169px -153px no-repeat;
width: 167px;
height: 131px;
margin: 0;
padding: 0;
}*/
div#intro .venaja a {
float: left;
display: block;
background: url(kuvat/intro.jpg) -170px -153px no-repeat;
width: 170px;
height: 131px;
margin: 0;
padding: 0;
}
div#intro .englanti a {
float: left;
display: block;
background: url(kuvat/intro.jpg) -340px -153px no-repeat;
width: 170px;
height: 131px;
margin: 0;
padding: 0;
}
.iso {
text-transform: uppercase;
}
a {
margin: 0 0 10px 0;
padding: 0;
color: #8a1817;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
}
a:hover, li.valittu a {
text-decoration: underline;
}
h2 {
background: url(kuvat/boksi.gif) no-repeat 0 4px;
margin: 0 0 10px 0;
padding: 0 0 0 18px;
color: #183889;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#sivupalkki h3 {
background: none;
margin: 0;
padding: 0;
color: #891818;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
line-height: 19px;
}
#sisalto h3 {
margin: 10px 0 -15px 0;
padding: 0;
color: #8a1817;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 12px;
}
h4{
padding:7px 0;
font-size:12px;
margin:0px 0 -15px 0;
color:#4560A3;
}
h5{
margin:0 0 -10px 0;
padding:0;
}
#taustakuva {
background: url(kuvat/tausta.jpg) center top no-repeat;
width: 100%;
height: 100%;
}
#ylapalkki {
background: url(kuvat/ylatausta.gif) center top no-repeat #183889;
margin: 0;
padding: 0;
width: 100%;
height: 72px;
text-align: center;
}
#ylapalkki #ylapalkki2 {
width: 965px;
height: 72px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
text-align: left;
}
#ylapalkki #ylapalkki2 .vasen {
float: left;
width: 45%;
text-align: left;
}
#ylapalkki #ylapalkki2 .vasen .logo h1 {
margin: 0;
padding: 0;
}
#ylapalkki #ylapalkki2 .vasen .logo h1 a {
background: url(kuvat/logo.gif);
display: block;
margin: 0;
padding: 0;
width: 117px;
height: 72px;
}
#ylapalkki #ylapalkki2 .vasen .logo h1 a span {
display: none;
}
#ylapalkki #ylapalkki2 .oikea {
float: right;
width: 50%;
text-align: right;
}
#ylapalkki #ylapalkki2 .oikea .maili {
display: block;
height: 32px;
margin: 0;
padding: 12px 0 0 0;
}
#ylapalkki #ylapalkki2 .oikea .minimenu {
display: block;
height: 23px;
margin: 0;
padding: 5px 0 0 0;
color: #6f6f6d;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
line-height: 19px;
}
#ylapalkki #ylapalkki2 .oikea .minimenu a {
color: #6f6f6d;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
line-height: 19px;
}
#ylapalkki #ylapalkki2 .oikea .minimenu a:hover {
text-decoration: underline;
}
#ylapalkki #ylapalkki2 .oikea .maili a {
color: #ffffff;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
line-height: 19px;
}
#ylapalkki #ylapalkki2 .oikea .maili a:hover {
text-decoration: underline;
}
#keskitys {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
#keskitys #valikko {
width: 965px;
height: 76px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
text-align: center;
}
#keskitys #valikko ul {
width: 965px;
height: 76px;
margin: 0;
list-style-type: none;
padding: 0;
text-align: center;
}
#keskitys #valikko ul li, #keskitys #valikko li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
#keskitys #valikko ul li a {
background: url(kuvat/valikkoboksi.gif) center 20px no-repeat;
float: left;
display: block;
margin: 0;
padding: 35px 10px 0 10px;
color: #6c6c6c;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
line-height: 19px;
height: 41px;
}
#keskitys #valikko ul li a:hover, #keskitys #valikko ul li.valittu a {
background: url(kuvat/valikkoboksi.gif) center 20px no-repeat #e6e6e4;
}
#keskitys #pohja {
clear: both;
background: url(kuvat/pohjatausta.jpg) #ffffff no-repeat;
width: 881px;
height: 100%;
// min-height: 100%;
// max-height: 7000px;
margin-left: auto;
margin-right: auto;
margin-top: 37px;
margin-bottom: 38px;
padding: 42px;
text-align: left;
}
#keskitys #pohja #sivupalkki .boksi {
background-color: #ffffff;
margin: 10px 5px 20px 5px;
padding: 10px 15px 30px 15px;
color: #7e7d7a;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 14px;
}
#keskitys #pohja #sivupalkki .boksi p {
margin: 5px 0 5px 0;
padding: 0;
}
#keskitys #pohja #sivupalkki .boksi .viiva {
clear: both;
background-color: #8f8f8f;
margin: 0 0 7px 0;
padding: 0;
width: 100%;
height: 1px;
}
#keskitys #pohja #sivupalkki .boksi .viiva hr {
display: none;
}
#keskitys #pohja #sivupalkki .boksi a.luelisaa {
float: right;
background: url(kuvat/kolmio.gif) right 6px no-repeat;
color: #183889;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: normal;
text-decoration: none;
line-height: 19px;
margin: 0;
padding: 0 13px 0 0;
}
#keskitys #pohja #sivupalkki .boksi a.luelisaa:hover {
text-decoration: underline;
}
#keskitys #pohja #sivupalkki ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#keskitys #pohja #sivupalkki ul li {
list-style-type: none;
margin: 0;
padding: 0;
background: url(kuvat/boksi.gif) 0 4px no-repeat;
color: #183889;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: normal;
text-decoration: none;
line-height: 19px;
margin: 0 0 4px 0;
padding: 0 0 0 15px;
}
#keskitys #pohja #sivupalkki ul li a {
color: #183889;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: normal;
text-decoration: underline;
line-height: 19px;
}
#alapalkki {
clear: both;
background-color: #183889;
width: 100%;
height: 69px;
margin: 0 0 90px 0;
padding: 0;
}
#alapalkki2 {
background: url(kuvat/alapalkki.jpg) no-repeat;
width: 966px;
height: 41px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 28px 0 0 0;
color: #ffffff;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
text-align: right;
line-height: 19px;
}
#alapalkki2 a {
color: #ffffff;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: normal;
text-align: right;
line-height: 19px;
}
#alapalkki2 a:hover {
text-decoration: underline;
}
.alacarte a {
color: #6c6c6c;
}
.alacarte a#tallahetkella {
color: #8a1817;
}
.kalenteriPvm {
font-weight:bold;
color:#333;
}
.pakollinen{
color:#FF0000;
font-size:10px;
}

/* LOMAKKEET */
INPUT, TEXTAREA, SELECT {
border:1px solid #333;
}
INPUT[type="text"] {
width:16em;
}
TEXTAREA {
width:16em;
height:6em;
}
INPUT[type="checkbox"] {
border:none;
}

/* 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;
}
}