/* Generated by KompoZer */
body {
  margin: 0;
  padding: 50px 0 0;
  font-family:  "BakerSignet, Tahoma", sans-serif;  /* !! updated by Petteri 2.5.2008 !! */
font-size:0.9em; /* original value "0.8em" !! updated by Petteri 20.5.2008 !! */
  color: #fff;
  background: url('bg.png') top left repeat-x #350101;
}
/* INTRO */
#intro_body{
 background: #000;
}
#intro
{
   background: url('intro_bg.png') top no-repeat #000;
   height: 555px;
   margin-top:80px;
   width:780px;
}

#intro_nav{
 position:relative;
 top: 469px;
 left: 340px;
}

#intro_nav li{
 list-style-type:none;
 float:left;
height: 70px;
}

.hidden_text{
 display:none;
}

#intro_nav li a{
 display:block; 
}
li#sisaan a {
 background: url('sisaan.png') center no-repeat ;
 width:148px;
 height: 70px;
}


li#enter a {
 background: url('enter.png') center no-repeat ;
 width:137px;
 height: 70px;
}

#container {
  margin: 0px auto;
  padding: 0%;
  background: #000000;
  width: 780px;

}
#header {
  height: 180px;
  background-image: url(header.png);

}
#nav {
 background: url('navig.png') no-repeat #000;
  height: 44px;

}

#nav_en {
 background: url('navig_en.png') no-repeat #000;
  height: 44px;
  
}

#subnav ul{
  margin-left: auto;
  margin-right:auto;
}

#subnav li{
  list-style-type:none;
  display: block;
  float:left;
}

#subnav a{
  color: #fff;
  font-weight:bold;
  margin-right: 10px;
  text-decoration: none;
}

#content {
  background: url(content.png) no-repeat #000 ;
  padding: 20px;
  padding-top:25px;
  padding-bottom: 50px;
}

#content h2{
 font-size: 18px;
 font-weight: bold;
}

#content_left{
 width:400px;
 float:left;
}

#content_right{
 width:310px;
 float:right;
 margin-right: 20px;
 padding-top: 20px;
}

/* NAVIGAATIO */

#nav ul { position:absolute; width:780px; margin:0; padding:0 }
#nav ul li { float:left; list-style-type:none;}
#nav ul li a { height:44px; display:block; }

li#navEtu a, li#navTuo a, li#navKon a, li#navAsi a, li#navAja a, li#navYht a { background:url('navig.png'); }

li#navEtu a { background-position:0 0; width:104px; left:0 }
li#navEtu a:hover { background-position:0 -44px; }
body#pageEtu li#navEtu a { background-position:0 -44px; }

li#navTuo a { background-position: -104px 0; width: 86px; left:104px; }
li#navTuo a:hover { background-position:-104px -44px; }
body#pageTuo li#navTuo a { background-position:-104px -44px; }

li#navKon a { background-position: -190px 0; width: 90px; left:190px; }
li#navKon a:hover { background-position:-190px -44px; }
body#pageKon li#navKon a { background-position:-190px -44px; }

li#navAsi a { background-position: -280px 0; width: 98px; left:280px; }
li#navAsi a:hover { background-position:-280px -44px; }
body#pageAsi li#navAsi a { background-position:-280px -44px; }

li#navAja a { background-position: -378px 0; width: 120px; left:378px; }
li#navAja a:hover { background-position:-378px -44px; }
body#pageAja li#navAja a { background-position:-378px -44px; }

li#navYht a { background-position: -498px 0; width: 82px; left:498px;}
li#navYht a:hover { background-position:-498px -44px; ;}
body#pageYht li#navYht a { background-position:-498px -44px; }

/* NAVIGAATIO EN*/

#nav_en ul { position:absolute; width:780px; margin:0; padding:0 }
#nav_en ul li { float:left; list-style-type:none;}
#nav_en ul li a { height:44px; display:block; position:absolute; top:0; text-indent: -9999px; }

li#nav_enEtu a, li#nav_enTuo a, li#nav_enKon a, li#nav_enAsi a, li#nav_enAja a, li#nav_enYht a { background:url('navig_en.png'); }

li#nav_enEtu a { background-position:0 0; width:86px; left:0 }
li#nav_enEtu a:hover { background-position:0 -44px; }
body#pageEtu li#nav_enEtu a { background-position:0 -44px; }

li#nav_enTuo a { background-position: -86px 0; width: 81px; left:86px; }
li#nav_enTuo a:hover { background-position:-86px -44px; }
body#pageTuo li#nav_enTuo a { background-position:-86px -44px; }

li#nav_enKon a { background-position: -167px 0; width: 134px; left:167px; }
li#nav_enKon a:hover { background-position:-167px -44px; }
body#pageKon li#nav_enKon a { background-position:-167px -44px; }

li#nav_enAsi a { background-position: -301px 0; width: 141px; left:301px; }
li#nav_enAsi a:hover { background-position:-301px -44px; }
body#pageAsi li#nav_enAsi a { background-position:-301px -44px; }

li#nav_enAja a { background-position: -441px 0; width: 79px; left:441px; }
li#nav_enAja a:hover { background-position:-441px -44px; }
body#pageAja li#nav_enAja a { background-position:-441px -44px; }

li#nav_enYht a { background-position: -520px 0; width: 78px; left:520px;}
li#nav_enYht a:hover { background-position:-520px -44px; ;}
body#pageYht li#nav_enYht a { background-position:-520px -44px; }

.kuva_oikea{
 float:right;
padding-left: 15px;
 margin-bottom: 10px;
}

.kuva_vasen{
 float: left;
 padding-right: 15px;
 margin-bottom: 10px;
}

#yhteyskuva{
 margin-top: -65px;
}

/* CLEARFIX */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

iframe{
 border:none;
}

#freimi{
 margin:0;
 padding:0;
 background: #000;
}