/* YLEISET */

body,td,th {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
body {
	background-color: #004E24;
	background-image: url("kuvat/bg.gif");
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: center top;
}
a:link {
	color: #554028;
}
a:visited {
	color: #554028;
}
a:hover {
	color: #004E24;
}
a:active {
	color: #554028;
	outline: none;
}

/* LAYOUT ELEMENTIT */

#leiska {
	width: 880px;
	height: 300px;
	background-image: url("kuvat/bg_leiska.gif");
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 310px;
	padding-bottom: 10px;
}
#leiska td.liidi {
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	background-image: url("kuvat/bg_liidi.gif");
	vertical-align: top;
}
#leiska td.liidi p {
	margin: 0px;
	padding: 0px;
}
#sisaltoleiska {
	width: 880px;
	background-image: url("kuvat/bg_leiska.gif");
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 140px;
	padding-bottom: 10px;
}
#paasisalto {
	padding-top: 14px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 20px;
	vertical-align: top;
	color: #333333;
	border-top: 1px solid #E9E3D2;
	border-left: 1px solid #E9E3D2;
}
#paasisalto p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
}
#paasisalto h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 12px;
	color: #9E0031;
	font-weight: normal;
	line-height: 23px;
}
#paasisalto h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#paasisalto ul {
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 36px;
	list-style-type: disc;
	line-height: 18px;
}
#paasisalto ul li {
	line-height: 18px;
}

/* Content box */

#contentbox {
	vertical-align: top;
	color: #333333;
	border-top: 1px solid #E9E3D2;
	border-left: 1px solid #E9E3D2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E9E3D2;
	border-bottom-color: #E9E3D2;
	padding: 0px;
}
#contentbox p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
}
#contentbox h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 12px;
	color: #9E0031;
	font-weight: normal;
	line-height: 23px;
}
#contentbox h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#contentbox ul {
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 36px;
	list-style-type: disc;
	line-height: 18px;
}
#contentbox ul li {
	line-height: 18px;
}
#contentbox #contentleft {
	float: left;
}
#contentbox #contentright {
	float: right;
}

.sisaltolaatikko {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	border-top: 1px solid #e9e3d2;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #e9e3d2;
}
.sisaltolaatikko table {
}
.sisaltolaatikko table td {
	line-height: 18px;
}
.sisaltolaatikko table td p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
}
.sisaltolaatikko table td h1 {
}
.sisaltolaatikko table td h2 {
}


#contentright {
}
#contentright p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
	color: #666666;
}
#contentright h2 {
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#contentright a.small {
	font-size: 11px;
}


#alapalkki {
	width: 880px;
	background-image: url("kuvat/bg_alapalkki.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 24px;
	position: relative;
	text-align: left;
	font-size: 11px;
	color: #999999;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#alapalkki a {
	color: #999999;
}
#alapalkki_sisa {
	width: 880px;
	height: 35px;
	position: relative;
	text-align: left;
	font-size: 11px;
	color: #a39d8e;
	padding-top: 6px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#alapalkki_sisa a {
	color: #a39d8e;
}
div.rightinfo {
	float: right;
}
div.leftinfo {
	float: left;
}

/*

ABSOLUTE ELEMENTS

*/

#logo {
	position:absolute; 
	left:40px; 
	top:23px; 
	width:231px; 
	height:42px; 
	z-index:1;
}

#ylavalikko {
	position:absolute;
	left:10px;
	top:90px;
	width:940px;
	height:42px;
	z-index:1;
	background-color: #F3EDE1;
	layer-background-color: #F3EDE1;
	background-image: url("kuvat/bg_ylavalikko.gif");
	layer-background-image: url("kuvat/bg_ylavalikko.gif");
	padding-right: 0px;
	padding-left: 0px;
}
#ylavalikko ul {
	margin: 0;
	padding: 0px 30px 0 30px;
	list-style: none;
}
#ylavalikko li {
	float:left;
	background:url("kuvat/dot.gif") no-repeat left top; /* left */
	margin:0;
	padding:0 0 0 0px;
}
#ylavalikko a {
	float:left;
	display:block;
	width:0.1em;
	background:url("kuvat/bg_ylavalikko_alaviivat.gif") no-repeat right top; /* right */
	padding:10px 24px 10px 0px;
	text-decoration:none;
	font-weight:normal;
}
#ylavalikko > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ylavalikko a {float:none;}
/* End IE5-Mac hack */
#ylavalikko a:hover {
	color:#333;
}
#ylavalikko li a:active {
	outline: none;
}
#home #nav-home, #news #nav-news, #products #nav-products, #about #nav-about, #contact #nav-contact {
	background-position:0 -42px;
	border-width:0;
}
#home #nav-home a, #news #nav-news a, #products #nav-products a, #about #nav-about a, #contact #nav-contact a {
	background-position:100% -42px;
	padding-bottom:5px;
	color:#333;
}
#ylavalikko li:hover, #ylavalikko li:hover a {
	background-position:0% -42px;
	color:#554028;
}
#ylavalikko li:hover a {
	background-position:100% -84px;
}
#ylavalikko #selected {
  background-position:0% -42px;
  border-width:0;
  }
#ylavalikko #selected a {
  background-position:100% -42px;
  padding-bottom:10px;
  color:#004E24;
  }

#paakuva {
	position:absolute;
	left:40px;
	top:141px;
	width:880px;
	height:155px;
	z-index:1;
	background-color: #FFFBF7;
}


form {
	margin: 0px;
	padding: 0px;
}


/*

VALIKOT

*/

#alavalikko {
	color: #333333;
	font-weight: normal;
	overflow: hidden;
	width: 180px;
	font-size: 13px;
}
#alavalikko .valikonselain {
	padding: 7px 6px 7px 12px;
}
#alavalikko .valikonloppu {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9e3d2;
}
#alavalikko ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e9e3d2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e9e3d2;
}
#alavalikko ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#alavalikko a:link, #alavalikko a:visited {
	color: #333333;
	text-decoration: none;
}
#alavalikko a:hover, #alavalikko a:active {
	color: #004E24;
	text-decoration: none;
}

/*
BLOCK STYLE: root
*/

#alavalikko ul.root {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	color: #333333;
}
#alavalikko ul.root li  {
	font-weight: normal;
	padding: 5px 6px 5px 17px;
	border-top: 1px solid #e9e3d2;
}
#alavalikko ul.root li.hasChildren  {
	background-image:   url("../img/navibul.gif");
	background-position: 7px 11px;
	background-repeat: no-repeat;
}
#alavalikko ul.root li.selected  {
	background-color: #f6f3ec;
}
#alavalikko ul.root li.selected a {
	color: #004E24;
	text-decoration:underline;
}


#formtable {
}
#formtable td {
	padding-right: 6px;
}
#formtable td.smallprint {
	font-size: 11px;
}
#formtable input {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#formtable .small {
	width: 100px;
}
#formtable .medium {
	width: 200px;
}
#formtable .large {
	width: 300px;
}
#formtable .extralarge {
	width: 418px;
}