/* CSS Document */
/* tyylit_kesa.css */

body{
	background-color:#3fb636;
	font-family:"Tahoma", "Verdana", "Arial";
	font-size:14px;
	color:#000000;
}

p{ margin-top: 0px; }

h2{ 
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0 0 0 0;
}

img{ border:none; }

img.otsikko{ margin: 0 0 20px 70px; }

img.henkilo{
	border: 1px solid black;
	margin: 8px;
}

span.kuvateksti{
	margin: 8px;
	font-size:11px;
}

a.logout{
	float:right;
	margin:40px 20px 0 0;
	color:#0000CC;
}

a.logout:visited{
	float:right;
	margin:40px 20px 0 0;
	color:#0000CC;
}

span.huomio{ color:#ffc150; }

hr{ margin-left:70px; }
		

/* div-lohko, joka keskittää sisältämänsä divit keskelle näyttöä */
#pohja{
	width:900px;
	margin: 0 auto;
	background-color:#3fb636;}
	
	/* div-lohko, jonka taustakuvana on kukkavalikko */
	#pohja #keski{
		width:900px;
		height:600px;
		background-image:url('../kuvat/kesa/tausta.gif');
		background-repeat:no-repeat;
		margin:0 0 0 0;}
		
		/* Vasemmalla olevan tekstipalstan lohko */
		#pohja #keski #tekstipalsta{
			width:400px;
			margin:0 0 0 20px;
			padding-top:20px;
			float:left;
		}
		
		#pohja #keski #tekstipalsta p{ margin-left:70px; }
		
		#pohja #keski #tekstipalsta h2{ margin:0 0 6px 70px; }
		
		#pohja #keski #tekstipalsta table{ margin-left:70px; }	
		
		#pohja #keski #tekstipalsta table td{
			vertical-align:top;
			color:#104013;
			border-bottom:solid 10px;
			border-color:#3fb636;
		}
		
		#pohja #keski #tekstipalsta table td.otsikko{ color:#000000; }
		
		#pohja #keski #tekstipalsta table td.vastaus{
			color:#000000;
			font-style:italic;
			font-size:12px;
		}
		
		#pohja #keski #tekstipalsta table.kuvat{ 
			margin-left:25px;
			font-size:11px;
		}
		
		#pohja #keski #tekstipalsta table.kuvat td{
			width:135px;
			vertical-align:top;
			margin:0px;
			padding:0px;
			border:none;
			text-align:center;
		}	
		
		#pohja #keski #tekstipalsta table.kuvat tr{
			height:140px;
		}		
			
		#pohja #keski #tekstipalsta a{
			text-decoration:none;
			color:#c02c2c;
			font-weight:bold;	
		}
		
		#pohja #keski #tekstipalsta a.kansio{ margin-left:70px; }
		
		#pohja #keski #tekstipalsta a.iso{
			text-decoration:none;
			color:#c02c2c;
			font-weight:100;
			font-size:16px;
		}
		
		#pohja #keski #tekstipalsta a:hover{
			text-decoration:none;
			color:#ffc150;
		}
		
		#pohja #keski #tekstipalsta p.kuvat{ margin-left:32px; }
		
		#pohja #keski #tekstipalsta p.sivumaara{ text-align:center; }
		
		#pohja #keski #tekstipalsta span.kansio{ margin-left:70px; }
		
		/* Yhteystiedot-sivulla olevat henkilökuvat asemoidaan antamalla vasemmalle kuvalle henk-divin muotoilut */
		#pohja #keski #tekstipalsta #henk{
			width:140px;
			float:left;
			padding-left:70px;
		}
		
		/* kumotaan henkilökuvien sisennys (sisennys tehdään henk-diville) */
		#pohja #keski #tekstipalsta div p{ margin-left:0px; }

		#pohja #keski #tekstipalsta form{ margin:0 0 20px 70px;	}
		
		#pohja #keski #tekstipalsta form.kuvat{
			margin:0px;
			padding:0px;
		}

		#pohja #keski #valikko{
			width:458px;
			height:330px;
			float:right;
			}
			
			#pohja #keski #valikko div{
				width:100px;
				position:relative;
				margin:0 0 0 0;}

			#pohja #keski #valikko #d_ajankohtaista{
				left:113px;
				top:68px;}
			#pohja #keski #valikko #d_linkit{
				left:270px;
				top:83px;}
			#pohja #keski #valikko #d_yhteystiedot{
				left:277px;
				top:175px;}
			#pohja #keski #valikko #d_kuvagalleria{
				left:175px;
				top:210px;}
			#pohja #keski #valikko #d_vieraskirja{
				left:63px;
				top:155px;}
			#pohja #keski #valikko #d_cds{
				left:62px;
				top:37px;}
			#pohja #keski #valikko #d_etusivu{
				left:175px;
				top:55px;}
			#pohja #keski #valikko #d_musiikki{
				left:390px;
				top:105px;
				}
			#pohja #keski #valikko #d_tytot{
				right:390px;
				top:180px;
				}