/* 
Styles for the Toymelab.com.
Version 1.0
date: 21-08-2009 
author: Eemeli Pyöttiö | firstname.surename@toymelab.com
*/

/* Default style for every component */
* {
    font-family: "New Century Schoolbook", arial, sans-serif; 
    font-family: arial, sans-serif;
    text-align: left;
    font-size : 11px;
    vertical-align:top;
    /*text-align: justify;*/
}


/* Div-styles */
body {
    font-family : arial, sans-serif;
    background-color : white;
    font-size : 12px;
    margin: 15px auto;
}

#main {
    font-family: arial, sans-serif;
    /*width: 50%;*/
    /*width: 860px;*/
    width: 750px;
    text-align: center;
    margin: 0px auto;
    background-color : white;
}

#header {
    /*width: 70%;*/
    /*width: 670px;*/
    width: 750px;
    font-family: arial, sans-serif;
    font-size: 10px;
    background-color: white; 
    height: 247px;
    background-image: url("../images/toyme_yleiskuva.jpg");
    /*background-image: url("../images/toyme_yleiskuva_harmaa.jpg");*/
    height: 150px;
    background-repeat:repeat-x;
    vertical-align: middle;
    overflow: hidden;
    border-bottom:1px;
    border-bottom-style: solid;
    border-bottom-color: #227fa6;
}

#middle {
    width: 100%;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: center;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
    /*border-top-style: solid;
    border-top-color: #227fa6;*/
}

#left {
    /*width: 70%;*/
    /*width: 670px;*/
    width: 560px;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: left;
    background-color: white;
    float: left;
    /*overflow: hidden;*/
    margin-right: 20px;
    background-position: left;
}

#right {
    /*width: 30%;*/
    width: 170px;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: left;
    background-color: white;
    float: right;
    overflow: hidden;
}

#footer {
    border-top:1px;
    border-top-style: solid;
    border-top-color: #227fa6;
    width: 100%;
    background-color: white;
    /*margin-left: 20px;*/
    margin-right: 20px;
    margin-top: 15px;
    text-align: left;
}

#image_right {
	float: right;
	padding: 0px 8px 8px 8px;
}

#image_left {
	float: left;
	padding: 2px 8px 8px 0px;
}


/* Text styles */
h1 {
  font-size : 16px;
  /*margin-left: 20px;*/
  margin-bottom: 20px;
  text-transform:uppercase
  font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;
  letter-spacing:1px;
  color:black;
  font-weight:normal;		
  margin-bottom:10px;
}

h2 {
  font-size : 14px;
  /*margin-left: 20px;*/
  margin-bottom: 20px;
  text-transform:uppercase
  font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;
  letter-spacing:1px;
  color:#bec40f;
  font-weight:normal;		
  margin-bottom:10px;
}

h3 {
  font-size : 12px;
}

h4 {
  font-size : 12px;
}

i1 {
  font-size : 10px;
  color: grey;
  font-style: italic;
}

i2 {
  font-size : 12px;
  font-style: italic;
}

i3 {
  font-size : 12px;
  font-style: italic;
}


b1 {
  font-size : 12px;
  font-weight: bold;
}

b2 {
  font-size : 13px;
  font-weight: bold; 
  /*color: #53727b;*/
}

/* Style for the hyperlinks */

/* Default link */
a {
	color: #0074a0;
	text-decoration: none;
}

a:hover {
	color:black;
	text-decoration: underline;
}

/* Link style to use when link is an image. */
a.img {
	color:white;

}

a.img:hover {
	color:white;
}

/* Link with background image */
a.image1 {

}

a.image1:hover {

}

/* Link with big text (17px) */
a.num1 {
  font-size : 12px;
  color: #496261; /* <-- Gentle blue */
  color: black;
  text-decoration: none; 
}

a.num1:hover {
  font-size : 12px;
  color: #496261; /* <-- Gentle blue */
  color: black;
  text-decoration: underline;
}

/* Link with image on the background (right-div) */
a.num2 {
  font-size : 11px;
  color: white;
  text-decoration:none;
  font-weight:bold;
}

a.num2:hover {
  font-size : 11px;
  color: white; 
  background-image: url("");
  text-decoration:underline;
  font-weight:bold;
}


/* Table styles */
table.table_1 {
  /*background-image:url("../images/navigation.png");
  background-repeat: no-repeat;*/
  width: 100%; 
}

table.table_2 {
  width: 100%; 
  background-color: white;
  border: none; 
  
}

td.td_1 {
  text-align: left;
  margin: 5px;
  font-style:italic;
  color: #456a65;
  
}

td.td_2 {
  background-image:url("../images/button1.png");
  background-repeat:no-repeat;
  width:168px;
  height: 30px;
  text-align:left;
  vertical-align: middle;
  color:white;
  background-position: left;
  
}

td.td_3 {
  vertical-align:bottom;
  text-align: right;
  font-size:14px;
  font-weight:bold;
}

td.td_4 {
  /*background-image:url("../images/button2_2.png");
  background-image:url("../images/button.png");*/
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:white;
  background-position: center;
}

td.td_5 {
  background-image:url("../images/button3.png");
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:white;
  background-position: center;
}

td.td_6 {
  /*background-image:url("../images/button3.png");*/
  background-repeat:no-repeat;
  width:160px;
  height: 30px;
  text-align:center;
  vertical-align: middle;
  color:black;
  background-position: center;
  font-size : 12px;
}

td.td_7 {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-position: left;
  background-color: white;
  vertical-align: left;
}

td.td_8 {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-position: center;
  vertical-align: middle;
  text-align:center;
  background-color: white;
  padding: 10px;
  
}

td.aloite {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-image:url("../images/aloite_box.jpg");
  background-position: inherit;
  vertical-align: top;
  text-align:left;
  width:557px;
  height: 60px;
  background-repeat: no-repeat;
  padding-left: 170px;
  padding-right: 15px;
  padding-top: 10px;
  font-size:10px;
  border: 0px;
}

td.korjaus {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-image:url("../images/korjaus_box.jpg");
  background-position: inherit;
  vertical-align: top;
  text-align:left;
  width:557px;
  height: 60px;
  background-repeat: no-repeat;
  padding-left: 170px;
  padding-right: 15px;
  padding-top: 10px;
  font-size:10px;
}


td.poikkeama {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-image:url("../images/poikkeama_box.jpg");
  background-position: inherit;
  vertical-align: top;
  text-align:left;
  width:557px;
  height: 60px;
  background-repeat: no-repeat;
  padding-left: 170px;
  padding-right: 15px;
  padding-top: 10px;
  font-size:10px;
}

td.vaara {
  /*margin-left: 20px;
  padding-left: 20px;*/
  background-image:url("../images/vaara_box.jpg");
  background-position: inherit;
  vertical-align: top;
  text-align:left;
  width:557px;
  height: 60px;
  background-repeat: no-repeat;
  padding-left: 170px;
  padding-right: 15px;
  padding-top: 10px;
  font-size:10px;
}


tr.tr_1 {
  background-image:url("../images/navigation.jpg");
  text-align:center;
  vertical-align: middle;
  color:white;
  background-position: left;
  background-repeat: no-repeat;
}

p {
	/*margin-left: 20px;*/
	margin-right: 10px;
	word-spacing:  0pt;
	
	
}