@import url("editor.css");
@import url("services.css");

html {
   background: transparent url("../gfx/html.gif") repeat-x top;
   background-color: #99ccff;
   height: 100%;
   overflow:scroll;
}
body {
   position:absolute;
   height: 100%;
   width: 100%;
}

/* WRAPPER */
.wrapper {
   background: transparent url("../gfx/page.gif") repeat-y;
	width: 961px;
	margin: 0px auto;
   height: 100%;
}
   .info{
      background: transparent url("../gfx/page_info.gif") repeat-y!important;
   }
   #shadow {
   zoom: 1;
   left:50%;
   margin-left:471px;
   position:absolute;
   top:0pt;
   z-index:90;
   }
.page {
   background: transparent url("../gfx/page.gif") repeat-y;
   width: 960px;
   float: left;
}
/* HEADER */
#header {
   height: 158px;
   width: 951px;
   background: transparent url("../gfx/header.jpg") no-repeat;
}
#header_eng {
   height: 158px;
   width: 951px;
   background: transparent url("../gfx/header_eng.jpg") no-repeat;
}
#header_rus {
   height: 158px;
   width: 951px;
   background: transparent url("../gfx/header_rus.jpg") no-repeat;
}

/* ROUTE */
#top_navi {
   height:39px;
   overflow:hidden;
   padding:120px 0px 0px 249px;
   position:absolute;
   width:663px;
}
   #top_navi ul{
      margin: 0px;   
   }
   #top_navi ul li{
      white-space: nowrap;
      list-style: none;
      float: left;
      margin: 0px;
      padding:11px 10px;
   }
   #top_navi ul li a{
      color:White;
      font-weight:bold;
      line-height:16px;
      letter-spacing: 0.05em;
      border: none;
   }
   #top_navi ul li.active {
      white-space: nowrap;
   	background:transparent url(../gfx/navi_top_act.gif) repeat-x scroll 0%;
   }
   #top_navi ul li a:hover {}

/* MAIN */
#main {
	overflow: hidden;
	zoom: 1;
}

/* SIDEBAR */
#sidebar {
   float:left;
   margin-bottom:-1000em;
   padding:10px 0px 1001em;
   width:222px;
}

/* NAVIGATION */
#sidebar .side_down {
    margin: 0 0 20px 0;
}
   #sidebar .side_up ul li{
      display: none;
   }
      #sidebar .side_up ul li.active{
         display: block!important;
      }
      #sidebar .side_up ul ul li{
         display: block!important;
         color: Gray;
      }
   #sidebar .side_down .active{ 
     display: none;
   }
#sidebar .navigation ul {
    padding: 0;
    margin: 0;
}
#sidebar .navigation ul ul{
    margin:7px 0pt 9px 0.5em;
}#sidebar .navigation ul ul ul{
    margin:0 0 0 5pt;
}
#sidebar .navigation ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#sidebar .navigation ul li a{
   background:transparent url(../gfx/navi_left_blue.gif) no-repeat scroll 0%;
   display:block;
   margin-bottom:5px;
   padding-left: 10px;
   width:199px;
   line-height:23px;
   color: White;
   letter-spacing: 0.05em;
   border: none;
}
#sidebar .side_up ul li a{
   background:transparent url(../gfx/navi_left_red.gif) no-repeat scroll 0%!important;
}
#sidebar .side_up ul ul li a{
   background:transparent url(../gfx/red_ball.gif) no-repeat scroll 0%!important;
   line-height:12px;
   color: black;
   display: block;
}
   #sidebar .side_up ul ul ul li a{
      background-image: none!important;
   }
#sidebar .side_up ul ul li a.active{
      letter-spacing:0.045em;
}

#sidebar .navigation ul li a.active {
	font-weight: bold;
}
#sidebar .navigation ul li a:hover {
	text-decoration: none;
	border: none;
}

