/* CSS Document */

body{
	background:#ffffff url(../img/bg/bg.gif) 90px top repeat-y;
	font-family: Verdana, sans-serif;
	font-style: normal;
	text-decoration: none;
	font-size: 12px;
}
#content p{
	line-height:1.25em;
	margin-top:0;
}
h1{
	font-size:1.3em;
	margin-top:0;
	margin-bottom:0;
}
h2{
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:10px;
}
.sisennys{margin-left:190px;}
#stara{
	position:absolute;
	z-index:5;
	top:135px;
	left:119px;
	width:237px;
	height:90px;
}
#navigation{
	position:absolute;
	z-index:6;
	top:90px;
	left:123px;
	background:url(../img/bg/navi.gif) center left no-repeat;
	width:795px;
	height:70px;
}
#navi{
	float:left;
	width:747px;
	padding-left:48px;
	height:70px;
}
.linkki{
	float:left;
	margin:25px 0 0 10px;
}
.linkki a{
	font:bold 12px Verdana, sans-serif;
	text-decoration:none;
	color:#000000;
}
.linkki a:hover{
	font:bold 12px Verdana, sans-serif;
	text-decoration:underline;
	color:#000000;
}
.item{clear:both;}
#content .item a:link{color:#000;text-decoration:none;}
#content .item a:visited{color:#000;text-decoration:none;}
#content .item a:hover{color:#000;text-decoration:underline !important;}
#content .item a:active{color:#000;text-decoration:none;}
.seura{
	float:left;
	margin-top:20px;
	margin-left:70px;
}
.sankari{
	float:left;
	margin-left:65px;
}
#flash{
	position:absolute;
	z-index:8;
	top:150px;
	left:370px;
}
#sankaritarinat #flash_teksti{
	position:absolute;
	z-index:9;
	top:175px;
	left:605px;
	width:230px;
	color:#ffffff;
}
#page{
	position:absolute;
	z-index:2;
	top:170px;
	left:105px;
	width:782px;
	padding:0;
}
#content-wrap{
	background:#f1f1f1;
	margin-left:45px;
	padding:350px 0 25px 0;
	border:#ffffff solid 3px;
	width:740px;
	float:left;
}
#etusivu #content-wrap, #palaute #content-wrap, #toimitus #content-wrap, #seuramatkat #content-wrap{
	background:#f1f1f1;
	margin-left:45px;
	padding:40px 0 0 0;
	border:#ffffff solid 3px;
	width:740px;
	float:left;
}
#eula #content-wrap{
	background:#f1f1f1;
	margin-left:45px;
	padding:40px 0 200px 0;
	border:#ffffff solid 3px;
	width:740px;
	float:left;
	height:3200px;
}

/* IE6 Only */
* html #content-wrap{
	margin:22px;
}
/*#content{
	margin-left:40px;
	float:left;
}*/
#ads{margin-left:950px;width:160px;}
#ads img{margin-bottom:15px;}
#ads a img{border:none;}
.two-thirds{float:left;margin-bottom:30px;width:360px;}
.one-third{float:left;width:160px;margin-left:100px;}
.one-third a img{border:none;margin-bottom:10px;}
#footer{
	background:#ffb700 url(../img/bg/otavamedia-logo.gif) bottom right no-repeat;
	width:100%;
	height:18px;
	margin:20px 0 0 48px;
	padding:32px 0 18px 0;
	clear:both;
}
#footer a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:none;
	font-size:12px;
	color:#000000;
}
#footer a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
.lihava{
	font-weight:bold;
}
.ylamummo{
	vertical-align:super;
}

/*Sankariohjeet*/

#sankariohjeet #content{
	padding:0 30px 0 30px;
}

#sankariohjeet #content img{
	margin-bottom:20px;
}
#sankariohjeet #content a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#sankariohjeet #content a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}

/*EOF Sankariohjeet*/

/*Ilmianna sankari*/

#ilmianna_sankari #flash_teksti{
	position:absolute;
	z-index:9;
	top:210px;
	left:600px;
	width:230px;
	color:#ffffff;
}
#ilmianna_sankari #flash_teksti p{
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
	color:#000000;
}
#ilmianna_sankari #flash_teksti h2{
	color:#000000;
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:5px;
}
#ilmianna_sankari #content{
	background:url(../img/kuvitus/anna-kiitoksesi-nakya-ilmianna-sankarisi.gif) 60px top no-repeat;
	padding-top:100px;
}
#content form{
	margin-left:190px;
}
#ilmianna_sankari form a, #laheta_sankarikortti form a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#ilmianna_sankari form a:hover, #laheta_sankarikortti form a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#ilmianna_sankari #content table, #laheta_sankarikortti #content table, #ystavanpaivakortti #content table, #ystavanpaivaarvonta #content table{
	height:20px;
	table-layout: automatic;
}
#ilmianna_sankari #content table tr, #laheta_sankarikortti #content table tr, #ystavanpaivakortti #content table tr, #ystavanpaivaarvonta #content table tr{
	height:10px;
}
#ilmianna_sankari #content table th, #laheta_sankarikortti #content table th, #ystavanpaivakortti #content table th, #ystavanpaivaarvonta #content table th{
	font-size:12px;
	font-weight:bold;
}
/*EOF Ilmianna sankari*/

