body{
	background-color: White;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	text-align: center;
	
	
	
}

html {
  overflow-y: scroll;
}



#container {
  	position: relative;
	width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	/*height: 650px;*/
	text-align: center;
	
	
}
#navi {
	width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#sisalto {
	width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	
	
}

#printtikatko {
	/**/font-size: 8px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	
	

}
/*
#sisalto a:link, a:visited { 
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#00a1ff; text-decoration: none; font-weight: bold;
}

#sisalto a:hover, a:active {
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: none; font-weight: bold;
	}
*/

img {
	border: 0px;
}

h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	
}



#banneri {
	position: relative;
	width: 100%;
	height: 130px;
	z-index: 5;
	background-image: url(../images/banneri1.gif);
	margin-bottom: 5px;
	background-repeat: no-repeat;
	border-right: #66CCFF solid 1px;
}

/*
.navitaulukko {
	top: 190px;
	left: 50px;
}*/
/*tästä alkaa navikkolistaushärdelli*/
#vaakanavi {
	/* top: 190px;
	left: 250px; 
	position: relative;*/
	margin-top: 0px;
	width: 100%;
	height: 20px;
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	list-style: none;
	text-align:right;
	border-bottom: #66CCFF solid 1px;
	display: none;
	
}

#vaakanavi_li {
	margin-top: 0px; 
	margin-bottom: 5px; 
	padding: 0px; 
	list-style: none; 
	font-size: 14px; /* position: absolute; top: 190px; */
	display: none;
}

#vaakanavi li, #vaakanavi a {
	height: 20px; 
	display: block; 
	font-size: 14px;
	display: none;
	
}
/*
#yrityksemme {  width: 100px; float: right;}*/
 
#tuotteet_palvelut { /*background-image: url(../images/tuotteet.gif);*/ width: 170px; float: right; }
#referenssit_kumppanit { /*background-image: url(../images/referenssit.gif);*/ width: 205px; float: right; }
#pr_uutiset {  width: 125px; float: right;}
#in_english {  width: 90px; float: right;}

/*#yrityksemme a:link, a:visited {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	}
#yrityksemme a:hover, a:active {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
}*/

#referenssit_kumppanit a:link {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: url(images/referenssit.gif); 
	background-repeat: no-repeat;
	}
	
#referenssit_kumppanit a:visited {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: url(images/referenssit.gif); 
	background-repeat: no-repeat;
	}
	
#referenssit_kumppanit a:hover {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
	background: url(images/referenssit.gif); 
	background-repeat: no-repeat;
}

#referenssit_kumppanit  a:active {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
	background: url(images/referenssit.gif); 
	background-repeat: no-repeat;
}

#tuotteet_palvelut a:link {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: url(images/tuotteet.gif); 
	background-repeat: no-repeat;
	}

#tuotteet_palvelut a:visited {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: url(images/tuotteet.gif); 
	background-repeat: no-repeat;
	}
	
#tuotteet_palvelut a:hover {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
	background: url(images/tuotteet.gif); 
	background-repeat: no-repeat;
}

#tuotteet_palvelut a:active {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
	background: url(images/tuotteet.gif); 
	background-repeat: no-repeat;
}

#pr_uutiset a:link {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background: url(images/pr.gif); 
	background-repeat: no-repeat;
	}

#pr_uutiset a:visited {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background: url(images/pr.gif); 
	background-repeat: no-repeat;
	}	
	
#pr_uutiset a:hover {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background: url(images/pr.gif); 
	background-repeat: no-repeat;
}

#pr_uutiset a:active {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background: url(images/pr.gif); 
	background-repeat: no-repeat;
}

#in_english a:link {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background: url(images/inenglish.gif); 
	background-repeat: no-repeat;
	}
	
#in_english	a:visited {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background: url(images/inenglish.gif); 
	background-repeat: no-repeat;
	}
	
#in_english a:hover {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background: url(images/inenglish.gif); 
	background-repeat: no-repeat;
}

#in_english a:active {
	font-family: Tahoma, Verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background: url(images/inenglish.gif); 
	background-repeat: no-repeat;
}

/*tästä alkaa alanavin listaushärdelli*/


#anavi {
	width: 800px;
   	padding: 0px;
	/**/margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
	clear: both;
	display: none;
	
    
}



#alanavi {

 /*margin-top: 10px;*/
	width: 800px;
	/**/height: 20px;
	font-family: Tahoma, Verdana;
	/*border-bottom: #66CCFF solid 1px;*/
	font-weight: bold;
	/*background: #F2F2F2; eae4e4*/
	list-style: none;
	text-align: left;
	display: none;
	
}
/*tama span vaikuttaa index-sivun alanavi-oikeustekstiin*/
span {
	font-weight: bold;
	font-size: 8px;
	color: gray;
	list-style: none;
	display: none;
}



#alanavi_li {
	margin-top: 5px; margin-bottom: 5px; padding: 0px; list-style: none; display: none; /* position: absolute; top: 190px; */
}

#alanavi li, #alanavi a {
	height: 20px; display: block; font-size: 12px; display: none;
	
}

#yrityksemme { /*left: 150px;*/ width: 100px; float: right; display: none;}
 
#ota_yhteytta { /*left: 250px;*/ width: 100px; float: right; display: none;}

#etusivu { /*left: 250px;*/ width: 70px; float: right; display: none;}

#oikeudet { width: 300px; float: left; display: none;}


#yrityksemme a:link {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background-image:url(../images/yrityksemme.gif);
	background-repeat: no-repeat;
	}
	
