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

html, body {background-color: White;
	background: transparent url("../gfx/page.jpg") repeat-y;
	height: 100%;
}
/* WRAPPER */
#wrapper {	
	width: 921px;
	padding: 0 53px 0 36px;
}
#wrapper_def {	
	width: 921px;
	padding: 0 53px 0 36px;
}

/* HEADER */
#header {
}
#top_navi{	
	background-color: #f2da9e;
	height: 45px;
	border: solid 1px #cb9289;
	border-right: none;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	
}
#top_navi ul {
      	margin:0;
}
#top_navi ul li{	
	float: left;
	line-height:1em;
	/*width: 115px;*/
	height: 45px;
	margin:0;
}
#top_navi a{
	display: block;
	width: 115px;
	height: 45px;
}
	/*napit vaihtuu navication.inc tiedoston masrtylla*/
#top_navi #but1{
	background: transparent url("../gfx/b_liiketoiminta.gif") no-repeat;
}
#top_navi #but1:hover,#top_navi #but1_act{
	background: transparent url("../gfx/bH_liiketoiminta.gif") no-repeat;
}
#top_navi #but2{
	background: transparent url("../gfx/b_konserni.gif") no-repeat;
}
#top_navi #but2:hover,#top_navi #but2_act{
	background: transparent url("../gfx/bH_konserni.gif") no-repeat;
}
#top_navi #but3{
	background: transparent url("../gfx/b_puunhankinta.gif") no-repeat;
}
#top_navi #but3:hover,#top_navi #but3_act{
	background: transparent url("../gfx/bH_puunhankinta.gif") no-repeat;
}
#top_navi #but4{
	background: transparent url("../gfx/b_yhteystiedot.gif") no-repeat;
}
#top_navi #but4:hover,#top_navi #but4_act{
	background: transparent url("../gfx/bH_yhteystiedot.gif") no-repeat;
}
#top_navi #but5{
	background: transparent url("../gfx/b_ajankohtaista.gif") no-repeat;
}
#top_navi #but5:hover,#top_navi #but5_act{
	background: transparent url("../gfx/bH_ajankohtaista.gif") no-repeat;
}
#top_navi #but6{
	background: transparent url("../gfx/b_ymparisto.gif") no-repeat;
}
#top_navi #but6:hover,#top_navi #but6_act{
	background: transparent url("../gfx/bH_ymparisto.gif") no-repeat;
}
#top_navi #but7{
	background: transparent url("../gfx/b_referenssit.gif") no-repeat;
}
#top_navi #but7:hover,#top_navi #but7_act{
	background: transparent url("../gfx/bH_referenssit.gif") no-repeat;
}
#top_navi #but8{
	background: transparent url("../gfx/b_tyopaikat.gif") no-repeat;
}
#top_navi #but8:hover,#top_navi #but8_act{
	background: transparent url("../gfx/bH_tyopaikat.gif") no-repeat;
}
/*Top eng*/
	/*napit vaihtuu navication_eng.inc tiedoston masrtylla*/
#top_navi #eng #but1{
	background: transparent url("../gfx/b_eng_1.gif") no-repeat;
	width:86px!important;
}
#top_navi #eng #but1:hover, #top_navi #eng #but1_act{
	background: transparent url("../gfx/bH_eng_1.gif") no-repeat;
	width:86px!important;
}
#top_navi #eng #but2{
	background: transparent url("../gfx/b_eng_2.gif") no-repeat;
	width:148px!important;
}
#top_navi #eng #but2:hover,#top_navi #eng #but2_act{
	background: transparent url("../gfx/bH_eng_2.gif") no-repeat;
	width:148px!important;
}
#top_navi #eng #but3{
	background: transparent url("../gfx/b_eng_3.gif") no-repeat;
	width:156px!important;
}
#top_navi #eng #but3:hover,#top_navi #eng #but3_act{
	background: transparent url("../gfx/bH_eng_3.gif") no-repeat;
	width:156px!important;
}
#top_navi #eng #but4{
	background: transparent url("../gfx/b_eng_4.gif") no-repeat;
	width:103px!important;
}
#top_navi #eng #but4:hover,#top_navi #eng #but4_act{
	background: transparent url("../gfx/bH_eng_4.gif") no-repeat;
	width:103px!important;
}
#top_navi #eng #but5{
	background: transparent url("../gfx/b_eng_5.gif") no-repeat;
	width:67px!important;
}
#top_navi #eng #but5:hover,#top_navi #eng #but5_act{
	background: transparent url("../gfx/bH_eng_5.gif") no-repeat;
	width:67px!important;
}
#top_navi #eng #but6{
	background: transparent url("../gfx/b_eng_6.gif") no-repeat;
	width:116px!important;
}
#top_navi #eng #but6:hover,#top_navi #eng #but6_act{
	background: transparent url("../gfx/bH_eng_6.gif") no-repeat;
	width:116px!important;
}
#top_navi #eng #but7{
	background: transparent url("../gfx/b_eng_7.gif") no-repeat;
	width:121px!important;
}
#top_navi #eng #but7:hover,#top_navi #eng #but7_act{
	background: transparent url("../gfx/bH_eng_7.gif") no-repeat;
	width:121px!important;
}
#top_navi #eng #but8{
	background: transparent url("../gfx/b_eng_8.gif") no-repeat;
	width:123px!important;
}
#top_navi #eng #but8:hover,#top_navi #eng #but8_act{
	background: transparent url("../gfx/bH_eng_8.gif") no-repeat;
	width:123px!important;
}


	/*smarty napit loppuu*/
