/*
	2007-10-11
	muokattu
		div.shadow_w200
		div.shadow_w200 img
 */

* {
	margin:0 0 0 0;
	border:none;
}


.padding2px {
	display:block;
	padding: 2px 2px 2px 2px:
}

div.leveakuva {
	background-repeat:no-repeat;
	background-position:0 0;
	border:2px solid black;
	max-width:668px;
	height:128px;
}

div.kuva796 {
	background-repeat:no-repeat;
	background-position:0 0;
	border:2px solid black;
	max-width:796;
	height:128px;
}

div.shadow_w200  {
	width:215px;
	display:block;
	padding:0 0 12px 0;
	background-image:url(layout/general/shadow_bottom_w200.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

div.shadow_w200 img {
	width:200px;
	display:block;
	background-image:url(layout/general/shadow_top_w200.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding:6px 9px 0px 5px;
}

.pikasel {
	margin:5px 0 5px 0;
	border:1px solid #666666;
}

body {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	font-size: 12px;
	background:#ffffff;
}

table, td, td {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	font-size: 12px;
}

p {
	margin:0 0 10px 0;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background:url(layout/general/gradline.jpg) no-repeat bottom left;
	padding:5px 0 2px 0;
	margin:0 0 14px 0;
}

ul {
	list-style:none;
	padding: 0 0 0 0;
}

ul li {
	background: url(layout/general/listred.gif) no-repeat top left;
	padding: 0 0 5px 10px;
}

ol {
	margin: 0 0 0 40px;
	padding:0 0 0 0;
}

ol li {
	margin: 0 0 5px 0;
	padding:0 0 0 0;
}

ul.ajankohtaiset {
	list-style:none;
	padding: 0 0 0 0;
	font-size:11px;
	
}
ul.ajankohtaiset li {
	background: url(layout/general/listred.gif) no-repeat top left;
	padding: 0 0 5px 10px;
	font-size:11px;
}
.ajankohtaiset a, .ajankohtaiset a:link, .ajankohtaiset a:visited{
	color:#ed3900;
	text-decoration:none;
	font-size:11px;
}

.ajankohtaiset a:hover, .ajankohtaiset a:active{
	color:#ff0000;
	text-decoration:underline;
	font-size:11px;
}

#alagrad a, #alagrad a:link, #alagrad a:visited{
	text-decoration:none;
}

#alagrad a:hover, #alagrad a:active{
	color:#ff0000;
	text-decoration:underline;
}
.clear {
	clear:both;
}

div#laatikko {
	min-width:1000px;
	background:#fffff;
}

div#vasen {
	width:280px;
	min-height:400px;
	_height:400px;
	float:left;
	padding:20px 0 0 5px;
	position:relative;
	z-index:2;
}

div#oikea {
	width:230px;
	min-height:400px;
	_height:400px;
	float:right;
	padding:0 0 0 15px;
	position:relative;
	z-index:3;
}

div#isowrap {
	min-height:400px;
	min-width:440;
	position:relative;
}

div#keskiwrap {
	_float:left; /* ie:tä varten, outo juttu, toivottavasti toimii */
	min-height:400px;
	min-width:440;
	margin:0 241px 0 261px;
	_margin:0 0 0 0;
	_height:400px;
	position:relative;
	z-index:2;
}

div#keskiwrap2 {
	_float:left; /* ie:tä varten, outo juttu, toivottavasti toimii */
	min-height:400px;
	_height:400px;
	_width:100%;
	background-repeat:repeat-y;
	background-position: right;
}

div#keski {
	_float:left; /* ie:tä varten, outo juttu, toivottavasti toimii */
	min-height:400px;
	max-width:800px;
	_height:400px;
	padding:0 20px 50px 30px;
	background-repeat: repeat-y;
	background-position: left;
}

div#ala {
	clear:both;
	text-align:center;
	height:91px;
	position:relative;
}

