html {
	overflow-y: scroll;	/* scrollbar always visible */
}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html,body,textarea,input {
	font-family: verdana, arial, helvetica,sans-serif;
}

body {
	background-color: #deded3;
	background-image: url(../images/bg.gradient.front.gif);
	background-repeat: repeat-x;
	background-position: 0px -199px;
}

body.front {
	background-position: 0px 0px;
}

body.print {
	text-align: left;
	background-color: #ffffff;
}

#layout {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	background-image: url(../images/bg.decoration.front.gif);
	background-repeat: no-repeat;
	background-position: center -199px;
}

.front #layout {
	background-position: center top;
}

#layout td.centertop {
	text-align: center;
	vertical-align: top;
	width: 960px;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

/* palstat */
#columns {
	width: 960px;
	display: block;
}

#sidebar {
	width: 230px;
	float: left;
	display: block;
}

#content {
	width: 730px;
	float: left;
	display: block;
	min-height: 370px;
}
.front #content {
	width: 960px;
	display: inline-block;
}
.page #content {
	background-color: #ffffff;
}


#header {
	margin-top: 20px;
	width: 960px;
	height: 105px;
	background-image: url(../images/bg.top.gif);
	background-repeat: no-repeat;
}

#logo {
	width: 423px;
	height: 105px;
	float: left;
}

#logo a img {
	margin-left: 43px;
	margin-top: 28px;
	border: 0px;
	display: block;
}

#language {
	width: 200px;
	height: 40px;
	float: left;
	margin-top: 65px;
	margin-left: 120px;
	font-size: 9px;
}

#language a {
	color: #333333;
	border-bottom: 1px dotted #7c7c7c;
	text-decoration: none;
}
#language a:hover {
	text-decoration: none;
	border-bottom: 1px solid transparent;
}


#language span {
	color: #cccccc;
}

#search {
	width: 190px;
	height: 40px;
	float: left;
	text-align: right;
	margin-top: 60px;
	margin-right: 17px;
}

#menuTopArea {
	width: 960px;
	height: 35px;
	background-image: url(../images/bg.menu.top.gif);
	background-repeat: repeat-x;
	background-color: #019163;
	text-align: center;
}

#menuTopArea.centered {
	text-align: center;
}

#contentTop {
	width: 960px;
	height: 27px;
	background-image: url(../images/contentTop.gif);
	display: block;
}

.front #contentTop {
	width: 960px;
	height: 226px;
	background-image: url(../images/front.kuva.01.jpg);
}

.front #contentTopOverlay {
	width: 960px;
	height: 226px;
	background-image: url(../images/overlay.top.front.png);
}

.front #contentTopOverlay #kirjaudu {
	width: 230px;
	height: 200px;
	background-color: #f0b318;
	background-image: url(../images/bg.kirjaudu.jpg);
	margin-left: 710px;
	padding-top: 10px;
}

.extend {
	background-image: url(../images/extend.gif);
	background-repeat: repeat-y;
}

.footer	{
	height: 268px;
	background-color: #016d4b;
	vertical-align: top;
}

#footer	{
	background-image: url(../images/bg.footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #99cc99;
}

#footerLinks {
	margin-top: 36px;
}

#footerLinks .palsta {
	background-image: url(../images/footer.links.vr.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 125px;
	float: left;
}

#footerLinks .first {
	background-image: none;
	padding-left: 0px;
}

#footerLinks .palsta ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#footerLinks .palsta ul li {
	margin-bottom: 4px;
}

#footerLinks .palsta a {
	color: #99cc99;
	font-size: 11px;
	text-decoration: none;
	display: list-item;
	width: 120px;
/*
	-ms-word-break: break-all;
	word-break: break-all;
	white-space: break-word;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
*/
}
#footerLinks .palsta a:hover {
	text-decoration: underline;
}

#footerLinks .palsta h2 a {
	display: inline;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}


.footer2	{
	height: 32px;
	background-color: #01412d;
	vertical-align: top;
}

#footer2	{
	color: #afd4c8;
	font-size: 11px;
}

#menuBottomArea {
	width: 300px;
	height: 32px;
	float: left;
	display: inline-block;
	line-height: 28px;
}

#contact {
	width: 660px;
	height: 32px;
	float: left;
	display: inline-block;
	line-height: 28px;
	text-align: right;
	vertical-align: middle;
}

#contact img {
	vertical-align: middle;
	margin-right: 6px;
}

#contact .phone {
	color: #6fb8a1;
}
#contact .time {
	color: #4f8f7b;
}

.readMore {
	font-size: 12px;
}

.missingFieldsIndicator {
	border: 2px dashed #990000;
	padding: 4px;
}

fieldset {
	margin-bottom: 15px;
	-moz-border-radius:	4px;
	border-radius: 4px;
}

legend {
	font-weight: bold;
	color: #000000;
}

/* box.tmpl */

.layoutBox {
	width: 335px;
	margin-bottom: 12px;
}

.layoutBox_top {
	padding-top: 12px;
	background-image: url(../images/layoutBox/top.png);
	background-repeat: no-repeat;
}

.layoutBox_bottom {
	padding-bottom: 14px;
	background-image: url(../images/layoutBox/bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.layoutBox_repeat {
	background-image: url(../images/layoutBox/repeat.png);
	background-repeat: repeat-y;
}

.layoutBox_solid {
	background-image: url(../images/layoutBox/solid.png);
	background-repeat: no-repeat;
	background-position: left top;
}