/* CSS Document */

/* IE png-fix */
img, div { behavior: url(/iepngfix.htc); }

/* html elements  */
body { background: #aaaaaa url(/img/bg.gif) repeat-x; margin: 0; padding: 0; }
img, object { border: 0; margin: 0; }

/* Varjot ja footer */
#l0 { background: url(/img/shadow_head.png) no-repeat; width: 946px; height: 28px; margin: 0px auto; }
#l1 { background: url(/img/shadow_body.png) repeat-y; padding: 0 23px; width: 900px; margin: 0 auto; overflow: hidden; }
#l2 { background: url(/img/shadow_foot.png) no-repeat; width: 640px; height: 20px; margin: 0 auto; no-repeat; padding: 10px 53px 38px 253px; font: 13px/20px Arial; color: #FFFFFF; }

/* vasen ja oikea jaottelu */
#lft { width: 200px; float:left; background-color: #FFFFFF; }
#rgt { width: 700px; float:right; background-color: #FFFFFF; }

/* Muut */
#logo { width: 200px; height: 95px; }
#pic { width: 700px; height: 295px; overflow:hidden; background-color: #CCCCCC; }

/* Kielivalinta */
#langs { padding: 0px; margin: 30px 0px 0px 30px; }
#langs li { list-style-type: none; font: 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#langs li a { text-decoration:none; color: #000000; }
#langs .fi { background: url(/img/flag_fi.png) no-repeat 0 50%; padding-left: 25px; }
#langs .gb { background: url(/img/flag_gb.png) no-repeat 0 50%; padding-left: 25px; }
#langs .se { background: url(/img/flag_se.png) no-repeat 0 50%; padding-left: 25px; }

/* Banneri */
#banner { text-align:center; margin-top: 30px; }
#bannertxt { font: 11px Arial, Helvetica, sans-serif; padding: 10px 30px; text-align:center; color: #888888; }

/* Navigointi */
#navi ul { list-style: none; margin: 0; padding: 0; }
#navi { width: 200px; height: 200px; background-color: #4074b0; font: 17px/18px Arial, Helvetica, sans-serif; }
#navi li a  { color:#FFFFFF; background-color: #4074b0; outline: none; display:block; text-transform: uppercase; padding: 10px 20px; width: 158px; text-decoration: none; border-top: 1px solid #83a7d1; border-right: 1px solid #3266a3; border-bottom: 1px solid #3266a3; border-left: 1px solid #83a7d1;  }
#navi li a:hover, #navi li a.on  { color: #FFFFFF; background-color: #4481c7; display: block; }
#navi ul li ul a { color:#FFFFFF; background-color: #4074b0; font-size: 12px; text-transform: none; display:block; padding: 5px 20px 5px 30px; width: 148px; text-decoration: none; border-top: 1px solid #83a7d1; border-right: 1px solid #3266a3; border-bottom: 1px solid #3266a3; border-left: 1px solid #83a7d1;  }

/* Yhteystietojen taulukko */
.ctable { margin-bottom: 20px; width: 600px; border-collapse: collapse; }
.ctable td { padding: 5px; margin: 0px; }
.ctable tr.even { background-color: #EAEAEA; }
.ctable tr.odd { background-color: #FFFFFF; } 
.ctable td.name { width: 200px; }
.ctable td.title { width: 200px; }
.ctable td.number { text-align:right; }

/* Sisällön tyylit */
#cntnt { padding: 30px; font: 13px/1.4 Tahoma, Verdana, Arial; border-left: 1px solid #CCCCCC; min-height: 300px; }
#cntnt p a { color: #000000; }
#cntnt p img { margin: 0px 10px 10px 0px; vertical-align: text-top; }
#cntnt h1 { font: 20px/1.3 Arial, Helvetica, sans-serif; letter-spacing:-1px; text-transform: uppercase; color:#000000; margin: 0 0 15px 0; }
#cntnt h2 { font: bold 17px/1.3 Arial, Helvetica, sans-serif; color:#000000; margin: 0 0 15px 0; }
#cntnt h2 a { color: #000000; text-decoration: none; color:#245588; }
#cntnt p.gress { font: oblique 18px/1.3 Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#245588; }
#cntnt p { margin: 0 0 15px 0; }
#contacts p { margin: 0 0 7px 0; }
#contacts h2 { font: 18px/1.3 Arial, Helvetica, sans-serif; color:#000000; margin: 0 0 7px 0; }
#cntnt hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; margin: 0 0 15px; height: 0; }

p.pics img { border: 1px solid #CCC; margin-right: 10px; }