* {	margin:0 0 0 0; }
:focus { -moz-outline-style: none; }
.clear { clear:both; }
img {border:none;}

html, body {
	height: 100%;
}

body, td, tr {
	margin: 0 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
	background-color:#ffffff;
}

table, td, tr {
	background-color:transparent;
}

div.shadow_w215  {
	width:233px;
	display:block;
	padding:0 0 12px 0;
	background-image:url(shadow_bottom_w215.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

div.shadow_w215 img {
	width:215px;
	background-image:url(shadow_top_w215.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding:6px 0 0 5px;	
}

div.shadow_w330  {
	width:330px;
	display:block;
	padding:0 15px 12px 0;
	background-image:url(shadow_bottom_w330.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

div.shadow_w330 img {
	width:330px;
	background-image:url(shadow_top_w330.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding:6px 12px 0 5px;	
}

div.tausta_w200  {
	width:230px;
	display:block;
	padding:0 0 15px 0;
	background-image:url(tausta_bottom_w200.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

div.tausta_w200 img {
	width:200px;
	background-image:url(tausta_top_w200.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding:15px 15px 0 15px;
}

/* http://www.themaninblue.com/writing/perspective/2005/08/29/ */
#nonFooter {
	position: relative;
	min-height: 100%;
}

* html #nonFooter {
	height: 100%;
}

div#footer {
	position:relative;
	background:url(footer_repeat.jpg) repeat-x;
	height:55px;
	margin-top: -70px;
	z-index:10;
	padding:15px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	clear:both;
}

div#footer a, div#footer a:link, div#footer a:visited {
	color:#ffffff;
	text-decoration:none;
}

div#footer a:hover, div#footer a:active {
	color:#ff0000;
}


div#header_repeat {
	background:url(header_repeat.jpg) repeat-x;
	height:167px;
	margin-top:0px; /* pienille resoluutioille -60px; */
}

div#header_left {
	background:url(header_left.jpg) no-repeat;
	position:relative;
	left:-92px;
	height:167px;
	width:92px;
}

div#header {
	background:url(header.jpg) no-repeat;
	margin:0 auto 0 auto;
	width:1000px;
	height:167px;
}

div#sisalto {
	width:1000px;
	margin:0 auto 0 auto;
	position:relative;
	z-index:10;
}

div#menubar {
	background:url(menubar.jpg) no-repeat;
	margin:0 auto 0 auto;
	width:1000px;
	height:39px;
}

div#menubar_repeat {
	background:url(menubar_repeat.jpg) repeat-x;
	height:39px;
	position:relative;
	z-index:100;
}

div#menubar_left {
	background:url(menubar_left.jpg) no-repeat;
	position:relative;
	float:left;
	left:-93px;
	height:39px;
	width:93px;
}

div#navibar a, div#navibar a:link, div#navibar a:visited {
	color:#ffffff;
	text-decoration:none;
}

div#navibar a:hover, div#navibar a:active {
	color:#ff3c00;
}


div#navibar {
	background:url(navibar_left.jpg) no-repeat #000000;
	background-position:0 0;
	margin:0 auto 0 auto;
	width:1000px;
	height:22px;
}

div#navibar_teksti{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:3px 0 0 240px;
}

div#navibar_wrapper {
	background:#000000;
	height:22px
}

.mini {
	font-size:10px;
}

div#kielivalinta {
	padding:3px 0 0 0;
	float:right;
}

div#menubar_shadow {
	background:url(menubar_shadow.jpg) no-repeat;
	margin:0 auto 0 auto;
	width:1000px;
	min-height:281px;
	_height:281px;
}

div#menubar_shadow_left {
	background:url(menubar_shadow_left.jpg) no-repeat;
	width:74px;
	height:97px;
	position:relative;
	float:left;
	left:-74px;
}

div#menubar_shadow_repeat {
	background:url(menubar_shadow_repeat.jpg) repeat-x;
	left:0;
	width:100%;
	min-height:281px;
	_height:281px;
	position:absolute;
}

div#oikea {
	margin:30px 0 20px 25px;
	float:left;
	width:195px;
}


div#blocks {
	position:relative;
	left:40px;
	z-index:5;
	width:746px;
	margin:0 auto 0px auto;
	padding-top:40px;
	min-height:350px;
	_height:350px;
}

div#blocks a, div#blocks a:link, div#blocks a:visited {
	color:#000000;
	cursor:pointer;
	display:block;
	text-decoration:none;
}

div#blocks a:hover {
	background-position:0 0; /* ie6 haluaa tähän jotain muutettavaa, muuten hover ei toimi kunnolla*/
}

div#blocks a:hover div#block_1, div#blocks a:hover div#block_2, div#blocks a:hover div#block_3{
	background:url(block_hover.jpg) no-repeat top;
	cursor:pointer;
	/*color:#ff3c00;*/
}

div#blocks p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 30px;
}

div#blocks h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:10px 0 0 0;
	margin:0 0 0 0;
	display:block;
}

div#block_1, div#block_2, div#block_3 {
	background:url(block.jpg) no-repeat;
	min-height:250px;
	_height:250px;
	width:230px;
	float:left;
}

div.block_tausta {
	background:url(block_tausta.jpg) no-repeat;
	background-position:50% 50%;
	display:block;
	width:180px;
	height:125px;
	margin:2px auto 0 auto;
}

