* { margin: 0; padding: 0; }
body, input, textarea { font: small/1.3 Arial, "Times New Roman", Times, serif; }
body {
	text-align: center;
	background: #eee url(images/tausta_kuvio.jpg) repeat;
	line-height: 1.6;
}
a, a:active, a:visited { text-decoration: none; color: #00b; }
a:hover { color: #09f; }
h1, h2, h3, h4, h5, h6 { text-decoration: none; font-size: medium; font-weight: bold; }
div.hr {
	height: 1em;
	margin: 0px 2%;
	background: url(images/vaaka_dotted_vihrea.gif) repeat-x top;
	clear: both;
}
div.hr hr { display: none; }
.floatleft { float: left; }
#wrapper {
	background: #fff url(images/bg_vaalea.jpg) no-repeat left top;
	padding: 8px;
	margin: 1em auto;
	width: 70%;
	min-width: 600px;
	text-align: left;
	border-top: 8px solid #116A0C;
	border-bottom: 8px solid #116A0C;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#banner {
	margin: 0px 0px 0px -1px;
	padding: 0px 0px;
	background: #62bb5d url(images/bg_banner.jpg) repeat-x left top;
	text-align: center;
}
#banner img { border: 0; padding: 0 200px; }
#indexpage {
	margin: 10% 0px 0px;
	text-align: center;
}
#menu {
	border-top: 1px solid #fff;
	font: bold small Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #bfb026;
}
#menu h6 {
	color: #fff;
	font: bold small Arial, Helvetica, sans-serif;
	padding: 6px 0;
}
#menu a {
	padding: 6px;
}
#menu p { margin: 0px 0px 8px; padding: 3px 0px; background-color: #e9e9dc; overflow: hidden; }
#menu a { color: #fff; }
#menu p a { color: #000; padding: 6px .6em 8px .6em; display: block; float: left; }
#menu h6 a:hover { color: #000; background-color: #e0e0d3; }
#menu p a:hover { color: #080; }
#content {
	padding: 0px;
	margin: -8px 0px 0px; /* miinus korjaa ie:n tuplamarginaalin muttei vaikuta firefoxiin */
}
#content p { margin: 0px 0px .5em; padding: 0px; }
#content h1, #content h2 {
	color: #116A0C;
	font: bold medium Arial, Helvetica, sans-serif;
	padding: 1em 0px 0px;
	margin: .2em 0px .7em;
	font-size: medium;
	clear: both;
	background: #fff url(images/otsikko_tausta_fade.gif) top repeat-x;
}
#wrapper #content h1 { font-size: 180%; }
#wrapper #content h2 { margin-top: 2em; }
#content h3 {
	color: #116A0C;
	font: bold medium Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px;
	margin: 2em 0px .5em;
	font-size: small;
}
#content a { font-weight: bold; }
#content ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 1em;
	display: block;
}
#content li {
	margin-left: 1.5em;
	padding: 0;
}
.float_image { 
	float: left;
	margin: 3px 20px 10px 0px;
	padding: 0px;
	border: 1px solid #116A0C;
}
.float_right_image { 
	float: right;
	margin: 3px 0px 10px 20px;
	padding: 0px;
	border: 0;
}
#copyrights {
	clear: both;
	font: small Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	margin: 0px;
	padding: 3px 0px 0px;
	background: url(images/vaaka_dotted_harmaa.gif) repeat-x top;
}
#copyrights p { margin: 3px 0px 0px; padding: 0px; line-height: 1.6; }
.x-small { font-size: x-small; }
.float_right { float: right; }
.clear_both { clear: both; }
#width48plus2 {
	width: 45%;
	float: left;
	margin-right: 5%;
}
#width48plus2second {
	width: 45%;
	float: left;
}
#lainaus_kuvan_vieressa {
	background: url(images/lainaus_bg.gif) no-repeat 192px top;
	padding: 15px .5em .5em 232px;
}
#lainaus {
	margin: 2em 0px;
	background: url(images/lainaus_bg.gif) no-repeat 100px top;
	padding: 15px 140px .5em;
}
input, textarea { padding: .5em; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #aaa; background: #f7f7f7; }
input:hover, textarea:hover { background: #fff; }
input[type=radio] { margin: .3em .3em 0 0; }
input[type=submit] { background: #093; color: #fff; font-weight: bold; border: 1px solid #070; padding: .7em 2em; }
input[type=submit]:hover { background: #081; cursor: pointer; }
form { background: #eee; padding: 20px; margin-bottom: 2em; float: left; border: 1px solid #093; border-radius: .5em; -moz-border-radius: .5em; }
#content p.form-title { background: #093; color: #fff; font-weight: bold; margin: -20px -20px 20px -20px; padding: 10px 20px; font-size: 150%; }