#top_navi a img{	
	margin: 0px;
}
#head_image{
	background: transparent url("../gfx/head_frontpage.jpg") no-repeat;
	height: 279px;
	border: solid 1px #5e6811;
	border-top: none;
}
#wrapper_def #head_image{
	border: solid 1px #413a42;
	border-top: none;
	background: transparent url("../gfx/header_one.jpg") no-repeat;
}
/* ROUTE */
#route {
	text-align: right;
	clear: both;
	line-height: 24px;
	padding: 0 10px;
	font-size: 10px;
}

/* MAIN */
#main {
	zoom: 1;
}
#wrapper_def #main{
	width: 691px;
	overflow:hidden;
	float: right;
}
/* SIDEBAR */
#sidebar {
	width: 230px;
	float: left;
	background: transparent url("../gfx/shodow.gif") repeat-x;
}

/* NAVIGATION */
#sidebar #navigation {
    margin: 0;
	 width: 220px;
	 border: solid 1px #b69d9d;
 	 border-top: none;
	 background: transparent url("../gfx/navi.jpg") no-repeat;
	 background-color: #e5dddd;
}
#sidebar #navigation ul {
    padding:15px;
    margin: 0;
}
#sidebar #navigation ul ul {
    padding: 0;
    margin: 0 0 0 0.2em;
}
#sidebar #navigation ul li {
    padding: 0;
    margin: 0;
	 list-style: none;
	 line-height:1.6em;
}
#sidebar #navigation ul li a {
	color: #a8200a;
	font-weight: bold;
}
#sidebar #navigation ul li a.active {
	font-weight: bold;
        text-decoration: underline;
}
#sidebar #navigation ul li a:hover {
	text-decoration: none;
	border: none;
}
#sidebar #navigation ul ul li a {
	padding-left: 15px;
	background: transparent url("../gfx/navi_button.gif") no-repeat;
}
/* LANGUAGE SELECTION */
#sidebar #language_selection {
	margin-bottom: 15px;
	text-align: center;
}

/* ADMIN LINK */
#sidebar #admin_link {
	margin-bottom: 15px;
	text-align: center;
}
#head_image .htmldata_controls{
	background-color:white;
	border:1px solid;
	left:278px;
	position:absolute;
	top:123px;
	width:187px;
}

/* CONTENT */
#content {
	padding: 0px;
}
/* Sisä sivut*/
.colums{
	float: left;
}
/*default.tpl*/
#default{
	margin-top: 10px;
	padding: 15px;
	border: solid 1px #e0d6d6;
	/*width: 659px;*/
	overflow:hidden;
}
/*referens.tpl*/
#site_header{
	margin-top: 5px;
	height:20px;
	text-align: right;
}
#text{
	padding: 15px;
	border: solid 1px #e0d6d6;
	width: 426px;
	float: left;
	overflow:hidden;
}
#refer{
	padding: 15px;
	border: solid 1px #a4a843;
	width: 190px;
	float: left;
	margin-left: 10px;
	background: transparent url("../gfx/green.gif") repeat-x;
	overflow:hidden;
}
/* etusivu.tpl */
#etukuvat{
	margin-top: 5px;
	height: 120px;
}
.colm_border{
	border: solid 1px #e1d5d9;
	border-top: none;
	padding: 15px;
	width:268px;
	overflow:hidden;
	background: transparent url("../gfx/shodow_box.gif") repeat-x;
}
.marg_left{
	margin-right:10px;
}
/* FOOTER */
#footer {
	border-top: solid 1px #e0d6d6;
	padding-top:5px;
	height: 29px;
	width: 921px;
}
#footer ul li{
	float: left;
	list-style: none;
}
#footer a, #footer{
	color: #95a239;
	font-size: 11px;
	margin: 10px 5px 0px 5px;
}
/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin-top: 2px;
}
#signature, #signature a {
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
/* pakollinen extra joka kertoo leijutetun elementin korkeuden*/
.ext{
	clear: both;
}