/*
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 {
color:#ff9c04;
text-decoration:none;
}

a:hover {
color:#FF4500;
text-decoration:none;
}


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


body {

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:40px;
font-family:arial,helvetica,sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
background-color:#eeeeee;
background-image: url(../images/bodybg.gif);
background-repeat:repeat-x;
line-height:1.2em;

}
p{
padding:5px;
}

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

.firsttable {

background-color:#FFFFFF;

}
.bgtable { 					            /* taaimmaisen taulun tausta */
background-color:#ffffff;
width:800px;
}


.toppic {
height: 180px;				 	             /* yläkuva */
background-color:#dddddd;
/* background-image: url(../images/toppic3.jpg);
background-repeat:no-repeat;
background-position:center; */
}


.slogan {
font-size:11px;
color:#CC9999;
font-weight:bold;
font-style:italic;
}


.mainbg {	  		 	            /* sisällön tausta */
height: 100%;
width:550px;
padding-left:25px;
padding-right:25px;
padding-bottom: 30px;
padding-top: 30px;
background-color:transparent;
border: solid 0px #efefef;
border-right: solid 3px #dddddd;

}


.mainborder {

height: 100%;
width:550px;
padding: 0px;
background-color: #ffffff;
background-image: url(../images/mainbg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}


/* --------------------- topnav-LINKIT ('YLÄ NAVIGOINTI') ---------------------------------- */


a.topnav:link, a.topnav:visited {
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.topnav:hover {
font-size:11px;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
}


.topnavbg {   		 				         /* navigoinnin tausta */
background-color:#ffffff;
border-top: solid 0px #666666;
border-bottom: solid 0px #666666;
/*
background-image: url(../images/topnavbg.jpg);
background-repeat:repeat-y;
*/
}


.topnavtd, .topnavtd_last {
height:30px;
padding-left:5px;
padding-right:5px;
background-color: #CCCCCC;
/* background-image: url(../images/topnavtdbg.jpg);
background-repeat:repeat-x; 
*/
}

.topnavtd { 					 		
border-right: solid 0px #666666;
}

.topnavtd_last {
}

.topnavtd_active { 	
height:30px;
padding-left:5px;
padding-right:5px;				 		
background-color: #e7e8e8;
}

#xtra_nav{
width:800px;
height:0px;
position: relative;
top:10px;
background-color:#ffffff;
color:#000000;
}

#xtra_nav a{
padding-left:25px;
font-size:11px;
color:#b1b2b4;
font-weight:normal;
font-family:arial,helvetica,sans-serif;

}
#xtra_nav a.xtranav_active { 	
height:30px;
padding-left:25px;
color:#000000;		 		

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


H1 {	
color: #ff9c04;
font-size: 150%;
font-weight:normal;
margin: 0px;
margin-bottom: 10px;

}

H2 {
display: inline;
color: #000000;
font-size: 10pt;
font-weight:bold;
margin: 0px;
margin-bottom: 10px;

}

img.imagemail {
vertical-align: bottom;
}


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


.footerdiv{
}

.footertd {
width:800px;
height:120px;
font-size:11px;
color:#696a6b;
font-weight:normal;
/* background-color:#b1b2b4; */
background-color:#ffffff;
border-top: solid 3px #dddddd;
border-bottom: solid 0px #666666;
/* background-image: url(../images/footerlogot.jpg); */
background-repeat:no-repeat;
}

.footerlogo{
border:0px;
padding-right:10px;
padding-left:10px;
color:#b1b2b4;
}



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


.picdiv_1 {
height:0px;
border-bottom: solid 0px #666666;
/* background-image:url(../contpics/1.jpg); */
background-repeat:no-repeat;
}


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

.lngdiv{
color:#ffffff;
position: relative;
top: -165px;
left: 690px;
margin-bottom:-100px;
float:left;
}

a.lnglink:link, a.lnglink:visited {
font-size:13px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
font-family:arial,helvetica,sans-serif;
letter-spacing: 0.09em 

}

a.lnglink:hover {
font-size:13px;
color: #FFFFFF;
font-weight:normal;
text-decoration:none;
font-family:arial,helvetica,sans-serif;
letter-spacing: 0.09em 
}

#toppicText{
width:400px;
font-size:18px;
color:#ffffff;
position: absolute;
top: 60px;
left: 380px;
}

.borderpic {
border: solid 1px #cccccc;
}


input, select, textarea{
font-family:arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
background-color:#ffffff;
border: solid 1px #cccccc;
}


.selekti {	
width:250px;
height:20px;
}

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

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

.potikka  {		/*  lähetä-painike  */
width:80px;
height:22px;
font-weight:bold;
color:#000000;
background-color:#cccccc;
}


blockquote { 
letter-spacing: 0.1em 
}

.aladiv {
padding-top:5px;
width:100%;
font-family:arial,helvetica,sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
background-color:#ffffff;
border-top: solid 3px #efefef;
/*background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
*/

}
/*--------------SIDEBAR--------------*/
#scontainer{
width:250px;
vertical-align: top;
border-left: solid 0px #efefef;
font-size:90%;
line-height:1em;
}
#sfirst{
width:230px;
margin:10px;
border-bottom:solid 3px #dddddd;
}
#smid{
width:230px;
margin:10px;
border-bottom:solid 3px #dddddd;
}
#smid h1{
font-size:12pt;
font-weight:bold;
line-height :1.0;
}
#slast{
width:230px;
margin:10px;
}

  table.shadow { 
  }

  td.shadow-top { 
    height: 0px;  
  }

  td.shadow-topRight { 
    width: 0px;
    height: 0px;
  }

  td.shadow-right { 
    width: 6px; 
    background-image: url(../images/borderRight.png);

  }

  td.shadow-bottomRight { 
    width: 6px; 
    height: 6px; 
    background-image: url(../images/borderBottomRight.png);

  } 

  td.shadow-bottom { 
    height: 6px;
    background-image: url(../images/borderBottom.png);

  }

  td.shadow-bottomLeft { 
    width: 6px;
    height: 6px;
    background-image: url(../images/borderBottomLeft.png);

  } 

  td.shadow-left { 
    width: 6px;
    background-image: url(../images/borderLeft.png);

  }

  td.shadow-topLeft { 
    width: 0px; 
    height: 0px; 

  }      

  td.shadow-center { 
    background-color: transparent;
  }