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

body  {	background-color: white; color: black;
	font-family: Book Antiqua, Arial, Times New Roman;
	padding: 0;
}

#container1 { background-color: #fff; margin: 0; border: solid #112200 5px; }
#container2 { background-color: #fff; margin: 0; border: solid #fff 5px; }

/* ------------------------------------ sivu yläosa: header ja navi ---------------------------------------- */
 
#header {background-color: #112200; text-align: center;}
#header img { border: none; margin: 0px; }

#navi { color: #FFCC66; margin: 0; text-align: center; background-color: #112200; padding: 5px; padding-top: 10px; word-spacing: 7px; letter-spacing: 1px;
line-height: 30px;
}

#navi a { margin: 0; color: #FFCC66; text-decoration: none; font-weight: bold; height: 30px;}
#navi a:hover { text-decoration: none;color: white; }

#current { background-image: url("images/layout/lilja_vihr.jpg"); background-repeat: no-repeat; padding-left: 25px; line-height: 30px;}

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

#content {background-color: #112200; color: white; margin: 0; padding: 20px; min-height: 300px; padding-bottom: 40px;
background-image: url("images/layout/reuna_vaaka_valk_vihr.jpg"); background-repeat: repeat-x; background-position: 0 bottom;
}
#images img {margin: 5px;}
#images p {margin: 0;}

h1 {height: 0; margin:0;}
h1 span, h2 span {display:none; height: 0; margin:0; padding: 0;}
h1.jalkelaiset {height: 20px; margin-top:10px; clear: both; border-bottom: solid #FFCC66 2px; font-family: Book Antiqua, Arial, Times New Roman; font-size: 16px; letter-spacing: 2px; color: #CC9933; padding-bottom: 3px; padding-top: 20px;}
h2.saavutukset, h2.uutiset { clear: both; border-bottom: dashed #FFCC66 2px; font-family: Book Antiqua, Arial, Times New Roman; font-size: 16px; letter-spacing: 2px; color: #CC9933; padding-bottom: 3px; padding-top: 20px;}

hr.color {border-bottom: solid #FFCC66 2px;} 

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

table {color: white;}

img {border: solid white 1px; margin-top: 5px;}

ul {border: double #FFCC66 6px; padding: 15px;}
ul li { margin-top: 5px; margin-left: 10px;}
ul.saavutukset { border: double #FFCC66 6px; padding: 15px; }
ul.saavutukset li { margin-left: 10px;}

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

table.suku {color: white; margin-left: -3px;}
table.suku {background-color: #112200;  border-spacing: 3px; width: 100%; } 
table.suku td {border: solid #fff 1px; background-color: #112200; color: white; padding: 5px; text-align: center; vertical-align: middle;} 


/*
table.suku {border: double #FFCC66 6px; background-color: #112200;  border-spacing: 1px; width: 100%; } 
table.suku td {font-weight: bold; background-image: url("tausta_kelt.jpg"); border: solid #333 1px; background-color: white; color: black; padding: 5px; text-align: center; vertical-align: middle;} 
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 {} 
table.suku td.ema {} 
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 #112200 5px;}
div.heading_image {clear: both;}
div.left, img.left {float: left; margin-right: 10px;}



/* ------------------------------------ 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;}

img#etusivukuvitus{border: none; float: right; margin-left: 10px;margin-right: -19px;}
img#etusivukuvitus2{ border: none; float: right; }/* border: double #FFCC66 6px; */

img.otsikko {border: none; margin-top: 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; margin-right: 10px;}

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