html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-image: url('gfx/bg.png');
	font-size: 10pt;
	font-family: Arial, sans-serif;
}
img { border: 0; }
a { text-decoration: none; }
div#top {
	z-index: 10;
	position: absolute; top: 0; left: 0;
	background-color: #ffffff;
	background-image: url('gfx/top_bg.png');
	background-repeat: repeat-x;
	background-position: center center;
	width: 100%;
	min-width: 900px;
	padding: 4px 0;
	height: 49px;
	text-align: center;
}
div#top div.fill {
	width: 100%;
/*	width: 80%;
	min-width: 900px;
	max-width: 1900px; */
}
div.wrap {
	background-image: url('gfx/left_bg.png');
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: table;
	min-width: 900px;
/*	max-width: 1900px; */
/*	border-left: 4px #ffffff solid;
	border-right: 4px #ffffff solid; */
}
div#head {
	position: relative;
	background-image: url('gfx/head_bg.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;	
	height: 287px;
}
div#head img.logo {
margin: 25px 0 0 15px;
}
div#head div.texture {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url('gfx/head_texture.png');
}
div#head h1 {
	z-index: 1;
	position: absolute; top: 4.8em; left: 220px;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: #ffffff 0 0 28px;
	font-size: 40px;
}

ul#navi {
	margin: 0;
	padding: 0 0 4px 217px;
	height: 38px;
	background-color: #ffffff;
	background-image: url('gfx/navi_bg.png');
	background-repeat: repeat-x;
	background-position: center center;
	overflow: hidden;
}

ul#navi li {
	font-size: 15pt;
	position: relative; top: 0.5em;
	display: inline;
	padding: 0 3px;
	letter-spacing: 1px;
	color: #ffffff;
}
ul#navi li a {
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
}
ul#navi li a:hover {
    text-shadow: #ffffff 0 0 8px;
}

div#left {
	position: absolute; top: 0; left: 0;
	z-index: -10;
	width: 200px;
	height: 100%;
}
div#left img {
	z-index: -11;
	margin-top: 334px;
}

div#main {
	background-color: #f3f3f3;
	margin-left: 210px;
	padding: 10px;
	border-left: 4px #ffffff solid;
	border-bottom: 4px #ffffff solid;
}
div#main p, div#main ul {
	margin-top: 0;
	color: #686868;
}
div#main p.front {
	margin-left: 0.8em;
	color: #39428A;
	font-size: 11pt;
}
div#main span.hilight {
	font-size: 18pt;
	color: #4695be;
	font-weight: bold;
}
div#main a {
	text-decoration: none;
	color: #6878b3;
	font-weight: bold;
}
div#main a:hover { text-decoration: underline; }
div#main a:visited { color: #8c98c8; }
div#main h1 {
	font-size: 14pt;
	color: #353e88;
}
div#main h2	 {
	font-size: 12pt;
	color: #4695be;
}

div#main div.palsta { float: left; }
div#main div.yhteystiedot {
	color: #4695be;
	font-weight: bold;
	padding-right: 30px;
}

div#main div.kuvaukset {
	min-height: 190px;
}

label {
	display: block;
	float: left;
	font-size: 10pt;
	color: #6286ab;
	width:12em;
	margin-right: 0.5em;
	text-align: right;
	font-weight: bold;
}
input, textarea {
	width:24em;
	margin-bottom: 0.5em;
}
textarea { height: 10em; }
input[type=submit] {
	font-size: 10pt;
	margin-left: 12.5em;
	width: auto;
}
div#footer {
	width: 100%;
	color: #b8b8b8;
	text-align: right;
	padding-top: 10px;
}
div#footer span {
	padding-right: 50px;
	font-size: 12px;
}
div#footer span a {
	color: #b8b8b8;
}

div#uutiskirje {
	text-align:center;
	background-color: #f3f3f3;
}

pre {
	font-size: 10pt;
	font-family: Arial, sans-serif;
}