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

body {
	background-color: #D3D3D3;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* WRAPPER */
#wrapper {
	width: 790px;
	padding: 15px;
	background-color: White;
	margin: 5px auto;
}

/* HEADER */
#header {
	height: 152px;
}
#header #logo{
	background: transparent url("../gfx/logo.gif") no-repeat;
	height: 152px;
	width: 165px;
	float: left;
}
#header #season_image{
	background: transparent url("../gfx/season.gif") no-repeat;
	height: 152px;
	width: 625px;
	float: left;
	overflow:hidden;
}
#header #sisasivu_image{
	background: transparent url("../gfx/kollaasi.jpg") no-repeat;
	height: 152px;
	width: 625px;
	float: left;
	overflow:hidden;
}
/* ROUTE */
#route {
	background-color: #96c5d5;
	clear: both;
	height: 10px;
}

/* MAIN */
#main {
	background-color: #fff;
	width:790px;
	overflow: hidden;
}

/* SIDEBAR */
#sidebar {
	width: 180px;
	padding: 5px;
	float: left;
	background-color: #ECF2F7;
}

/* NAVIGATION */
/*top*/
#navigation_top{
	background: transparent url("../gfx/yla_valikko.gif") no-repeat;
	height: 44px;
}
#navigation_top ul {
    padding: 0;
    margin: 0;
	 list-style: none;
}
#navigation_top ul li {
   	padding: 0px 10px 0px 10px;
    	margin: 5px 0px 0px 0px;
	float: left;
	border-right: solid 1px;
	line-height: 12px;
	height:12px;
}
#navigation_top ul li a{
	color: #34494c;	
}
#navigation_top ul li a.nonactive {
	font-weight: normal;
}
#navigation_top ul li a:hover {
	text-decoration: none;
	border: none;
}
/*left*/
#sidebar #navigation {
    margin: 0;
}
#sidebar #navigation ul {
    padding: 0;
    margin: 0;
}
#sidebar #navigation ul ul {
    padding: 0;
    margin: 0 0 0 1.5em;
}
#sidebar #navigation ul li {
	list-style: none;
    padding: 0;
    margin: 0;
	 border-bottom: dotted 1px;
	 padding: 5px;
}
#sidebar #navigation ul li a {
	color:#666666;
	
}
#sidebar #navigation ul li a.nonactive {
	font-weight: normal;
}
#sidebar #navigation ul li a:hover {
	text-decoration: none;
	border: none;
}

/* LANGUAGE SELECTION */
#sidebar #language_selection {
	margin-bottom: 15px;
	text-align: center;
}

/* ADMIN LINK */
#sidebar #admin_link {
	margin-bottom: 15px;
	text-align: center;
}

/* CONTENT */
#content {
	margin-left: 190px;
}
#content_no_menu{
}
#content #in, #content_no_menu #in{
	padding: 15px;
}
#content #in #colum_left{
	width:65%;
	float:left;
}
#content #in #colum_right{
        width:30%;
	float:right;
}
/* INNER TEMPLATES */
/* front page*/
#comment_area{
	margin-right: 210px;
	padding: 10px;
}
#products{
	width:583px;
	margin-bottom: 3px; 
	overflow: hidden;
}
#products #tuote_kuva{
	background: transparent url("../gfx/tuotteet.jpg") no-repeat;
	margin: -5px 5px 5px 14px;
	width: 561px;
	height: 55px;
}
#products #tuotteet{
	margin: 0px 20px 20px 20px;
}
#products #tuotteet .colum{
	float: left;
	padding: 5px;
	width: 48%;
}
#bottom_button{
	clear: both;
	text-align: center;
}
#bottom_button a{
	background-color: #96c5d5;
	color: White;
	padding: 5px;
}
#loota_ylla{
	width: 587px;
	height: 19px;
	background: transparent url("../gfx/frontpage_tuotteet_tausta_1.gif") no-repeat;
}
#loota_alla{
	width: 587px;
	padding-bottom: 3px;
	background: transparent url("../gfx/frontpage_tuotteet_tausta_2.gif") no-repeat bottom;
}
/* OIKEA VALIKKO ETUSIVU */
#right_bar{
	width: 	196px;
	float: right;
	margin: 5px 0px 0px 5px;
	margin-bottom:-1000em;
	padding: 0px 0px 1001em;
	overflow:hidden;
}
#right_bar #korko{
	width: 196px;
	height: 97px;
	margin-bottom: 5px; 
	background: transparent url("../gfx/korko.gif") no-repeat bottom;
}
#right_bar #korko_naytto{
	width: 118px;
	height: 17px;
	padding:0px 0px 0px 19px;
}

#right_bar .lisa_nappi{
	width: 196px;
	height: 26px;
	background: transparent url("../gfx/nappi.gif") no-repeat bottom;
	margin-bottom: 3px; 
}
#right_bar .lisa_nappi a{
	color: White;
	line-height:25px;
	padding-left:25px;
}
#right_bar .lisa_nappi a:hover{
	border: none;
}

#right_bar #ajankohtaista{
	
}
#right_bar #ajankohtaista #texti{
	padding:5px;
	margin-top: -2px;
	width: 184px;
	border: solid 1px #96c5d5;
	border-top: none;
}
/* FOOTER */
#footer {
	background-color:#96C5D5;
	clear:both;
	color:white;
	font-size:12px;
	height:23px;
	padding:5px 0px 0px 30px;
}

/* EMEDIA SIGNATURE */
#signature {
	width: 790px;
	margin: 5px auto;
}
#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;
}
/* SEARCHE */
div#search_container {
	text-align: right;
	color: #9C405E;
}
	div#search_container a:link, div#search_container a:visited {
		color: #9C405E;
	}

#searchstring {
	border: 1px solid #9C405E;
	padding: 2px;
}

#submiter {
	vertical-align: middle;
}

div#search {
	padding: 0px 0px 3px 0px;
}
/*	ADMIN LINKS*/
#admin_link{
	width: 790px;
	margin: 5px auto;
}