/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

body {
    text-align: center;
    margin-top: 93px;
            color: black;
}

body * {
    text-align: left;
}

/* Containers */
div.containers {
  width:631px;
  margin: 0 auto;
}

div#lang {
	height:16px;
}
div#lang a {
	margin-right:10px;
	float:right;
	color:#b1b1b1;
	text-transform:uppercase;
	text-decoration:none;

}
div#lang a:hover {
	text-decoration:none;
	
}

div#graycont {
  width: 100%;
  background-color: #959698;
  height: 86px;

}

div#graymargin {
  margin: 0 5px;
}

div#graycont div.containers {
    height: 86px;
    background-color: #77787B;
    width: 621px;
	position: relative;
}

div#blackbox {
  background-color: #241F20;  
  position: absolute;
  top: 19px;
  left: -38px;
  width:  196px;
  height: 45px;
  
}

img#blackboxtext {
    padding-top: 17px;
    padding-left: 55px;
}

img#headertext {
  margin-top: 36px;
  margin-left: 172px;
}

div#contents{
  width: 621px;
}

div#contents{
	margin: 23px 5px 10px 5px;
}

div.flash {
    height: 294px;
    background: gray url('pics/backup_etusivu.jpg') no-repeat top left;

}

div#topshadow{
    height: 16px;
    background: url('pics/topshadow.jpg') no-repeat top left;
	
}

div#footer{
	height: 18px;
    background: url('pics/bottomshadow.jpg') no-repeat bottom left;
	margin-bottom: 6px;
}

div#footer a, a.footext{
    text-decoration: none;
    color: #0BAFCF;
}

div#footer a:hover, a.footext:hover{
    text-decoration: underline;
}

.footext {
    padding: 7px 5px;
    text-align: center;
    font-size: 11px;
    color: #77787B;
    height: 24px;
    padding-right: 20px;
	
}

div#bluebox1{
    height: 20px;
    background: #0BAFCF url('pics/topblue2a.gif') repeat-x bottom left;
    margin: 2px 5px 0px 5px;
    
}

div#bluebox2{
    height: 22px;
    background: #0BAFCF url('pics/topblue2b.gif') repeat-x top left;

    margin: 2px 5px 0px 5px;
}

div#bluebox2 ul
{
    margin: 0; padding: 0;
    list-style: none;
    float: left;
    width: 617px;
}

div#bluebox2 li
{
    float: right;
}

div#bluebox2 ul a
{
    color: #363636;
    display: block;
    line-height: 18px;
    background: url('pics/naviline.jpg') no-repeat top left;
    padding: 2px 29px 0 8px;
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
	
}

div#bluebox2 ul a:hover, div#bluebox2 ul a.selected {
  color: white;
}

div#bluebox2 ul a.last {
  padding-right: 0;    
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p,{
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
	
}


/* Remove border around linked images */
img {
	border: 0;
}


#subnav a#selected
{
color: white;
}

#subnav a {
  display: block;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  font-weight: bold;
  margin-bottom: 2px;
  text-decoration: none;
  padding: 0px 12px;
  width: 119px;
  border: 1px solid #ECECEC;
  background: #6EC9E0;
  color: #363636;
  text-transform: uppercase;
}

#subnav a:hover {
  color: white;
}


#graybox2 {
  height: 28px; background: #959698; color: white;
}

#graybox2inner {
float: left; margin-right: 24px; height: 28px; width: 157px; background: #7F8082;
}

#graybox2 span, .blueblock span {
display: block; padding-top: 5px; line-height: 20px; font-size: 13px; font-weight: bold;
}

.blueblock {
margin: 12px 0 8px 0; font-size: 1px; height: 9px; background: #959698; color: white;
}

.blueblockinner {
float: left; margin-right: 24px; height: 9px;  width: 157px; background: #6EC9E0;
}

#bottomimage {
float: left; height: 172px; width: 157px;
}

#maincontents {
margin-top: 15px; background: #d3f1f6;

}

#subnav {
float: left; margin-bottom: 8px; width: 161px; padding-right: 1px;

}

.maintext {
padding: 15px 63px 15px 18px; float: left; width: 377px; line-height: 14px; color: #484849; font-size: 11px;
}

.maintext2 {
 line-height: 14px; color: #484849; font-size: 11px;
 padding: 12px 63px 0 179px;
 background: url('pics/greyblock.jpg') repeat-y top left; 
}

.grey {
background: lightgray;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

p {
margin: 0;
padding: 0 0 15px 0;
}

/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



td.number{
 
width: 28px;
text-align: center;
background: #6EC9E0;
font-weight: bold;

}

td.text{
padding: 5px 0 5px 18px;
width: 391px;
text-align: left;
background: white;
}

td.text dl dt{
padding-bottom: 6px;
}

td.text dl dd{
padding-left: 34px;
}

tr.row{
border: 1px solid lightblue;
}

tr.spacer{
height: 4px;
fint-size: 1px;
}

/* clear
-----------------------------------------------------------------------------*/


/* =Misc 2
-----------------------------------------------------------------------------*/


span.atta:after{
	content: "\40";
}

a.link {
  font-weight: bold;
  color: #579FB1;
  text-decoration: none;
}

a.link:hover {
  color: #68BDD3;
}

div.yhteysholder {
background: url(pics/greyblock.jpg) repeat-y 0px 0px;
color:#484849;
font-size:11px;
line-height:14px;
margin-bottom: 10px;
}

div.yhteysholder div.vasen {
width: 147px;
float: left;
padding: 7px 10px;
font-weight: bold;
}

div.yhteysholder div.oikea {
width: 454px;
float: left;
}

div.yhteysholder div div {
  background: #E0E0E0; padding-left: 12px;
  margin-bottom: 10px;
}

div.yhteysholder div div.clear {
padding: 0; margin: 0;
}

div.yhteysholder div div img {
  padding-right: 15px;
  margin-bottom: 0px;
}

div.yhteysholder p {
  padding: 5px 7px 5px 0px;
}