html {
	overflow: scroll;
}
body {
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/backgr.jpg) repeat-x center top #393939;
}
hr {
	background: url(../images/separator.png) center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 700px;
}
p, ul {
	font-size: 11px;
	color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	line-height: 13.5px;
}
.paatasonlinkit {
	font-size: 11px;
	font-weight: bold;
	color:#EEE;
	text-decoration:none;
	text-align:left;
}
a, a img {
	border: none;
	text-decoration: none;
	font-weight: bold;
}
A:link, A:visited, A:active {
	color: #eee;
}
A.paatasonlinkit:link, A.paatasonlinkit:visited {
	font-size: 11px;
	font-weight: bold;
	color:#eee;
	text-decoration:none;
	text-align:left;
}
A.paatasonlinkit:active {
	color: #888;
}
A.paatasonlinkit:hover {
	color: #ee8;
}
img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
h2 {
	margin: 0;
	font-size: 11px;
	color: #666666;
}
h1 {
	margin: 0;
	font-size: 11px;
	color: #666;
}
div#distance { 
	margin-left: -360px; /* half of content width */
	background: none;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#centering {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	width: 720px;     
	height: 680px;  
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

.top-banner {
	height: 140px;
	width: 720px;
	background: url(../images/kasvo.png) center no-repeat;
	margin-bottom: 15px;
}

.navi {
	position: absolute;
	margin-left: 0;
	margin-top: -57px;
	width: 680px;
	z-index: 10;
	text-align: right;
}
.menu {
}
.inner-content {
	width: 310px;
}
#stylemenu {
	padding-right: 14px;
	margin-top: 25px;
}
#stylemenu-in {
	visibility: hidden;
	background: #282828;
	border: solid 1px #ddd;
	padding: 1px 4px;
}
#languagemenu {
	margin-top: 25px;
}
#languagemenu-in {
	visibility: hidden;
	background: #282828;
	border: solid 1px #ddd;
	padding: 1px 4px;
}
.main {
	width: 680px;
	margin-left: 22px;
	height: 100%;
}
.inner-content {
	text-align: left;
	margin: 9px 40px 40px 9px;
}
#leftbox {
	width: 340px;
	height: 367px;
	float: left;
	overflow: hidden;
}
#rightbox {
	width: 340px;
	height: 367px;
	float: right;
	overflow: hidden;
}
.refinfo {
	margin-top: 5px;
}
.refinfo p {
	font-size: 11px;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
}
.down {
	background: url(../images/funkysquares_01.png) no-repeat left top;
}
.down:hover {
	background: url(../images/funkysquares_02.png) no-repeat left top;
}
/* Palautekaavake */

.button, button {
  border: 1px solid #777;
  height: 18px;
  font-size: 11px;
  margin-top: 5px;
  background: #ccc;
}
.button:hover {
  background: #ffffb2;
}

.inputbox {
  width: 220px;
  border: 1px solid #999;
  font-size: 11px;
  padding: 0;
  /*max-width: 100%;*/
}
.inputbox:focus, .inputbox:hover {
  background: #ffffb2;
}