body {background: #4592FB url('tausta.JPG') no-repeat 0 0;}


body {position: relative; margin: 0; padding: 0;}
div#runko {position: absolute; top: 99px; left: 130px; right: 50px; 
   color: #000000; font: 13px Verdana, sans-serif; text-align: justify; min-width: 550px; padding: 10px; 
   border: solid #1710FF;}
div#runko p {margin: 0 1em 1em;}
div#runko h3 {margin-bottom: 20px; margin-top: 50px; font-size: 36px; text-align: center;}
div#runko h4 {margin-bottom: 15px; margin-top: 25px;}
div#runko a:link {color: #666666;}
div#runko a:visited {color: #000000;}
div#runko a:link:hover {color: #990099;}
div#runko a:visited:hover {color: #990099;}

div#runko_galleria {position: absolute; top: 5px; left: 130px; right: 20px; bottom: 20px;
   color: #000000; font: 13px Verdana, sans-serif; text-align: justify; min-width: 550px; padding: 10px; 
   border: solid #1710FF;}
div#runko_galleria p {margin: 0 1em 1em;}
div#runko_galleria h3 {margin-bottom: 20px; margin-top: 50px; font-size: 36px; text-align: center;}
div#runko_galleria h4 {margin-bottom: 15px; margin-top: 25px;}
div#runko_galleria a:link {color: #666666;}
div#runko_galleria a:visited {color: #000000;}
div#runko_galleria a:link:hover {color: #990099;}
div#runko_galleria a:visited:hover {color: #990099;}

div#nappulat a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 2px 0px 0px 0px; border: solid 2px; 
   text-decoration: none; color: #666666; background: url('läpinäkyvä.png');}
div#nappulat a:hover {color: #CE0013; background: transparent;}
div#nappulat a:visited {color: #666666; background: url('läpinäkyvä.png');}
div#nappulat a:visited:hover {color: #CE0013; background: transparent;}
div#nappulat {position: absolute; top: 140px; left: 0; width: 130px; font: 16px Verdana, sans-serif;}
div#nappulat p {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 2px 0px 0px 0px; border: solid 2px; 
   text-decoration: none; color: #1710FF; background: transparent;}

div#pikkusivu a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 3px 7px; margin: 2px 0px 0px 20px; border: solid 2px; 
   text-decoration: none; color: #666666; background: url('läpinäkyvä.png');}
div#pikkusivu a:hover {color: #990099; background: transparent;}
div#pikkusivu a:visited {color: #666666; background: url('läpinäkyvä.png');}
div#pikkusivu a:visited:hover {color: #990099; background: transparent;}
div#pikkusivu {clear: left; float: left; margin-left: 0pt; width: 130px; font: 16px Verdana, sans-serif;}
div#pikkusivu p {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 3px 7px; margin: 2px 0px 0px 20px; border: solid 2px; 
   text-decoration: none; color: #990099; background: transparent;}

div#pikku a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 1px 4px; margin: 2px 0px 0px 40px; border: solid 2px; 
   text-decoration: none; color: #666666; background: url('läpinäkyvä.png');}
div#pikku a:hover {color: #990099; background: transparent;}
div#pikku a:visited {color: #666666; background: url('läpinäkyvä.png');}
div#pikku a:visited:hover {color: #990099; background: transparent;}
div#pikku {clear: left; float: left; margin-left: 0pt; width: 130px; font: 16px Verdana, sans-serif;}
div#pikku p {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 1px 4px; margin: 2px 0px 0px 40px; border: solid 2px; 
   text-decoration: none; color: #990099; background: transparent;}

div#nappulat2 a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 2px 0px 0px 0px; border: solid 2px; 
   text-decoration: none; color: #666666; background: url('läpinäkyvä.png');}
div#nappulat2 a:hover {color: #CE0013; background: transparent;}
div#nappulat2 a:visited {color: #666666; background: url('läpinäkyvä.png');}
div#nappulat2 a:visited:hover {color: #CE0013; background: transparent;}
div#nappulat2 {clear: left; float: left; margin-left: 0pt; width: 130px; font: 16px Verdana, sans-serif;}
div#nappulat2 p {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 2px 0px 0px 0px; border: solid 2px; 
   text-decoration: none; color: #1710FF; background: transparent;}
   div#liput a {display: inline; text-align: center; font: bold 1em sans-serif;    padding: 0px 0px; margin: 2px 0px 0px 0px; border: solid 0px;    text-decoration: none; color: #666666; background: url('läpinäkyvä.png');}div#liput a:hover {color: #CE0013; background: transparent;}div#liput a:visited {color: #666666; background: url('läpinäkyvä.png');}div#liput a:visited:hover {color: #CE0013; background: transparent;}div#liput {clear: left; float: left; margin-left: 0pt; width: 130px; font: 16px Verdana, sans-serif;}div#liput p {display: block; text-align: center; font: bold 1em sans-serif;    padding: 5px 10px; margin: 2px 0px 0px 0px; border: solid 2px;    text-decoration: none; color: #1710FF; background: transparent;}   
h1 {margin: -9px -9px 0.5em; padding: 20px 0px 10px 5px; text-align: center; background: transparent; color: #1710FF; 
	letter-spacing: 0.5em; text-transform: uppercase; font:  italic bold 40px sans-serif; height: 36px; vertical-align: 
	middle; white-space: nowrap;}
h2 {margin: -9px 3px 0.5em; padding: 15px 0px 5px 5px; text-align: left; background: transparent; color: #371099; text-transform : none; 
	letter-spacing: 0.5em; text-transform: normal; font: italic 18px sans-serif; height: 28px; vertical-align: middle; 
	white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#alaviite {text-align: center; padding: 30px;}
code, pre {color: #EDC; font: 110% monospace;}

div.galleria {background: transparent; width: 588px;}
div.kuva {display: block; float: left; text-align: left; margin-left: 2cm; margin-right: 10px; vertical-align: middle; height: 200px; width: 290px;} 
div.kuvato {display: block; float: left; text-align: justify; vertical-align: middle; height: 200px; width: 550px;} 

div.kuvao {display: block; float: left; text-align: right; vertical-align: middle; height: 200px; width: 280px;} 
div.kuvatv {display: block; float: left; text-align: justify; margin-left: 2cm; margin-right: 10px; vertical-align: middle; height: 200px; width: 560px;} 

div.kuva31 {display: block; float: left; text-align: left; margin-left: 2cm; margin-right: 5px; vertical-align: middle; width: 280px;}

div.kuva32 {display: block; float: left; text-align: center; margin-right: 5px; vertical-align: middle; width: 280px;}

div.kuva33 {display: block; float: left; text-align: right; vertical-align: middle; width: 280px;}

div.teksti {display: block; float: left; text-align: justify; margin-left: 2cm; vertical-align: middle; width: 850px;}

div.pikkuteksti {display: block; float: left; text-align: center; vertical-align: middle; height: 20px; width: 282px;} 
div.spacer {clear: both;}

div.linkkilista {list-style-image: url('linkkinappi.gif');}