/* Rakenne */

body{
        background: url('body_bg.png') #fff;margin:0; padding:0; font-size:12px;
        line-height:1.4em;font-family:arial;color:#000;
}

a{color:#e442a0;}

#container{ background: #fff;width:900px;margin:0 auto 0 auto;}

#header{background: url('header_bg.png') top left no-repeat; height: 103px;clear:both;}

#navigation{position:relative; top:86px;height:27px; background:  url('navigation_bg.jpg') bottom left no-repeat #92d400;}

#content_left{position:relative; width:140px; float:left;margin:20px 20px 40px 15px;padding-left:10px;}

#content_center{position:relative; width:500px; float:left; padding:30px;}

#content_right{position:relative; width:100px; float:left;margin:20px 0 0 13px;}

#footer{position:relative;clear:both; height:98px; background:  url('footer_bg.png') bottom right no-repeat;margin-top:-50px;}
/* Yleiset */

h2{font-size:14px; color:#e442a0;font-weight:bold;}

strong{font-size:14px; color:#e442a0;font-weight:normal;}

a img{border:none;}
/* Navigaatio */

#navigation ul{margin:0 0 0 10px; padding:5px 0 0 0;}
#navigation ul li{list-style-type:none; display:inline; margin:0 10px 0  0;}
#navigation ul li.last{margin:0;}
#navigation ul li a{color:#fff; font-weight:bold; font-size:13px; text-decoration:none;}
#navigation ul li a:hover{color:#01a4b5;}
#navigation ul li.active a{color:#01a4b5;}

/*Left Box*/
#content_left ul{margin:0px ;padding:0px;}
#content_left ul li{list-style-type:none; margin:0 0 10px -20px;}
#content_left ul li a{color:#000;text-decoration:none;}
#content_left ul li a:hover{color:#01a4b5;}
#content_left ul li.active a{color:#01a4b5;}

#content_left ul li ul{display:none;}
#content_left ul li.active ul {display:block;margin:0px ;padding:0 0 0 35px;}
#content_left ul li.active ul li a{color:#000;}
#content_left ul li.active ul li a:hover{color:#01a4b5;}
#content_left ul li.active ul li.active a{color:#01a4b5;}

.mll{position:relative;bottom:10px; width:140px;margin-top:60px;}


/* Breadcrumbs */
.B_crumbBox {font-size:11px;}
.B_crumbBox a{text-decoration:none; color:#000;}
.B_currentCrumb{color:#01a4b5;}



/* nosto */

.nosto{width:240px; float:left;margin-right:20px;}
.nosto a{text-decoration:none;}
.nosto a:hover{color:#01a4b5;}
.last{margin:0;}
.nosto h3{background:url('block_header_bg.jpg') left top no-repeat; height:21px; color: #fff; padding:2px 0 0 10px;}
.nosto ul{margin:0; padding:0 0 0 15px;}

/* Palsta */

.palsta{width:190px; float:left;margin-right:20px;}
.last{margin:0;}
.palsta h3{background:url('block_header_bg.jpg') left top no-repeat; height:21px; color: #fff; padding:2px 0 0 10px;}
.palsta ul{margin:0; padding:0 0 0 15px;}

/* Bottom images */

#btm_images img{width:150px;margin-right:15px;}
#btm_images img.last{margin:0;}
/* Right box*/
#right_box{background: url('r_box_top.jpg') top right no-repeat #92d400;padding:10px;width:117px;}
  #right_box h3{color:#01a4b5; text-align:center;font-weight:normal;font-size:18px;}
.box_btm{background: url('r_box_btm.jpg') bottom right no-repeat; height:15px;width:137px;}

/* Kiddy House */

.kiddy_logo{float:right;clear:both;}


.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%;
}