/*

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
- VASEN 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:none;
color:#263b8d;
}

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




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

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




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

body {
background-color:#FFFFFF;
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;
background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
}




/* ------------------------------------  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:#263b8d;
background-image: url(../images/toppic.jpg);
background-repeat:no-repeat;
border-left: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
border-top: solid 1px #1f5c7a;
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 {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#1f5c7a;
font-weight:bold;
font-style:italic;
}

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

.topbg {
background-color:#ffffff;
border-right: solid 1px #1f5c7a;
}

.mainbg {	  		 	  /*  sisällön tausta */
background-color:#ffffff;
color:#000000;
border-right: solid 1px #1f5c7a;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
border-bottom: solid 1px #1f5c7a;
}

.box {
border: solid 1px #1f5c7a;
padding-left:20px;
padding-right:20px;
padding-bottom: 0px;
padding-top: 0px;
}

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


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

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



.topnavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
background-color:#263b8d;



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

border-left: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
color:#000000;
}

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

.topnavtd, .topnavtd_last { 					 		/* topnav-td - taulukon solut, yhteiset*/
white-space:nowrap;
/* background-image: url(../images/topnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#efefef;				/* topnav-td:ssä olevien nav.nuolten väri*/
background-color: #;
height:22px;
padding-left:10px;
padding-right:8px;
}

.topnavtd { 					 		/* topnav-td - taulukon solu, minkä sisällä topnavlinkki on*/
border-right: solid 1px #1f5c7a;
}

.topnavtd_last { 					 		/*topnav-td - taulukon viimeinen solu, minkä sisällä topnavlinkki on*/

}


/* ------------------------------------ VASEN PALKKI ------------------------------------------- */

.lnavbg {
border-left: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
 background-color: #2b79a0;
 background-image: url(../images/lnavbg.jpg);
background-repeat:repeat-x;
background-position: bottom;
}


/* ------------------------------------ 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;
}


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



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

.footerdiv{       /* "footteriviiva"*/

}

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


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


div.picdiv_1 {
background-repeat:no-repeat;
height:194px;
background-image:url(../contpics/1.gif);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}
div.picdiv_2 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/2.jpg);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}
div.picdiv_3 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/3.jpg);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}
div.picdiv_4 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/4.jpg);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}
div.picdiv_5 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/5.jpg);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}
div.picdiv_6 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/6.jpg);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}
div.picdiv_99 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/99.jpg);
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}


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


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


.txtinput, .selekti {		/*  teksti-inputti, nimi, puh/email  */
width:250px;
height:20px;

border: solid 1px #1f5c7a;
background-color:#ffffff;

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

}

.tarea  { 		/* viestin tekstialue */
width:80%;
height:120px;

border: solid 1px #1f5c7a;
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 #1f5c7a;
border-left: solid 1px #ffffff;
border-right: ridge 2px #1f5c7a;

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


blockquote { 
letter-spacing: 0.1em 
}


/*       ----------------------------- menut -------------------------- */



#dropmenudiv{
font-weight: normal;
color: #003300;
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 88%;
background-color: #efefef;
text-align: left;
border:1px solid #1f5c7a;
border-bottom-width: 0;
line-height:18px;
z-index:100;
position:absolute;
}


#dropmenudiv a:hover{ /*hover background color*/
background-color: #ffffff;
}


#dropmenudiv a{
white-space:nowrap;
color: #003300;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #1f5c7a;
padding: 1px 0;
text-decoration: none;
font-weight: normal;

}


#childdropmenudiv{
font-weight: normal;
color: #003300;
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 88%;
background-color: #efefef;
text-align: left;
border:1px solid #1f5c7a;
border-bottom-width: 0;
line-height:18px;
z-index:100;
position:absolute;
}


#childdropmenudiv a:hover{ /*hover background color*/
background-color: #ffffff;
}


#childdropmenudiv a{
white-space:nowrap;
color: #003300;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #1f5c7a;
padding: 1px 0;
text-decoration: none;
font-weight: normal;

}

.gif {
height:194px;
border-top: solid 1px #1f5c7a;
border-bottom: solid 1px #1f5c7a;
border-right: solid 1px #1f5c7a;
}

fieldset {
border: 1px solid #999999;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

legend {
color: #2b429f;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 2px;
}

.astr {
color: #ff0000;
}