/* ---------------------------------------------------------------------------- */

body  {	background-color: white; background-image: url("kuvat/layout/tausta_vihr.jpg");
	font-family: Book Antiqua, Arial, Times New Roman;
	padding: 20px;
}

/* ------------------------------------ sivu yläosa: header ja navi ---------------------------------------- */
 
div#header { background-color: #99CC99; margin: 0; border: solid black 1px; height: 220px; text-align: center; overflow: hidden;} /*background-image: url("kuvat/layout/ruoho.jpg"); background-repeat: repeat-x; */
div#header img { border: none; } /* margin-left: 7px; margin-top: 10px; */

div#navi { border-left: solid black 1px; border-right: solid black 1px; background-color: #99CC99; color: white; margin: 0; text-align: center; padding: 5px; word-spacing: 7px; letter-spacing: 2px;}
#navi a { margin: 0; color: white; text-decoration: none; font-weight: bold; }
#navi a:hover { color: #669966; }

#navi #current {color: #336633;}

/* ------------------------------------ sisältö ---------------------------------------- */

div#content {background-color: #FFFFCC; margin: 0; padding: 20px; border: solid black 1px; min-height: 500px;}

h1 { margin-top: 0; margin-bottom: 7px; font-size: 130%; letter-spacing: 2px; border-bottom: solid #99CC99 2px;}
h1 span, h2 span {display:none; height: 0; margin:0;}
h2.saavutukset { clear: right; border-bottom: dashed #9999CC 2px; font-family: Book Antiqua, Arial, Times New Roman; font-size: 16px; letter-spacing: 2px; color: #666666; padding-bottom: 3px; }
h2.uutisia {margin-top: 0;}
h2 {border-bottom: dashed #99CC99 2px; font-size: 130%;}
h2.leasing {border-bottom: solid #99CC99 2px;}

p {margin: 10px 5px 10px 0; }
p.luonnekuvaus {text-align: justify;}

img {border: solid black 1px;}
img.oik { float: right; margin-bottom: 10px; margin-left: 10px; }
img.vas { float: left; margin-bottom: 10px; margin-right: 10px; }

.kasvatit {background-color: #FFFFCC; float: right; width: 200px; padding: 5px; margin-left: 5px; border: 3px double #99CC99;}


ul {border: dashed #99CC99 2px; padding: 15px;}
ul li { margin-top: 5px; margin-left: 10px;}
ul.saavutukset { border: dashed #9999CC 2px; padding: 15px; }/*#339999 */
ul.saavutukset li { margin-left: 10px;}

a:link    { color: #000033; }    /* unvisited links */
a:visited { color: #000033; }   /* visited links   */
a:hover   { color: #000033; } /* user hovers     */
a:active  { color: #000033; }   /* active links    */

table.suku {background-color: #9999CC; border: solid black 1px;border-spacing: 3px;}
table.suku td {border: solid #333 1px; background-color: white; color: black; padding: 5px; text-align: center; vertical-align: top;} /*text-align: left; vertical-align: top;*/
table.suku td a {color: black;}
table.suku td span.nimi {font-weight: bold;}
table.suku td.isa span.nimi {color: #0000cc;}
table.suku td.ema span.nimi {color: #ff0000;}
table.suku td.isa {} /* #9999CC; */
table.suku td.ema {} /* #FF9999; */
table.suku td.isa a:hover {}
table.suku td.ema a:hover {}

div.image_right {float: right; width: 300px; padding: 0; margin-bottom: 15px; border-left: solid #CCCCCC 5px;}
div.heading_image {text-align: center; margin-top: 20px; clear: both;}

/* ------------------------------------ pikkutyylit ---------------------------------------- */
.tilaa {clear: both;}
.center { text-align: center; }
.bold { font-weight: bold; }
p.right { text-align: right; }

/* ------------------------------------ kuvien tyylejä ---------------------------------------- */
.with_margin {margin: 10px;}
.with_topmargin {margin-top: 10px;}
.with_bottommargin {margin-bottom: 10px;}
.with_leftmargin {margin-left: 10px;}
.with_rightmargin {margin-right: 10px;}

.rightside {margin: 0px 0 10px 10px;}

.kehys { border: solid #B5CEB5 4px; }

img.kehys_oik { float: right; border: outset #339999 4px; /* B5CEB5, solid 4px / ridge 6px; */ }

img.oik { float: right; }
img.vas { float: left; }

div.kuvateksti_oik { float: right; font-weight: bold; font-size: smaller;}
div.kuvateksti_vas { float: left; font-weight: bold; font-size: smaller;}

table.suku {border: solid black 1px; background-color: #99CC99; margin-left: 0; margin-right: 0; border-spacing: 3px;}
table.suku td {border: solid #333 1px; background-color: white; color: black; padding: 5px; text-align: center; vertical-align: top;} /*text-align: left; vertical-align: top;*/
table.suku td a {color: black;}
table.suku td span.nimi {font-weight: bold;}
table.suku td.isa span.nimi {color: #0000cc;}
table.suku td.ema span.nimi {color: #ff0000;}

table.suku td.isa {} /* #9999CC; */
table.suku td.ema {} /* #FF9999; */

table.suku td.isa a:hover {}
table.suku td.ema a:hover {}