/* Salontuulen Kennel CSS */

body {
	background-image: url(./kuvat/index_background.jpg);
	background-repeat: repeat-x;   /* background image kiinteänä */
/*	background-color: #919b6c;      keskitumma vihreä */
  background-color: #9ba57c;

	margin: 0;
	padding: 0;										 /* reunat pois, Opera */

/*  position: absolute;   tekstit pysyy paikoillaan*/ 	
/*  background-color: #7b845a;   /* vihreä  - hyvä   ja tästä vaaleampi -> #919b6c;-> #9ba57c; */
/*  background-color: #1b1612;   /* munsterin tumman ruskea*/
/*  background-color: #3c3221;  /* tumma vihreän ruskea */
/*  background-color: #022c15; /* tumman vihreä  */
/*  background-color: #392118; /* tumma punaruskea  */
/*  background-color: #92a48e;   /* vihreä  - hyvä? */
/*  background-color: #8b845a;   /* vihreän ruskea */
/*  background-color: #907347;   /* ruskea kellertävä */
/*  background-color: #73735a;  vihreän harmaa hyvä ja tästä vaaleampi #a9a992;*/
/*  background-color: #8c8c5a;  sammaleen vihreä (kellertävämpi) */
/*  background-color: #92a48e;  vaaleahko harmaa */
}

/*** Sivun asemointi */

#page_wrapper {
  margin-left: auto;
	margin-right: auto;
  width: 100%; 
	position: relative;	
  }
	
/*** Yläreunan päämenu */

#top_navi{ 
  width: 100%; 
  position: absolute; top: 98px; left: 0px;		/* top pos kohdalleen IE & Opera  */
  text-align: center; font: normal 12px Arial; clear: both; font-weight: bold;		
/* tausta: tummempi vihreä  - hyvä? raamit:  munsterin tumman ruskea */
  background-color: #7b845a;			 
  border-top-color: #1b1612; border-top-style: solid; border-top-width: 1px; 
/* 	border-bottom-color: #1b1612;	border-bottom-style: solid; border-bottom-width: 1px; */ 	 	
}
#top_navi ul {margin: 0 0 0 120; padding: 0;}
#top_navi li {display: inline; list-style-type: none;}
#top_navi a {text-decoration: none; color: #1b1612; background: #7b845a; display: block; 
					   float: left; padding: 2px 12px; border-right: 1px solid #1b1612; }
#top_navi a:hover, a#currentarea {text-decoration: underline; color: gray; background: #9ba57c; } /* hiiri päällä väri: harmaa ja vaalea background */	
a#navi_index{border-left: 1px solid #1b1612;}  		 		 		/* vasen pysty ekassa */
/* a#navi_galleriat{border: none} 											 	kommentiksi - jätetään pysty viimeiseen */
/* Aktiivin sivun väri: vaaleahko harmaa */
#etusivu #navi_index, #pennut #navi_pennut, #maisa #navi_maisa, #tellu #navi_tellu, #peppi #navi_peppi, #galleriat #navi_galleriat {color: #d3d3d3; background: #9ba57c;}


/*** Muut kuin IE selaimet */

@media screen{
	body>div#navi {
		position: fixed;
	}
}


/*** Header lohko */

#header{ 
  /* ei kayttoa talla hetkella */ 
}


/*** Tekstipalstat */

#content {
	margin-left: 120px;
	margin-top: 130px;
	margin-right: auto;

/*	background-color: #9ba57c;      vaalein vihreista    */
	padding: 15;							 	   /* tekstin marginaalit  */										