#yrityksemme a:visited {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background-image:url(../images/yrityksemme.gif);
	background-repeat: no-repeat;
	}
	
	
#yrityksemme a:hover {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background-image:url(../images/yrityksemme.gif);
	background-repeat: no-repeat;
}

#yrityksemme a:active {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background-image:url(../images/yrityksemme.gif);
	background-repeat: no-repeat;
}

#ota_yhteytta a:link {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background-image:url(../images/otayhteytta.gif);
	background-repeat: no-repeat;
	}
	
#ota_yhteytta a:visited {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background-image:url(../images/otayhteytta.gif);
	background-repeat: no-repeat;
	}
	
#ota_yhteytta a:hover {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background-image:url(../images/otayhteytta.gif);
	background-repeat: no-repeat;
}

#ota_yhteytta a:active {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background-image:url(../images/otayhteytta.gif);
	background-repeat: no-repeat;
}

#etusivu a:link {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background-image:url(../images/etusivu.gif);
	background-repeat: no-repeat;
	}
	
#etusivu a:visited {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none;
	background-image:url(../images/etusivu.gif);
	background-repeat: no-repeat;
	}
	
#etusivu a:hover {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background-image:url(../images/etusivu.gif);
	background-repeat: no-repeat;
}

#etusivu a:active {
	font-family: Tahoma, Verdana; 
	font-size: 12px; 
	font-weight: bold; 
	color: gray; 
	text-decoration: none;
	background-image:url(../images/etusivu.gif);
	background-repeat: no-repeat;
}

#oikeudet a:link, a:visited {
	font-family: Tahoma, Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	color: white; 
	text-decoration: none;
	}

#oikeudet a:hover, a:active {
	font-family: Tahoma, Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	color: white; 
	text-decoration: none;
}
/* tähän loppuu alanavihärdelli*/



/*etusivu-indexin laatikkoasemoinnit*/

/*#sisalto {
	height: 365px;
	border-bottom: 1px solid #DE0000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 111;
	}*/
	
/*laatikon sisällä, content- top laatikon reunasta huom!*/

.table {
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 5px;
	width: 800px;
	height: 60px; 
	float: left;
	border-bottom: #66CCFF solid 1px;
	border-right: #66CCFF solid 1px;
	display: none;

}
.table_oikea {
	font-size: 10px;
	color: gray;
	display: none;
}

.content_v {
	position: relative;
	margin: 5 2 2 2;
	top: 2px;
	left: 2px;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray; 
	z-index: 111;
	text-align: left;
	line-height: 12px;
	display: none;
	
}

.content_v a:link, a:visited {
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00a1ff; text-decoration: none; font-weight: bold;
}

.content_v a:hover, a:active {
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; text-decoration: none; font-weight: bold;}
	
.content_o {
	position: relative;
	margin: 5 2 2 2;
	top: 2px;
	left: 2px;
	right:2px;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	z-index: 111;
	text-align: left;
	
	
}

.content_0 a:link, a:visited {
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00a1ff; text-decoration: none; font-weight: bold;
}

.content_0 a:hover, a:active {
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; text-decoration: none; font-weight: bold;}

#laatikkov {
	/* position: absolute;
	top: 220px;
	left: 30px; */
	margin-top: 10px;
	margin-right: 15px;
	width: 100%;480px
	height: 300px;
	border: 1px solid white /*#F5F5F5*/;
	display: block;
	overflow: auto;
	float: left;
	z-index: 111;
	display: none;
}


	
#laatikkoo {
	/* position: absolute;
	top:  220px;
	left: 500px; */
	margin-top: 10px;
	margin-left: 2px;
	width: 80%;295px
	height: 300px; 
	/*border: 1px solid #F0F8FF;*/
	display: block;
	/*overflow: auto;*/
	
	float: left;
	z-index: 111;
}




/*skrollaava tekstilaatikko**/
#divUpControl {
	position:absolute;
	width:10px;
	height: 15px;
	left: 780px;
	top: 220px;
	z-index:111;
	text-align: right
} 
#divDownControl {
	position:absolute;
	width:10px;
	height: 15px;
	left: 780px;
	top: 400px;
	z-index:111;
	text-align: right;
} 
#divContainer {
	position: relative;
	width: 270px;
	height: 300px;
	overflow: hidden;
	top: 220px;
	left: 500px;
	clip: rect(0px, 0px, 0px, 0px);
	visibility: hidden;
	background-color:transparent;
	z-index: 3;
	padding: 0;
	
} 
#divContent {
	position:absolute;
	top:0;
	left:0;
}


.prop {
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

  .min310px {
    height:310px;
  }

.keskitys  {
	text-align: center;
	
}

.keskitys a:link, a:visited {
	text-align: center;
	color: #00a1ff;
	text-decoration: none;
	
}

.keskitys a:hover, a:active {
	text-align: center;
	color: gray;
	text-decoration: none;
	
}



/*skrollaava tekstilaatikko*/



/*sisältösivun kaksipalstainen

#vasennavi {
	/*miten tehdä allekainen lista navinäppäin kuvista?*/
/*}
#content {
	position: relative;
	top: 0px;
	left: 320px;
	width: ;
	padding: 100px; 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}



#alanavi {
	margin: 0px;
	padding: 0px;
	top:700px;
	height: 70 tai 50px;
	width: 900px;
}*/
/*
#footer {
	border-top: #00BFFF 1px dashed;
	color: Gray;
}*/