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

html { height: 100%; overflow-x:hidden; overflow-y:auto; }

img#bgimg {	height: 100%; width: 100%; z-index: -1; position:fixed; color: white;}

body { 
background-color: transparent; 
min-height: 100%; 
border-top: 1px transparent solid; 
margin-top: -1px; 
z-index:0; 
position:relative; 
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:100%; 
/*text-align:center;*/
}

/*
  body {
  margin:0px;
  border:0px;
  background:#321f10; 
  background-image:url('/k/08bg.jpg');
  background-position:top left;
  background-attachment:fixed;
  }
*/
  .floatbug { clear:both; }

  form {
  margin:0px;
  border:0px;
  padding:0px;
  }
  
  #spe08head {
  border:1px dotted #999999;
  background:#999999;
  background-image:url("/k/08ylscape.jpg");
  background-repeat:no-repeat;
  background-position:top left;
  }

  #spe08headflash {
  background:#999999;
  height:150px;
  }

  #spe08head img {
  margin-top:66px;
  }

  .headicon {
  margin:36px 10px 28px 3px;
  }

  #spe08menu {
  height:33px;
  font-size:18px;
  font-weight:100;
  line-height:30px;
  letter-spacing:-1px;
  color:#cccccc;
  }

  #spe08menu a {
  color:#aaaaaa;
  }

  #spe08menu a:hover {
  color:#000000;
  }

  #spe08menu a.valittu {
  font-size:24px;
  font-weight:100;
  line-height:33px;
/*  letter-spacing:-2px; */
  color:#000000;
  }

  #spe08menu a.valittu:hover {
  color:#000000;
  }
  
  .floatbox {
  float:left; 
  margin-right:20px;
  margin-bottom:20px;
  }
  
    .valipala {
  font-weight:bold;
  padding-top:9px;
  }

  .kuvateksti {
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.6em;
  padding-top:3px;
  padding-bottom:5px;
  }

  #spehead {
  text-align:center;
  background-image:url("/k/spe_headerbg.gif");
  }

  #spefoot {
  	clear:both;
	padding:2px;
	width:964px;
	font-size:10px;
	background:#000000;
	color:#999999;
	
	margin-left:auto;
	margin-right:auto;
  }

  #speylalogo {
  height:150px;
  }
  
  #speylalogoimg {
  margin-top:60px;
  }

  #spebody {
  margin-left:13px;
  margin-right:13px;
  background:#e9e9e9; 
  background-image: url("/k/spe_bg.gif");
  color:#000000;
  padding:13px;
  text-align:left;
  }

	#spebody2 {
	clear:both;
	margin:23px auto 0 50px !important;
	padding:4px;
	width:940px;
	background:#ffffff; 
	color:#000000;
	text-align:left;
	}

#spe09content {
  background-color: #eeeeee;
	min-height:600px;
}

.p10 {
padding:10px;
}
  
.fr1 {
float:left;
margin:5px 5px 5px 0;
border:1px solid #cccccc;
padding:2px;
}  
 
  #spe08content {
  background-image: url("/k/spe_bg.gif"); 
  background-color: #eeeeee;
  border-top:1px dotted #999999;
  }

	#spebody3 {
  width:777px;
  margin-left:auto;
  margin-right:auto;
  background:#e9e9e9; 
  background-image: url("/k/spe_bg.gif");
  color:#000000;
  padding:13px;
  text-align:left;
  }

	#spebody4 {
  width:900px;
  margin-left:auto;
  margin-right:auto;
  background:#e9e9e9; 
  background-image: url("/k/spe_bg.gif");
  color:#000000;
  text-align:center;
  }
  
  .spesisuskapea {
  width:700px;
  margin-left:auto;
  margin-right:auto;
  }

.transu60 {
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}

