/*
** sivun otsikko
*/
.otsikko {
	width : 100%;
	height : 5em;
	margin : 0px;
	padding : 5px;
	border : 0px;
	background: #ffff88;
}
.otsikko_vasen {
	width : 70%;
}
.otsikko h1 {
	text-transform : uppercase;
	font-weight : 900;
	margin : 0px;
	border : 0;
	/*font-size :200%;*/
	text-align :left;
	color : #000;
	clear:none;
}
.otsikko p {
	margin : 0px;
	font-weight : 900;
	text-transform :uppercase;
	border : 1px dashed #999933;
	padding : 2px;

}
/*
** päävalikko
*/
.paavalikko {
	width : 100%;
	margin : 0px;
	padding : 0px;
	border : 0px;
	border-top : 1px dashed #009;
	border-bottom : 1px solid #000;
	background : #ff6;
	vertical-align : middle;	
	text-align : right;
}
#etusivu, #tuotteet, #palvelut, #yritys {
	border: 1px dotted #000;
	background : #f90;
	margin-left : -1px;
	padding-left : 2em;
	padding-right : 2em;
	text-decoration : none;
}
#etusivu:hover, #tuotteet:hover, #palvelut:hover, #yritys:hover, #etusivu:active, #tuotteet:active, #palvelut:active, #yritys:active {
	background : #fc0;
}
.paavalikko p {
	padding : 0px;
	text-align : right;
	font-size : 80%;
}
/*
**runko
*/
.runko {
	width : 100%;
	margin : 0px;
	margin-top : -1px;
	margin-left : -1px;
	padding : 0px;
	border : 0px;
}
/** 
** asia 
**/
.asia {
	padding: 1em;
	vertical-align : top;
	height : 100%;
}
.asia p {
	font-weight : 700;
	text-align : justify;
	width : 40em;
	margin-bottom : 0px;
	margin-top : 0px;
}
.asia img {
	margin : 5px;
	margin-bottom : 5px;
	float : right;
}
.asia a {
	margin : 0px;
	padding :0px;
	border : 0px;
	text-decoration : none;
	font-weight : bold;
	padding-bottom : 0.1em;
	font-weight : bold;
	text-align : center;
}

/** tuotteet valikko härdelli **/
div.tuotteet {
	width : 45em;
	text-align : center;
	margin-top : 1em;
}
div.tuotteet p {
	float : none;
}
div.tuotteet div{
	float : left;
	margin : 0.25em;
	padding : 5px;
	background : #f0f0cf;
	border : 1px solid #880;
	width : 11em;
	text-align : center;
}
/* varmistetaan että riville tulee max kolme boxia  */

div.tuotteet img {
	width : 12em;
	height : 12em;
	margin : 0px;
	border : 0px;
	text-align : center;
	float : none;
}
div.tuotteet a {
	margin : 0px;
	padding : 0px;
	border : 0px;
	font-weight : bold;
	font-size : small;
	text-align : center;
	text-decoration : none;	
	text-transform: uppercase;
}

div.tuotteet a:hover {
	color : #c00;
}

/*
** vasenreuna
*/
.vasenreuna {
	height : 100%;
	width : 15em;
	margin : 0px;
	border : 0px;
	padding : 0px;
	background-attachment: fixed;
	background-position: 5% 70%;
	background-repeat: no-repeat;
	font-family : Verdana, Helvetica, sans-serif;
	vertical-align : top;
	text-align : center;
}
.vasenreuna a {
	margin : 0px;
	padding-left : 1em;
	border : 0px;
	text-decoration : none;
	font-family : Helvetica;
}
.alivalikko {
	width : 15em;
	padding : 0px;
	margin : 0px;
	margin-left : -1px;
	margin-top : -1px;
	border : 0px;
	vertical-align : top;
	text-align : left;
}
.alivalikko a:hover {
	font-weight : bold;
}
.alisivu {
	border : 1px solid #000;
	margin : 0px;
	background : #fc3;
	padding : 0.5em;
}
.alivalikonAlareuna {
	width : 15em;
	height : 2em;
}

/** 
** taulukot 
** käytetään tuotteiden ja palveluiden listaamisessa
**/
table.taulukko {
	width : 80%;
	border : 1px solid #000;
	margin : 0px;
	margin-top : 0.5em;
	padding : 0px;
	border-spacing: 0;
	vertical-align : text-top;
}
.taulukko tr {
	border : 0px;
	margin : 0px;
	padding : 0px;
	border-spacing : 0;
}
.taulukko td {
	margin : 0px;
	border : 1px solid #000;
	padding : 2px;
	padding-left : 0.5em;
	padding-right : 0.5em;
	text-align : left;
	border-spacing : 0;
}

/* arvojen otsikko */
.arvot {
	font-size : 80%;
	font-weight : bold;
	text-transform : uppercase;
	background : #ff9;
	margin : 0px;
}
.a {
	background : #ffc;
	margin : 0px;
}
.b {
	background : #cc8;
	margin : 0px;
}
/* sivun osioissa liikkuminen */
p.linkkiYlos {
	margin-bottom : 2em;
	text-align : right;
	width : 78%;
}
/**
*** palvelut
**/
img.palvelut_rekka {
	float : left;
	width : 20em;
	height : 15em;
}