html
{
overflow:auto;
}
html,body,#outermost
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body
{
text-align: center;
background-color: #dcdcdc;
font-size: 11px;
font-family: arial;
}
/* to hide the scrollbar in IE/Win when it's not needed (hide from IE/Mac) \*/
* html,* html body { overflow: auto; }
/* end hide */
#outer {
width: 778px;
height: 674px;
z-index: 10;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
position: relative;
margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x
don't appear to have this problem. We hide this from IE5/Mac, because it
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
display: table;
vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
}
/* end hide */
.valignmid3 {
position: relative;
}
a:visited
{
color: #000000; text-decoration: none
}
a:link
{
color: #000000; text-decoration: none
}
a:hover
{
color: #000000; text-decoration: underline
}
a:active
{
color: #000000; text-decoration: underline
}
.valittu a
{
color: #ae2525;
}
img
{
border: 0;
}
table, h1, h2, h3, h4
{
font-size: 12px;
}
table
{
border-collapse: collapse;
}
td
{
padding: 0;
vertical-align: top;
}
p
{
padding: 0;
margin: 12x 0 12px 0;
line-height: 15px;
}
/*
.vmiddle
{
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
display: block
}
.content
{
width: 778px;
height: 674px;
margin-left: -389px;
position: absolute;
top: -337px;
left: 50%;
visibility: visible
}*/
.puheluhinnat
{
font-size: 10px;
}
.kehys
{
width: 778px;
border-spacing: 0;
text-align: left;
}
.ylapalkki
{
height: 162px;
background-image: url(kuvat/bannerpohja.jpg);
background-repeat: no-repeat;
}
.vasen
{
width: 247px;
background-repeat: no-repeat;
background-position: left top;
}
.etusivu
{
background-image: url(kuvat/index_5.gif);
}
.etusivu div
{
padding: 51px 30px 20px 30px;
text-align: center;
}
.etusivu p
{
padding: 0;
margin: 12x 0 12px 0;
line-height: 15px;
}
.palvelut
{
background-image: url(kuvat/palvelut_5.gif);
}
.palvelut div
{
padding: 38px 30px 0px 43px;
text-align: left;
}
.palvelut div p
{
padding: 0;
margin: 10px 0 10px 0;
line-height: 14px;
}
.yhteystiedot_fi
{
background-image: url(kuvat/yhteystiedot.gif);
}
.yhteystiedot_en
{
background-image: url(kuvat/yhteystiedot2.gif);
}
.yhteystiedot_en div
{
padding: 30px 20px 20px 20px;
text-align: center;
}
.yhteystiedot_fi div
{
padding: 30px 20px 20px 20px;
text-align: center;
}
.yhteystiedot_en p
{
padding: 0;
margin: 15px 0px 20px 0px;
line-height: 20px;
}
.yhteystiedot_fi p
{
padding: 0;
margin: 15px 0px 20px 0px;
line-height: 20px;
}
div.vasen_kuva
{
padding: 0;
margin: 24px 0 0 28px;
}
.sisalto
{
width: 531px;
height: 447px;
background-image: url(kuvat/palvelut_6.gif);
background-repeat: no-repeat;
background-position: left top;
}
.sisalto div
{
padding: 0px 40px 0px 68px;
height: 415px;
margin: 15px 5px 0px 0px;
}
div.vierityspalkki
{
overflow: auto;
padding: 0px 40px 0px 38px;
}
.sisalto p, .sisalto h1, .sisalto h2, .sisalto h3, .sisalto h4
{
padding: 0;
margin: 15px 0 15px 0;
line-height: 15px;
}
.sisalto h2
{
margin-top: 25px;
}
.sisalto h1
{
margin-top: 30px;
}
table.henkilot
{
margin-left: 15px;
}
table.henkilot td
{
text-align: center;
}
table.henkilot td img
{
margin-bottom: 3px;
}
div.box_sisalto
{
width: 521px;
height: 288px;
margin: 0;
padding: 0;
overflow: hidden;
background-image: url(kuvat/javapohja.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.henkiloteksti
{
float: left;
width: 220px;
padding-left: 47px;
padding-top: 90px;
font-size: 13px;
}
div.henkiloteksti2
{
float: left;
width: 220px;
padding-left: 47px;
padding-top: 85px;
font-size: 13px;
}
div.henkilokuva
{
float: left;
width: 200px;
height: 210px;
padding-left: 20px;
padding-top: 40px;
padding-bottom: 10px;
}
div.sulje
{
clear: left;
text-align: right;
padding-right: 30px;
}
table.henkilot a, div.sulje a
{
color: #240090;
text-decoration: underline;
}
table.henkilot a:hover, div.sulje a:hover
{
color: #4d23cc;
}
div.sulje a
{
padding: 10px;
}