@charset "utf-8";
/* CSS Document */

/* mac hide 
html,body {height: 100%;}
 end hide */
		
/*--------------------------------------*/
/* Perusmääritykset*/
/*--------------------------------------*/

* {
	margin:0;
	padding:0;
	}
ul {
	padding:0px 0px 0px 15px;
	margin:0px 0px 10px 0px;
	}
li {
	padding:0px 0px 0px 15px;
	margin:0px 0px 5px 0px;
	}
html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000;
	text-align: left;
	background-image:url(../img/bg_tile10x10.gif);
	}
h1 {
	font-size:14pt;
	margin-top:0.1em;
	margin-bottom:0.5em;
	}
h2 {
	font-size:12pt;
	margin-top:0.15em;
	margin-bottom:0.35em;
	}
h3 {
	font-size:10pt;
	margin-bottom:0.25em;
	}
h4 {
	font-size:8pt;
	}	
	h4 .leipis {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size :8pt;
		font-weight:normal;
		color:#000;
		text-align:left;
		}					
p {
	font-size: 8pt;
	}
a {
	color:#000; 
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline;
	}
a:link {
	color:#000; 
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline; 
	}
a:hover {
	color:#000; 
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline; 
	}
a:active {
	color:#000; 
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline; 
	}
a:visited {
	color:#000; 
	font-size:8pt;
	font-weight:bold;
	text-decoration:underline; 
	}
	a img {
		border:none;
		}
		
/*--------------------------------------*/
/* LAYOUT */
/*--------------------------------------*/

#runko {
	position:relative;
	margin:0 auto -5em;
	width:800px;	
	height:auto !important;
	height:100%;
	min-height:100%;
	background-image:url(../img/bg_y_tile.png);
	background-repeat:repeat-y;
	}
		
/*--------------------------------------*/

#otsake {
	width:760px;
	height:152px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:20px;
	}		
	#otsake .logo {
		float:left;
		margin-top:0px;
		margin-left:0px;
		padding-top:50px;
		padding-left:20px;
		}		
	#otsake .slogan {
		float:right;
		margin-right:10px;
		margin-top:40px;
		visibility:hidden;
		}
#slokuva {
	opacity:0;
	* opacity:100;
	}
		
/*--------------------------------------*/

#sisalto {
	clear:left;
	margin:0px 20px 0px 20px;
	/*width:auto;
	overflow:hidden;*/
	}
		
/*--------------------------------------*/

#vasenpuoli {
	float:left;
	margin-right:10px;
	margin-left:20px;
	margin-top:1em;
	* margin-top:1em;
	width:200px;
	}
		
/*--------------------------------------*/

#oikeapuoli {
	float:right;
	width:520px;
	margin-bottom:2em;
	margin-top:1em;
	* margin-top:1em;
	}
	
	#oikeapuoli .polku {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:8pt;
		font-weight:bold;
		color:#666666;
		margin:-3px 0px 1em 0px;
		visibility:visible;
		}
	#oikeapuoli a, a:link, a:hover, a:active, a:visited {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:8pt;
		color:#666666;
		text-decoration:none;
		}
	#oikeapuoli .ylin {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 380px;
		}
	#oikeapuoli .vasen {
	float:left;
	margin-bottom:5px;
	margin-right:2px;
		}
	#oikeapuoli .oikea {
	float:left;
	margin-bottom:5px;
	margin-left:2px;
		}
				
/*--------------------------------------*/
/* MENU */
/*--------------------------------------*/
	
#menu{
	background-color:#000000;
	color:#fff;
	width:760px;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:20px;
	}
	
#menu .kieli{
	float:left;
	clear:both;
	padding-top:3px;
	padding-left:0px;
	margin-right:0px;
	margin-left:20px;
	width:220px;
	}

