/**  CSS - MAAILMANVAIHTO RY - ICYE    ***
*** by simo.hellsten(at)viestinta.org  **/


body {
margin:0px;
padding:0px;
background: url(tausta1.gif) repeat-y #ffffff;
}

/***  Mozillan ja Operan CSS, sis. CSS-positioning **
@media screen {
div.head {
margin:0px;
padding:0px;
position:fixed;
top:0px;
left:0px;
}
div.nav {
margin:0px;
padding:0px;
width:150px;
top:110px;
left:0px;
position:fixed;
}
div.main {
margin:120px 0px 0px 176px;
padding:0px;
background:#ffffff;
width:590px;
}
}

@media print {
div.head {
margin:0px;
padding:0px;
position:fixed;
top:0px;
left:0px;
visibility:hidden;
}
div.nav {
margin:0px;
padding:0px;
width:150px;
top:110px;
left:0px;
position:fixed;
visibility:hidden;
}
div.main {
margin:0px 0px 0px 0px;
padding:0px;
background:#ffffff;
width:590px;
}
}
****************************************************/

/***  IE:n CSS, nmavissa ei CSS-positioning fixed ***/

@media screen {
div.head {
margin:0px;
padding:0px;
}
div.nav {
margin:0px;
padding:0px;
width:150px;
float:left;
}
div.main {
margin:0px 0px 0px 24px;
padding:0px;
width:590px;
float:left;
}
}


@media print {
div.head {
visibility:hidden;
}
div.nav {
visibility:hidden;
}
div.main {
margin:0px 0px 0px 0px;
padding:0px 0px;
width:605px;
position:absolute;
top:0px;
}
}


/*****************************************************/

/*** tekstin asettelun taulukko ***/
table {
margin:0px 0px 1em 0px;
border-width:0px;
border-style:none;
border-spacing:0px;
border-collapse:collapse;
}
td {
margin:0px;
padding:0px;
border-width:0px;
border-style:none;
border-collapse:collapse;
}

/*** kuvat tekstin sisällä ***/
img.right {
float:right;
border-width:0px;
margin: 0px 0px 0px 30px;
}
img.left {
float:left;
border-width:0px;
margin: 0px 30px 0px 0px;
}


/*** kokemuksia laatikko ***/
div.kokemus {
background:url(lainaus.gif) no-repeat;
padding:0px 10px 0px 10px;
margin:0px 0px 1em 20px;
float:right;
/*clear:left;*/
width:200px;
}
div.kokemus-levea {
background:url(lainaus.gif) no-repeat;
padding:0px 10px 0px 10px;
margin:0px 0px 1em 0px;
/*float:left;*/
/*clear:left;*/
width:100%;
}

/*** punainen laatikko ***/
div.box {
background:#ffd7bd;
padding:10px;
}

/*** Otsikko ***/
h1 {
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:15pt;
margin:0px 0px 1em 0px;
padding:0px 0px;
font-weight:700;
}
/*** Alaotsikko ***/
h2 {
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:13pt;
margin:1.5em 0px 0.5em 0px;
padding:0px;
font-weight:700;
clear:left;
}

/*** leipäteksti ***/
p {
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:10pt;
margin:0px 0px 1em 0px;
padding:0px;
}
/*** leipäteksti ilman kappaleväliä,
     pääasiassa tekstitaulukkoihin    ***/
p.table {
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:10pt;
margin:0px 0px 0em 0px;
padding:0px;
}
/*** sivun alalaidan navi ***/
p.small {
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:8pt;
margin:0px 0px 1em 0px;
padding:0px;
text-align:center;
clear:both;
}

div.kokemus-levea p,
div.kokemus p {
color:#2080aa;
font-family:Arial, Helvetica, Sans Serif ;
font-size:9pt;
font-weight:700;
margin:0px 0px 0.5em 0px;
padding:0px;
font-style:italic;
}
div.kokemus-levea a:link,
div.kokemus a:link {
font-style:normal;
text-decoration: underline;
color: #005788;
font-weight:400;
}
div.kokemus-levea a:visited,
div.kokemus a:visited {
font-style:normal;
text-decoration: underline;
color: #005788;
font-weight:400;
}
div.kokemus-levea a:hover,
div.kokemus a:hover {
font-style:normal;
text-decoration: none;
color: #fe6500;
font-weight:400;
}

/*** linkit ***/
a:link {
text-decoration: underline;
color: #005788
}
a:visited {
text-decoration: underline;
color: #005788
}
a:hover {
text-decoration: none;
color: #fe6500
}

/*** listatyyppinen väliotsikko-olio ***/
li.subhead {
list-style-image:url(nelio.gif);
list-style-position:outside;
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:10pt;
font-weight:700;
margin-left:0px;
vertical-align:text-top;
margin:0px 0px 0px 0px;
padding:0px 0px 0.2em 0px;
clear:left;
}
/*** tavallinen listaolio ***/
li.bullet {
list-style-type:square;
list-style-position:outside;
color:#00253a;
font-family:Arial, Helvetica, Sans Serif ;
font-size:10pt;
margin-left:0px;
margin:0px;
padding:0px;
}
/*** lista ***/
ul {
margin:0px 0px 0px 18px;
padding:0px 0px 0px 0px;
}

table {
border:0px;
margin:0px;
padding:0px;
}
td {
vertical-align:top;
padding:0px 10px 0.5em 0px;
margin:0px;
color:#00253a;
font-family:Arial, Helvetica, Sans Serif;
font-size:10pt;
}
td.nav {
vertical-align:top;
padding:0px;
margin:0px;
}