/*LINKIT */

a:link {
text-decoration: none;
color: #060060;
font-size: 14px;
font-weight: bold;
}

a:visited {
text-decoration: none;
color: #060060;
font-size: 14px;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #FF0000;
font-size: 14px;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #FF0000;
font-size: 14px;
font-weight: bold;
}


/* BODY */

body {
background: #A5C0D8 url('kuvat/tausta.png') repeat-x;
font-family: 'Vernada','Sans-serif';
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
height:100%;
}

/* Käyttäjä kirjoittaa kaikkii kenttiin sivuston fontilla */
/* ja myös kaikki painikkeet siinä samalla */
/* IE on tyhmä; inherit ei toimi" */
input { font-family: 'Verdana','Sans-serif'; }
textarea { font-family: 'Verdana','Sans-serif'; }

input#Tyhjennyspainike, input#Lahetyspainike {
width: 100px;
height: 28px;
}
/* Otsikot */

h1 {
padding-top: 1pt;
padding-bottom: 1pt;
margin-left: -20pt;
margin-bottom: 5px;
font-size: 16pt;
font-family: 'Vernada','Sans-serif';
color: #060060;
}

h2 {
margin-left: 20pt;
font-size: 18pt;
}

/* Yleinen TD. Tämä osin läpinäkyvien TD-taustakuvien takia. */
/* Tässä siis määritetään sisällön taustaväri - bodyssä taustan taustaväri */

td {
background: transparent;
}

/* Päätaulun ominaisuudet, sis. "koko sivu" */
/* älä määrittele taustaväriä tai -kuvaa, jotta */
/* läpinäkyvät TD:t toimisivat < body>:yn asti */
div#main {
padding: 0px;
margin: 0px;
border: 0px;
}

/* Kaksi logo-TD-määritystä - huomaa läpinäkyvyys! */
/* GIF osaa kyllä/ei läpinäkyvyyden, PNG 256 eri tasoa (ainakin) */

table#main{
border-collapse: collapse;
border: 0px;
height: 99%;
width: 1000px;
}
td#logo1 {
height: 192px;
width:800px;
background-color: #A5C0D8;
background-image: url('kuvat/header.png');
}

/* Sivun sisältöosan vasen TD ja reuna. */
/* Unohda <blockquote>, käytä paddingia! */

td#content {
padding-top: 1;
padding-left: 250px;
vertical-align: top;
background-image: url('kuvat/main_tausta.png');
height: *;
}


/* TUOTE/TARJOUS SIVUJEN STYLET ALKAA TÄSTÄ */


div#nappi{
float: left;
background-image: url('kuvat/nappi_tausta.png');
padding-top: 3px;
margin-bottom: 20px;
margin-left:3px;
height: 22px;
width: 30px;
font-size: 10pt;
text-align: center;
cursor: pointer;
}

div#nappi_aktiivi{
float: left;
background-image: url('kuvat/nappi_tausta_aktiivi.png');
padding-top: 3px;
margin-bottom: 20px;
margin-left:3px;
height: 22px;
width: 30px;
font-size: 12pt;
text-align: center;
cursor: pointer;
color: #FF0000;
}

table#tuote{
border-collapse: collapse;
border-spacing: 0px;
height: 330px;
width: 600px;
}

td#tuote_otsikko {
background-image: url('kuvat/tuote_yla.png');
vertical-align: center;
padding-top: 2px;
height: 40px;
}

span#tuote_nimi {
padding-left: 20px; 
color: #060060; 
text-align: left;
width: 70%;
font-size: 16pt;
font-weight: bold;
font-family: verdana, arial;
}

span#tuote_korostus {
padding-right: 20px; 
color: #FF0000; 
text-align: right;
width: 25%;
font-size: 18pt;
font-weight: bold;
font-family: verdana;
}

td#tuote_kuvaus {
background-image: url('kuvat/tuote_kuvaus.png');
vertical-align: top;
padding-top: 25px;
padding-left: 30px;
font-size: 12pt;
font-style: italic;
font-family: verdana;
width:300px;

}

td#tuote_td_kuva { 
background-image: url('kuvat/tuote_kuvaus.png');
background-position: top right;
vertical-align: top;
text-align: right;
padding-right: 25px;
padding-top: 15px;
}


td#hinta { 
background-image: url('kuvat/tuote_kuvaus.png');
background-position: top right;
text-align: center;
vertical-align: top;
font-size: 35pt;
color: #FF0000;
font-weight: bold;
font-family: 'Verdana';
}

td#tuote_footer {
background-image: url('kuvat/tuote_footer.png');
height: 17px;
vertical-align: top;
}

/* TUOTE/TARJOUS SIVUJEN STYLET LOPPUU TÄHÄN */


/* Ajankohtaista*/

div#ajankohtaista_etusivu {
position:absolute;
top:200px;
left:800px;
width: 165px;
}

table#ajankohtaista_tb {
cellspacing: 0px;
}

/* Ajankohtaista_etusivu otsikko*/

td#ajankohta_ots {
background-color: transparent;
background-image: url('kuvat/menu_ajankohtaista_yla.png');
background-repeat: no-repeat;
padding-left: 12px;
padding-top: 5px;
color: #FFFFFF;
}

/* Ajankohtaista_etusivu selite*/

td#ajankohta_selite {
background-color: transparent;
background-image: url('kuvat/menu_ajankohtaista_selite.png');
background-repeat: repeat-y;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 9pt;
width: 150px;
}

/* Ajankohtaista_etusivu ala*/

td#ajankohta_ala {
background-color: transparent;
background-image: url('kuvat/menu_ajankohtaista_ala.png');
background-repeat: no-repeat;
padding-left: 10px;
height: 14px;
vertical-align: bottom;
}