#menu .navi {
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-style:italic;
	color:#fff; 
	}

	.navi ul {
		margin:0;
		padding:0;
		color:#fff;
		list-style-type:none;
		}
	
	.navi li  {
		width:auto;
		margin:0 -1px 0 0;
		padding:1px 8px 1px 0px;
		color:#fff;
		text-decoration:none;
		background-color:#000000;
		float:left;
	}	
	.navi a {
		text-decoration:none;
		display:block;
		color:#fff;
		font-weight:bold;
		padding:2px;
		}	
		.navi a:hover {
			text-decoration:none;
			color:#7CB956;
			z-index:100;
			}				
			.navi ul li a.current { 
				color:#7CB956;
				}
			.navi ul li a { 
				color:#fff;
				}		
				.navi li ul {
					display: none;
					color: #fff;
					}					
					.navi li:hover ul, .navi li.over ul {
						visibility:visible;
						display:block;
						position:absolute;
						z-index:100;
						font-size:7pt;
						color:#fff;
						width:120px;
						background-color:#000000;
						padding:0;
						margin:0;
						}					
						.navi li li {
							border:none;
							color:#fff;
							font-size:7pt;
							}							
							.navi li li a {
								padding:2px 2px 2px 10px;
								color:#fff;
								}								
						.navi ul li li a:hover {
							font-size:7pt;
							z-index:100;
							}				
						.navi ul li ul li a {
							font-size:7pt;
							z-index:100;
							}					
							.navi ul li ul li a:before { content: "» "; 
							}
				
/*--------------------------------------*/
/* FOOTER */
/*--------------------------------------*/

#alaotsikko {
	clear:right;
	width:740px;
	height:60px;
	text-align:left;
	margin-left:40px;
	padding-top:2em;
	}
	#alaotsikko p {
		margin-right:0px;
		margin-left:0px;
		margin-top:0.5em;
		margin-bottom:0px;
		}
	#alaotsikko a, a:link, a:active, a:visited {
		font-size:7pt;
		text-decoration:none;
		}
	#alaotsikko a:hover {
		font-size:7pt;
		text-decoration:underline;
		}
		
/*--------------------------------------*/
/* News asemointi ja linkkikuva */
/*--------------------------------------*/

#uutiskuva {
	float:left;
	width:300px;
	height:400px;
	}

#uutislinkki a {
	float:left;
	background-image:url(../img/news_but.png);
	background-repeat:no-repeat;
	font-size:8pt;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#000000;
	margin-left:0px;
	margin-right:0px;
	padding:10px;
	width:160px;
	height:56px;
	}

/*--------------------------------------*/
/* Henkilötietojen asemointi */	
/*--------------------------------------*/
	
#henkilotieto {
	float:left;
	margin-right:20px;
	margin-bottom:30px;
	}
	#henkilotieto p {
		font-size:7pt;
		}
		
/*--------------------------------------*/
/* Taustakuvia tekstille */
/*--------------------------------------*/
	
#txtpohja {
	background-image:url(../img/trans_txt_bg.png);
	background-repeat:no-repeat;
	overflow:visible;
	width:350px;
	* height:680px;
	min-height:100%;
	margin:0;
	* padding-bottom:50px;
	} 
	#txtpohja h1 {
		* margin-top:30px;
		margin-left:30px;
		padding-top:10px;
		* padding-top:0px;
		} 
	#txtpohja h3 {
		/* margin-top: 30px;*/
		margin-left:30px;
		} 
	#txtpohja p {
		/* margin-top: 30px;*/
		margin-left:30px;
		}				
	#txtpohja a, a:link, a:hover, a:active, a:visited {
		color:#000; 
		font-size:8pt;
		font-weight:bold;
		text-decoration:none;
		}
	#txtpohja ul{
		padding:0px 0px 0px 40px;
		}	
		#txtpohja ul li {
			padding:0px 0px 0px 0px;
			margin-top:10px;
			margin-left:10px;
			margin-right:30px;
			* margin-left:10px;
			}	
