/* Söpöjä eläimiä */
/* kirjan tyylit */
/***********************************************/

body  {
	background-image: url('http://www.ystavani.net/519970/2/bg.gif');
}

.kysymys {
	font-family: Arial Black, Arial, sans-serif;
   font-size: 11px;
   letter-spacing: -1px;
	color: #00000;
	line-height: 11px;	
	margin: 0px;
	padding: 0px;
	text-align: left;
    overflow: hidden;
	 border-color: #000000;
	 background-color: transparent;
    border-width: 0 0 0 0;
}

.kysymysdim {
	font-family: "Arial Black", Arial, sans-serif;
   font-size: 11px;
   letter-spacing: -1px;
	color: #7f7f7f;
	line-height: 11px;	
	margin: 0px;
	padding: 0px;
	text-align: left;
    overflow: hidden;
	 border-color: #000000;
	 background-color: transparent;
    border-width: 0 0 0 0;
}

.kannen {
	font-family: Arial,sans-serif;
	font-size: 25px;
	text-align: center;
	color: #000000;
	line-height: 40px;
   letter-spacing: -0px;
	margin: 0px;
	padding: 0px;
     width:309px;
     height:215px;
    overflow: hidden;
	 border-color: #000000;
	 background-color: transparent;
    border-width: 0 0 0 0;
}

.vastaus {
  	font-family: "Comic Sans MS", "Comic Sans", Arial;
   color: #003366;
   font-size: 12px;
   letter-spacing: -0px;
	line-height: 26px;
	text-align: left;
  	margin: 0px;
	padding: 0px;
    overflow: hidden;
	 border-color: #000000;
	 background-color: transparent;
    border-width: 0 0 0 0;
}

p.naamanappien {
	font-family: Arial,sans-serif;
	color: #00000;
   font-size: 10px;
   letter-spacing: -0px;
	line-height: 18px;	
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* sijoittelu */
/***********************************************/

#kansi {
     position:absolute;
     left:400px;
     top:90px;
     margin: 0px;
     padding: 0px;
     background-repeat:no-repeat;
     background-image:url('http://www.ystavani.net/519970/2/kansi.jpg');
}

#kannenotsikko {
     position:absolute;
     left:436px;
     top:220px;
     width:309px;
     height:215px;
	 /* border: thin solid rgb(250,0,255); */
}


#naama {
     position:absolute;
     left:149px;
     top:141px;
}

#taustakuva {
     position:absolute;
     left:20px;
     top:90px;
     margin: 0px;
     padding: 0px;
     background-repeat:no-repeat;
     background-image:url('http://www.ystavani.net/519970/2/aukeama.jpg');
}

#omistajatausta {
     position:absolute;
     left:20px;
     top:90px;
     margin: 0px;
     padding: 0px;
     background-repeat:no-repeat;
     background-image:url('http://www.ystavani.net/519970/2/omistaja.jpg');
}

#omanaama {
     position:absolute;
     left:524px;
     top:222px;
}

#ylakuva {
     position:absolute;
     left:283px;
     top:113px;
     margin: 0px;
     padding: 0px;
}
/* ylakuva -29 -6 */

#alakuva {
     position:absolute;
     left:601px;
     top:424px;
     margin: 0px;
     padding: 0px;
}
/* alakuva -52 -29 */
/* tekstit +14 +34 */

#naamanapit {
     position:absolute;
     left:50px;
     top:137px;
     margin: 0px;
     padding: 0px;
}

#omanaamanapit {
     position:absolute;
     left:418px;
     top:217px;
     margin: 0px;
     padding: 0px;
}

/* oikean sivun kysymysten textarean mitat */

#kysykirj11,#kysykirj12,
#kysykirj13,#kysykirj14,
#kysykirj15,#kysykirj16,
#kysykirj17,#kysykirj18 {
     width:310px;
     height:21px;
}

/* kysymys-divien yhteiset ominaisuudet */

#kysy1,#kysy2,#kysy3,#kysy4,#kysy5,#kysy6,#kysy7,#kysy8,#kysy9,#kysy10,
#kysy11,#kysy12,#kysy13,#kysy14,#kysy15,#kysy16,#kysy17,#kysy18,#kysy19,#kysy20,
#kysy21,#kysy22,#kysy23 {
     position:absolute;
     white-space: nowrap;
     height:21px;	 
}

#kysy1 {
     left:55px;
     top:314px;
     width:32px;
}

#kysy2 {
     left:55px;
     top:374px;
     width:133px;
}

#kysy3 {
     left:55px;
     top:344px;
     width:62px;
}

#kysy4 {
     left:55px;
     top:404px;
     width:61px;
}

#kysy5 {
     left:55px;
     top:434px;
     width:125px;
}

