/*



SISÄLLYSLUETTELELO (jos teet muutoksia järjestykseen (mitä ei suositella), päivitä myös sisällysluettelo)
---------------------------------------------------------------

- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"
- BODY ELI TAUSTA 
- MUITA TAUSTOJA, TAULUKOT
- topnav-SOLUT JA (PÄÄ)LINKIT, YLÄPALKKI
- SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY
- FOOTER, "BOTTOM" 
- DIV-KUVAT
- MUITA, LOMAKKEET, POTIKAT YMS. 
---------------------------------------------------------------

*/





 /* -------------------------------------------- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"  --------------------------------------------------- */

a:link, a:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:underline;
color:#551A8B;
}

a:hover {
font-family:verdana,arial,helvetica,sans-serif;
color:#FF0000;
font-weight:normal;
text-decoration:none;
}

a:active {
font-family:verdana,arial,helvetica,sans-serif;
color:#FF0000;
font-weight:normal;
text-decoration:none;
}

a.afooter:link, a.afooter:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#551A8B;
}

a.afooter:hover {
font-family:verdana,arial,helvetica,sans-serif;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

a.afooter:active {
font-family:verdana,arial,helvetica,sans-serif;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

/* -------------------------------------------- BODY ELI TAUSTA --------------------------------------------------- */

body {
background-color:#DCDCDC;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:40px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
}




/* ------------------------------------  MUITA TAUSTOJA, TAULUKOT ------------------------------------------- */



.bgtable { 					/*  taaimmaisen taulun tausta  */
color:#000000;
background-color:transparent;
}



.toppic {				 	   /*  taaimmaisen taustataulun yläkuva, myös taustaväri joka on hyvä olla sama kuin bodyn */
background-color:#DCDCDC;  	   /* FFFFCB - vaalean vihreä*/
/*
background-image: url(../images/toppic.jpg);
background-repeat:no-repeat;
*/

color:#000000;
}

.topdiv {
background-color:transparent;
/*
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:gray;
font-weight:bold;
font-style:italic;
*/
}

.slogan {
padding-right:20px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13pt;
color:gray;
font-weight:bold;
font-style:italic;
}

.logo {
/* background-image: url(../images/logo.jpg); */
color:#000000;
}



 /* -------------------------------------------- topnav-LINKIT (VASEN NAVIGOINTI), VASEN PALKKI  --------------------------------------------------- */


a.topnav:link, a.topnav:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.topnav:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}



.topnavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
background-color:#C0C0C0;
/*
background-image: url(../images/topnavbg.jpg);
background-repeat:repeat-y;
border-right: solid 1px #B8B8B8;
*/
border-right: solid 1px #999999;
border-left: solid 1px #999999;

color:#000000;
}

.topnavtable {  						/*     topnav-tausta, minkä päällä topnavit killuu  */
background-color:transparent;
padding:0px;
}

.topnavtd { 					 		/* topnav-td - taulukon solu, minkä sisällä topnavlinkki on*/
padding-left:8px;
padding-right:8px;
white-space:nowrap;
/* 
background-image: url(../images/topnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#000000;				/* topnav-td:ssä olevien nav.nuolten väri*/
background-color: #C0C0C0;
height:22px;
padding-left:10px;
padding-right:8px;

border-right: solid 1px #999999;
border-top: solid 1px #B8B8B8;
border-bottom: solid 2px #999999;

}

.topnavtd_last { 					 		/*topnav-td - taulukon viimeinen solu, minkä sisällä topnavlinkki on*/
padding-left:8px;
padding-right:8px;
white-space:nowrap;
/* background-image: url(../images/topnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#000000;				/* topnav-td:ssä olevien nav.nuolten väri*/
background-color: #C0C0C0;
height:22px;
padding-left:10px;
padding-right:8px;


border-top: solid 1px #B8B8B8;
border-bottom: solid 2px #999999;

}




/* ------------------------------------ SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY ------------------------------------------- */



td,p,br,div,hr,li,contenttxt {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
}


.pagetitlebg { 					/*   sivuotsikon taustaväri   */
background-color:transparent;
}

.content {  /*  sisällön vasen tausta */

font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
}

.pagetitle {	
height:21px;				/*   sivuotsikko   */
padding-left:10px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
}

.contleft {  /*  sisällön vasen tausta */
background-color:#F5F5F5;
padding-left:20px;
padding-right:15px;
border-left: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;
}

.contright { /*  sisällön oikea tausta */
background-color:#F5F5F5;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
color:#000000;
border-right: solid 1px #B8B8B8;
}


.title {						/*   otsikko  */
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
}


/* ------------------------------------  FOOTER, "BOTTOM" ------------------------------------------- */


.footerdiv {
background-color:#ffffff;
border-top: solid 1px #B8B8B8;
}


.footertd { /* eli footer*/
white-space:nowrap;
height:20px;
padding-left:8px;
background-color:#C0C0C0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;

border-top: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;
border-left: solid 1px #B8B8B8;
border-bottom: solid 1px #B8B8B8;
}


/* ------------------------------------ SISÄLLÖN DIV-KUVAT ------------------------------------------- */

div.etusivu {
width:400px;
height:350px;
background-image:url(../contpics/etusivu.jpg);
background-repeat:no-repeat;
}
div.palvelut {
width:400px;
height:350px;
background-image:url(../contpics/palvelut.jpg);
background-repeat:no-repeat;
}
div.tuotteet {
width:400px;
height:350px;
background-image:url(../contpics/tuotteet.jpg);
background-repeat:no-repeat;
}
div.yhteystiedot {
width:400px;
height:440px;
background-image:url(../contpics/yhteystiedot.jpg);
background-repeat:no-repeat;
}
div.palaute {
width:400px;
height:350px;
background-image:url(../contpics/palaute.jpg);
background-repeat:no-repeat;
}
div.kiitos {
width:400px;
height:350px;
background-image:url(../contpics/palaute.jpg);
}
div.hinnasto {
width:400px;
height:350px;
background-image:url(../contpics/hinnasto.jpg);
}
/* ------------------------------------ MUITA, LOMAKKEET, POTIKAT YMS. ------------------------------------------- */



.nw {
white-space:nowrap;
}



.txtinput {		/*  teksti-inputti, nimi, puh/email  */
width:250px;
height:20px;
border-top: solid 1px #B8B8B8;
border-bottom: solid 1px #B8B8B8;
border-left: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;

background-color:#ffffff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;

}

.tarea  { 		/* viestin tekstialue */
width:95%;
height:120px;
border-top: solid 1px #B8B8B8;
border-bottom: solid 1px #B8B8B8;
border-left: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;

background-color:#ffffff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

.potikka  {		/*  lähetä-painike  */
width:80px;
height:22px;
border-top: solid 1px #ffffff;
border-bottom: ridge 2px #B8B8B8;
border-left: solid 1px #ffffff;
border-right: ridge 2px #B8B8B8;

background-color:#B8B8B8;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}


blockquote { 
/*letter-spacing: 0.1em */
}