body {
   background-color : #222222; 
   margin : 0; 
   font-size : 12px; 
   line-height : 16px; 
   font-family: arial, tahoma, verdana; 
   color : #b0b2b9; 
   letter-spacing : normal; 
   text-align : justify; 
}


a:link {color : #f6a60f; text-decoration : none;  }
a:visited {color : #f6a60f; text-decoration : none;}
a:active {color : #f6a60f; text-decoration : none;  }
a:hover {color : #ffffff; text-decoration : none;}


small {
   letter-spacing : 1px; 
}

h3 { 
   font-size : 17px; 
   line-height : 25px; 
   letter-spacing : 0px; 
   color : #636468; 
   font-weight: normal;
   font-family: arial;
   letter-spacing: 1px;
}

h2 { 
   font-size : 14px; 
   line-height : 25px; 
   letter-spacing : 0px; 
   font-weight: normal;
   color : #636468; 
   margin-left: 30px;
}

h1 {
   font-size : 14px; 
   color : #cccccc;  
   font-weight: normal;
   font-family: arial;
   letter-spacing: 1px;
   text-align : left;
   background-color :#1a1a1a; padding-left: 20px;
}


#itseteksti2 { 
   margin-left : auto; 
   margin-right : auto;  
   width :755px; 
   margin-top: 0px; 
   background-color: #1a1a1a ;
}

#itseteksti1 { 
   margin-right : 280px; 
   margin-left : 30px; 
}

#sis{
   margin-left: 10px;
   margin-right: 30px;
   text-align : left; 
}

#vasen { 
   float: right;
   margin-left : 0px; 
   width: 250px;
   font-size: 11px;
   color: #757575;
}

.h1 {
   font-size: 11px;
   color: #b0b2b9;
   font-weight: bold;
}


a:link.ilink{
      color : #ffffff; text-decoration : none; font-family: 'Segoe Print',georgia, 'times new roman';
}
a:visited.ilink{
      color : #ffffff; text-decoration : none; font-family: 'Segoe Print',georgia, 'times new roman';
}
a:active.ilink  {
      color : #ffffff; text-decoration : none; font-family: 'Segoe Print', georgia, 'times new roman';
}
a:hover.ilink {
      color : #f6a60f; text-decoration : none;  
}
.b { font-weight: bold; color: #bbbbbb; }



.linkit {
      width: 100px; background-color: #25272b;  border: 1px #1c1e21 solid; color: #fff; 
      font-family: 'Trebuchet MS',tahoma, arial, verdana; font-size: 11px;
}

h4 { 
      font-size : 11px; color : #ffffff; font-family: arial, georgia, 'times new roman'; font-weight: normal;
      letter-spacing : 3px; text-transform:uppercase;
}

.img {
      border: 4px #ffffff solid; width: 90px; height: 90px; margin-right: 15px;
}

.img1 {
      border: 4px #ffffff solid; height: 90px;
}

small {
      font-weight: bold; font-size: 9px; color: #9a9a9a ;letter-spacing : 1px; font-family: 'Trebuchet MS', tahoma, arial, verdana;
}

small:hover {
      font-weight: bold; font-size: 9px; color: #ffffff; text-transform:uppercase;  text-decoration : none; 
}

div#laatikko {
      border: 7px #222222 solid; width: 250px; float: left; margin-bottom: 10px; 
      height: 150px;   
}

.kuva1 {
      height : 68px; width : 68px;  margin : 3px; padding : 0; border : 0 ;
}

.kuva1:hover{
      height : 58px; width : 58px; margin : 3px; border : solid #1E1F23 5px;
}

#loadarea {
      color: #cccccc; font-family: arial, verdana; letter-spacing : 0px; font-size : 12px;
      text-align : left; margin-top: auto; margin-bottom: auto; margin-left : 30px;  max-width: 100%;
      margin-right: 280px; line-height : 22px;
}

#kuvamenu {
      width : 230px; float : right;  padding: 10px; color: #636363; font-family: 'Trebuchet MS', tahoma; 
      font-size : 11px; margin-top:20px;
}

#sivu {
      margin : 0; width : 100%; height : 100%; 
}

.td1 {
      border: 5px #1a1a1a solid;  font-family: 'Trebuchet MS', tahoma, arial, verdana; color: #B1B1B1;
      font-size: 10px ; letter-spacing : 1px; text-align: center;
}


a:link.i1, a:visited.i1, a:active.i1 {
      color : #f6a60f; text-decoration : none; font-weight : normal;  font-size : 12px;
      letter-spacing : 1px; font-family: arial, 'Trebuchet MS', tahoma, arial, verdana; font-variant:none;
}

a:hover.i1 {
   font-size : 12px;
   letter-spacing : 1px;
   text-decoration : none;
   font-weight : normal;
   font-family: arial, 'Trebuchet MS', tahoma, arial, verdana;
   font-variant:none;
   color: #5a5a5a;

}


.kuva {
   height : 48px;
   width : 48px;
   margin : 3px;
   padding : 0;
   border : 0px solid #222222 ;
}

.kuva:hover {
   height : 38px;
   width : 38px;
   margin : 3px;
   border : solid #222222 5px;
}

.kuva1 {
   height : 68px;
   width : 68px;
   margin : 3px;
   padding : 0;
   border : 0 ;
}

.kuva1:hover{
   height : 58px;
   width : 58px;
   margin : 3px;
   border : solid #1E1F23 5px;
}

div#tasaus {
      text-align : left;
}