/*Etusivu*/

#etusivu #content{
	width:680px;
	float:left;
	margin-left:30px;
}
/* IE6 Only */
* html #content{
	margin:12px;
}
#content #palsta1{
	width:320px;
	float:left;
	clear:both;
}
#content a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:none;
	font-size:12px;
	color:#ffffff;
}
#content a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#ffffff;
}
#vy{
	background:url(../img/kuvitus/tarinakuvat/Riitta-Pekkanen_etunosto.jpg);
	width:320px;
	height:161px;
}
#vy img{
	margin:0 0 0 260px;
	padding-top:5px;
	border:none;
}
#vy .keski{
	margin:15px 0 0 125px;
	padding:0;
}
#vy p{
	margin:0 15px 0 135px;
	font-size:11px;
}
#vy a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:none;
	font-size:11px;
	color:#000000;
}
#vy a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:11px;
	color:#000000;
}
#va{
	background:url(../img/bg/ystavanpaiva/ystavanpaiva.jpg) no-repeat;
	width:320px;
	height:161px;
}
#va p{
	margin:0 15px 0 80px;
	padding-top:100px;
	font-size:11px;
}
#va img{
	margin:0 0 0 260px;
	padding-top:5px;
	border:none;
}
#va a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:none;
	font-size:11px;
	color:#000000;
}
#va a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:11px;
	color:#000000;
}
#content #palsta2{
	width:320px;
	float:left;
	padding-left:40px;
}
#oy{
	background:url(../img/bg/nimipaivasankarit.jpg);
	width:320px;
	height:161px;
}
#oy h3{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding:15px 0 0 0;
	margin:0;
}
#oy p{
	padding:20px 0 0 0;
	color:#ffffff;	
	margin:0;
	font-weight:bold;
	text-align:center;
}
#oy p.normi{
	font-weight:normal;
}
#oy img{
	margin:0 0 0 20px;
	padding:0;
}
#named{width:208px;border:3px double #ffb700;padding:3px;margin:15px 0;}
#named h3,#named p,#named a{color:#000;}
#named h3{font-size:12px;font-weight:normal;text-align:center;}
/*EOF Etusivu*/

/*Sankaritarinat*/

/* IE6 Only */
* html #sankaritarinat #content-wrap{
	margin:22px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#sankaritarinat{
	float:left;
	width:680px;
}
.clear{
	width:664px;
	float:left;
	clear:both;
	padding:1px 0;
	margin:0 25px;
	border-top:#000000 dashed 1px;
}
.tarina{
	width:664px;
	float:left;
	clear:both;
	margin:20px 25px;
}
.tarinakuva{
	float:left;
	width:200px;
}
.tarinateksti{
	float:left;
	width:400px;
	padding-left: 30px;
}
#sankaritarinat p, h4, .pvm{
	margin:0px;
	padding:0px;
}
#sankaritarinat #flash_teksti p{
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
}
#sankaritarinat #flash_teksti h2{
	color:#ffffff;
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:5px;
}
#sivunvaihto{
	float:left;
	clear:both;
	width:664px;
}
#sivunvaihto p{
	padding-top:20px;
	text-align:center;
}
#sankaritarinat #content a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#sankaritarinat #content a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}

/*EOF Sankaritarinat*/

/*Laheta sankarikortti*/
#kortit{
	position:absolute;
	z-index:7;
	top:405px;
	left:123px;
	background:#ffb700;
	border:#ffffff solid 3px;
	width:153px;
	padding:0 30px 20px 30px;
}
#kortit img{
	padding-bottom:10px;
	border:none;
}
#kortit a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#ffffff;
}
#kortit a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#ffffff;
}
/*#laheta_sankarikortti #content{
	background:url(../img/kuvitus/laheta-sankarikortti.gif) 300px top no-repeat;
	padding-top:100px;
	padding-left:30px;
}*/
/*#laheta_sankarikortti #content p{
	margin-left:190px;
}*/
#laheta_sankarikortti #content-wrap{height:780px;}
#laheta_sankarikortti #content{
	width:554px;
	background:url(../img/kuvitus/laheta-sankarikortti.gif) 300px top no-repeat;
	padding:100px 30px 0 30px;
	margin-left:0;
}
/*#laheta_sankarikortti_esikatselu{
	width:554px;
	height:315px;
}*/
#kortti_teksti{
	position:absolute;
	z-index:9;
	top:610px;
	left:50px;
	width:250px;
	color:#ffffff;
}
#laheta_sankarikortti_kiitos #content{
	background:url(../img/kuvitus/laheta-sankarikortti.gif) 300px top no-repeat;
	padding:100px 30px 0 30px;
	margin-left:0px;
}
.isolihava{
	font-size:14px;
	font-weight:bold;
}
#lue_sankarikortti #content{
	background:url(../img/kuvitus/sankarikorttisi.gif) 300px top no-repeat;
	padding:100px 30px 0 30px;
	margin-left:0;
}
#lue_sankarikortti{
	width:554px;
	height:315px;
}
#esikatselu{
	width:554px;
	height:315px;
	margin-left:100px;
}
#esikatselu form, #esikatselu p{
	margin-left:0px;
}
/*EOF Laheta sankarikortti*/