.transu60:hover {
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

.iso {
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.5em; 
line-height: 1.2em;
letter-spacing:-1px;
}

.columnleft {
padding-right: 5px;
}

.columnmiddle {
border-left:1px dotted #999999;
border-right:1px dotted #999999;
padding:13px;
background:#eeeeee;
}

.columnright {
padding-left: 5px;
}

  p, .leipa, .leipa2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.8em;
  line-height:1.4em;
  margin-top:9px;
  margin-bottom:6px;	
  }

  .mini {
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.6em;
  line-height:1.3em;
  }

  h1, h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
  /* font-family: Georgia, Times New Roman, Times, serif; */
  font-weight: 100;
  }

  h1 {
  font-size:28px;
/*  text-transform:uppercase; */
  font-weight: 100;
  letter-spacing:-0.03em;
  color:#999999;
  margin:0px;
  }

  h2 {
  letter-spacing:-1px;
  padding-top:10px;
  }

  h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  }

  A:link    { text-decoration:none; color:#cc0000; }
  A:visited { text-decoration:none; color:#cc0000; }
  A:active  { text-decoration:none; color:#cc0000; }
  A:hover   { text-decoration:none; color:#ff0000; }

  A.ots:link    { text-decoration:none; color:#000000; }
  A.ots:visited { text-decoration:none; color:#000000; }
  A.ots:active  { text-decoration:none; color:#000000; }
  A.ots:hover   { text-decoration:none; color:#ff0000; }

  A.spevali0:link    { text-decoration:none; color:#ffffff; font-weight:bold; }
  A.spevali0:visited { text-decoration:none; color:#ffffff; font-weight:bold; }
  A.spevali0:active  { text-decoration:none; color:#ffffff; font-weight:bold; }
  A.spevali0:hover   { text-decoration:underline; color:#ffffff; font-weight:bold; }

  A.spevali1:link    { text-decoration:none; color:#ffffff; background:#ffcc00; font-weight:bold; }
  A.spevali1:visited { text-decoration:none; color:#ffffff; background:#660000; font-weight:bold; }
  A.spevali1:active  { text-decoration:none; color:#ffffff; background:#ff0000; font-weight:bold; }
  A.spevali1:hover   { text-decoration:none; color:#ffffff; background:#cc3300; font-weight:bold; }


hr {
border:0px;
height:1px;
margin-top:10px;
margin-bottom:10px;
background:transparent;
border-top:1px dotted #999999;
}

.relotsikko {
border-bottom:1px dotted #999999;
color:#666666;
font-size:24px;
}

#relvali {
padding:5px;
padding-right:0px;
float:left;
width:240px;
}

#relsisus {
margin-left:250px;
width:700px;
border-right:1px dotted #999999;
border-bottom:1px dotted #999999;
}

.relkansi75 {
display:block;
float:left;
margin-right:5px;
margin-bottom:5px;
}

.relnimilink {
padding:4px;
border-bottom: 1px dotted #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.8em;
  line-height:1.4em;
}

.relclear {
clear:both;
text-align:left;
font-style:italic;
color:#999999;
font-size:10px;
padding:5px;
}

#artvali {
padding:9px;
padding-right:0px;
float:left;
width:200px;
font-size:0.75em;
}

#artsisus {
margin-left:210px;
padding:10px;
border-left:1px dotted #999999;
border-bottom:1px dotted #999999;
}

  #artkuvaus {
  float:left;
  width:450px;
  padding-right:10px;
  border-right:1px dotted #999999;
  }

  #artlinkit {
  margin-left:470px;
  }

	.linkots {
	/*font-weight:bold;*/
	font-size:1.05em;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	color:#666666;
    border-bottom:1px dotted #999999;
	}
	
	#artlinkit p {
	font-size:0.7em;
	margin-bottom:15px;
	margin-top:5px;
	}

		.vasenpalsta {
		float:left;
		width:660px;
		border-right:1px dotted #999999;		
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		}
		
		.oikeapalsta {
		margin-left:680px;
		padding:10px;
		}

		.oikeapalsta p {
		font-size:0.7em;
		}
		
		.oikeapalsta h3 {
		font-weight:bold;
		font-size:0.8em;
		margin-top:13px;
		}
		
		.eventbox {
		border:1px dotted #999999;
		padding:10px;
		margin-bottom:5px;
		clear:left;
		font-size:0.8em;
		line-height:1.4em;
		}

		.eventbox img {
		float:left; 
		margin-right:10px;
		margin-bottom:10px;
		
		}

		.eventbox a { 
		font-weight:normal; 
		padding-top:10px; 
		font-size:1.7em; 
		letter-spacing:-1px; 
		padding-bottom:10px;
		color:#000000;
		}
		
		.eventbox a:hover { color:#ff0000; }

		.dlinfo {
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		width:160px;
		border:1px dotted #999999;
		padding:9px;
		text-align:center;
		font-size:10px;
		}

		.dlinfo img {
		margin:5px;
		}

		hr { clear:both; }

		hr.noclr { clear:none; }

		#subhead {
		font-family: Arial, Helvetica, sans-serif;
		font-size:28px;
		font-weight:100;
		color:#777777;
		text-transform:uppercase;
		letter-spacing:-1px;
		line-height:24px;
		}

		.fleft {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		}

		.fright {
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		}

		.frm {
		font-size:11px;
		background:#ffffff;
		border:1px solid #666666;
		padding:2px;
		}

		.btt {
		font-size:11px;
		font-weight:bold;
		background:#cc0000;
		color:#ffffff;
		padding:2px;
		border-top:1px solid #ff9900;		
		border-left:1px solid #ff9900;		
		border-right:1px solid #660000;		
		border-bottom:1px solid #660000;		
		}


		#artkuvaus {
		padding:10px; border-right:1px dotted #999999; width:570px;
		}
		
		#artrivi1 {
		height:250px;
		text-align:center;		
		}

		#artrivi1 img {
		border:4px solid #ffffff;
		margin:10px;
		}

		#artrivi2 {
		height:170px;
		text-align:center;		
		}

		#artrivi2 img {
		border:4px solid #ffffff;
		margin:10px;
		width:100px;
		height:100px;		
		}

		#artrivi3 {
		height:150px;
		text-align:center;		
		}

		#artrivi3 img {
		border:4px solid #ffffff;
		margin:10px;
		width:75px;
		height:75px;		
		}
		
		#artlinkit {
		margin-left:600px;
		width:340px;
		padding:10px 0 10px 0;
		}

	
	.reltracklist td {
	padding:1px 5px 1px 5px;
	line-height:14px;
	}

#spe09header {
background:#000000;
min-width:850px;
}

