/* CSS Document */
/* joensuu */


/* Perussaadot */

html {

	padding: 0;
	font-family: Arial, Trebuchet MS,  Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333333;
	text-align: left;
	background-image: url(kuvat/tausta.gif);
}

H1 
{
  font-size: 18px;
  color: #ff3333;
  font-family:  Trebuchet MS, Arial,  Helvetica, sans-serif;

  }
  
 H2
 {
  font-size: 25px;
  color: #ff3333;
  font-family:  Trebuchet MS, Arial,  Helvetica, sans-serif;

  }
  
.leipateksti
{

}

  
.huomioteksti
{
font-weight: bold;
  font-size: 15px;
  color: #003399;
}

.kursivoitu
{
font-style: oblique;
font-weight: bold;
color: #000000;
}

.huomioteksti_punainen
{
font-weight: bold;
  font-size: 15px;
  color: #e70200;
}
 
 .hintateksti
 {
  font-weight: bolder;
  font-size: 25px;
  color: #003399;
  font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
 }

.lista
{
list-style-image: url(kuvat/lista_image.gif);
} 

/* Ylapalkki logo ja osoitetiedot ym.*/
#ylataulukko
{
background: url(kuvat/ylapalkki_tausta.gif) repeat-x;
background-color:#FFFFFF;
}

#logo
{
float: left;
vertical-align: middle;
margin: 30px 0px 0px 50px; 
}

#osoite
{
float: right;
vertical-align: middle;
margin: 30px 50px 0px 0px; 
}


/* Navigaatiopalkki */

#nappirivi
{
background: url(kuvat/valikkotausta.gif) repeat-x;
width: auto;
width: 775px;
}
.nappi
{
padding: 0;
margin: 0;
display: block;
background: url(kuvat/valikkotausta.gif) repeat-x;
font: 0px/29px verdana, arial, sans-serif;
text-align: center;
font-weight: bold;
font-size: 11px;
font-color: #FFFFFF;
width: 93px;
float: left;
}
.nappi a
{
color: white;
text-decoration: none;
display: block;
border: 0px;
width: 93px;

}

.nappi_aktiivinen 
{ 
background: url(kuvat/valikkotausta_aktiivinen.gif) repeat-x;
padding: 0;
margin: 0;
display: block;
font: 0px/29px verdana, arial, sans-serif;
text-align: center;
font-weight: bold;
font-size: 11px;
width: 93px;
float: left;
color: white;
}

.nappi a:hover 
{ 
background: url(kuvat/valikkotausta_aktiivinen.gif) repeat-x; 
}

#vasen_laita
{
background: url(kuvat/valikkotausta.gif) repeat-x;
}

#oikea_laita
{
background-image:url(kuvat/valikkotausta.gif) repeat-x;
}

/* infosolun sisällön asettelut */

#infosolu
{
background-color: #FFFFFF;
background: url(kuvat/infosolu_tausta.jpg) repeat-x;
background-position: top;
text-align: left;
margin: 0px 0px 15px 0px;
width: 775px;
}

.sivukuva
{
float: right;
padding: 0px;
margin: 40px 20px 20px 40px;
}


/* tsekkaa onko tarpeen */

#sivusolu
{
background-color: #FFFFFF;
padding: 0;

}

#kehys
{
background-color: #FFFFFF;

}

/* tarjousikkuna etusivulla */

#tarjous
{
float: right;
height: auto;
font-size: 10px;
padding: 0px;
margin: 10px 10px 10px 40px;
}

#tarjous_vasen
{
float: left;
height: auto;
font-size: 10px;
padding: 0px;
margin: 0px 0px 0px 0px;
width: 450px;
}

.hinnastotaulukko
{
background-color: #f6f6f6;
border: 1px solid #cecece;
}

.hinnasto_otsikko
{
	font-weight:bold;
	font-size: 110%;
	color: #003399;
	text-decoration: underline;
}

.hinnasto_tarjous
{
	font-weight:bold;
	font-size: 110%;
	color: #FF0000;
}

.alaviiva
{
border-bottom: 1px solid #cecece;
}

.alaviiva_tumma
{
border-bottom: 1px solid #cfcfcf;
}

.alaviiva_punainen
{
border-bottom: 1px solid #e70200;
}

#tarjous_teksti
{
margin: 10px;
text-align:center;
font-size: 10px; 
}

.hintatyyli
{
font-size: 250%;
color:#CC0000;
font-style: oblique;
font-weight: bolder;
}

.tarjous_etusivu_tuotten_nimi
{
font-size: 150%;
font-weight: bolder;
}

.alateksti_tarjoussoluun
{
font-size: 9px;
font-weight: lighter;
color: #8291d2;
}

.valisolu
{
background-color: #f3f1f2;
}
/* etusivun spesiaalilevyinen tekstiasettelu */


.etusivutyyli
{
padding: 40px 40px 40px 40px;
}

/* digikuvat sivun hinnastoasettelu */


/* Digikamerat sivuun */
.kameraominaisuustyyli
{
font-size: 11px;
}

.kamerahintatyyli
{
font-size: 28px;
float: right;
color: #003399;
font-weight:bolder;
line-height: normal;
}

#ajankohtaistasolu
{
background: url(kuvat/ajankohtaista_keskitausta.gif) repeat-y;
font-size: 11px;
color: #CC0000;
padding: 10px 12px 10px 12px;
}

.ajankoht_harmaateksti
{
color: #666666;
}

.ajankoht_harmaateksti a
{
color: #666666;
}

.ajankoht_harmaateksti a:hover
{
color: #666666;
font-weight: bold;
}