/* CSS Document */

body {
  text-align: center;
  background-color: #000;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
text-decoration: underline;
color: #287621;
font-size:10px;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}




/* Sivun keskitys */

p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#container {
	position: relative;
	margin:0 auto;
	margin-top: 50px;
	width: 840px;
	height: 620px;
	text-align: left;
	
	}
	

#container_score {
	position: relative;
	margin:0 auto;
	background-color: #FFFFFF;
	margin-top: 50px;
	width: 800px;
	height: 560px;
	text-align: left;
	z-index:3;
	}

#flash { 
	position: absolute;
	top:0px;
	left:0px;
	width: 840px;
	height:590px;
	z-index: 1;
}



#canal { 
	position: absolute;	
	margin: 476px 0 20px 530px;
	width: 50px;
	z-index:3;


}


/* Elementit */
	
#logo {
	position: absolute;
	margin-top: 43px;
	margin-left: 48px;
	text-align:left;
	z-index:10;
	}
	
		
#sisalto {
	position: absolute;	
	width: 250px;
	height: 500px;
	margin-top: -10px;
	margin-left: 490px;
	padding: 30px;
	text-align: left;
	background-color: #FFF;
	z-index:2;
	}

#ingressi {	
	margin-top: 58px;
	margin-bottom: 10px;
	height: 60px;
	width: 200px;
	border-left: 1px solid #FFF;
	z-index:4;
	}
	
#tekstialue_index {	
	margin-top: 20px;
	width: 230px;
	padding-left: 17px;
	border-left: 1px solid #666;

	}
	
#tekstialue_ajankohtaista {	
	margin-top: 20px;
	width: 230px;
	padding-left: 10px;
	border-left: 1px solid #666;

	}	
	
#aukioloajat {
	position: absolute;
	top:-14px;
	left:10px;
	margin: 464px 0 20px 570px;
	width: 80px;
	text-align: right;
	z-index:6;
	}
	
#yhteystiedot {	
	position: absolute;
	margin: 445px 0 0 655px;
	width: 115px;
	text-align: right;
	z-index:7;
	}		
	
	
#info {
	position: absolute;
	top: 590px;
	padding: 10px 40px 0 0; 
	width: 300px;
	height:10px;
	text-align: right;
	z-index:8;
	}
	
#info_score {
	position: absolute;
	top: 560px;
	left: 500px;
	padding: 10px 40px 0 0; 
	width: 300px;
	height:10px;
	text-align: right;
	z-index:8;
	}	
	
#scores {
	position: absolute;	
	width: 250px;
	height: 430px;
	margin-top: 10px;
	margin-left: 80px;
	padding: 30px;
	text-align: left;
	}

#sulje {
	position: absolute;	
	margin-top: 16px;
	margin-left: 670px;
	padding: 30px;
	text-align: left;
	}
	
#sulje a {
	font-size: 10px;
	}



	
/* Navigaatio */

#navigaatio {
	position: absolute;
	margin-top: 83px;
	margin-left: 48px;
	z-index:9;
	}
	
#navigaatio ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	}

#navigaatio li {
	display: inline;		
	}

#navigaatio li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 2px;
	color: #000;
	background-color: #FFF;	
}

		#navigaatio li a:hover {
			background-color: transparent; 
			color: #FFF;
		}
		
		#navigaatio li.navigaatio_aktiivi a {
			background-color: transparent; 
			color: #FFF;
		}	
		
		
	
/* Tekstit */

a {
	color: #287621;
} 

a:link { 
	text-decoration: underline;
	color: #287621;
}
	
a:hover, a:active { 
	text-decoration: none;
}


.leipis {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
line-height: 15px;
}

.otsikko {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
color: #000;
line-height: 22px;
}

.info {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #303033;
margin:0;
padding:0;
}

		.info a:link {
		text-decoration: none; 
		color:#303033;
		} 

		.info a:visited { 
		text-decoration: none; 
		color:#303033;
		} 

		.info a:hover, a:active { 
		text-decoration: none; 
		color:#303033;
		}