html, body, #contents {
	min-height:			100%;
	width:				100%;
	height:				100%;
}

html>body, html>body #contents {
	height:				auto;
}

body {
	margin:				0;
	color:				#333333;
	font:				12px/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	letter-spacing:		2px;
	background:			top left url(kuvat/layout/bg_top_viiru.jpg) repeat-x;
}
#contents {
	position:			absolute;
	top:				0;
    left:				0;
}
#logo {
	height:				115px;
	width:				224px;
	display:			block;
	float:				right;
	background:			top right transparent url(kuvat/layout/logo_ghost.png) no-repeat;
}
#footer {
	clear:				both;
	position:			absolute;
	bottom:				0;
	background:			#6F9242 top left url(kuvat/layout/bg_footer.jpg) repeat-x;
	width:				70%;
	text-align:			center;
	padding:			0 15%;
	height:				42px;
	
}
#footer {
    \width:				100%;
    w\idth:				70%;
}
#footer p {
	padding-top:		5px;
	font-size:			9px;
	letter-spacing:		2px;
	color:				white;
}
#main {
	margin-top:			85px;
	margin-left:		50px;
	margin-bottom:		5em;
	width:				655px;
	height:				auto;
	padding:			0;
}
#topmenu {
	width:				655px;
	height:				27px;
	display:			block;
}
#header_image {
	width:				655px;
	height:				121px;
	display:			block;
	border-top:			4px solid #F4A41F;
}
/* -------------------------------- Link Menu -------------------------------- */
#links_fin {
	display:			block;
	float:				left;
	text-align:			left;
	padding:			0;
	margin:				0;
	height:				27px;
	width:				457px;
}
#links_ul_fin {
	width:				435px;
	height:				27px;
    background:			url(kuvat/layout/fin/linkit.jpg) no-repeat;
    margin:				0;
	padding:			0;
    position:			relative;
}

#links_ul_fin li {
	margin:				0;
	padding:			0;
	list-style:			none;
    position:			absolute;
	top:				0;
}
#links_ul_fin li, #links_ul_fin a {
	height:				27px;
	display:			block;
}
#linkki1 {left: 0; width: 91px;}
#linkki2 {left: 92px; width: 101px;}
#linkki3 {left: 194px; width: 125px;}
#linkki4 {left: 320px; width: 98px;}

#linkki1 a:hover { background: transparent url(kuvat/layout/fin/linkit.jpg) 0 -27px no-repeat; }
#linkki2 a:hover { background: transparent url(kuvat/layout/fin/linkit.jpg) -92px -27px no-repeat; }
#linkki3 a:hover { background: transparent url(kuvat/layout/fin/linkit.jpg) -194px -27px no-repeat; }
#linkki4 a:hover { background: transparent url(kuvat/layout/fin/linkit.jpg) -320px -27px no-repeat; }
#links_eng {
	display:			block;
	float:				left;
	text-align:			left;
	padding:			0;
	margin:				0;
	height:				27px;
	width:				350px;
}

#links_ul_eng {
	width:				350px;
	height:				27px;
    background:			url(kuvat/layout/eng/links.jpg) no-repeat;
    margin:				0 auto;
	padding:			0;
    position:			relative;
}

#links_ul_eng li {
	margin:				0;
	padding:			0;
	list-style:			none;
    position:			absolute;
	top:				0;
}
#links_ul_eng li, #links_ul_eng a {
	height:				27px;
	display:			block;
}

#link1 {left: 0; width: 45px;}
#link2 {left: 46px; width: 99px;}
#link3 {left: 146px; width: 119px;}
#link4 {left: 266px; width: 87px;}

#link1 a:hover { background: white url(kuvat/layout/eng/links.jpg) 0 -27px no-repeat; }
#link2 a:hover { background: white url(kuvat/layout/eng/links.jpg) -46px -27px no-repeat; }
#link3 a:hover { background: white url(kuvat/layout/eng/links.jpg) -146px -27px no-repeat; }
#link4 a:hover { background: white url(kuvat/layout/eng/links.jpg) -266px -27px no-repeat; }

/* -------------------------------- Language Menu -------------------------------- */
#language_div {
	display:			block;
	float:				right;
	height:				27px;
	width:				72px;
}
#language {
	width:				72px;
	height:				27px;
    background:			url(kuvat/layout/language.jpg) no-repeat;
    margin:				0 auto;
	padding:			0;
    position:			relative;
}
#language li {
	margin:				0;
	padding:			0;
	list-style:			none;
    position:			absolute;
	top:				0;
}
#language li, #language a {
	height:				27px;
	display:			block;
}
#lang_fin {left: 0; width: 37px;}
#lang_eng {left: 38px; width: 35px;}

#lang_fin a:hover { background: transparent url(kuvat/layout/language.jpg) 0 -27px no-repeat; }
#lang_eng a:hover { background: transparent url(kuvat/layout/language.jpg) -38px -27px no-repeat; }

/* -------------------------------- Table -------------------------------- */
table {
	width:				655px;
	padding:			5px;
	margin:				0 auto;
}
td {
	vertical-align:		top;
	padding:			5px;
}
.lomaketab {
	width:				655px;
	padding:			0px;
	margin:				0px;
}
.lomaketab td { padding: 5px 0px 0px 0px; margin: 0px; }
.lomake { 
	font-size:			10px;
	font-weight: 		bold;
}
/* -------------------------------- Text -------------------------------- */
h4 {
	font-size:			14px;
	font-weight:		bold;
	color:				#6F9242;
}
h5 {
	font-size:			12px;
	font-weight:		bold;
	color:				#6F9242;
}
.pvm { font-weight: bold; }
.tuplaklik { 
	font-weight:		bold;
	color:				#FF9900;
	font-size:			14px;
}
.floright { float: right; }
.refitem { color: #333333; }
.refnavi { text-align: right; }
.keski { text-align: center; }
.vasen { text-align: left; }
.submitok { padding-top: 50px; text-align: center; }
.virhe { color: red; font-weight: bold; }
/* -------------------------------- Image -------------------------------- */
.kehys {
	border:				1px solid #99CC66;
	padding:			5px;
}
/* -------------------------------- Lists -------------------------------- */

li {
	list-style:			square;
	color:				#FF9900;
}
/* -------------------------------- Forms -------------------------------- */

textarea, select, input { background: white;}
.button { background: #FF9900; color: white; }
.txtField {
	width: 				250px;
	border:				1px solid #FF9900;
}
.txtArea { 
	width: 				300px;
	height: 			160px; 
	border:				1px solid #FF9900;
}

/* -------------------------------- Links -------------------------------- */
a:link { color: #333333; text-decoration: underline; }
a:visited { color: #666666; text-decoration: underline; }
a:hover { color: #FF9900; text-decoration: underline; }
a:active{ color: #FF9900; text-decoration: underline; }

#footer a:link { color: white; text-decoration: none; }
#footer a:visited { color: #EAEAEA; text-decoration: none; }
#footer a:hover { color: #666666; text-decoration: underline; }
#footer a:active{ color: #666666; text-decoration: underline; }