html, body {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #f3f2ed url("../kuvat/palkki.jpg") top left repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: #605240;
}

a {
	color: #605240;
	text-decoration: none;
}

a:link {
	text-decoration: none;
	color: #605240;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
	color: #ae9c53;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:active {
	text-decoration: none;
	color: #605240;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* html #content {
	/* IE float Bug */
	height: 0;
}

pre {
 	white-space: -moz-pre-wrap;  /* mozilla, supported since 1999 */
 	white-space: -pre-wrap;      /* opera 4 - 6 */
 	white-space: -o-pre-wrap;    /* opera 7 */
 	white-space: pre-wrap;       /* css3 - text module (candidate recommendation) http://www.w3.org/tr/css3-text/#white-space */
 	word-wrap: break-word;       /* ie 5.5+ */
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
	
#contentleft {
	position: relative;
	float: left;
	width: 140px;
	padding-left: 49px;
	margin: 0;
}

#contentleft ul {
	position: relative;
	margin: 0;
	padding: 0;
}

#contentleft ul li {
	/*display: block;*/
	font: 10px/23px verdana, arial, helvetica, sans-serif;
	/*border-bottom: #ccb 1px solid;*/
	list-style-type: none;
	height: 23px;
	width: 140px;
	margin: 0;
	background: url(../kuvat/nelio.gif) no-repeat 2px 50%;
}

#contentleft ul li a {
	/*display: block;*/
	text-decoration: none;
	padding-left: 15px;
	color: #f1ede2;
	height: 23px;
}

#contentleft ul li a:hover {
	text-decoration: none;
	color: #ae9c53;
	background: url(../kuvat/nelio_glow.gif)  no-repeat 2px 50%;
}

#contentleft ul li a:active {
	text-decoration: none;
	color: #ae9c53;
	font-weight: bold;
	background: url(../kuvat/nelio_glow.gif) no-repeat 2px 50%;
}

#contentleft ul li.active a {
	text-decoration: none;
	font-weight: bold;
	background: url(../kuvat/nelio_glow.gif) no-repeat 2px 50%;
	cursor: default;
	color: #ae9c53;
}

#container {
	width: 750px;
	max-width: 750px;
	min-width: 750px;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 100%;
	text-align: left;
}

#contentup {
	position: relative;
	width: 100%;
	height: 575px;
	background-image: url(../kuvat/top.jpg);
	background-repeat: no-repeat;
}
	
#content {
	height: 275px;
	width: 100%;
	padding-top: 300px;
	margin: 0;
}

#contentmiddle{
	position: relative;
	float: left;
	width: 250px;
	margin-left: 20px;
	padding: 0;
	font: 10px/23px verdana, arial, helvetica, sans-serif;
	color: #f1ede2;*
}


#header{
	margin: 20px auto 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 700px;
	height: 20px;
	font: 10px/23px verdana, arial, helvetica, sans-serif;
	color: #f1ede2;
	text-align: center;
	background-color: #605240;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
}

#header a {
	color: #f1ede2;
	text-decoration: none;
}

#header a:link {
	text-decoration: none;
	color: #f1ede2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header a:hover {
	text-decoration: none;
	color: #ae9c53;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header a:active {
	text-decoration: none;
	color: #605240;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

.printti {
	float: left;
	text-align: left;
	padding-left: 8px;
	color: #f1ede2;
}


* html #sisalto {
	/* IE float Bug */
	margin-left: 4px;
	height: 224px;
}

#contentdown {
	position: relative;
	margin: 20px auto 0 auto;
	width: 700px;
	height: 100%;
	padding-bottom: 8px;
	background-color: #ebe7dd;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
}
	
#tausta {
	height: auto;
	width: 700px;
}

#tausta img {
	position: relative;
	float: right;
	width: 300px;
	height: 224px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-right: 8px;
	margin-top: 8px;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
}

#sisalto {
	position: relative;
	float: left;
	width: 350px;
	min-height: 224px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 8px;
	margin-top: 8px;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	text-align: left;
	background-color: #f7f5ef;
	color: #605240;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}

* html #teksti_hinnasto {
	/* IE float Bug */
	margin-left: 4px;
	margin-right: 4px;
}

#teksti_hinnasto{
	position: relative;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
	width: 672px;
	background-color: #f7f5ef;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	color: #605240;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}

* html #taulukko {
	/* IE float Bug */
	margin-left: 4px;
	margin-right: 4px;
}

#taulukko{
	position: relative;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
	width: 672px;
	background-color: #f7f5ef;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	color: #605240;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}

tr.vari{
	background-color:#ebe7dd;

}

tr.vari2{
	background-color:#d5cdb6;
}

#divider {
	clear: both;
	/*margin-bottom: 8px;*/
}

#footer {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left 0px;
	padding-right 0px;
	text-align: center;
	font-size: 9px;
	bottom: 0;
	width: 100%;
	clear: both;
}