html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


	body
	{
	background-color: #797991;
	font-family: sans-serif; font-style: normal;
	background-image: url(kuvat/back.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	}

	#marginaalit {margin:2em 8% 2em 8%; max-width: 1000 px; background-color:white;}

	#logopalkki 		   {width: 100%; height: 67px; text-align: center;}
	#torstaiteatterilogopalkki {width: 100%; height: 71px;}


	
	a.logo 		      {background:url('/kuvat/vaaka.png'); background-repeat:no-repeat;}
	a.logo 		      {display: inline-block; width:293px; height:67px; margin: 0.5em 0 0 0;}

	a.torstaiteatterilogo {background:url('/teatteri/torstaiteatteri-logo-200.jpg'); background-repeat:no-repeat;}
	a.torstaiteatterilogo {display: inline-block; width:200px; height:71px; margin: 0.5em 0em 0em 2em;}

	#perussisalto         {clear: both; padding: 1em 5% 0em 20%; background-color:#ffffff; line-height: 138%; display: block;}
	


@media screen and (max-width: 950px)
  {


	#marginaalit {margin:1em 3% 1em 3%; background-color:none;}


  }



@media screen and (max-width: 700px)
  {

	body
	{
	background-image: none;
	}


	#marginaalit {margin: 0.1em 0.4em 0.4em 0.4em; background-color:white;}
	
	#logopalkki                {width: 100%;  height:43px; margin: 0; padding: 0em 0 0 0; background-color: #822d70; text-align:left;}
	#torstaiteatterilogopalkki {width: 100%;  height:39px; margin: 0; padding: 0em 0 0 0; background-color: #822d70;}

	
	a.logo 			{background:url('/kuvat/tarinoiden-majatalo-mini-logo-netti.png');  background-repeat:no-repeat;
	 			 display: inline-block; height:43px; margin: 0 0 0 0em; padding: 0 0 0 0em;}

        




	a.torstaiteatterilogo  {background:url('/teatteri/valkoinen-mini-torstaiteatteri-logo.png'); background-repeat:no-repeat; background-position: 20% 50%;
				display: inline-block; height:39px; margin: 0 0 0 0; padding: 0 0 0 0em;}


	#perussisalto {padding: 1em 1em 0 1em; margin: 0; background-color:#ffffff; line-height: 138%; display: block;
		       border-style: solid none none none; border-width: 0.5em 0 0 0; border-color: #797991;}




  }







#ylapalkkitorstaiteatteri { background-image: url(kuvat/yla.png); background-repeat: no-repeat; width: 680px; height: auto; float: left; margin: 0; padding: 0; }
#ohutylapalkki { background-image: url(kuvat/yla.png); background-repeat: no-repeat; width: 680px; height: 30px; float: left; margin: 0; padding: 0; }


#alapalkki { font-size: 0.75em; background-image: url(kuvat/ala.png); background-repeat: no-repeat; width: 600px; height: 40px; float: left; margin: 0; padding: 1px 40px; }
#alalaita { font-size: 0.75em;background-image: url(kuvat/kivet.png); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 680px; height: 50px; float: left; margin: 0; padding: 0 0 30px; }
#navi { text-decoration: none; width: 600px; height: auto; float: left; margin: 0; padding: 0 40px 0px; }


@media screen and (min-width: 701px)
{
#navipalkki {

   background:#f3e8ee;
   border-top:1px solid #695555;
   border-bottom:1px solid #695555;
   font-size: 0.7em;
   
   text-align:center;
   padding: 0em 1em 0em 1em;
   margin:  0em 0em 1em 0em;

   }

p.navipalkki {padding:0; margin:0; text-align: center; font-color: white;}

a.navipalkki {color:#222222;}

a.navipalkki:link, a.navipalkki:visited {color:#222222; display: inline-block; margin: 0em 0.3em 0em 0.3em; padding: 1em 0.8em 1em 0.8em; background-color: none; text-decoration: none; border-width: 0 0 2px 0; border-style: solid; border-color:#f3e8ee; text-transform: uppercase;}
a.navipalkki:hover, a.navipalkki:active {color:#222222; border-color: #5d7f4a; background-color: #f3f2ee; border-width: 0 0 2px 0; border-style: solid;}


a.aktiivinen {color:#222222;}
a.aktiivinen:link, a.aktiivinen:visited {color:#222222; display: inline-block; margin: 0.0em 0.3em 0.0em 0.3em; padding: 1em 0.8em 1em 0.8em; background-color: none; text-decoration: none; border-width: 0 0 2px 0; border-style: solid; border-color:#5d7f4a; text-transform: uppercase;}
a.aktiivinen:hover, a.aktiivinen:active {color:#222222; border-color: none none #5d7f4a none; background-color: none; border-width: 0 0 2px 0; border-style: solid;}

}


@media screen and (max-width: 700px)
  {

#navipalkki {

   display: inline-block;
   background:#f3e8ee;
   border-top:0px solid #695555;
   border-bottom:1px solid #695555;
   font-size: 0.5em;
   text-align:center;
   margin: 0em auto 0em auto;
   padding: 0em 0em 0em 0em;

   width: 100%;
 
   }



 /* Uusi väritys */
	p.navipalkki {padding: 0; margin: 0 auto 0 auto; line-height:100%; text-align: center; font-color: #000000; display:inline-block; width: 99%;}
 	a.navipalkki {color:#222222; width: 19%;}
	a.navipalkki:link, a.laatikko:visited {color:#222222; display: inline-block; margin: 0em 0.1em 0em 0.1em; padding: 1em 0em 1em 0em; background-color: none; text-decoration: none; border-width: 0px; border-style: solid; border-color:#ADAFAA; text-transform: uppercase;}
	a.navipalkki:hover, a.laatikko:active {color:#222222; border:none;}


	a.aktiivinen {color:#222222; width: 19%;}
	a.aktiivinen:link, a.laatikko:visited {color:#222222; display: inline-block; margin: 0em 0.1em 0em 0.1em; padding: 1em 0em 1em 0em; background-color: none; text-decoration: none; border-width: 0 0 2px 0; border-style: solid; border-color:none none #5d7f4a none; text-transform: uppercase;}
	a.aktiivinen:hover, a.laatikko:active {color:#222222; border-color:none none #5d7f4a none;}




 /* Vanhaväritys
	p.navipalkki {padding: 0; margin: 0 auto 0 auto; line-height:100%; text-align: center; font-color: white; display:inline-block; width: 99%;}
 	a.navipalkki {color:#ffffff; width: 19%;}
	a.navipalkki:link, a.laatikko:visited {color:#ffffff; display: inline-block; margin: 0em 0.1em 0em 0.1em; padding: 1em 0em 1em 0em; background-color: #777777; text-decoration: none; border-width: 1px; border-style: solid; border-color:#ADAFAA; text-transform: uppercase;}
	a.navipalkki:hover, a.laatikko:active {color:#ffffff; border-color:#DDEFCA;}


	a.aktiivinen {color:#ffffff; width: 19%;}
	a.aktiivinen:link, a.laatikko:visited {color:#ffffff; display: inline-block; margin: 0em 0.1em 0em 0.1em; padding: 1em 0em 1em 0em; background-color: #5d7f4a; text-decoration: none; border-width: 1px; border-style: solid; border-color:#ADAFAA; text-transform: uppercase;}
	a.aktiivinen:hover, a.laatikko:active {color:#ffffff; border-color:#DDEFCA;}

 */



}





#kuvabanneri {margin: 1em 0 0 0; padding: 0 0 1em 0; display: inline-block;}
#kuvabanneri a, #kuvabanneri a:link, #kuvabanneri a:visited {text-decoration: none; color: #aaaaaa;}
#kuvabanneri a:hover, #kuvabanneri a:visited:hover {color: #478E6B;}

	/* mediaruudun leveys yli 700px */



	#kuvabanneri ul

	{
	margin:0;
	display: block; clear: both; list-style-type: none;
	width: 100%;
	}

	
	#kuvabanneri li

	{
	padding: 0; margin-left:2.2%;
	display: inline-block; 
	float: left; 
	width: 30.5%;
	margin-bottom: 0em;
	background-color: #f3e8ee;
	
	}

	#kuvabanneri li.etusivu

	{
        padding: 0; margin:0 0 0 2.2%;
	display: inline; 
	float: left; 
	width: 30.5%;
	background-color: #dac8cf;
	/* background-image: url('kuvat/vaalea-ruudukkotausta.jpg');
	background-repeat: repeat;
	back-ground-position: center bottom; */
	
	}


	#kuvabanneri img
	{
	width: 100%;
	height: auto;
	border-color: #aaaaaaa;
	border-style: solid;
	border-width: 0px; 
	border-radius: 0em;
        clear: left;
	}

	#kuvabanneri a.img
	{
	
	border-color: #aaaaaaa;
	
	}


	#kuvabanneri p
	{
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin: 0;
	}



@media (max-width: 700px)
{
        #kuvabanneri {display: block; margin: 0; padding: 0;}

	#kuvabanneri ul

	{
	display: block; clear: both; list-style-type: none;
	margin: 0;
	}

		
	#kuvabanneri li

	{
	display: block; 
	clear: left; 
	width: 100%;
	margin: 0;
	padding-top: 0em;
	padding-bottom: 0em;
	}


	#kuvabanneri li.etusivu

	{
	display: block; 
	clear: left; 
	width: 100%;
	margin: 0;
	padding-top: 0em;
	padding-bottom: 0em;
        border-style: solid none none none;
	border-color: #797991;
	border-width: 0.5em 0 0 0;
	}





	#kuvabanneri a
	{
        
	 float: left;
	 display: table-cell;
	 color: #ffffff;}

	#kuvabanneri img
	{
	width: 100%;
	border-color: #aaaaaaa;
	border-style: solid;
	border-width: 0px; 
	float: left;
	display: table-cell;
	}
	
	#kuvabanneri p
	{display: table-cell;
	padding-left: 1em;

	}
	

}













#navipalkkigetsemane {font-size: 0.8em; line-height: 138%; width: 85%; height: auto; float: left; margin: 0; padding: 0; text-align: left;}
#navipalkkigetsemane ul{text-align: center; margin: 0;}
#navipalkkigetsemane li{background-color: #5E6A0A; padding: 0; margin-bottom: 0.4em; list-style-type: none; text-align: center;}
#navipalkkigetsemane li.last{background: none;}
#navipalkkigetsemane a:link, #navipalkkigetsemane a:visited
 { display:block; font: normal 1em Arial, sans-serif; color:#FFFFFF; text-align:center; padding: 1em 0.4em 1em 0.4em; text-decoration:none; text-transform: uppercase;}
#navipalkkigetsemane a:hover, #navipalkkigetsemane a:active
{ background-color:#6E7A1A; color: #ffffff; display:block; text-align:center; padding: 1em 0.4em 1em 0.4em;}


#navinappula { 
border-bottom: 23px double #5E6A0A; 
border-top: 8px solid #5E6A0A;
height: 7px; 
width:37px;
text-align: left;
display: none;
}


@media screen and (max-width: 700px)
  {

    #navipalkkigetsemane {font-size: 0.8em; width: 98%; height: auto; margin-bottom: 0.8em; background-color: #ffffff;}



    #navipalkkigetsemane ul, #navipalkkigetsemane li, #navipalkkigetsemane a { 

		display: none;
	}


    #navipalkkigetsemane:hover ul {

		display:table-cell;
	        background-color: #ffffff;
	              
	}



    #navipalkkigetsemane:hover li {
        display: block;
	}

    #navipalkkigetsemane:hover a {display: block;} 


#navinappula {
margin-left: 1em; 
margin-right: 0.5em;
display: table-cell;
text-align: left;
float: left;
}


  
  }



#content         {padding: 0em 2em 0em 2em; background-color:#ffffff; line-height: 138%; display: block;}
#teattericontent {padding: 0em 2em 0em 2em; background-color:#ffffff; line-height: 138%; display: inline-block;}


@media screen and (max-width: 700px)
  {
#content {padding: 0; margin: 0; background-color:#ffffff; line-height: 138%; display: inline-block;}
#teattericontent {padding: 0; margin: 0; background-color:#ffffff; line-height: 138%; display: inline-block;}

  }



#aanikirjaotsikkopalkki {background-image: url(http://www.tarinoidenmajatalo.fi/pyhiahetkia/pyhiahetkiaotsikkopalkki.jpg);
                            background-repeat: no-repeat; background-position: top center; background-color: #333366; padding: 0px 0px 0 0px; margin: 0px 20px 0px 20px;}

#kokopalsta {font-size: 1.0em; font-style: normal; line-height: 138%; margin: 0; padding: 0 0 0 1em; width: 90%;}

#vasenpalsta { font-size: 1.0em; font-style: normal; width: 47%; float: left; margin:0; padding: 0 3% 0 0; display: inline-block;}
#oikeapalsta { font-size: 1.0em; font-style: normal; width: 47%; float: left; margin:0; padding: 0 0 0 3%; display: inline-block;}

#vasen14 { float: left; width: 25%; margin: 1em 0 0 0; padding: 0; display: inline-block;}
#oikea34 { float: left; margin: 1em 1em 2em 3%; width: 65%; display: inline-block;}


@media screen and (max-width: 700px)
  {

#kokopalsta {font-size: 1.0em; font-style: normal; line-height: 138%; margin: 0em 1em 0em 1em; padding: 0em 0em 0em 1em; width: auto;}
#vasen14 { text-align: left; float: left; width: 90%; margin: 0em 0em 0.5em 0em; display: inline-block;}
#oikea34 { text-align: left; float: left; width: 90%; margin: 0.5em 1em 2em 1em;  display: inline-block;}

  }



#vasen33 { background-color:white; font-size: 1.0em; font-style: normal; line-height: 138%; width: 30%; float: left; padding: 0 3% 0 0;}
#oikea67 { background-color:white; font-size: 1.0em; font-style: normal; line-height: 138%; width: 64%; float: left; padding: 0 0 0 3%;}




#vasen23 { background-color:white; font-size: 1.0em; font-style: normal; line-height: 138%; width: 66%; float: left; }
#oikea13 { background-color:white; font-size: 1.0em; font-style: normal; line-height: 138%; float: left; }


img.reunus { padding: 2px 2px 2px; }
img.puolipalstaa { padding: 4px 4px 4px 4px; }

/*<agl.folder "otsikot">*/
	#viiva { width: 600px; height: 1px; border-bottom: 3px double #821b5f; }
	h5  /* navi */ { font-size: 1em; font-weight: normal; text-decoration: none; text-align: center; word-spacing: -1px; margin: 0; padding: 5px 0; }
	h5 a:link { color: #000000; text-decoration: none; }
	h5 a:visited { color: #000009; text-decoration: none; }
	h5 a:hover  /* mouse over */ { color: silver; text-decoration: none; background-color:#01793c; }
	h5 a:active  /* mouse down */ { text-decoration: none; background-color:#01aa3c;}
	h5 a { text-decoration: none; }
	h1 { color: #000000; font-size: 1.7em; font-family: tahoma, verdana, sans-serif; font-style: normal; font-weight: 550;  line-height: normal; padding: 5px 0px 0px 0px; margin-bottom: 0.5em;}
        h1.aanikirja   { color: white; font-size: 2.9em; font-family: Tw Cen MT, Arial, sans-serif; font-weight: bold; margin:0px 30px 0px 60px; color:white; padding:20px 0px 15px 0px;}


	h2 { color: black; font-size: 1.2em; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; margin: 1.5em 0 1.0em 0; border-bottom-style: none; border-bottom-width: 1px; }

	h2.palkki {background-image: url(kuvat/otsikkopalkki.png); background-repeat: no-repeat; background-position: top; color: #831a5f; font-size: 1.1em; font-weight: normal; margin: 0.83em 0; padding: 10px; border-bottom-style: none; border-bottom-width: 1px; }
	h2.palkkihuomio {background-image: url(kuvat/otsikkopalkkihuomio.png); background-repeat: no-repeat; background-position: top; color: white; font-size: 1.1em; font-weight: normal; margin: 0.83em 0; padding: 10px; border-bottom-style: none; border-bottom-width: 1px; }
	
        h2.viiva {background-image: url(kuvat/otsikkoviiva.png); background-repeat: no-repeat; background-position: top; color: #831a5f; font-size: 1.1em; font-weight: normal; margin: 0.83em 0; padding: 10px; border-bottom-style: none; border-bottom-width: 1px; }

	h2.puu {background-image: url(kuvat/32jaa.jpg); background-repeat: no-repeat; background-position: left center; color: black; font-size: 1.1em; font-weight: normal; margin: 2em 2% 0.2em 5%; padding: 2px 0px 2px 35px;}

@media screen and (min-width: 701px)

{

h2.puu {margin-left: 20%; margin-right: 5%;}

}


	h2.vesi {background-image: url(kuvat/32jaasininen.jpg); background-repeat: no-repeat; background-position: center left; color: black; font-size: 1.1em; font-weight: normal; margin: 0.83em 0; padding: 2px 0px 2px 35px; border-bottom-style: none; border-bottom-width: 1px; }
        h2.tuli {color: black; font-size: 1.2em; font-weight: bold; margin: 2.3em 0em 0.5em 0em; padding: 0px 0px 0px 5px; border-left:18px solid #B7DD38;}
        h2.maa {background-image: url(kuvat/32puu.jpg); background-repeat: no-repeat; background-position: 0px center; color: black; font-size: 1.1em; font-weight: normal; margin: 2.3em 0em 0.5em 0em; padding: 0px 0px 0px 35px;} 
   
	h2.maa1 {background-image: url(kuvat/32puu.jpg); background-repeat: no-repeat; background-position: center left; color: black; font-size: 1.1em; font-weight: normal; margin: 0.83em 0; padding: 2px 0px 2px 35px; border-bottom-style: none; border-bottom-width: 1px; }
  	h2.hopea {background-image: url(kuvat/32hopea.jpg); background-repeat: no-repeat; background-position: center left; color: black; font-size: 1.1em; font-weight: bold; margin: 1.5em 0em 0.5em 0em; padding: 2px 0px 2px 35px; border-bottom-style: none; border-bottom-width: 1px; }


        h4  /* kursiivi */ { color: #831a5f; font-size: 1.1em; font-weight: normal; font-style: italic; line-height: normal;}
	h3 { color: #821b5f; font-size: 1.1em; font-weight: 100; margin: 1em 0; border-top: 1px dotted #821b5f; }

/*</agl.folder>*/

/*<agl.folder "pohja">*/

	p {color: #000000; line-height: 158%; #000000; text-indent:0px; margin: 0; padding: 0.3em 0 0.3em 0em;}
        p.pallo { background-image: url(kuvat/pallot.png); background-repeat: no-repeat; background-position: 1px 6px; text-indent: 0px; margin: 0 0 2em 0; padding: 0 0 0 2em; }
        p.ympyra { background-image: url(kuvat/ympyra.jpg); font-size: 1.1em; background-repeat: no-repeat; background-position: left center; text-indent: 0px; margin: 0 0 10px; padding: 0px 0px 0px 28px; }
	p.ylaympyra { background-image: url(kuvat/ympyra.jpg); font-size: 1.1em; background-repeat: no-repeat; background-position: left top; text-indent: 0px; margin: 0 0 10px; padding: 0px 0px 0px 28px; }
             
 p.pikkuympyra { background-image: url(kuvat/pikkuympyra.jpg); background-repeat: no-repeat; background-position: 1px 3px; text-indent: 0px; margin: 0 0 10px; padding: 0px 0px 0px 16px; }
       
	p.sinipallo { background-image: url(kuvat/sinipallo.gif); background-repeat: no-repeat; background-position: 1px 3px; text-indent: 0px; margin: 0 0 10px; padding: 0px 0px 0px 16px; }
     
	p.ingressi { text-indent:0px; margin: 0 0 10px; padding: 0; font-size: 1.1em; line-height: 130%; font-family: arial, verdana, sans-serif;}
	p.majatalo { background-image: url(kuvat/majatalonikoni.gif); background-repeat: no-repeat; background-position: left -1px; text-indent: 0px; margin: 0 0 10px; padding: 0px 0px 0px 25px; }
	
	p.olematonlainaus {text-align: center; font-size:1.15em; color:#444444; line-height: 130%; font-family: arial, verdana, sans-serif; background-image: url('kuvat/olematon-ruudukkotausta.jpg'); padding: 2em;}
	p.hailakkalainaus {text-align: center; font-size:1.15em; color:#444444; line-height: 130%; font-family: arial, verdana, sans-serif; background-image: url('kuvat/hailakka-ruudukkotausta.jpg'); padding: 2em;}

/*</agl.folder>*/



a.laatikko {color:#000000;}
a.laatikko:link, a.laatikko:visited {color:#ffffff; display: inline-block; margin: 0.4em 1em 0.4em 1em; padding: 0.4em; background-color: #5d7f4a; text-decoration: none; border-width: 1px; border-style: solid; border-color:#ADAFAA; border-radius:0.3em;}
a.laatikko:hover, a.laatikko:active {color:#ffffff; border-color:#DDEFCA; border-radius:0.3em;}



@media screen and (min-width: 701px)

{

p.sisennys {margin-left: 20%; margin-right: 5%;}

p.valikkolaatikko {display: inline-block; margin-top: 3em; padding:0; text-align: right;}

a.valikkolaatikko {color:#000000; margin: 0em 1em 1em 1em; padding: 1em 2em 1em 2em;}

a.valikkolaatikko:link, a.valikkolaatikko:visited {color:#222222; display: inline-block;  background-color: #5d7f4a; text-decoration: none; border-width: 1px; border-style: solid; border-color:#ADAFAA; border-radius:0.3em;}
a.valikkolaatikko:hover, a.valikkolaatikko:active {color:#222222; border-color:none; background-color: #227638;} /* vanha vihertävä väri: #227638   */


}



@media screen and (max-width: 700px)

{
p {font-size: 0.9em;}
p.sisennys {margin-left: 5%; margin-right: 2%;}


#valikkolaatikkopalkki {

   background:#f3e8ee;
   border-top:1px solid #695555;
   border-bottom:1px solid #695555;
   font-size: 0.65em;
   text-align:center;
   margin: 0em 0em 0em 0em;
   padding: 0em;
   display: inline-block;

   width: 98%;
  


   }


p.valikkolaatikko {padding:0; margin:0; line-height:100%; text-align: center; font-color: white; display:inline; width: 100%;}
a.valikkolaatikko {color:#ffffff;}

a.valikkolaatikko:link, a.valikkolaatikko:visited {color:#ffffff; display: inline-block; margin: 0em 0.05em 0em 0.05em; padding: 0.6em 0.6em 0.6em 0.6em; background-color: #777777; text-decoration: none; border-width: 1px; border-style: solid; border-color:#ADAFAA;}
a.valikkolaatikko:hover, a.valikkolaatikko:active {color:#ffffff; border-color:#DDEFCA; background-color: #5d7f4a;}


//p.valikkolaatikko {padding:0; margin:0; line-height:100%;  font-color: white; display:inline; width: 99%; text-align: center;}

//a.valikkolaatikko {color:#000000; width: 19%; line-height: 100%; height: 25px;}

//a.valikkolaatikko:link, a.valikkolaatikko:visited {font-size: 0.7em; color:#ffffff; display: inline-block; float:left; margin: 0em 0.05em 0em 0.05em; padding: 0.4em 0em 0.4em 0em; background-color: #5d7f4a; text-decoration: none; border-width: 1px; border-style: solid; border-color:#ADAFAA; border-radius: 0em 0em 0.3em 0.3em;}
//a.valikkolaatikko:hover, a.valikkolaatikko:active {color:#ffffff; border-color:#DDEFCA; border-radius: 0em 0em 0.5em 0.5em;}


}







a {color:#821b5f; text-decoration: underline; }

a:link { color: #821b5f; text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover  /* mouse over */ { color: #478E6B; text-decoration: underline; }
a:active  /* mouse down */ { color: #008000; text-decoration: bold; }



    label {  
        display: inline-block;  
        cursor: pointer;  
        position: relative;  
        padding-left: 35px;  
        margin-right: 15px;
	margin-bottom: 1em;  
 	margin-top: 0.3em;
        font-size: 1em;  
    }  



input[type=radio] {  
    display: none;  
} 


    label.radio:before {  
        content: "";  
        display: inline-block;  
      
        width: 24px;  
        height: 24px;  
      
        margin-right: 10px;  
        position: absolute;  
        left: 0;  
        bottombottom: 1px;  
        background-color: #dddddd;  
        box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
	border-color: #000000;
	border-radius: 12px;

    }  

   


    input[type=radio]:checked + label:before {  
        content: "\2022";  
        color: #0f0f0f;  
        font-size: 60px;  
        text-align: center;  
        line-height: 27px;  
    }  


textarea
{
color: #000000;
background: #FFFFFF;
}
select
{
color: #000000;
background-color: #DDDDDD;
}

option
{
color: #000000;
background-color: #FFFFFF;
}



fieldset
{
color: #ffffff;
border: 2px solid #781351;
background: #8888AA;

padding: 1em;
}




fieldset.kummi
{
color: #ffffff;
border: 2px solid #781351;
background-image:url(kuvat/lomakenuotio.jpg);
background-position:right top;
background-repeat: no-repeat;
padding: 1em;
background-color: #000022;
}

fieldset.virta
{
color: #ffffff;
border: 1px solid #000033;
padding: 1em;
background-color: #000033;
}


legend
{
color: #fff;
padding: 0;
margin: 0;
}