#h091 {
float:left;
margin:13px 0 0 13px;
}

#h9xx {
float:left; 
}

#h092 {
float:left;
margin:30px 0 0 0px;
}

#h09socials {
float:left;
padding:46px 0 0 23px;
}

#h09socials img {
margin-right:9px;
border:1px solid #666666;
}


#spe09hmenu {
clear:both; 
padding:0 0 23px 5px;
color:#777777;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
}

#spe09hmenu a, #spe09hmenu a:visited, #spe09hmenu a:active { color:#cccccc; }
#spe09hmenu a:hover { color:#ff9900;  }

#relvali {
padding:0;
/*padding:5px;
padding-right:0px;
float:left; */
width:235px;
}

#relsisus {
margin-left:250px;
width:700px;
border-right:1px dotted #999999;
border-bottom:1px dotted #999999;
}

.relkansi75 {
display:block;
float:left;
margin:3px 0 0 3px;
}

.relinfos {
padding-left:9px; border-left:1px dotted #999999;
}

.relinfos p {
font-size:11px;
line-height:17px;
margin:0;
padding:0 0 13px 0;
}


#spe09footer {
clear:both;
margin:23px 0 0 0;
padding:9px;
background:#000000;
color:#999999;
font-size:11px;
}

#spe09footer a, #spe09footer a:visited {
color:#cccccc;
text-decoration:none;
font-weight:normal;
}

#ftwav {
float:left;
}

.footbox {
float:left;
margin:33px 0 0 23px;
border-left:1px solid #666666;
padding-left:6px;
}

.subbox {
width:400px;
padding:23px;
text-align:center;
margin:93px auto 93px auto;
font-size:18px;
color:#999999;
background:#ffffff;
}

#etus_kansi { float:right; margin-left:10px; border:1px solid #cccccc; padding:3px; }