/* AJANKOHTAISTA STYLET ALKAA TÄSTÄ*/

td#otsikko {
background-image: url('kuvat/tuote_yla.png');
vertical-align: center;
padding-top: 2px;
height: 40px;
padding-left: 20px; 
color: #060060; 
text-align: left;
font-size: 12pt;
font-weight: bold;
font-family: 'Verdana', 'Arial';
}

td#selite {
background-image: url('kuvat/tuote_kuvaus.png');
vertical-align: top;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
font-size: 12pt;
font-style: italic;
font-family: 'verdana';
}

td#ala {
background-image: url('kuvat/tuote_footer.png');
height: 17px;
vertical-align: top;
}

/* AJANKOHTAISTA STYLET LOPPUU TÄHÄN*/

/* ETUSIVUN TARJOUKSET STYLE ALKAA TÄSTÄ */

div#etusivu_tarjous {
position:absolute;
top:160px;
left:220px;
}

div#etusivu_tarjous_oikea {
position:absolute;
top:200px;
left:510px;
}

table#tuote_etusivu{
border-collapse: collapse;
border-spacing: 0px;
width: 225px;
}

td#tuote_otsikko_etusivu {
background-image: url('kuvat/tarjous_tausta_etu_ots.png');
vertical-align: center;
padding-top: 2px;
padding-left: 20px;
height: 40px;
}

span#tuote_nimi_etusivu {
color: #060060; 
text-align: left;
font-size: 12pt;
font-weight: bold;
font-family: 'Verdana', 'Arial';
}

span#tuote_korostus_etusivu { 
color: #FFFFFF; 
font-size: 12pt;
font-weight: bold;
font-family: 'Verdana';
}

span#tuote_korostus_hinta{ 
color: #FFFFFF; 
font-size: 22pt;
font-weight: bolder;
font-family: 'Verdana';
}

td#tuote_kuvaus_etusivu {
background-image: url('kuvat/tuote_kuvaus2_etusivu.png');
vertical-align: top;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
font-size: 11pt;
font-style: italic;
font-family: verdana;
text-align: center;
}

td#tuote_td_kuva_etusivu { 
background-image: url('kuvat/tuote_kuvaus_etusivu.png');
background-position: top right;
vertical-align: top;
text-align: center;
padding-top: 20px;
height: 200px;
}


img#kuva_etusivu { 
width: 150px;
} 

div#hinta_etusivu {
background-image: url('kuvat/tarjous.png');
background-color: transparent;
background-repeat: no-repeat;
position:relative;
top: 200px;
left:110px;
text-align: center;
valign: center;
width: 175;
height: 88px;
padding-top: 10px;

}

td#tuote_footer_etusivu {
background-image: url('kuvat/tarjous_footer_etu.png');
height: 17px;
vertical-align: top;
}

/* ETUSIVUN TARJOUKSET LOPPUU*/

/* PALVELUT SIVUJEN STYLET ALKAA TÄSTÄ */

table#palvelut{
border-collapse: collapse;
border-spacing: 0px;
height: 330px;
width: 600px;
}

td#palvelut_otsikko {
background-image: url('kuvat/tuote_yla.png');
vertical-align: center;
padding-top: 2px;
height: 40px;
}

span#palvelut_nimi {
padding-left: 20px; 
color: #060060; 
text-align: left;
width: 70%;
font-size: 16pt;
font-weight: bold;
font-family: verdana, arial;
}

span#palvelut_korostus {
padding-right: 20px; 
color: #FF0000; 
text-align: right;
width: 25%;
font-size: 18pt;
font-weight: bold;
font-family: verdana;
}

td#palvelut_kuvaus {
background-image: url('kuvat/tuote_kuvaus.png');
vertical-align: top;
padding-top: 25px;
padding-left: 30px;
font-size: 12pt;
font-style: italic;
font-family: verdana;
width:300px;

}

td#palvelut_td_kuva { 
background-image: url('kuvat/tuote_kuvaus.png');
background-position: top right;
vertical-align: top;
text-align: right;
padding-right: 25px;
padding-top: 15px;
}

td#palvelut_mainos { 
background-image: url('kuvat/tuote_kuvaus.png');
background-position: top right;
text-align: center;
vertical-align: top;
font-size: 16pt;
color: #FF0000;
font-weight: bold;
font-family: 'Verdana';
}

td#palvelut_footer {
background-image: url('kuvat/tuote_footer.png');
height: 17px;
vertical-align: top;
}

/* PALVELUT SIVUJEN STYLET LOPPUU TÄHÄN */


/* footer ala  clear:inherit;*/

td#footer {
padding-bottom:0;
padding-left:0;
width:999px;
height: 43px;
background-image: url('kuvat/footer.png');
}


/* Tämä sivusto on (c) JH Computer Oy ja niin edelleen. */

td#copyright {
font-size: 14px;
text-align: center;
color: #FFFFFF;
height: 50px;
padding-left: 20px;
padding-right: 20px;
background-color: transparent;
background: transparent;
background-image: url('kuvat/copyright.png');
background-repeat:no-repeat;
background-position:left;
}

/* Linkki, vain alleviivaus */
/* "inherit" olisi hyvä vaihtoehto, jos IE ei olisi tyhmä. */
a#copylink:link, a#copylink:visited, a#copylink:hover, a#copylink:active
{
text-decoration: underline;
color: #ffffff;
font-size: 14px;
font-weight: normal;
}

/* IE ei ymmärrä :nth-child(n) ilmausta, joten */
/* on toimittava näin. Mikäs siinä. */

table#tarjous                        { border: none; width: 600px; }
table#tarjous tr                     { vertical-align: top; }
table#tarjous tr td:first-child      { width:100px; text-align: right; padding-right: 0.5em; }
table#tarjous tr td:first-child + td { width: 120px; }