/********************/
/*	ECOLATOR CSS	*/
/*	BY IDEASAMPO	*/
/* LUOTU	27.1.2009 */
/********************/

/*--- Pääasiat ---*/
* {
	margin:		0;
	padding:		0;
}
html {
	background:	url(../img/html_bg_sin2.jpg) repeat-x center top #427cb9;
	font-size:	100%;
}
html, body {
	height:		100%;
	font:		.88em Arial;
}
body {
	height:		auto !important;
	height:		100%;
	min-height:	100%;
	width:		928px;
	margin:		0 auto;
	position:		relative;
	background:	url(../img/main_y_sin.png) repeat-y;
}
img {
	border:		0;
	padding:		5px 0;
}
h1, h2, h3, h4, h5, h6 {
	color:		#000;
	color:		#006d9b;
	line-height:	1.2em;
}
h1 {
	margin-bottom:	.8em;
	color:		#009e00;
	font-size:	1.9em;
}
hr {
	margin:		2em 0;
	clear:		both;
}
.invis {
	border:		0;
	margin:		1em 0;
}
h2 {
	font-size:	1.4em;
}
p {
	margin:		.2em 0 1.5em;
}
ul, ol {
	margin:		.3em .3em 1em 1.2em;
}
a:link, a:active, a:visited {
	color:		#009ee0;
	font-weight:	bold;
	text-decoration:none;
}
a:hover {
	color:		#009e00;
}
#kontti {
	background:	url(../img/header_sin2.png) no-repeat left top;
	position:		relative;
}
#kontti #logo {
	background:	url(../img/logo.png) no-repeat left top;
	margin:		23px 0 0 32px;
	width:		195px;
	height:		94px;
	display:		block;
	float:		left;
}
#logo.logo_en {
	background-image:url(../img/logo_en.png) !important;
}
#logo.logo_sv {
	background-image:url(../img/logo_sv.png) !important;
}
#logo.logo_ru {
	background-image:url(../img/logo_ru.png) !important;
}
#kontti #logo span {
	display:		none;
}
#kontti #avainlippu {
	float:		left;
	display:		block;
	width:		69px;
	height:		68px;
	background:	url(../img/avainlippu.png) no-repeat left top;
	margin:		46px 0 0 36px;
}
#ylabanneri {
	float:		right;
	margin:		11px 22px 0 0;
}
#vasen {
	display:		inline;
	float:		left;
	width:		170px;
	position:		relative;
	padding-right:	20px;
	margin:		0 0 0 23px;
}
#keski {
	display:		inline;
	float:		right;
	margin:		0 23px 0 0;
	width:		680px;
	position:		relative;
	line-height:	1.5em;
	padding:		0 0 30px;
}
#footer {
	position:		absolute;
	bottom:		0;
	width:		908px;
	color:		#aaa;
	text-align:	right;
	margin:		22px 10px 7px;
}
#footer a:link,
#footer a:active,
#footer a:visited {
	color:		#888;
	text-decoration:none;
	display:		inline;
}
#footer a:hover {
	text-decoration:underline;
}

/*--- Päälinkit ---*/
#paalinkit  {
	display:		inline;
	background:	url(../img/linkit_x.png) repeat-x #060;
	width:		884px;
	margin:		10px 0 20px 22px;
	float:		left;
	position:		relative;
}
#paalinkit .vasen {
	background:	url(../img/linkit_vasen.png) no-repeat left;
}
#paalinkit .oikea {
	height:		33px;
	padding:		0 0 0 10px;
	background:	url(../img/linkit_oikea.png) no-repeat right;
}
#paalinkit ul {
	list-style-type:none;
	margin:		0;
}
#paalinkit li {
	display:		inline;
	float:		left;
}
	