#kysy6 {
     left:55px;
     top:464px;
     width:94px;
}

#kysy7 {
     left:55px;
     top:494px;
     width:53px;
}

#kysy11 {
     left:419px;
     top:131px;
     width:310px;
}

#kysy12 {
     left:419px;
     top:168px;
     width:310px;
}

#kysy13 {
     left:419px;
     top:208px;
     width:310px;
}

#kysy14 {
     left:419px;
     top:246px;
     width:310px;
}

#kysy15 {
     left:419px;
     top:284px;
     width:310px;
}

#kysy16 {
     left:419px;
     top:324px;
     width:310px;
}

#kysy17 {
     left:419px;
     top:362px;
     width:310px;
}

#kysy18 {
     left:419px;
     top:400px;
     width:310px;
}

/* ylimääräiset kysymykset JA vastaukset piiloon */

#kysy8,#kysy9,#kysy10,
#kysy19,#kysy20,
#kysy21,#kysy22,#kysy23,
#vast8,#vast9,#vast10,
#vast19,#vast20,
#vast21,#vast22,#vast23 {
     position:absolute;
     left:0px;
     top:0px;
     visibility:hidden;
}
/* VASEMMAN vastaus-divien yhteiset ominaisuudet */

#vast1,#vast2,#vast3,#vast4,#vast5,#vast6,#vast7,#vast8,#vast9,#vast10 {
     position:absolute;
     white-space: nowrap;
     height:21px;
}

#vast1 {
     left:92px;
     top:305px;
     width:282px;
}

#kirj1 {
     width:282px;
     height:21px;
}

#vast2 {
     left:203px;
     top:365px;
     width:170px;
}

#kirj2 {
     width:170px;
     height:21px;
}

#vast3 {
     left:121px;
     top:335px;
     width:252px;
}

#kirj3 {
     width:252px;
     height:21px;
}

#vast4 {
     left:127px;
     top:395px;
     width:252px;
}

#kirj4 {
     width:252px;
     height:21px;
}

#vast5 {
     left:185px;
     top:425px;
     width:195px;
}

#kirj5 {
     width:195px;
     height:21px;
}

#vast6 {
     left:153px;
     top:455px;
     width:218px;
}

#kirj6 {
     width:218px;
     height:21px;
}

#vast7 {
     left:110px;
     top:485px;
     width:271px;
}

#kirj7 {
     width:271px;
     height:21px;
}

/* OIKEAN vastaus-divien yhteiset ominaisuudet */

#vast11,#vast12,#vast13,#vast14,#vast15,#vast16,#vast17,#vast18,#vast19,#vast20,
#vast21,#vast22,#vast23 {
     position:absolute;
}

#vast11 {
     left:429px;
     top:142px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#kirj11 {
     width:310px;
     height:21px;
}

#vast12 {
     left:429px;
     top:180px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#kirj12 {
     width:310px;
     height:21px;
}

#vast13 {
     left:429px;
     top:220px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#kirj13 {
     width:310px;
     height:21px;
}

#vast14 {
     left:429px;
     top:258px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#kirj14 {
     width:310px;
     height:21px;
}

#vast15 {
     left:429px;
     top:296px;
     white-space: nowrap;
     width:310px;
     height:21px;
}


#kirj15 {
     width:310px;
     height:21px;
}

#vast16 {
     left:429px;
     top:334px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#kirj16 {
     width:310px;
     height:21px;
}

#vast17 {
     left:429px;
     top:372px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#kirj17 {
     width:310px;
     height:21px;
}

#vast18 {
     left:429px;
     top:421px;
     width:168px;
     height:111px;
}

#kirj18 {
     width:168px;
     height:111px;
}

/* oman sivun vastaukset */

#omav1 {
     position:absolute;
     left:431px;
     top:415px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#omavkirj1 {
     width:310px;
     height:21px;
}

#omav2 {
     position:absolute;
     left:431px;
     top:454px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#omavkirj2 {
     width:310px;
     height:21px;
}

#omav3 {
     position:absolute;
     left:431px;
     top:493px;
     white-space: nowrap;
     width:310px;
     height:21px;
}

#omavkirj3 {
     width:310px;
     height:21px;
}

#omav4 {
     position:absolute;
     left:69px;
     top:225px;
     width:293px;
     height:221px;
}

#omavkirj4 {
     width:293px;
     height:221px;
}

/* oman sivun kysymysten yhteiset */

#omak1,#omak2,#omak3 {
     position:absolute;
     white-space: nowrap;
     height:21px;
     width:310px;
     left:431px;
}

#omak1 {
     top:405px;
}

#omak2 {
     top:444px;
}

#omak3 {
     top:483px;
}

/***********************************************/
