body{
    background:url('body_bg.pngx') top left repeat-y #fbfbfb;margin:0;padding:0;
    font-family: arial; font-size:12px;line-height:1.5em;
}

#header{background:url('header_bg.jpg') top left no-repeat;height:322px; }

#header_etu{background:url('header_etu_bg.jpg') top left no-repeat;height:322px; }


#navigation ul{margin:0 0 0 130px;padding:0; width:650px;}

#navigation ul li{list-style-type:none; display:inline; margin-right:26px;}

#navigation ul li a{text-decoration:none; color:#504b45;font-weight:bold;}

#navigation ul li a:hover{color:#a49b92;}

#content_top{background:url('content_top_bg.png') top left no-repeat;height:41px;}

#content{background:url('content_bg.png') top left repeat-y; width:814px;}
#content_wrap{background:url('varjo_bg.jpg') top right no-repeat;width:814px;}
#content_btm{
      margin-top:-39px;position:relative; bottom:0;
      background:url('content_btm_bg.png') top left no-repeat;height:39px;
}

#content_front{ 
      background:url('1.png') right bottom no-repeat; width:813px; 
}

 #content_basic{ 
      background:url('2.png') right bottom no-repeat; width:813px;
}

 #content_3{ 
      background:url('3.png') right bottom no-repeat; width:813px;
}


 #content_4{ 
      background:url('4.png') right bottom no-repeat; width:813px;
}

#left{margin:0 80px 0 80px;width:350px;float:left;margin-bottom:60px;}

#sidebar{float:left; width:270px;padding-bottom:260px;}

/* RESEPTI */

#resepti{clear:both;background: url('resepti_bg.png') top left no-repeat; height:414;padding:120px 100px 100px 130px; width:813px; margin-bottom:60px; margin-top:-40px;}
#ohje{float:left; width:420px;margin-right:40px;}
.nappi{float:left;}

/* Kieliliput */
#lang ul{ position: absolute; top:320px; left:715px;margin:0; padding:0;}
#lang ul li{list-style-type:none; display:inline; margin-right:4px;}
#lang img{border:0;}
/* Yleiset */

h2,h3,h4{color: #7f7d7e;}

.reseptititle{
      background:#efefef;color:#000;width:350px;font-size:12px;padding:5px;
      font-weight:normal;
}

.tulosta{position:relative; top:-25px;margin-bottom:-25px;}
.tulosta a{color:#7f7d7e;}
strong{color:#504b45;}

/* Sidebar*/
#sidebar h3{color: #6d6364; background:transparent;}

#sidebar ul li ul{display:none;}
#sidebar ul li.active ul{display:block;}

#sidebar ul,#sidebar ul li ul{margin:0; padding:0;}
#sidebar ul li,
#sidebar ul li ul li{list-style-type:none;margin-left:15px;}
#sidebar ul li a{color:#000; text-decoration:none;font-size:12px;}
#sidebar ul li ul li a{color:#000; text-decoration:none;font-size:12px;}
#sidebar ul li.active a, #sidebar ul li.active ul li.active a{color: #6d6364;}
#sidebar ul li.active ul li a{color: #000;}


/* Clearfix */
.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%;
}


/* FORM */
textarea{width:350px;height:100px;}
label{display:block; width:150px;}
.button{position:relative;z-index:100;}