/* Yhteys tiedot */
#sidebar #contact_info {
	margin: 10px;
}
/* Lisä painikeet*/
#extra_buttons{
   
}
   #extra_buttons .lang_select{
      padding: 0 0 5px 10px;
   }
   #extra_buttons .lang_select img{
      border: solid 1px #d9d9d9;
   }
   #extra_buttons .sidemap{
      background:transparent url(../gfx/navi_left_blue_mini.gif) no-repeat scroll 0% 50%;
      height:19px;
      margin-bottom:5px;
      padding:5px 0pt 0pt 5px;
      width:190px;
      color: White;
   }#extra_buttons .sidemap a { color: White; }
   #extra_buttons .login_form{
      margin: 10px 0 0 10px;
   }
      #extra_buttons .inputarea{
         height:23px;
         margin-bottom:5px;
      }
      #extra_buttons .login_form label{
         float: left;
         width: 30%; 
         float: left;
         display: block;
         color: #005cab;
         font-weight: bold;
      }
      #extra_buttons .login_form input{
         float: left;
         height:21px;
         margin-top:0pt;
         padding:0pt;
         width:110px;
         border: solid 1px #005cab;
      }
      #extra_buttons .login_form .inp_login{
         width:130px;
      }
   #extra_buttons .login_info{
      margin: 10px;
   }   
   #extra_buttons #search{
      background:transparent url(../gfx/navi_left_blue_search.gif) no-repeat scroll 0% 50%;
      color:white;
      padding-left:5px;
      height: 23px;
   }
      #extra_buttons #search label{
         padding:0pt 0px 0pt 0px;
         width:30%;
         float: left;
         line-height:23px;
      }
      #extra_buttons #search .searchstring{
         float:left;
         height:21px;
         margin-top:0pt;
         padding:0pt;
         width:110px;
         border: solid 1px #005cab;
      }
      #extra_buttons .submit_button{
         background:transparent url(../gfx/navi_left_blue_submit.gif) no-repeat scroll 0% 50%;
         border: none;
         float: left;
         height:23px;
         margin-left:-2pt;
         width:23px;
      }
      #extra_buttons .links_box_title{
         background:transparent url(../gfx/navi_left_blue.gif) no-repeat scroll 0%;
         height: 18px;
         width: 204px;
         overflow: hidden;
         position:relative;
         color: white;
         padding:5px 0 0 5px;
      }
         #extra_buttons .links_box_title .htmldata_controls{
            position: absolute;
            top: 2px;
            right: 0px;   
         }
         #extra_buttons .links_box_title .htmldata_controls hr{
            display: none;
         }
      #extra_buttons .links_box_content{
         width:209px;
         padding: 10px 0;
         overflow: hidden;
      }
      
/* ADMIN LINK */
#sidebar #admin_link {
	margin-bottom: 15px;
	text-align: center;
}

/* CONTENT */
#content {
   float:left;
   /*padding:15px;*/
   width:729px;
   overflow:hidden;
}
/* SISÄ TEMPLATET */
/* etusivu */
   #color_box{
      border: solid 1px #d6d6d6;
      margin: 13px;
      height:270px;
      width:702px;
      overflow:hidden;
      background:transparent url(../gfx/color_box.png) no-repeat;
      color: White;
   } #color_box a,#color_box h1,#color_box h2,#color_box h3{
      color: White;
      font-weight: bold;
   }
   #color_box .htmldata_controls{
      left:50%;
      position:absolute;
      top:406px;
      width:209px;
   }
   #color_box #c_box1 .htmldata_controls { margin-left:-234px;}
   #color_box #c_box3 .htmldata_controls { margin-left: 240px; }
   #color_box #c_box1{
      float:left;
      height:240px;
      overflow:hidden;
      padding:10px;
      width:208px;
   
      margin:3px 3px 6px 3px;  
   }
   #color_box #c_box2{
      float:left;
      height:240px;
      overflow:hidden;
      padding:10px;
      width:208px;
   
      margin:3px 3px 6px 3px;    
   }
   #color_box #c_box3{
      float:left;
      height:240px;
      overflow:hidden;
      padding:10px;
      width:208px;
   
      margin:3px 0px 3px 10px;
      width:196px;    
   }
   #color_box .space_box1{
      float: left;
      height:50px;
      width:49px;
   }
   #color_box .space_box2{
      float:left;
      height:48px;
      width:64px;
   }
   #color_box .space_box3{
      float:left;
      height:50px;
      width:61px;
   }
   #grey_box{
      background:transparent url(../gfx/grey.jpg) no-repeat;
      border: solid 1px #d6d6d6;
      margin: 13px;
      width:702px;
   }
   #grey_box .g_box{
      float:left;
      margin:3px;
      min-height:244px;
      padding:10px;
      width:320px;
   }
/* default.tpl */   
   .in_content{
      margin: 15px;
   }
      .in_content .row{
         width: 98%;
         margin-bottom: 15px;
      }
      .in_content .colum{
         width: 48%;
         float: left;
      }
      .in_content .left{
         margin-left: 3%;
      }
/* infopalkki.tpl */      
   .width_content{
      width: 500px;
      overflow:hidden;
   }
      .width_content .row{
         width: 98%;
         margin-bottom: 15px;
      }
      .width_content .colum{
         width: 70%;
         float: left;
      }
      .width_content .left{
         margin-left: 4%;
         width: 26%;
      }
   #info_box{
         float:right;
         width:205px;
         margin: 0;
         margin-bottom:-1000em;
         padding:0px 0px 1001em;
   }
   #info_img{
         background:transparent url(../gfx/info.gif) no-repeat top;
         padding: 10px;
         color: White;
   }#info_img a,#info_img h1,#info_img h2,#info_img h3{
      color: White;
      font-weight: bold;
   }#info_img .space_box{
      float: left;
      height:51px;
      width:69px;
   }
/* FOOTER */
#footer {
	clear: both;
	height: 29px;
}

/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin-top: 2px;
}
#signature, #signature a {
	color: Black;
	font-family: Verdana, Arial;
	font-size: 9px;
   padding-right: 15px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
/* Listä*/
.ext{
   clear: both;
   float: none!important;
   height: 0px!important;
   min-height: 0px!important;
   width: 0!important;
   margin: 0!important;
   padding: 0!important;
}
#kurista{
   margin-left:-100px;
   margin-right:-20px;
}
#admin_link{
   z-index:99;
}