body {
  background: #E7ECFB none;
}

body.isokuva {
  background: white none;
  margin: 0; padding: 0; border: 0;
  text-align: left;
}

p.isokuva {
 font-family: verdana, aria, sans-serif;
 font-size: 80%;
 padding: 0; margin: 0; border: 0;
}

div.ylamusta {
  background: black none;
  width: 750px;
  height: 25px;
  padding-bottom: 3px; padding-top: 3px;
  font-family: verdana, arial, sans-serif;
  font-size: 80%;
  color: white;
  text-align: left;
  font-variant: small-caps;
}

.ylamusta a {
	font-family: verdana, arial, sans-serif;
	color: white;
	text-decoration: none;
}

.ylamusta a:hover {
	text-decoration: underline;
}

div.banneri {
  background: black url("kuvat/banneri.jpg");
  width: 750px;
  height: 250px;
}

table.navitaulu {
  width: 750px;
	background: #eeeeee none;
}

tr.navi {
  width: 750px;
  height: 23px;
	padding: 0; border: 0; margin: 0;
}

td.navi {
  background: #eeeeee url("kuvat/navi.jpg");
  width: 580px;	
  padding-bottom: 2px; padding-top: 2px;
  margin: 0; padding: 0; border: 0;
  font-family: verdana, arial, sans-serif;
  text-align: left;
}

.navi a {
  font-family: verdana, arial, sans-serif;
  font-size: 80%;
	text-decoration: none;
  color: black;
	font-weight: bold;
	font-variant: small-caps;
}

.navi a:hover {
  background-color: black;
	color: white;
	padding-bottom: 2px; padding-top: 2px;
}

td.naviwww {
  background: #3B65AA none;
  background: black none;
  width: 170px;
  padding-bottom: 2px; padding-top: 2px;
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
  text-align: left;
	color: white;
  font-variant: small-caps;
}

table.keskusosa {
  background: #A1BDEB url("kuvat/halli.jpg") no-repeat right bottom;
  width: 750px; 
  border: 1px solid black; 
}

table.keskusosa_kuvaton {
  background: #A1BDEB none;
  background: #B4CEF8 none;
  width: 750px; 
  border: 1px solid black; 
}

td.keskusosa_etusivu { 
  width: 375px;
  font-family: verdana, arial, sans-serif;
  font-size: 80%;
  text-align: left;
  padding: 10px;
}

td.keskusosa { 
  width: 750px;
  font-family: verdana, arial, sans-serif;
  font-size: 80%;
  text-align: left;
  padding: 10px;
}

td.reuna_teksti {
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
  text-align: right;
	padding: 10px;
}

h1 {
	font-family: verdana, arial, sans-serif;
	font-size: 120%;
	font-variant: small-caps;
	padding-top: 1%;
}

div.alapalkki {
  background: #3B65AA none;
  border: 1px solid black;
  border-top: 0;
  width: 750px;
  height: 25px;
  padding-bottom: 3px; padding-top: 4px;
  font-family: verdana, arial, sans-serif;
  font-size: 70%;
  color: white;
  text-align: left;
  font-variant: small-caps;
}

fieldset {
  border: thin solid silver;
  padding: 0.5em 0.5em 0.5em 0.7em;
  width: 80%;
  border-color: #dadada;
}

fieldset.paivitys {
  border: thin solid silver;
  padding: 0.5em 0.5em 0.5em 0.7em;
  width: 60%;
  border-color: #dadada;
}

legend {
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  color: black;
}

td.palaute {
  width: 100px;
  font-family: verdana, arial, sans-serif;
  font-size: 80%;
  text-align: left;
  padding: 10px;
}


/* autot.php:ssa käytössä olevan tyylimääritelmät alkavat tästä */


table.otsikko { /* taulukko otsikoita (merkki, vuosimalli, hinta) varten */
 border-top: 1px solid black;
 border-left: 1px solid black;
 border-right: 1px solid black;
 width: 90%;
 font-family: verdana, arial, sans-serif;
 font-size: 80%;
 margin: 0;
 vertical-align: middle;
}

tr.otsikko_tummempi { background: #3B65AA none; height: 20px; }

td.tuote_merkki { /* tuote_merkki, _vm ja _hinta -rivejä käytetään otsikossa ja tuotteiden listauksessa */
 width: 48%;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 font-weight: bold;
 padding-left: 3px;
}

td.tuote_vm {
 width: 25%;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 padding-left: 3px;
}

td.tuote_hinta {
 border-bottom: 1px solid black;
 padding-left: 3px;
}

table.tuotteet {
 border: 1px solid black;
 width: 90%;
 font-family: verdana, aria, sans-serif;
 font-size: 85%;
 margin-bottom: 5px;
 vertical-align: middle;
 color: white;
}

tr.tuote { background: #447AD2 none; }

td.pienikuva {
 width: 60px;
 height: 45px;
 background-color: #eeeeee;
 padding: 0; margin: 0; border: 0;
 border-left: 1px solid black;
 text-align: center;
}

/* yllä olevia käytetään tuotteiden listauksessa ja alla olevia pohjassa
  (tuote_lisatiedot on käytössä molemmissa */

td.tuote_lisatiedot {
 background: white none;
 padding-left: 4px;
}

table.tuotepohja {
 border: 1px solid black;
 width: 70%;
 font-family: verdana, aria, sans-serif;
 font-size: 85%;
 margin-bottom: 2px;
 vertical-align: middle;
}

tr.tuotepohja { background: #eeeeee none; }
tr.tuotepohja_tummempi { background: #dadada none; height: 20px; }
 
td.tuotepohja_merkki {
 width: 100%;
 font-weight: bold;
 padding-left: 2px;
}

tr.tuotepohja_p2 { background: #eeeeee none; }
tr.tuotepohja_p { background: #EAE8E8 none; }
tr.tuotepohja_p { background: #F7F4F4 none; }

td.tuotepohja_vasen {
 width: 35%;
 vertical-align: text-top;
 font-weight: bold;
}

td.tuotepohja_oikea {
 width: 65%;
 font-family: verdana, arial, sans-serif;
 color: black;
}

td.auto_blank {
 border-left: 1px solid black;
 border-bottom: 1px solid black;
}

.auto_lisatiedot a {
 color: blue; text-decoration: underline;
}

.auto_lisatiedot a:visited {
 color: #800080; text-decoration: underline;
}

.auto_lisatiedot a:hover {
 color: #00469B; text-decoration: underline;
}

a.suosittelekaverille {
 font-family: verdana, aria, sans-serif;
 color: black;
}

a.takaisin { color: black; background-color: transparent; }
a.otsikko { color: white; background-color: transparent; }
a.auto { color: black; background-color: transparent; }

img { border: 0; }

div.osoite-printti { display: none; }

/* loput ovat printtausta varten */
@media print {
        
html, body {
  background: white none; 
  color: black; 
  padding: 0; margin: 0; border: 0; 
  width: 100%;
  font-size: 1em;
  text-align: center;
}

.takaisin, .nakymaton, .navitaulu, .ylamusta, .alapalkki, .banneri {
  display: none;
}

table.keskusosa, table.keskusosa_kuvaton {
  width: 100%;
  border: 0; 
}

table.otsikko, table.tuotteet, table.tuotepohja {
  width: 100%;
}

div.osoite-printti {
  text-align: left;
  display: block;
  font-size: 70%;
}

}