/*  border-left-color: #1b1612;     Maisan tumman ruskea 
	border-left-style: solid;
	border-left-width: 1px;    */
	/* 	max-width: 560px;	 				EI tue IE! leipatekstin leveys */	
}
  	
  /* Tekstipalstan tekstin sisennys */ 
  #content div{
  	margin-left: 1em;
  	margin-right: 1em;
  }
  
  /* Kaksi palstaa  */
  .twocol #content {
    margin: 10 60px 0 120px; 
  }

  /* Kolme palstaa  */
  .threecol #content {
    margin: 10 250px 0 120px;	
  }

  /* Oikean puolen uutis/mainospalsta  */
  .threecol #rightcol {
    position: absolute;
    right: 0;
    top: 140px;
    width: 250px;
  }

	/* Sama tekstityyli nyt molemmissa palstoissa text & text_right */
  #content #text, #content #text_right {
  	position: relative;
		
		/* font: normal normal 12px verdana,arial,serif; */
		height:auto;
    margin: 0px 10px 0px 10px;		
	}				

  #content h1 {font-size: 140%;} 	
  #content h3 {font-size: 120%;} 	

/*** Päivitykset -luettelon tekstit */
.tblUpdates	{font:normal 10px verdana,arial,helvetica,sans-serif;}
.tblUpdates img {border:0;}
.tblUpdates a	{color:#000000;text-decoration:none;}
.tblUpdates a:visited	{color:#000000;}
.tblUpdates a:hover	{text-decoration:underline;background: gray;}

.tblUpdatesFirstLine {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
/*	padding-left:1px;
	padding-top:1px;
	padding-bottom:1px; */
	padding:2px;
	color:#3C4E6A;
  letter-spacing:1px;
/*	border-bottom:1px solid #000000; 
	border:1px solid #000000; */
	background-position : left; 
	background-repeat : no-repeat;
	background-color : #7b845a;
}
.tblUpdatesTimeStamp {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing : 0pt;
	line-height : 10px;
}
	
		
/*** Sivun lopputekstit/copyright */
#footer{
	margin-top: 1em;
	background-color : #7b845a;	
	clear: left;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	line-height: 16px;	
	padding: 4px; 
}
  /* Lopputekstien linkit 
  #footer a { text-decoration:none; color:#000000; }
  #footer a:hover { text-decoration:underline; background: gray; }
	#footer a:visited { color:#000000; } 
  #footer img { border:0; }
	*/

/*** Lopputekstit tablen sisalla  */	
.tblFooter	{
  font:normal 10px verdana,arial,sans-serif;
	padding-left:10px;
	padding-right:10px;
}

/* .tblFooter td {padding:2px 0px;vertical-align:top;} */
.tblFooter td {padding:2px 0px;}
.tblFooter img {border:0;}
.tblFooter a	{color:#000000;text-decoration:none;}
.tblFooter a:visited {color:#000000;}
.tblFooter a:hover {color:white;text-decoration:underline;background:gray;}

	
/*** Vasen, sivukohtainen menu, perusasetukset */ 
#left_navi{
  /*padding: 10px 5px 10px 5px; */
  padding-top: 10px;
  padding-bottom: 10px;
	width: 120px;
	position: absolute;	top: 140px;		 
	text-align: center;
	margin: 0px 0;		 /* lohkon ylamarginaali */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
	font-weight: bold;
  background-color: #7b845a;			
 	color: #1b1612;			/*	 Maisan ruskea */	
}

  /* Vasen menu: linkkien asetukset */
  #left_navi a {display: block; margin: 0 0.5em; padding: 5px 10px; font-size: 13; 
                border-top: 1px solid #1b1612;} 
  #left_navi a:link {text-decoration: none;}
  #left_navi a:visited {text-decoration: none;} 
  #left_navi a:hover {text-decoration: underline; color: gray; background: #9ba57c;}
  a#left_navi_first{border: none; margin-top:10} 	/* ei viivaa ekassa */
/* 
  #left_navi li {   all list items 
  	list-style: none;
		position : relative;
		border-width: 1px 0 1px 0;
		width: 150px;
  }                                */
  
  /* Vasen menu: aktiivisen ja passiivisten varit */
  .left_navi_active {color: #d3d3d3; background: #9ba57c;}
  .left_navi_passive {color: #1b1612; background: #919b6c}