@import url("KAMP_editor.css");
@import url("KAMP_services.css");

body {
   background: transparent url("../gfx/SAKKI_back.gif") repeat-y center;
	background-color: #D3D3D3;
}

/* WRAPPER */
#wrapper {
   position:relative;
	width: 880px;
	margin: 0px auto;
   padding: 0;
   background-color: White;
}

/* HEADER */
#header {
	height: 118px;
   position:relative;
}
#header #logo{
   position:absolute;
   left:0;
   top:0;
   height: 148px;
   
}
/* NAVIGATION  */
#navigation {
    margin: 0;
    background-color: #27313f;
    height: 61px;
}
#navigation ul {
    padding: 0;
    margin: 0 0 0 10px;
}  
   #navigation ul ul {
      margin: -2px 0px 0px 0px;
      position:absolute;
      border: solid 1px white;
      visibility:hidden;
      width:180px;   
   }#navigation ul li.last ul {
      margin:-2px 0px 0px -115px;
   }
      #navigation ul ul ul{
         margin:-27px 0pt 0pt 178px;
         position:absolute;
         border: solid 1px #555555;
         visibility:hidden;
         width:160px;   
      }
      #navigation ul li.last ul ul{
         margin:-27px 0pt 0pt -160px;
      }
#navigation ul li {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
    background-color:#27313F;
}
   #navigation ul ul li {
      border-bottom: solid 1px white;
      width:180px;
   }
   #navigation ul ul li.last {
      border-bottom: none;
   }
   #navigation ul ul ul li{
         width: 160px;
   }
#navigation ul li a {
   padding: 25px 0 5px 0;
   display: block;
   color: White;
   margin-right: 10px;
   text-decoration: none;
   font-size:9px;
   font-weight: bold;
   border-bottom: none;
}#navigation ul li a.childrens {
}
   #navigation ul ul li a.childrens {
   }
   #navigation ul ul li a {
      background-image:none;
      height:100%;
      line-height:1.05em;
      margin: 0;
      padding:6px 0px 9px 7px;
   }
      #navigation ul ul ul li a {
         width:153px;
      }
#navigation ul li a.active {
	font-weight: bold;
}
   #navigation ul ul li a.active {
      background-image: none;
      color: Black;
   }
#navigation ul li a:hover {
      text-decoration: underline;
}#navigation ul li a:hover.childrens {
}
   #navigation ul ul li a:hover {
      height:100%;
      line-height:1.05em;
      padding:6px 0px 9px 7px;
      color: White;
      background-color: #3c63a2;
   }
      #navigation ul ul ul li a:hover {
         width: 153px;
      }
   #navigation ul ul li a:hover.childrens {
   }
   #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*/

/* MAIN */
#main {
	overflow: hidden;
	zoom: 1;
   margin: 10px 0;
}

/* SIDEBAR */
#sidebar {
   float:left;
   width:310px;
}
/* CONTENT */
#content {
	float: left;  
   margin:0 10px 0 0;
   overflow:hidden;
   width:560px;
}
   #content_in {
      overflow:hidden;
      background-color:#F9E9CC;
      padding: 30px;
      width:500px;
   }
   #content_in_bottom{
	   float: left;
      padding:10px 0;
      overflow:hidden;
      background-color: White;
      width:560px;   
   }
/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin: 2px 5px 0 0 ;
}
#signature, #signature a {
	color: Black;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
/* YLÄ ADMIN */
#admin_link{
   z-index:99;
}
.ext{
   clear: both;
}
/* ADMIN LINK tätä ei luultavasti tarvitse kun et tiedä mitä varten tämä on*
#admin_link {
   z-index:99;
}
#admin_link a{
   text-decoration: none;
}
#admin_link #cms_version {
   font-size:12px;
}

   #content .row{
   
   }
   .box_image{
      background: transparent url("../gfx/SAKKI_fbox_top.jpg") no-repeat;
      overflow:hidden;
      width:570px;
   }
   .box_bottom_image{
      background: transparent url("../gfx/SAKKI_fbox_bottom.jpg") no-repeat;
      height: 18px;
   }
   .min_height{
      float: left;
      height: 260px;
   }
   #content .col{
      float:left;
      overflow:hidden;
      width:150px;
      padding-left: 18px;
   }
   #content .margin_right{
      margin:20px 22px 0px 0px!important;
   }
   #content .margin_right_last{
      margin:20px 0px 0px 0px!important;
   }

/* FOOTER *
#footer {
	clear: both;
	background: transparent url("../gfx/footer_background.png") no-repeat;
	height: 29px;
}

/* EMEDIA SIGNATURE *
#signature {
	float: right;
	margin-top: 2px;
}
#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;
}
#bannerit{
   position:absolute;
   top:20px;
   right:-200px;
   width: 180px;
   overflow:hidden;
}
.ext{
   clear: both;
}