#paalinkit a:link, #paalinkit a:visited, #paalinkit a:active {
	text-decoration:none;
	color:		#FFF;
	font-weight:	bold;
	font-size:	.95em;
	padding:		7px 14px 0;
	border-right:	1px solid #35891d;
	border-bottom:	0;
	height:		22px;
	display:		block;
	float:		left;
	margin:		2px 0 0;
}
#paalinkit li a:hover, #paalinkit .aktiivi {
	background:	#060;
}
/*--- Tabit ---*/
#paanavi {
	height:		54px;
	margin:		10px 20px;
	width:		884px;
	float:		left;
	display:		inline;
}
#paanavi .tabit {
	height:		28px;
	display:		block;
	margin:		0 10px;
}
.tabit li {
	display:		inline;
	padding:		0;
}
.tabit li a {
	display:		block;
	background:	url(../img/tabi_vas.png) no-repeat left top;
	color:		#060 !important;
	margin:		0 2px;
	float:		left;
}
.tabit li a span {
	background:	url(../img/tabi_oik.png) no-repeat right top;
	height:		21px;
	display:		block;
	padding:		7px 12px 0;
	float:		left;
	cursor:		pointer;
}
.tabit .aktiivi, .tabit .aktiivi span {
	background-position:0 -40px;
	color:		#FFF !important;
}
.tabit .aktiivi span {
	background-position:right -40px;
}
.tabit a:hover {
	text-decoration:underline;
}
#paanavi .palkki {
	background:	url(../img/palkki_vasen.png) no-repeat left top #060;
	clear:		both;
	font-size:	.9em;
}
#paanavi .palkki .oikea {
	background:	url(../img/palkki_oikea.png) no-repeat right top;
	height:		20px;
	padding:		6px 10px 0;
	color:		#FFF;
	position:		relative;
}
#paanavi .palkki .polku {
	float:		left;
}
#paanavi .palkki .liput span {
	
}
#paanavi .palkki .liput {
	position:		relative;
	float:		right;
	margin:		-6px -6px 0 0;
	display:		inline;
}
#paanavi .palkki .liput .lippu {
	margin:		2px 2px;
	display:		block;
}
#paanavi .palkki .liput ul {
	display:		inline;
	margin:		0;
}

#paanavi .palkki .liput ul li {
	list-style:	none;
	display:		inline;
	float:		left;
}
.liput ul li a {
	float:		none !important;
}


.liput1 {
	position:		absolute;
	bottom:		17px;
	right:		2px;
	display:		inline;
	list-style:	none !important;
}
.liput1 li {
	float:		left;
}
.liput1 a {
	padding:		3px 2px;
	outline:		none;
}
.liput1 img {
	margin:		0;
	padding:		0;
}



#paanavi .palkki .oikea .addthis {
	margin:		0 0 0 2px;
	display:		block;
}
#paanavi .palkki .oikea .addthis img {
	padding:		5px 1px 0 3px;
	margin:		0;
}
#paanavi .palkki a:link, #paanavi .palkki a:active, #paanavi .palkki a:visited  {
	color:		#FFF;
	font-weight:	normal;
}
#paanavi .palkki a:hover {
	text-decoration:underline;
}

/*--- Vasenlinkit ---*/
.vasenlinkit {
	width:		163px;
	margin:		0 0 10px 0;
	padding:		2px;
}
.vasenlinkit .top {
	background:	url(../img/vasenlinkit_top.png) no-repeat left top;
}
.vasenlinkit .bot {
	background:	url(../img/vasenlinkit_bot.png) no-repeat left bottom;
	padding:		5px 10px;
}
.vasenlinkit ul {
	margin:		0 0 0 1em;
	list-style-image:url(../img/raquo.png);
}
.vasenlinkit a:link, .vasenlinkit a:visited, .vasenlinkit a:active {
	border-bottom:	1px dotted #009ee0;
	text-decoration:none;
	color:		#009ee0;
	font-weight:	bold;
	display:		block;
	padding:		4px 0;
}

.vasenlinkit a:hover, .vasenlinkit .aktiivi {
	color:		#009e00 !important;
}

.minibanneri {
	width:		150px;
	text-align:	center;
	padding:		12px;
}
.minibanneri a {
	color:		#000;
}
.minibanneri img {
	padding:		0 0 4px;
}
.minibanneri:hover a {
	color:		#009e00;
}
.floatright {
	float:		right;
}
.floatleft {
	float:		left;
}
.talot {
	float:		right;
	width:		200px;
	text-align:	center;
}
.etusivu_argumentit {
	display:		inline;
	width:		306px;
	float:		right;
	line-height:	1.5em;
	font-size:	1.06em;
	margin:		0 2em 0 0;
}
.etusivu_argumentit img {
	padding:		0;
}

.ecomalli {
	width:		141px;
	height:		126px;
	float:		left;
	margin:		22px 0 0;
	padding:		0 14px;
	display:		block;
	border:		0;
}
.linkit {
	width:		710px;
	float:		right;
	margin:		-272px 4px 2px 0;

}
.syyt {
	width:		300px;
	list-style-type:decimal;
	font-weight:	bold;
	font-size:	.9em;
	display:		block;
}



.pehmis {
	height:		169px;
	background:	url("../sivukuvat/169box_x.png") repeat-x;
	margin:		5px 0;
	
}
.pehmis .leftis {
	background:	url("../sivukuvat/169box_vasen.png") no-repeat top left;
	height:		169px;
	}
