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

body {
	background:url("../gfx/back_round.gif") repeat-x;
	background-color: #498cca;
}

/* WRAPPER */
#wrapper {
	width: 959px;
	background-color: #e5f2fe;
	margin: 18px auto 0;
	position: relative;   
}

/* HEADER */
#header {
	height: 104px;
   background: transparent url("../gfx/header.jpg") no-repeat;
	position: relative;
}
   #links{
		height:24px;
		line-height:24px;
		position:absolute;
		right:0;
		top:0;
		width:276px;
   }#links a{color: white; margin-right: 47px;}
	 #links a.last{color: white; margin-right: 0px;}

#header #cms_version {
	padding: 70px 17px 0 0;
	text-align: right;
	color: #fff;
	line-height: 20px;
	font-size: 10px;
}
/* NAVIGATION */
#navigation_space{
   height: 28px;
}
#navigation {
   background-color: #002c5e;
   margin: 0;
   height: 24px;
	border-top: solid 1px #ffea00;
	border-bottom: solid 3px #ffc100;
   position: absolute; top: 104px;
	z-index: 99;
	width: 959px;
}
#navigation ul {
    padding: 0;
    margin: 0 0 0 10px;
}  
   #navigation ul ul {
      background-color: #002c5e;
      margin: -2px 0px 0px 0px;
      position:absolute;
      border: 1px solid #FFC100;
      visibility:hidden;
      width:180px;   
   }#navigation ul li.last ul {
      margin:-2px 0px 0px -47px;
   }
      #navigation ul ul ul{
         margin:-27px 0pt 0pt 178px;
         position:absolute;
         border: solid 1px #555555;
         visibility:hidden;
         width:160px;   
      }
      #navigation ul ul li.last ul{
         margin:-27px 0pt 0pt -160px;
      }
#navigation ul li {
    padding: 0;
    margin: 0;
    float: left;
	 display: inline;
    list-style: none;
}
   #navigation ul ul li {
      border-bottom: solid 1px white;
   }
   #navigation ul ul li.last {
      border-bottom: none;
   }
#navigation ul li a {
   padding: 0px 10px 0 10px;
	margin:0 9px;
   display: block;
   color:white;
   font-weight: bold;
   font-family: Arial,Helvetica,sans-serif;
   font-size:12px;
	line-height:24px;
   border-bottom: none;
	text-transform: uppercase;
	text-decoration: none;
}#navigation ul li.childrens {
	background: transparent url("../gfx/childrens.gif") no-repeat  center right;
}
   #navigation ul ul li.childrens {
	   background: transparent url("../gfx/childrens.gif") no-repeat!important right;
   }
   #navigation ul ul li a {
      background-image:none;
  	   text-transform: none;		
      height:100%;
      line-height:11px;
      padding:6px 0px 9px 7px;
		margin: 0;
		width: 173px;
   }
      #navigation ul ul ul li a {
         width:153px;
      }
#navigation ul li a.active {
	font-weight: bold;
	color: #333333;
   background: transparent url("../gfx/navi_active.gif") repeat-x;
}
   #navigation ul ul li a.active {
      font-weight: bold;
		color: #333333;
	   background: transparent url("../gfx/navi_active.gif") repeat-x;
		background-color: #ffc400!important;
   }
#navigation ul li a:hover {
	color: #333333;
   background: transparent url("../gfx/navi_active.gif") repeat-x;
}#navigation ul li a:hover.childrens {
	color: #333333;
   background: transparent url("../gfx/navi_active.gif") repeat-x;
}
   #navigation ul ul li a:hover {
      background-image:none;
      height:100%;
      padding:6px 0px 9px 7px;
      width:173px;
      color: White;
      background-color: #3c63a2;
   }
      #navigation ul ul ul li a:hover {
         width: 153px;
      }
   #navigation ul ul li a:hover.childrens {
      background: transparent url("../gfx/navi_ul_ul_hover_ar.gif") no-repeat!important;
   }
   #navigation ul li:hover > ul {
      visibility:visible;
   }
      #navigation ul ul li:hover > ul{
         visibility:visible;
      }
   /*ie6*/
   #navigation ul li.over ul {
      display: inline;
      visibility: visible;
      
   }
   #navigation ul li.over ul ul {
      display: none;
      visibility: hidden;
      width: 151px;
      overflow:hidden;
   }
      #navigation ul ul li.over ul {
         display: inline;
         visibility: visible;
      }
      #navigation ul li.over ul li.last ul{
         margin:-27px 0pt 0pt -150px;
      }
      #navigation ul ul li.over ul ul {
         display: none;
         visibility: hidden;
      }    
   /*ie6 end*/
/* KUVA LAATIKKO*/	
#image_boxs{
	height: 126px;
	background: transparent url("../gfx/default_img.jpg") no-repeat;
	border-bottom: solid 4px #002a5c;
	position: relative;
        overflow:hidden;
}
	#image_boxs .htmldata_controls{
		position: absolute; bottom: 0; right: 0;
	}
	#image_boxs .htmldata_controls hr{
		display: none;
	}
/* MAIN */
#main {
	/*overflow: hidden;*/
	zoom: 1;
}

/* ADMIN LINK */
#admin_link {
	margin-bottom: 15px;
	text-align: center;
}
   #admin_link a{
      color: White;
   }

/* CONTENT */
#content {
   padding:15px;
   width:929px;
}
   #front_colum{
       float: left;
       width: 290px;                                 
   }
   .front_colum_margin{
       padding: 0 29px;
		 background: transparent url("../gfx/dots.gif") repeat-y right top;
		 background-position: 14px 0;
   }
		.left_box{
			background: transparent url("../gfx/left_box.jpg") no-repeat;
			margin-bottom: 10px;
		}
			.box_title{
				height: 32px; 
				overflow: hidden; 
				position: relative;
			}
			.box_title h1{
				color: white;
				line-height: 32px;
				padding-left: 10px;
				font-weight: normal;
			}
			.box_colum{
				color: white!important;
				padding: 5px;	
			}
			.box_colum a,.box_colum td{
				color: white;
			}
			.box_title .htmldata_controls{
				position: absolute; right: 0; top: 0;
			}.box_title .htmldata_controls hr{ display: none; }
		.left_box_free{
			border: solid 1px #82a2be;
			background: transparent url("../gfx/left_box_free.gif") repeat-x;			
			background-color: white;
			padding: 10px;
		}
   .c_right{
      padding-left: 15px;
   }
/* FOOTER */
#footer {
	clear: both;
	background-color: #003c6e;
	height: 66px;
	position: relative;
}
   #contact_info{
		position: absolute; top: 5px; left:5px;
      height:54px;
      width:600px;
		overflow: hidden;
      color: White!important;
      font-size: 10px!important;
   }#contact_info a{
      color: White;
      font-size: 10px!important;
   }#contact_info p{
      color: White;
      font-size: 10px!important;
   }#contact_info td{
      color: White;
      font-size: 10px!important;
   }
   #intra_link{
		height:12px;
		position:absolute; right:10px; top:46px;
		width:148px;
   }#intra_link a{
		color: white;
		font-weight: normal;
   }

/* EMEDIA SIGNATURE */
#signature {
	width: 970px;
	margin: 1px auto;
	padding-right: 25px;
}
#signature, #signature a {
	color: #fff;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
/* Tason korkeus luokka */
.ext{
   clear: both;
}
.cascade{
    filter:alpha(opacity=50);
    opacity:.50;
}