/* CSS Document */

/* yleiset */

body {
	background-color: #E7E5E5;
	background-image:  url(images/taustapala.gif);
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #009933;
	line-height: 13pt;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

a:link {
	color:#2D9D6D;
	font-weight: normal;
	text-decoration: none;
	}

a:visited {
	color:#2D9D6D;
	font-weight: normal;
	text-decoration: none;
	}
	
a:active {
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	}
	
a:hover {
	color:#2D9D6D;
	font-weight: normal;
	text-decoration: underline;
	}

.sisennys {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	margin-left: 25px;
	margin-bottom: -5px;
	}

.leipis {
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #009933;
	line-height: 13pt;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 15px;
	}	

.leipis_eka {
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #009933;
	line-height: 13pt;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 50px;
	}	


/* sivun rakennus */

/* sisältää valikon */
#valikko {
	position:absolute;
	top: 86px;
	left: 123px;
	width: 750px;
	height: 260px;
	z-index: 5;
	}

/* yläosan feidautuva raidoitus */	
#ylalaita {
	position:absolute;
	background: url(images/ylaraita.gif);
	top: 0px;
	left: 0px;
	height: 86px;
	width: 100%;
	z-index: 2;
	}
	
/* yläosan kuva, joka sisältää mm. logon ja yhteystiedot */	
#ylapala {
	position:absolute;
	background: url(images/ylapala.jpg);
	top: 0px;
	left: 123px;
	height: 86px;
	width: 750px;
	z-index: 4;
	}
	
/* kuva, jonka tilalle/päälle tulee flashilla tehty kuvafeidaus */	
#flashtausta {
	position:absolute;
	background: url(images/flash_tausta.jpg);
	top: 112px;
	left: 123px;
	height: 202px;
	width: 750px;
	z-index: 6;
	}	
			
/* flashin alapuolelta alkava raidoitus */	
#raidoitus {
	position:absolute;
	background: url(images/raidoitus.gif);
	top: 314px;
	left: 123px;
	height: 51px;
	width: 750px;
	z-index: 3;
	}
	
/* sisältöalue, sivun sisältö */	
#sisalto {
	background-color: #FFFFFF;
	position:absolute;
	top: 357px;
	left: 123px;
	width: 750px;
	z-index: 7;
	}

/* sisältöalue, sivun tekstialueen sisältö, vain vasen laita */	
#tekstisisalto {
	position:absolute;
	top: 0px;
	left: 40px;
	width: 344px;
	z-index: 8;
	}
	
/* sisältöalue, sivun tekstialueen sisältö, koko sivun leveys*/	
#tekstisisalto2 {
	position:absolute;
	top: 0px;
	left: 40px;
	width: 668px;
	z-index: 8;
	}	
	
/* tekstialueen otsikko */	
#otsikko {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 344px;
	height: 50px;
	z-index: 9;
	}	
		
/* tekstialueen alapala, kulmien pyöristys */	
	
#teksti_alapala {
	background: url(images/tekstitausta_ala.gif) no-repeat;
	background-repeat: none;
	height: 30px;
	width: 344px;
	top:inherit;
	z-index: 8;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
 	}		
	
/* sisältöalueen sisällä oikean puoleinen palsta, sisältää mm. qtime-playerin kuvan oikealla */	
#oikea_palsta {
	position:absolute;
	top: 0px;
	left: 420px;
	width: 344px;
	height: 461px;
	z-index: 8;
	list-style-image: url(images/listakuva.gif);
	list-style-type: square;
	list-style-position: outside;
	}
	
/* ensimmäinen screenshot */	
#screenshot1 {
	background: url(images/screenshot.gif);
	position:absolute;
	top: 435px;
	left: 40px;
	width: 47px;
	height: 47px;
	z-index: 9;
	}
	
/* toinen screenshot */	
#screenshot2 {
	background: url(images/screenshot.gif);
	position:absolute;
	top: 435px;
	left: 95px;
	width: 47px;
	height: 47px;
	z-index: 9;
	}	
	
/* kolmas screenshot */	
#screenshot3 {
	background: url(images/screenshot.gif);
	position:absolute;
	top: 435px;
	left: 150px;
	width: 47px;
	height: 47px;
	z-index: 9;
	}	
	
/* neljäs screenshot */	
#screenshot4 {
	background: url(images/screenshot.gif);
	position:absolute;
	top: 435px;
	left: 205px;
	width: 47px;
	height: 47px;
	z-index: 9;
	}				
	
		
		
/* sisältöalueen alapala, kulmien pyöristys */	
	
#alapala {
	background: url(images/alapala.gif) no-repeat;
	background-repeat: none;
	height: 44px;
	width: 750px;
	z-index: 8;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
 	}	
	
	

/* esimerkkejä, vanhoja jäänteitä */
	
#leipis_index {
	background-color: #FCFCFC;
	position:absolute;
	top: 150px;
	left: 361px;
	width: 480px;
	height: 300px;
	z-index: 5;
	}	


#leipis_alaval {
	background-color: #FCFCFC;
	position:absolute;
	top: 160px;
	left: 361px;
	width: 480px;
	height: 300px;
	z-index: 5;
	}	

#leipis_alaval p {
	margin-left: 18px;
	margin-right: 15px;
	}
	
#leipis_alaval p.margin {
	margin-top: 25px;
	margin-left: 18px;
	margin-right: 15px;
	}