/*Sankaritarina*/

#sankaritarina #content{
	padding:0 140px 0 40px;
}
#sankaritarina #content img.oikea{
	float:right;
	margin:15px 0 10px 10px;
}
#sankaritarina #content img.vasen{
	float:left;
	margin:0 10px 10px 0;
}
#sankaritarina #content a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#sankaritarina #content a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}

/*EOF Sankaritarina*/

/*Ystavanpaiva*/

#ystavanpaiva #content{
	padding-top:0px;
	padding-left:30px;
}
#ystavanpaiva #content p{
	margin-left:190px;
	margin-right:100px;
}
#ystavanpaiva_esikatselu #content{
	padding:100px 30px 0 30px;
	margin-left:0;
}
#ystavanpaivakortti #content{
	background:url(../img/bg/ystavanpaiva/ystavanpaiva_banderolli.gif) 120px top no-repeat;
	padding-top:200px;
	padding-left:30px;
}
#ystavanpaivakortti #content p, #ystavanpaivaarvonta #content p{
/*margin-left:190px;*/
margin-right:60px;
}
#ystavanpaivakortti #content a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:none;
	font-size:12px;
	color:#000000;
}
#ystavanpaivakortti #content a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#ystavanpaivakortti #kortit, #ystavanpaivaarvonta #kortit{
	background-color:#cc0502;
}
#ystavanpaivakortti #kortit h2, #ystavanpaivaarvonta #kortit h2, #kortit p{
	color:#ffffff;
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:5px;
}
#ystavanpaivaarvonta #content{
	padding-top:0px;
	padding-left:30px;
}
#ystavanpaivaarvonta #flash_teksti{
	position:absolute;
	z-index:9;
	top:350px;
	left:710px;
	width:230px;
	color:#ffffff;
}
#ystavanpaivaarvonta #flash_teksti p{
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}
#ystavanpaivaarvonta #flash_teksti a{
  font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#ffffff;
}
#ystavanpaivaarvonta #flash_teksti a:hover{
  font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#ffffff;
}
#ystavanpaivakortti #content form a, #ystavanpaivaarvonta #content form a, #ystavanpaivaarvonta #content a, #ilmianto_lomake a{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
#ystavanpaivakortti #content form a:hover, #ystavanpaivaarvonta #content form a:hover, #ystavanpaivaarvonta #content a:hover, #ilmianto_lomake a:hover{
	font-family:Verdana, sans-serif;
	font-style:normal;
	text-decoration:underline;
	font-size:12px;
	color:#000000;
}
/*EOF Ystavanpaiva*/

/*Kortinluku*/
#kortinluku #content-wrap{padding-top:50px;padding-bottom:100px;}
#kortinluku #content{
	background:url(../img/bg/ystavanpaiva/ystavanpaiva_banderolli2.gif) center top no-repeat;
	margin:0;
	padding:180px 90px 0 90px;
}
#kortinluku #content a{
	text-decoration:underline;
	color:#000000;
}
#kortinluku #content a:hover{
	text-decoration:underline;
	color:#000000;
}

/*EOF Kortinluku*/
/*Kortinluku2*/
#kortinluku2 #content-wrap{padding-top:50px;padding-bottom:100px;}
#kortinluku2 #content{
	background:url(../img/kuvitus/sankarikorttisi.gif) center top no-repeat;
	margin:0;
	padding: 50px 90px 0 90px;
}
#kortinluku2 #content a{
	text-decoration:underline;
	color:#000000;
}
#kortinluku2 #content a:hover{
	text-decoration:underline;
	color:#000000;
}

/*EOF Kortinluku2*/

#palaute_lomake th{text-align:left;}
#palaute a, #toimitus a{text-decoration:underline;color:#000;}
#palaute a:visited, #toimitus a:visited{text-decoration:underline;color:#000;}
#palaute a:active, #toimitus a:active{text-decoration:underline;color:#000;}
#palaute a:hover, #toimitus a:hover{text-decoration:underline;color:#ff0000;}

#topbanner{margin:0 0 0 120px;padding-bottom:20px;}

#flasha{margin-bottom:50px;}
#etusivu a img{border:none;}
#games img{margin:5px 40px;padding:0;}

/*Paivansade*/
.ps{background:#fff;border:1px solid grey;clear:both;padding:10px;width:499px;margin-bottom:30px;}
.ps ul{padding-left:15px;}
.ps ul li{color:red;margin-bottom:3px;}
.black{color:black;}
#content-wrap-ps{
background:#f1f1f1 url(../img/paivansade/paivansade.gif) right top no-repeat;
	margin-left:45px;
	padding:40px 0 0 0;
	border:#ffffff solid 3px;
	width:740px;
	float:left;
	}