/*



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
- LNAV-LINKIT (VASEN NAVIGOINTI), VASEN PALKKI 
- SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY
- FOOTER, "BOTTOM" 
- MUITA, LOMAKKEET, POTIKAT YMS. 
---------------------------------------------------------------

*/





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



a:link {
font-family: verdana, arial, sans serif;
font-size:11px;
color:blue;
font-weight:normal;
text-decoration:none;
}

a:hover {
font-family: verdana, arial, sans serif;
font-size:11px;
color:blue;
font-weight:normal;
text-decoration:none;
}




a.footerlnk {
font-family: verdana, arial, sans serif;
font-size:11px;
color:#333333;
font-weight:normal;
text-decoration:none;
}

a.footerlnk:hover {
font-family: verdana, arial, sans serif;
font-size:11px;
color:#333333;
font-weight:normal;
text-decoration:underline;
}


a.footerlnk:visited {
font-family: verdana, arial, sans serif;
font-size:11px;
color:#efefef;
font-weight:normal;
text-decoration:none;
}




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

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




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


/*  taaimmaisen taulun tausta  */

.bgtable { 
background-color:#C0C7C3;
}


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


.logo {
/* background-image: url(../images/logo.jpg); */
padding-left:15px;
}

.emailtxt {

}


/*  sisällön tausta */
.mainbg {
padding-left:10px;
background-color:#C0C7C3;
border-right: solid 1px #cccccc;
}






 /* -------------------------------------------- TOPNAV-SOLUT JA (PÄÄ)LINKIT, YLÄPALKKI --------------------------------------------------- */

  
/* topnavtaulu, jos haluu spacinggia tai päddingiä'*/

.topnavtable { 
background-color:transparent;
padding:0px;

}

 
.topnavbg {
height:20px; 			/*       topnavin korkeuden muutos 1/3, muuta kaikki kolme... */
background-color:#C0C7C3;
/* background-image: url(../images/topnavtdbg.jpg); 
background-repeat:x-repeat;
border-top: solid 1px #cccccc;
border-bottom: solid 2px #666666;
*/
}


 /* topnav-solu, minkä sisällä topnavlinkki on*/



.topnavtd {
padding-left:8px;
padding-right:8px;
height:25px; 		/*       topnavin korkeuden muutos 2/3, muuta kaikki kolme...             */
padding-left:8px;
padding-right:8px;
background-color:#efefef; 
white-space:nowrap;
border-left: solid 2px #ffffff;
border-right: solid 2px #999999;
border-top: solid 1px #ffffff;
border-bottom: solid 2px #999999;
}


.topnavtd_last {
padding-left:8px;
padding-right:8px;
height:25px; 			   				/*       topnavin korkeuden muutos 3/3, muuta kaikki kolme...             */
padding-right:8px;
padding-left:8px;
background-color:#efefef; 
white-space:nowrap;
border-left: solid 2px #ffffff;
border-right: solid 2px #999999;
border-top: solid 1px #ffffff;
border-bottom: solid 2px #999999;
}




a.topnav { 			/*       topnav-linkit           */
font-family: verdana, arial, sans serif;
font-size:11px;
color:#CC3333;
font-weight:bold;
text-decoration:none;
}

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






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


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

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

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


.lnavbg {   /*               vasen palkki, taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
padding-left:15px;
background-color:#C0C7C3;
border-left: solid 1px #cccccc;
}



 /*lnav-tausta, minkä päällä lnavit killuu*/
.lnavtable { 
background-color:transparent;
padding:0px;
}



/*lnav-td - taulukon solu, minkä sisällä lnavlinkki on*/

.lnavtd { 

background-image: url(../images/topnavtdbg.jpg);
background-repeat:x-repeat;

background-color:transparent;

height:22px;

padding-left:8px;
padding-right:8px;

white-space:nowrap;

border-left: solid 1px;
border-bottom: solid 1px;
border-color:#999999;

}






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



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

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

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

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

.bhuom_i {
font-family: verdana, arial, sans serif;
font-size:11px;
color:red;
font-weight:bold;
font-style:italic;
}



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

.logofooter {
background-color:#ffffff;
background-repeat: no-repeat;
border-top: solid 1px #999999;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}

.xtrafooter {
background-image: url(../images/xtrafooterpic.jpg);
background-color:#ffffff;
background-repeat: no-repeat;
border-top: solid 1px #999999;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}

.footertd { /* eli footer*/
height:20px;
padding-left:8px;
background-color:#ffffff;
font-family: verdana, arial, sans serif;
font-size:11px;
color:#000000;
font-weight:normal;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}

/* ------------------------------------ MUITA, LOMAKKEET, POTIKAT YMS. ------------------------------------------- */

.lnavpic {		/*   rajat vasemman palkin kuviin  */
padding:1px;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}


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

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

}

.tarea  { 		/* viestin tekstialue */
width:80%;
height:200px;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
border-left: solid 1px #666666;
border-right: solid 1px #666666;

background-color:#ffffff;
font-family: verdana, arial, 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 #666666;
border-left: solid 1px #ffffff;
border-right: ridge 2px #666666;

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


blockquote { 
letter-spacing: 0.1em 
}

.borderpic {
border-top: solid 1px #ffffff;
border-bottom: ridge 1px #ffffff;
border-left: solid 1px #ffffff;
border-right: ridge 1px #ffffff;
}

.nw {
white-space:nowrap;
}