/* Common */
.clear {clear: both; background: none; }
.left {float:left;margin-right:1em;}
.right {float:right;margin-left:1em;}
.center {text-align:center;}
.first {margin-left:0 !important;}
.last {margin-right:0 !important;}
.top {margin-top:0 !important;}
.bottom {margin-bottom:0 !important;} 
.hidden, .print {display:none;}


abbr[title], acronym[title] {cursor:help;}
img {border:none;}   
hr {display:none;} 


/* Layout */
body {
 font-family: "Ubuntu";
 font-size: 13px;
 margin:0px;
 padding:0px;
 color:#282828;
 background: url(../images/layout/bg_top_alasivut.jpg) no-repeat center top;
 
}

#wrapper { 
 margin: 0 auto;
 width: 970px;

}
.leftmenu {
 float:left;
 width:189px;
}
.leftmenutop {
 float:left;
 padding-left:10px;
 width:179px;
 height:36px;
 background: url(../images/layout/alamenu_bg_top.png) no-repeat center center;
}
.leftmenumiddle {
 float:left;
 padding-left:10px;
 padding-top:10px;
 width:179px;
 min-height:1px;
 background: url(../images/layout/alamenu_bg_middle.png) repeat-y center center;
}
.leftmenubottom {
 float:left;
 padding-left:10px;
 width:179px;
 height:55px;
 background: url(../images/layout/alamenu_bg_bottom.png) no-repeat center center;
}
#header {
 position:relative;
 width: 950px;
 padding: 10px;
 height: 135px;
 margin: 0px 0px 0px 0px;
}
#header .logo {
 position:absolute;
 top:9px;
 left:11px;
 display:block;
 padding:0px;
 margin:0px;
}
#header .slogan {
 position:absolute;
 top:31px;
 left:174px;
 display:block;
 padding:0px;
 margin:0px;
}
#header .facebook {
 position:absolute;
 top:30px;
 left:919px;
 display:block;
 padding:0px;
 margin:0px;
}
#columns {
 float:left;
 width:970px;
 min-height:660px;
 margin-bottom:40px;
 
}

#leftcolumn { 
 float:left;
 margin: 0px 30px 0px 20px;
 /*padding: 0px;
 width: 277px;
 min-height: 300px;*/
 width: 244px;
 min-height: 200px;
 padding: 0px 0px;
}
#rightcolumn {
 float:left;
 margin: 0px;
 padding: 0px 20px 0px 0px;
 width: 623px;
 min-height: 300px;
}
#leftcolumn_yht { 
 float:left;
 margin: 0px 30px 0px 20px;
 padding: 0px;
 width: 425px;
 min-height: 300px;
}
#rightcolumn_yht {
 float:left;
 margin: 0px;
 padding: 0px 20px 0px 0px;
 width: 475px;
 min-height: 300px;
}
#leftcolumn_front {
 float:left;
 margin: 0px 0px 0px 20px;
 padding: 0px;
 width: 705px;
 min-height: 300px;
}
#rightcolumn_front {
 float:left;
 margin: 0px;
 padding: 0px 20px 0px 0px;
 width: 225px;
 min-height: 300px;
}

#snapshot {
 padding-bottom: 9px;
}
.nosto {
 float:left;
 width:225px;
 margin-bottom:15px;
}
.nosto_top {
 position:relative;
 float:left;
 width:199px;
 height:33px;
 line-height:33px;
 padding:0px 13px 0px 13px;
 background: url(../images/layout/nosto_top.png) no-repeat center center;
}
.nosto_top h2 {
 padding:0px;
 margin:0px;
 color:#fff;
}
.rss {
 position:absolute;
 display:block;
 right:13px;
 top:8px;
 width:13px;
 height:13px;
 /*background: url(../images/layout/rss.png) no-repeat center center;*/
}
.nosto_middle {
 float:left;
 width:199px;
 padding:8px 13px 0px 13px;
 background: url(../images/layout/nosto_middle.png) repeat-y center center;
}
.nosto_middle a {
 font-family: "Ubuntu", helvetica, arial, sans-serif;
 font-size: 14px;
 color: #0c537b;
}
.nosto_middle a:hover {
  font-family: "Ubuntu", helvetica, arial, sans-serif;
 font-size: 14px;
 color: #cd5395;
}
.nosto_middle p {
  font-family: "Ubuntu", helvetica, arial, sans-serif;
 font-size: 14px;
 margin:0px 0px 8px 0px;
}
.nosto_bottom {
 float:left;
 width:199px;
 height:44px;
 padding:0px 13px 0px 13px;
 background: url(../images/layout/nosto_bottom.png) no-repeat center center;
}
#footerwrap {

 clear: both;
 position: relative;
 z-index: 10;
 height: 230px;
 margin-top:-230px;
 width: 100%;
 background: #154f71 url(../images/layout/footer_bg.jpg) no-repeat center center;
}
#footerframe {
 position:relative;
 width:1000px;
 height: 180px;
 margin: 30px auto 0px auto;
 padding: 35px 0px 0px 0px;
 color:#FFF;
}
/*
.huoltoboxi {
 position:absolute;
 right:0px;
 top:-7px;
 width:320px;
 height:78px;
 background: url(../images/layout/huoltoboksi.png) no-repeat center center;
}
*/
.poksi {
 color:#FFF;
 position:absolute;
 left:25px;
 line-height:20px;
 top:15px;
 width:450px;
 height:40px;
 padding: 10px;
}
.aihealue {
 position:absolute;
 top:30px;
 right:80px;
 width:120px;
 height:40px;
 color:#f192c6;
}
.aihealue a {
 color:#f192c6;
}

.aihealue a:hover {
 color:#f192c6;
}


/* Clearfix see http://www.quirksmode.org/css/clearing.html */
.cols:after, .fixed:after{
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
}
.cols, .fixed { display:block; min-height:1%;}
* html .inner, * html, * html .cols, * html .fixed {height:1%;}