@charset "UTF-8";
/* CSS Document */

.yhteystiedot td{
border-bottom-color:#dadada;
border-bottom-style:solid;
border-bottom-width:1px;
}

body{
background-image:url(img/bg_02.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#000000;


font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
color: #edeaea;
}



h1{
font-size:24px;
color: #49c7d1;
margin:0px;
padding-top:20px;
padding-bottom:10px;
line-height:24px;}


h2{
color: #3d6c93;
font-size:15px;
font-weight:normal;
padding:0px;
margin:0px;
padding-top:5px;
}

h3{
font-size:12px;
color: #ffcc99;
}

img{
border:0px;}


#mainwrapper{
position: relative;
margin: 0 auto;
width: 1020px;
padding-top:0px;
}

#wrapper{
background-image:url(img/header.jpg);
background-repeat:no-repeat;
background-position:top;

float:left;
width: 1020px;
}



#navi{
float:left;
height:43px;
padding-top:12px;
padding-left: 506px;
width:496px;
}


strong{
color: #49c7d1;
font-weight:bold;
}


ul{
margin:0px;
padding-left:40px;
padding-top: 5px;
padding-bottom:5px;}

#content_front{
background-color:#000000;
float:left;
width:965px;
border: 1px solid #406870;
padding-left:55px;
}
li{


margin:0px;
padding:0px;
padding-bottom:3px;
padding-top:4px;
}


p{
margin:0px;
padding-top:5px;
padding-bottom:5px;
}


#ylakuva{

float:left;
width:529px;
padding-left:480px;
padding-top:292px;
}

#yla{
width: 1020px;
float:left;
padding-top:49px;
}

#yla1{
width:277px;
height:174px;
float:left;
padding-left:245px;

}


#yla2{
width:286px;
height:174px;
float:left;
padding-left:32px;

}


#yla2 a{
color:#e8c721;
text-decoration:none;
}

#yla2 a:hover{
color:#e8c721;
text-decoration:underline;
}

#top5{
float:left;
color:#e7c621;
width:114px;

padding-left:33px;
padding-top:33px;
}

#top5 a{
color:#49c7d1;
text-decoration:none;
}

#top5 a:hover{
color:#49c7d1;
text-decoration:underline;
}

.pisteet_table{
width:102px;
font-size:11px;
}

.pisteet_table td{
border-bottom: 1px solid #27383f;
height:20px;
vertical-align:middle;
}

.pisteet{
width:46px;
text-align:right;
color:#6d6d6d;
}


.tehtava{
width:997px;
float:left;
height:429px;
color:#43b2bb;
font-size:11px;
padding-top:10px;
}


.tehtava_top{
float:left;
width:1024px;
height:17px;
}


.tehtava_left{
float:left;
width:23px;
height:139px;

}


.tehtava_right{
float:left;
width:968px;
height:429px;
background-image:url(img/bg_tehtava_06.gif);
background-repeat:no-repeat;
background-position:top left;
}

.tehtava_video{
float:left;
width:485px;

}

.tehtava_video_yla{
float:left;

}
.tehtava_video_ala{
float:left;
padding-left:23px;
padding-top:10px;
}

.tehtava_tehtava{
float:left;
padding-top:1px;
padding-left:10px;
width:472px;

}

#footer_front{
border-top:1px solid #081e23;
width:997px;
float:left;
text-align:right;
padding-top:10px;
color:#e8c721;
font-size:11px;
}

#footer_space{
width:997px;
float:left;

padding-top:20px;
}