div#block_1 img, div#block_2 img, div#block_3 img {
	width:178px;
	height:115px;
	margin:1px 1px 10px 1px;
	border:none;
}

div#block_1 {
	
}

div#block_2 {
	margin:0 28px 0 28px;
}

div#block_3 {

}


a, a:link, a:visited {
	color:#00438a;
}

a:hover, a:active {
	color:#ff3c00;
}

a.sivunmuokkaus,  a.sivunmuokkaus:visited{
	font-size:10px;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	padding:0 0 7px 0;
	margin:0 0 10px 0;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

div#keski {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:15px 0 20px 160px;
	_margin-left:80px;
	padding:0px 20px 80px 10px;
	border-right:1px solid #9ca8b8;
	width:520px;
	float:left;
}

div#keski p {
	text-align:justify;
}

div#keski p, #oikea p {
	padding:0 0 20px 0;
}

img#mainos {
	position:relative;
	left:0px;
	z-index:1;
	border:none;
}

ul{
	padding:0px 0 20px 60px;
}

/*vasen valikko*/
	#vasen {
		float:left;
	}
	
	#vasen #valikko {
		width:180px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		line-height:22px;
		padding:40px 0 0 0;
		position:absolute;
	}

	#vasen a, #vasen a:link, #vasen a:visited{
		color:#000000;
		text-decoration:none;
		min-height:15px;
		_height:15px;
		display:block;
		padding:0 0 0 3px;
		
	}
	
	#vasen a:hover, #vasen a:active {
		color:#ff0000;
		text-decoration:underline;
		background:url(menuhover.jpg) no-repeat;

	}
	
	#vasen a.valikko_1_passiivinen {
		width:195px;
		margin:0 0 0 0px;
	}
	#vasen a.valikko_1_aktiivinen, #vasen a.valikko_1_aktiivinen:visited {
		color:#ff0000;
		width:195px;
		margin:0 0 0 0;
	}
		#vasen a.valikko_1_passiivinen:hover, #vasen a.valikko_1_passiivinen:active, #vasen a.valikko_1_aktiivinen:hover {
		
		}

	#vasen a.valikko_2_passiivinen {
		width:185px;
		margin:0 0 0 10px;
	}
	#vasen a.valikko_2_aktiivinen, #vasen a.valikko_2_aktiivinen:visited {
		color:#ff0000;
		width:185px;
		margin:0 0 0 10px;
	}	
		#vasen a.valikko_2_passiivinen:hover, #vasen a.valikko_2_passiivinen:active, #vasen a.valikko_2_aktiivinen:hover {

		}
	
	
	#vasen a.valikko_3_passiivinen {
		width:175px;
		margin:0 0 0 20px;
	}
	#vasen a.valikko_3_aktiivinen, #vasen a.valikko_3_aktiivinen:visited {
		color:#ff0000;
		width:175px;
		margin:0 0 0 20px;
	}
		#vasen a.valikko_3_passiivinen:hover, #vasen a.valikko_3_passiivinen:active, #vasen a.valikko_3_aktiivinen:hover {
		
		}
	
	#vasen a.valikko_4_passiivinen {
		width:165px;
		margin:0 0 0 30px;
	}
	#vasen a.valikko_4_aktiivinen, #vasen a.valikko_4_aktiivinen:visited {
		color:#ff0000;
		width:165px;
		margin:0 0 0 30px;
	
	}
		#vasen a.valikko_4_passiivinen:hover, #vasen a.valikko_4_passiivinen:active, #vasen a.valikko_4_aktiivinen:hover {
			
		}
		
/*end vasen valikko*/

/*forms*/
	form#kirjaudu {
		padding:10px 10px 10px 10px;
	}
	
	input {
		display:block;
		margin:2px 0 10px 0;
		color: #000000;
		border: 1px solid #426a99;
	}
	
	textarea {
		margin:2px 0 1px 0;
		color: #000000;
		border: 1px solid #cccccc;
	}
	
	select {
		display:block;
		margin:2px 0 10px 0;
		color: #000000;
		border: 1px solid #426a99;
		background-color:#999999;
	}
/*end forms*/

/*etusivun napit*/

a#etu1 {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu1.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	border: 1px solid rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}
a#etu1:hover {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu1.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border: 1px dashed rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}

a#etu2 {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu2.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	border: 1px solid rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}
a#etu2:hover {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu2.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border: 1px dashed rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}

a#etu3 {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu3.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	border: 1px solid rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}
a#etu3:hover {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu3.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border: 1px dashed rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}

a#etu4 {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu4.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	border: 1px solid rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}
a#etu4:hover {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu4.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border: 1px dashed rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}

a#etu5 {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu5.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	border: 1px solid rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}
a#etu5:hover {
	display: block;
	overflow: hidden;
	width: 340px;
	height: 90px;
	background-image: url('/uploaded_files/image/etu5.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border: 1px dashed rgb(0, 0, 0);
	padding: 10px 10px 10px 150px;
	text-decoration: none;
	color:#000;
}

/*end etusivun napit*/

/*uudet otsikkotyylit 2010*/

h1.tyyli2010 {
	border-bottom: 1px solid #150517;
	color:	#150517;
}

h1.tyyli2010 span {
	position: relative; 
	left: -0.5em; 
	bottom: -0.45em; 
	padding: 1px 0.5em; 
	margin: 0;
}

/*end uudet otsikkotyylit 2010*/