/*--------------------------------------*/
#puhekupla {
	background-image:url(../img/iso_puhekupla.png);
	background-repeat:no-repeat;
	width:400px;
	height:500px;
	margin:0px;
	text-align:center;
	} 
	#puhekupla h1 {
		* margin-top:30px;
		margin-left:30px;
		padding-top:30px;
		* padding-top:0px;
		} 
	#puhekupla a, a:link, a:hover, a:active, a:visited {
		color:#000; 
		font-size:8pt;
		font-weight:bold;
		text-decoration:none; 
		}	
	#puhekupla ul{
		padding:0px 0px 0px 40px;
		}	
		#puhekupla ul li {
			padding:0px 0px 0px 0px;
			}	
				
/*--------------------------------------*/
/* Tuotteiden taustakuvat */	
/*--------------------------------------*/
	
#tuotekuva00 { 
	background-image: url(../img/arcticline_bg.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	background-position:top;
	* margin-top:30px;
	padding-top:160px;
	* padding-top:-160px;
	height:500px;
	*height:auto;
	}
	
#tuotekuva01 {
	background-image:url(../img/cleanline_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position:top;
	* margin-top:30px;
	padding-top:160px;
	* padding-top:-160px; 
	height:500px;
	*height:auto;
	}
	
#tuotekuva02 {
	background-image:url(../img/tropicline_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	* margin-top:30px;
	padding-top:160px;
	* padding-top:-160px;
	height:500px;
	*height:auto;
	}
	
#tuotekuva03 {
	background-image: url(../img/softline_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position:top;
	* margin-top:30px;
	padding-top:160px;
	* padding-top:-160px;
	height:500px;
	*height:auto;
	}

/*--------------------------------------*/
/* ISOT TAUSTAKUVAT */
/*--------------------------------------*/

.taustakuva00 {	
	background-image: url(../img/bg_iso_t.jpg);
	background-repeat: no-repeat;
	height:566px;
	}
	
.taustakuva01 {
	background-image: url(../img/partner_bg.jpg);
	background-repeat: no-repeat;
	height:518px;
	}
	
.taustakuva02 {
	background-image: url(../img/turnkey_bg.jpg);
	background-repeat: no-repeat;
	height:626px;
	}
	
.taustakuva03 {
	background-image: url(../img/contact_bg.jpg);
	background-repeat: no-repeat;
	height:530px;
	}
	
.taustakuva04 {	
	background-image: url(../img/bg_iso.jpg);
	background-repeat: no-repeat;
	height:566px;
	}
	
.taustakuva05 {
	background-image: url(../img/turnkey_bg.jpg);
	background-repeat: no-repeat;
	height:426px;
	}
	
.taustakuva06 {
	background-image: url(../img/steriline_bg.jpg);
	background-repeat: no-repeat;
	height:426px;
	}
	
.taustakuva07 {
	background-image: url(../img/logiline_bg.jpg);
	background-repeat: no-repeat;
	height:530px;
	}
/*--------------------------------------*/
/* HEADERS */
/*--------------------------------------*/
.products {
	background-image: url(../img/products_header.jpg);
	width:760px;
	height:152px;
	}

.company {
	background-image: url(../img/company_header.jpg);
	width:760px;
	height:152px;
	}

.references {
	background-image: url(../img/references_header.jpg);
	width:760px;
	height:152px;
	}

.news {
	background-image: url(../img/news_header.jpg);
	width:760px;
	height:152px;
	}

.contact {
	background-image: url(../img/contact_header.jpg);
	width:760px;
	height:152px;
	}

.partnership {
	background-image: url(../img/partnership_header.jpg);
	width:760px;
	height:152px;
	}

.steriline {
	background-image: url(../img/steriline_header.jpg);
	width:760px;
	height:152px;
	}

.logiline {
	background-image: url(../img/logiline_header.jpg);
	width:760px;
	height:152px;
	}
	
/*-----------------------------------*/

.tyhjennys {
	clear:both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
	}
	
.tuotelinkki {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#7CB956;
	font-weight:bold;
	}

#Layer {
	height:auto;
	}

#Layer ul li {
	padding:0px 0px 0px 0px;
	margin:0px 10px 10px 0px;
	}