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

body  {	background-color: #339999;
	background-image: url(images/layout/tausta.jpg);
	background-repeat: repeat-x;
	font-family: Book Antiqua, Times New Roman, Arial;
	margin-top: 0px;
	min-width: 760px;
/*	max-width: 500px;*/
 }


/* ------------------------------------ sivu yläosa: logo ja navi ---------------------------------------- */
 
div#navis {width: 750px; margin-bottom: 30px; margin-left: auto; margin-right: auto;}

div#navi {
	
	float: left; width: 300px; /*height: 145px;*/
	margin: 15px 10px 0 0;
	border: double 10px #669966; 
	background-color: white; 
	padding: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	}

* html div#navi {width: 315px; }

div#logodiv {}

div#navi img {vertical-align: middle;}

div#navi a { color: black; text-decoration: none; }

div#navi a:hover { color: black; text-decoration: underline;}
div#navi a img { color: black; text-decoration: none; border: none;}

div#language_selection {text-transform: none; }

div#navi a.active { text-decoration: none; 
	padding-left: 5px; padding-right: 5px;
	color: white;
	background-color: #669966;  
}


/* ------------------------------------ 2-tason navi ---------------------------------------- */

div#navi2 { 
	padding: 5px;
	border: solid 2px #669966; 
	background-color: white; 
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;}

div#navi2 img {vertical-align: middle;}

div#navi2 a { color: black; text-decoration: none; }

div#navi2 a:hover { color: black; text-decoration: underline;}


div#navi2 a.active { text-decoration: none; 
	padding-left: 5px; padding-right: 5px;
	color: white;
	background-color: #669966;  
}



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

div#content { border: solid 3px #669966; background-color: white; width: 700px; padding: 20px; margin-left: auto; margin-right: auto; }

* html div#content {width: 730px; }

.heading {text-align: center;}
.heading h2 {display: none;}
.heading h3 {display: none;}

h3 { font-family: Book Antiqua, Times New Roman, Arial; border-bottom: dashed #B5CEB5 2px;}


p {margin: 10px 5px 10px 5px;}

p.pikkukappale { max-width: 600px; text-align: right; }
p.kapeampi { width: 80%; margin: auto; text-align: justify; margin-top: 10px; margin-bottom: 5px;}

hr.news { border: dashed #B5CEB5 1px; clear: both; margin-top: 10px; margin-bottom: 10px;}
div.jakaja { background-image: url(images/layout/kukat.gif); background-repeat: repeat-x; clear: both; margin-top: 10px; margin-bottom: 10px; height: 30px;}


div.haukku {border: dashed #B5CEB5 2px; width: 219px; height: 290px; margin: 5px; float: left; }
div.haukku img {margin: 5px;}

table.suku {width: 100%; border: solid #339999 2px; background-color: #B5CEB5; margin-left: 0; margin-right: 0;}
table.suku td {border: solid #339999 2px; background-color: white; padding: 5px; text-align: center;} /*text-align: left; vertical-align: top;*/

ul.links li {margin-left: 260px;}
/* ------------------------------------ pikkutyylit ---------------------------------------- */
.tilaa {clear: both;}
.center { text-align: center; }

.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: solid #B5CEB5 4px; /* B5CEB5, solid 4px / ridge 6px; outset #339999 */
}


p.bold {
font-weight: bold;
}

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

p.right { text-align: right; }

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

.kuvateksti {font-size: smaller; font-weight: bold;}