.pehmis .rightis	 {
	background: url("../sivukuvat/169box_oikea.png") no-repeat right;
	height:		169px;
}
.pehmis .c {
	padding:	1em;
}
.pehmis table {
	text-align:	center;
	margin:		1em;
	float:		left;
	width:		323px;
}
.pehmis table .teksti {
	text-align:	left;
	padding:	.7em;
	width:		200px;
}
.pehmis table .link {
	vertical-align:	bottom;
	text-align:	right;
	padding:	.6em;
}
.pehmis .oiksu {
	float:		right;
}
.pehmis .vaksu {
	float:		left;
}
.qvaboksi {
	float:		left;
	margin:		10px;
	display:	block;
	width:		330px;
	height:		148px;
	padding:	0;
	background:	url(../sivukuvat/lue_lisaa.png) no-repeat top right;
}
.qvaboksi img {
	float:		left;
	border:		0;
	margin:		0;
	padding:	0;
	position:	absolute;
}
.qvaboksi:hover {
	background-position: bottom right;
}
.qvaboksi span {
	text-align:	center;
	float:		right;
	width:		90px;
	padding:	55px 25px 0 0;
}
.teksti_kuva {
	background:	url(../kuvat/avaimet_kateen/pyorea_vasen.png) no-repeat left;
	width:		665px;
	height:		127px;
	margin:		1em 0;
}
.teksti_kuva img {
	margin:		0;
	padding:		0;
	float:		right;
}
.teksti_kuva .sisalto {
	padding:		5px;
	display:		block;
	margin:		.4em 10px;
	float:		left;
}
.teksti_kuva .sisalto ul {
	padding:		0 0 0 15px;
}
.teksti_kuva h4 {
	margin:		0 0 .3em;
	padding:		0;
}
.teksti_kuva .iso {
	font-size:	1.2em;
	font-weight:	bold;
}
.teksti_kuva h1 {
	float:		left;
	font-size:	2.5em;
	color:		#2ba12b;
	margin:		.4em;
}

#tekstikuva {
	display:		block;
	clear:		both;
}
#tekstikuva p {
	width:		450px;
	display:		block;
}
#tekstikuva div {
	clear:		both;
}
#tekstikuva img {
	float:		right;
	padding:		10px;
}
#tekstikuva .taulukko b {
	float:		left;
	width:		200px;
}


td {
	padding:		2px;
	vertical-align:	top;
}

.smooth {
	background:		url(../img/tekstialue.png) no-repeat top left;
	border:			0;
	width:			165px;
	height:			21px;
	padding:			2px 3px;
}
.smooth_numero {
	background:		url(../img/numeroalue.png) no-repeat top left;
	border:			0;
	width:			39px;
	height:			21px;
	padding:			2px 3px;
}
.ladio {
	margin:			0 5px 0 0;
}
.sinibox {
	background:		#d9fbff;
	border:			1px solid #3fb3de;
	padding:		10px;
}
.sinibox .white {

	padding:		10px;
}
#karuselli {
	margin:		5px 0;
	height:		186px;
}

.etulinkki {
	width:		153px;
	margin:		10px 22px 10px 0;
	padding:		0;
	display:		block;
	float:		left;
	text-align:	center;
	line-height:	1.2em;
	color:		#000 !important;
	font-weight:	normal !important;
	outline:		none;
}
a.etulinkki:hover {
	font-weight:	bold !important;
}
.etulinkki img {
	margin:		2px 0;
	padding:		0;
}
.kuvaboksi {
	clear:		both;
}
.kuvaboksi img {
	float:		left;
	margin:		2px 5px 2px 0;
}
.kuvaboksi div {
	width:		520px;
	float:		right;
	margin:		5px 0;
}
.ruudut li {
	list-style-image:url(../img/ruutu.png);
	line-height:	2em;
	font-weight:	bold;
}
.asiakastarina {
	float:		left;
	width:		400px;
	margin:		0 10px 15px;
}
.clear {
	clear:		both;
}

.siniround {
	background:	url(../img/siniround_bot.png) no-repeat left bottom #bfe7f7;
	width:		677px;
	margin-bottom:	20px;
}
.siniround .top {
	background:	url(../img/siniround_top.png) no-repeat left top;
	padding:		10px;
	width:		657px;
}
.siniround table {
	text-align:	center;
}
#kartta {
	float:		right;
	margin:		40px 10px 0 20px;
}