div#alagrad{
	background:url(layout/general/alagrad.jpg) repeat-x;
	height:20px;
	text-align:center;
	position:relative;
	top:-360px;
	clear:both;
}

div#alavasenwrap {
	width:284px;
	height:91px;
	float:left;
	position:relative;
	top:-91px;
	_top:-334px;
	background:url(layout/general/grad1.jpg) repeat-x bottom;
}

div#alavasen {
	width:284px;
	height:334px;
	float:left;
	position:relative;
	top:-243px;
	_top:0px;
	background-position: bottom left;
	background-repeat: no-repeat;
	/*padding:0 15px 0 0;*/
}
div#alaoikea {
	width:234px;
	height:91px;
	float:right;
	position:relative;
	top:-91px;
	background:url(layout/general/grad1.jpg) repeat-x bottom;
	padding:0 0 0 15px;
	
}
div#alakeskiwrap { /* gradientti alas */
	/*_float:left; /* ie:tä varten, outo juttu, toivottavasti toimii */
	height:360px; /*grad:91 kaveri:360*/
	position:relative;
	top:-360px;
	_width:auto;
	margin:0 245px 0 265px;
	_margin:0 0 0 0;
	background:url(layout/general/grad2.jpg) repeat-x bottom;	
}
div#alakeski {	/* kaveri alas */
	/*_float:left; /* ie:tä varten, outo juttu, toivottavasti toimii */
	height:360px; /*grad:91 kaveri:360*/
	/*_width:440px;*/
	min-width:440;
	padding:0 20px 0 30px;
	background-position:right bottom;
	background-repeat: no-repeat;
	position:relative;
}


div#yla {
	height:131px;
	width:873px;
	margin:0 auto 0 auto;
	/*background:url(yla.jpg) no-repeat;*/
}

div#menu{
	padding-left:100px;
	padding-top:105px;
}

div#ylawrap {
	height:131px;
	text-align:center; /* jotta ie tajuaa keskittää sisällä olevan divin */
	background-repeat: repeat-x;
}

#keski a, #keski a:link, #keski a:visited{
	text-decoration:none;
}

#keski a:hover, #keski a:active{
	color:#ff0000;
	text-decoration:underline;
}

#navipalkki {
	margin:0 0 15px 0;
}

#oikea h2 {
	padding:10px 0 0 0;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

a.sivunmuokkaus, a.sivunmuokkaus:visited {
	color:#ff0000;
	display:block;
	padding:5px 0 0 5px;
	margin:0 0 5px 0;
	text-decoration:none;
	border-bottom:1px solid #dddddd;
	font-size:11px;
}

a.sivunmuokkaus:hover, a.sivunmuokkaus:active {
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #666666;
	font-size:11px;
}

