/* CSS Document */

body {
background-image:url('../images/tk-bg.png');
background-color:#d4d4d4;
background-repeat:repeat-y;
background-position:top;
background-origin:initial;
}
body#etusivu a#etusivunav,
body#yrityksille a#yrityksillenav,
body#tarina a#tarinanav,
body#yhteystiedot a#yhteystiedotnav  {
color: rgb(63, 208, 162) ;
}

@font-face { font-family: Raleway; src: url('Raleway-Medium.ttf'); }
@font-face { font-family: Raleway; src: url('Raleway-Bold.ttf'); font-weight:bold; }

@font-face { font-family: Raleway-Regular; src: url('Raleway-Regular.ttf'); }
@font-face { font-family: Raleway-Light; src: url('Raleway-Light.ttf'); }
@font-face { font-family: Raleway-SemiBold; src: url('Raleway-SemiBold.ttf'); }

div {
   font-family:Raleway, sans-serif;
   font-size:12pt;
}

#main {
max-width: 920px;
align: center ;
margin: 40px auto;
padding: 40px; font-family:"Calibri";
font-size:medium;
background-color:#ffffff;
border-style:solid ;
border-width: 1px 1px 1px 1px ;
border-color: rgb(63, 208, 162) ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.viiva {
max-width: 1020px;
position: relative ;
height:10px ;
margin: 10px auto; 
border-style:solid ;
border-width: 1px 0 0 0 ;
border-color: rgb(63, 208, 162) ;
align: center ;
}
img {
	border-style: none;
}

.logoes {
position: relative ;
height:70px ;
align: left ;
float: left; text-align: left ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.logo {
position: relative ;
height:60px ;
align: left ;
float: left; text-align: left ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.kuvaes {
	position: relative ;
	height:446px ;
	align: left ;
	float: left; text-align: left ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.fblogo {
   position: relative;	
   top: 0px;
   right: -18px;
   float:right;
}

.sisalto {
position: relative ;
max-width: 840px;
min-height:1200px ;
margin: 10px auto; 
}
.lodju11 {
background-color: rgb(255, 255, 255); height:400px; width: 410px; float: left;
position: relative;top: 20px ;
text-align: left;
font-size:12pt;
font-weight:
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lodju12 {
position: relative;top: 20px ;
background-color: rgb(255, 255, 255); height: 300px; width: 410px; float: left;padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.ajanko {
position: relative; top: -200px; left: 40px;
text-align: center ;
font-size:medium;
margin: 10px auto;
background-color: rgb(63, 208, 162); height: 140px; width: 760px; float: left;
opacity:0.75;
filter:alpha(opacity=75);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.ajankotxt {
position: relative; top: -200px; left: -760px;
text-align: center ;
font-size:medium;
height: 140px; width: 760px;
/*margin: 10px auto;*/
/* background-color: rgb(63, 208, 162); height: 140px; width: 760px; float: left;
opacity:0.75;
filter:alpha(opacity=75);*/
/*-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; */
}
div.ajankotxt p   {
  position: relative; top: -130px; left: 800px;
  margin:30px 40px;
  color:#000000;
  font-family:Raleway, sans-serif;
  font-size:12pt;
}

div.ajankotxt b{
  font-size:14pt;
  font-style:bold;
}
.lodju21 {
position: relative; top: 0px;
background-color: rgb(255, 255, 255); height: 750px; width: 840px; float: left;
border-width: 1px 0 0 0 ;
border-color: rgb(63, 208, 162) ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lodju31 {
position: relative; top: 0px;
background-color: rgb(255, 255, 255); width: 520px; float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lodju32 {
/*   position: relative; top: 150px left: 0px; */
   position: absolute; top: 150px left: 400px; */
   width: 300px; margin-left: 540px ; padding: 0px;
   background-color: rgb(255, 255, 255); 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.lodju41 {
   position:absolute; top:80px;left:150px; width:400px; height:350px; 
   font-size:11pt;
   background-color: rgb(255, 255, 255); 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.lodju51 {
position: relative; top: 0px;
background-color: rgb(255, 255, 255); height: 1050px; width: 840px; float: left;
border-width: 1px 0 0 0 ;
border-color: rgb(63, 208, 162) ;
font-size:small;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lodju511 {
position: relative;
top: 20px;
height: 200px; width: 100px; float: left; padding: 20px;
font-size:small;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lodju512 {
position: relative;
top: 20px ;
left: 20px;
height: 200px; width: 700px; float: left; padding: 20px;
font-size:small;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myyntiy {
position: relative;
top: 20px;
height: 100px; width: 330px; float: left; padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myyntik {
position: relative;
top: 20px ;
left: 20px;
height: 100px; width: 330px; float: left; padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.yhtinfo {
position: relative;
top: 20px ;left: 20px;
height: 100px; width: 330px; float: left; padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer {
   position: relative;
   top: 40px ;
   border-style:solid ;
   border-width: 1px 0 0 0 ;
   border-color: rgb(63, 208, 162) ;
}

div.footer p {
   font-family:Raleway-Regular, sans-serif;
   font-size:10pt;
}

.kiilakuva_50
{
position: absolute; top:300px ;
left: 300px;
width:210px;
height:150px;
background-color: rgb(255, 255, 255); 
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 6px 6px 4px #777777;
font-size:medium;
text-align: center;
}
.kiila2
{
position: relative;
top:0px ;left: 40px;
width:200px;
height:125px;
float: left; padding: 10px;
background-color: rgb(206, 177, 133);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 6px 6px 4px #777777;
font-size:x-small;
}
/* START NAV MENU */
.menualue
{
position: relative;
top:0px ;left: 0px;
float: left ;
width:350px;
}


nav {
   height:20px;
   float: right; margin-right:20px;
   text-decoration:none;
   position: relative;
   top: 28px;
   font-family:Raleway-Regular, sans-serif;
   font-size:10pt;
}

nav a:hover {
   background: #cccccc;
}

a:active {
   text-decoration: none;
}


/* End of tk.css */