/*vasen valikko*/
	#vasen #valikko {
		width:270px;
		font-family:Arial, Helvetica, sans-serif;

	}

	#vasen a, #vasen a:link, #vasen a:visited{
		text-decoration:none;
		
		min-height:20px;
		_height:20px;
		display:block;
	}
	#vasen a.valikko_1_passiivinen {
		width:200px;
		padding:0 0 0 3px;
		border-left: 10px solid;
		border-bottom: 1px solid #ffffff;
		background-color:#FFFFFF;
		filter:alpha(opacity=75);
		opacity:.75;
		
	}
		#vasen a.valikko_1_passiivinen:hover, #vasen a.valikko_1_passiivinen:active {
			color:#000000;
			border-left: 10px solid;
			background-color:#FFFFFF;
			filter:alpha(opacity=100);
			opacity:1.0;
		}
	#vasen a.valikko_1_aktiivinen, #vasen a:visited.valikko_1_aktiivinen {
		width:200px;
		padding:0 0 0 3px;
		color:#000000;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=100);
		opacity:1.0;
	}
	#vasen a.valikko_2_passiivinen {
		width:190px;
		margin:0 0 0 10px;
		padding:0 0 0 3px;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=75);
		opacity:.75;
	}
		#vasen a.valikko_2_passiivinen:hover, #vasen a.valikko_2_passiivinen:active {
			color:#000000;
			border-left: 10px solid;
			background-color:#FFFFFF;
			filter:alpha(opacity=100);
			opacity:1.0;
		}
	#vasen a.valikko_2_aktiivinen, #vasen a:visited.valikko_2_aktiivinen {
		width:190px;
		margin:0 0 0 10px;
		padding:0 0 0 3px;
		color:#000000;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=100);
		opacity:1.0;
	}
	#vasen a.valikko_3_passiivinen {
		width:180px;
		margin:0 0 0 20px;
		padding:0 0 0 3px;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=75);
		opacity:.75;
	}
		#vasen a.valikko_3_passiivinen:hover, #vasen a.valikko_3_passiivinen:active {
			color:#000000;
			border-left: 10px solid;
			background-color:#FFFFFF;
			filter:alpha(opacity=100);
			opacity:1.0;
		}
	#vasen a.valikko_3_aktiivinen, #vasen a:visited.valikko_3_aktiivinen {
		width:180px;
		margin:0 0 0 20px;
		padding:0 0 0 3px;
		color:#000000;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=100);
		opacity:1.0;
	}
	#vasen a.valikko_4_passiivinen {
		width:170px;
		margin:0 0 0 30px;
		padding:0 0 0 3px;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=75);
		opacity:.75;
	}
		#vasen a.valikko_4_passiivinen:hover, #vasen a.valikko_4_passiivinen:active {
			color:#000000;
			border-left: 10px solid;
			background-color:#FFFFFF;
			filter:alpha(opacity=100);
			opacity:1.0;
		}
	#vasen a.valikko_4_aktiivinen, #vasen a:visited.valikko_4_aktiivinen {
		width:170px;
		margin:0 0 0 30px;
		padding:0 0 0 3px;
		color:#000000;
		border-left: 10px solid;
		background-color:#FFFFFF;
		filter:alpha(opacity=100);
		opacity:1.0;
	}

/*end vasen valikko*/


/*ylävalikko, välilehdet*/
	#yla a {
		float:left;
		padding:0 0 0 15px;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#yla a:active span{
		color:#000000;
	}
	
	#yla a span {
		float:left;
		display:block;
		padding:5px 15px 4px 6px;
		font-weight:bold;
		color:#844305;
		background-repeat: no-repeat;
		background-position: right top;
	}
	
	#yla a.mini {
		margin:7px 10px 0 10px;
	}
	
	#yla span.mini {
		padding:4px 12px 2px 0px;
		font-size:10px;
		font-weight:normal;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#yla a span {float:none;}
	/* End IE5-Mac hack */
	
	#yla a:hover span {
		color:#000000;
	}
	
	#yla a.valikko_0_aktiivinen {
		background-position:0 -60px;
		border-width:0;
	}
	
	#yla a.valikko_0_aktiivinen span {
		background-position:100% -60px;
		padding-bottom:5px;
		color:#000000;
	}
	
	#yla a:hover {
		background-position:0% -60px;
	}
	
	#yla a:hover span {
		background-position:100% -60px;
	}
/*end ylävalikko, välilehdet*/

/*forms*/
	form#kirjaudu {
		padding:10px 10px 10px 10px;
	}
	
	form#kirjaudu input {
		display:block;
		margin:0 0 10px 0;
	}
	
	input {
		margin:2px 0 1px 0;
		color: #781351;
		border: 1px solid #cccccc;
	}
	
	textarea {
		margin:2px 0 1px 0;
		color: #781351;
		border: 1px solid #cccccc;
	}
	
	form#kirjaudu input.submit{
		color: #000000;
		background: #ffa20f;
		border: 2px outset #555555;
	}
/*end forms*/