/* ==============================================
Autor:   Teno Ilves
Kuup:    September, 2007
================================================= */


/* 			SERENGETI ehk Sinalepa saeveski kodulehe stiilileht
================================================= */

html, body { margin: 0;
							padding: 0;
							width: 100%;
							height: 100%;			
					/*		background-color: #e2e1d5; */
							background-image: url(../fotod/index/yldTaust.gif);
							background-repeat: no-repeat; 
							background-position: center; 
						}
				 
table 	{ width: 100%;
									height: 100%;
			 			}
		 

td 					{ vertical-align: middle;
	   					text-align: center; 	
	 						}	 


.valiskest { text-align: left;
							margin-left: auto;
							margin-right: auto;
							width: 600px;
							height: 750px; 						
							border: 2px solid #336600; 
							background-color: white;
						}	
/*_________________________________________________________________________________________________*/
									
#esileheYlem {
							width: 600px; 
							height: 456px;
							background-image: url(../fotod/index/ylemine.gif);
							background-repeat: no-repeat;
							border-bottom: 7px solid #336600;
						}

#esileheYlemENG {
							width: 600px; 
							height: 456px;
							background-image: url(../fotod/index/ylemineENG.gif);
							background-repeat: no-repeat;
							border-bottom: 7px solid #336600;
						}

#esileheYlemFIN {
							width: 600px; 
							height: 456px;
							background-image: url(../fotod/index/ylemineFIN.gif);
							background-repeat: no-repeat;
							border-bottom: 7px solid #336600;
						}		

#esileheTaust {
							width: 600px; 
							height: 456px;
							background-image: url(../fotod/index/ylemineTaust.gif);
							background-repeat: no-repeat;
							border-bottom: 7px solid #336600; 
						}																				
	
	
/*_________________________________________________________________________________________________*/
	
#myygitabelikast	{
							width: 570px; 
							height: 430px;
							overflow: auto; 
							position:absolute;
							margin: 18px 0px 0px 20px;
							padding: 0px 0px 0px 0px;
							/*border: 1px solid #336600;*/
						}

#myygitabelikast h1 {
						margin: 0px;
						color: #F58220;
						padding-bottom: 10px;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-weight: bold;
						font-size: 13px; 
						text-transform: uppercase;
						text-align: center;
						}	
						
#toode	 {
						margin: 5px 0px 0px 18px;
						padding-bottom: 15px;
						}	
						
#tootekastid {
							width: 550px; 
							height: auto;
						}						
						
	#tootenimetus0 {
							position: absolute; 
							color: #F58220;
							margin: 47px 0px 0px 24px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}
			#tootenimetusLavaFINENG {
							position: absolute;
							width:20px; 
							color: #F58220;
							margin: 47px 0px 0px 24px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}											
						
	#tootenimetus1 {
							position: absolute; 
							color: #F58220;
							margin: 18px 0px 0px 33px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}				
						
		.paaritu a {
							color: #697880;
							text-decoration: none;
						}
						
		.paaritu a:hover {color: #F58220;}				
		
	/*	#tootenimetus1 a:hover {color: #5d5d5d;}	*/											
		
	#tootenimetus2 {
							position: absolute; 
							color: #F58220;
							margin: 14px 0px 0px 35px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}
						
		#tootenimetus3 {
							position: absolute; 
							color: #F58220;
							margin: 14px 0px 0px 35px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}				
						
		#tootenimetus5	{
							position: absolute; 
							color: #F58220;
							margin: 30px 0px 0px 35px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}
						
		#tootenimetus4 {
							position: absolute; 
							color: #F58220;
							margin: 30px 0px 0px 35px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 11px; 
							text-align: left;
							text-transform: uppercase;
						}				
															
		#lavamoodul	{
							height: auto;
							position: absolute;
							background: transparent;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: -120px 0px 0px 200px;
							padding: 3px;
							text-align: left;
							width: 300px;						
						}
						
		#voodrilaud	{/*border: 1px solid black;*/
							height: auto;
							position: absolute;
							background: transparent;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: -120px 0px 0px 164px;
							padding: 3px;
							text-align: left;
							width: auto;						
						}
						
		#voodrilaudJAP	{
							height: auto;
							position: absolute;
							background: transparent;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: -153px 0px 0px 164px;
							padding: 3px;
							text-align: left;
							width: auto;						
						}															
	
	 #lavalaud	{
							height: auto;
							position: absolute;
							background: transparent;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: -105px 0px 0px 164px;
							padding: 3px;
							text-align: left;
							width: auto;	
						}						
						
	 #kyttepuu	{
							height: auto;
							position: absolute;
							background: transparent;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: -105px 0px 0px 200px;
							padding: 3px;
							text-align: left;
							width: 300px;						
						}	
						
	#saematerjal	{
							height: auto;
							position: absolute;
							background: transparent;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: -155px 0px 0px 195px;
							padding: 3px;
							text-align: left;
							width: auto;						
						}																			
						
	#myygitabelikast thead th {
							border: 0px;
							border-bottom: 1px solid #8E8E8E;
							color: #616161;
							font-size: 100%; 
							padding: 0px 5px 2px 0px;
							margin: 0px 0px 0px 0px;
							text-align: center;
						}	
						
	#myygitabelikast tbody tr.paaritu {
							background-color: #F3F3F3;
						}
						
		#myygitabelikast tbody tr.paaris {
							background-color: #FFF;
						}
						
		#myygitabelikast tbody tr:hover {
							background-color: #ECEAD4;
						}	
						
		#myygitabelikast tbody td {
							color: #697880;
							padding: 2px 6px 2px 2px;;
							border: 0px;
						}
						
		#myygitabelikast tbody tr:hover td {
							color: #F58220;
						}	
						
#myygiKontaktisik	{
							margin: -8px 0px 0px 0px;
							padding: 0px;
							font-size: 12px;
							font-weight: normal;
							color: #616161;
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;	
							text-align: center;
						}
						
	#lavamooduliPilt {
							position: absolute;
							height: auto;
							width: 120px;
							margin: -50px 0px 0px 200px;	
						}
		#lavamooduliPilt a {	
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;	
							font-size: 0.8em;	
							font-weight: bold;
							color: #F58220;
							text-transform: uppercase;
							text-decoration: none;
							background-color: white;
							padding: 3px;
							border: 1px solid #F58220;			
						}
			#lavamooduliPilt a:hover {
							background-color: #F58220;
							color: white;
							border: 1px solid #F58220;																																			
						}
	
/*_________________________________________________________________________________________________*/	
	
#ostutabelikast	{
							width: 500px; 
							height: 300px; 
							position:absolute;
							margin: 30px 0px 0px 47px;
							padding: 0px 0px 0px 0px;
							/*border: 1px solid #336600;*/
						}
		
		#ostutabelikast table	{
							background: white;
							border: 2px solid #8E8E8E;
							empty-cells: show;
							font-size: 11px; 
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							margin: 0px 0px 0px 0px;
							padding: 5px;
							text-align: left;
							width: auto;						
						}										
		
		#ostutabelikast h1	{
							color: #F58220;
							margin-top: 150px;
							padding: 10px 0px 10px 0px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 12px; 
							text-align: center;
							text-transform: uppercase;
							border: double #CBCBCB;
							/*border-color: yellowgreen;*/
						}
						
		#ostutabelikast caption	{
							color: #F58220;
							margin-top: 0px;
							padding: 0px 0px 10px 0px;
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-weight: bold;
							font-size: 12px; 
							text-align: center;
							text-transform: uppercase;
						}
		
		#ostutabelikast table thead th {
							border: 0px;
							border-bottom: 1px solid #8E8E8E;
							color: #616161;
							font-size: 100%; 
							padding: 3px 0px;
							margin: 0px 0px 5px 0px;
							text-align: center;
						}
		
		#ostutabelikast table tbody tr.paaritu {
							background-color: #F3F3F3;
						}
						
		#ostutabelikast table tbody tr.paaris {
							background-color: #FFF;
						}
						
		#ostutabelikast table tbody tr:hover {
							background-color: #ECEAD4;
						}	
						
		#ostutabelikast table tbody td {
							color: #697880;
							padding: 2px;
							border: 0px;
						}
						
		#ostutabelikast table tbody tr:hover td	{
							color: #F58220;
						}		

	#tarnitekst	{
							margin-top: -5px;
							padding: 0px;
							width: 150px;
							height: 15px;
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-size: 11px;
							font-weight: normal;
							color: #616161;	
						}					 

		
						
#saarTamm {
							position: absolute;
							margin: -25px 0px 0px 270px;	
							width: 235px;
							height: 15px;
							font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
							font-size: 11px;
							font-weight: bold;
							text-transform: uppercase;
							color: #616161;	
						}					
						
#ostuKontaktisik1 {
							margin: 15px 0px 0px 10px;
							padding: 0px;
						}	
						
	#ostuKontaktisik1 p	{
						font-size: 11px;
						font-weight: normal;
						color: #616161;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;	
						}	
						
#ostuKontaktisik2 {
						margin: -8px 0px 0px 65px;
						padding: 0px;
						color: #616161;	
						}	
						
	#ostuKontaktisik2 p	{
						font-size: 11px;
						font-weight: normal;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						}																								
																																
/*_________________________________________________________________________________________________*/

#sisukast {
						width: 570px; 
						height: 420px; 
						position:absolute;
						margin: 15px 0px 0px 15px;
						padding: 0px;
					/*	border: 1px solid #336600;*/
						}

#sisukast h1 {
						margin: 0px;
						color: #F58220;
						padding-bottom: 10px;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-weight: bold;
						font-size: 13px; 
						text-transform: uppercase;
						text-align: center;
						}

#pildid		{
						margin-top: -10px;
						width: 154px; 
						height: 410px; 
						position: relative;
						float:right;
						padding: 0px;
						}						
						
#pilt			{	
  						border:solid 2px yellowgreen;
 						padding: 0px;
  						margin-top:11px;
					}

#infotekst	{
					 	margin-top: 0px;
						width: 410px; 
						height: 405px; 
						position: relative;
						float: left;
						padding: 0px;
						overflow: auto;
					}
					
	#infotekst h2	{
						font-size: 14px; 
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						font-weight: bold;
						color: #F58220;
						padding-top: 10px;
						text-align: left;	
					}				
					
	#suurtaht {
						float: left; 
						color: yellowgreen; 
						font-size: 85px; 
						line-height: 65px; 
						padding-top: 1px; 
						padding-right: 5px; 
						font-family: times; 
						}				
					
	#infotekst p {
						font-style: normal;
						color: #616161;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						font-size:12px;
						text-align: justify;
						line-height: 130%;
						margin: 0px 10px 10px 0em;									
					}
/*_________________________________________________________________________________________________*/


#kontaktikast	{
						width: 400px; 
						height: 100px; 
					/*	position: absolute;*/
						margin: 8px 0px 0px 65px;
						padding: 0px 0px 0px 0px;
						}
						
	#kontaktiH1 {
						margin: 0px 0px 8px 165px;
						height: 20px;
						width: 150px;
						}					

	#kontaktikast h1 {
						margin: 0px 0px 0px 0px;
						padding: 0px;
						color: #F58220;
						float:left;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						font-weight: bold;
						font-size: 13px; 
						text-transform: uppercase;
						text-align: center;
						}

	#postmark	{
						width: 85px; 
						height: 102px; 
						position: absolute;
						margin: -28px 0px 0px 442px;
						padding: 0px 0px 0px 0px;
						background-image: url(../fotod/kontakt/postmark.png);
						background-repeat: no-repeat;
					}
  
  	#yldkontakt	{
  						position: absolute;
						margin: 5px 0px 0px 25px;
						padding: 0px 0px 0px 0px;
  					}
					
		#vasakPool	{position: absolute;	
						list-style: none;
						text-align: right;
						padding: 0px;
						margin: -10px 200px 5px 10px;
					}
					
			#vasakPool li	{
						padding-top: 1px;
						font-weight: bold;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						font-size: 11px;
						color: #616161; white-space: nowrap;
					}	
					
	  #paremPool	{position: absolute;
						list-style: none;
						text-align: left;
						padding: 0px;
						margin: -10px 0px 5px 140px; 
						white-space: nowrap;
					}
					
			#paremPool li	{
						padding-top: 1px;
						font-weight: normal;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						font-size: 11px;
						color: #616161;
					}

#tootajad	{				
						margin: -17px 0px 0px 70px;
						padding: 0px 0px 0px 0px;
						height: 370px;
						width: 460px;
					}								
	
	#kontaktisik1, #kontaktisik2, #kontaktisik3, #kontaktisik4	{
						width: 424px; 
						height: 99px; 
					/*	position: absolute; */
						margin: -6px 0px 0px 15px;
						padding: 0px 0px 0px 0px;
						background-image: url(../fotod/kontakt/kast1.png);
						background-repeat: no-repeat;
					}
					
#kontaktisik2	{
						background-image: url(../fotod/kontakt/kast3.png);
					}		
					
	#kontaktisik3	{
						background-image: url(../fotod/kontakt/kast2.png);				
					}
					
	#kontaktisik4	{
						background-image: url(../fotod/kontakt/kast4.png);		
					}													
			
	#vasak	{
						position: absolute;
						margin: 20px 0px 0px 150px;
						padding: 0px 0px 0px 0px;
						width: 50px; 
						height: 50px;
						list-style: none;
						text-align: right;
					}		
					
			#vasak li	{
						padding-top: 3px;
						font-weight: normal;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						font-size: 12px;
						color: #616161;
					}	
					
	#parem	{
						position: absolute;
						margin: 20px 0px 0px 220px;
						padding: 0px 0px 0px 0px;
						width: 200px; 
						height: 50px; 
						list-style: none;
						text-align: left;
					}		
					
		#parem li	{
						padding-top: 3px;
						font-weight: bold;
						font-family: Gadget, Arial, Helvetica, Verdana, sans-serif;
						font-size: 12px;
						color: #616161;
					}													
					

/*_________________________________________________________________________________________________*/
									

.menyykast {
							margin: 0px 0px 0px 0px;
							width: 300px;
							height: 55px; 
				  		}

	.menyykast a {padding-right: 3px; display: inline;}

/*_________________________________________________________________________________________________*/

.pealkiri {margin: -46px 0px 0px 305px;
						width: 100px;
					}
				
					
	.pealkiri h1 {	
						color: #E07A23;
						font-family: Arial, Helvetica, Verdana, sans-serif;
						text-transform: uppercase;
						letter-spacing: 0px;
						font-size: 15px;
						margin-top: 0px;
					}		

		
/*_________________________________________________________________________________________________*/
		
.abimenyy {margin: -30px 0px 0px 477px;
							width: 120px;
							height: 20px;
							padding: 0px; 
						}
	* html .abimenyy {margin: -38px 0px 0px 476px;}			
	
/*_________________________________________________________________________________________________*/

.logo 			{margin: 25px 0px 0px 28px;
							width: 237px;
							height: 210px; 
							background-image: url(../fotod/index/logo.png);
						}
			
/*_________________________________________________________________________________________________*/
			
						
.uudisteKast, .uudisteKastENG, .uudisteKastFIN { 
							margin: -227px 0px 0px 303px;
							background-image: url(../fotod/index/tekstiTaustMeerkat.gif);
							width: 288px;
							height: 166px; 
							padding: 0px;
						}																										
	
	.uudisteKast p	{ 
							padding: 15px 0px 0px 75px; 
							margin: 0px 0px -15px 0px;
							font-family: Gadget, Arial, Verdana ;
							font-size: 13px;
							color: /*#697880*/ white;
							text-align: justify;
							font-weight: bold;
						}
	.uudisteKastENG p	{ 
							padding: 15px 0px 0px 70px; 
							margin: 0px 0px -15px 0px;
							font-family: Gadget, Arial, Verdana ;
							font-size: 13px;
							color: /*#697880*/ white;
							text-align: justify;
							font-weight: bold;
						}
							
   .uudisteKastFIN p	{ 
							padding: 15px 0px 0px 10px; 
							margin: 0px 0px -15px 0px;
							font-family: Gadget, Arial, Verdana ;
							font-size: 13px;
							color: /*#697880*/ white;
							text-align: justify;
							font-weight: bold;
						}				
																																						
					
/*_________________________________________________________________________________________________*/

.laastud		{ margin: 8px 0px 0px 304px;
							width: 283px;  
							border: 2px solid #9DB0BA;
							height: 45px;
							background-image: url(../fotod/index/laastud.png);
						} 
.lepaoks		{ margin: 8px 0px 0px 304px;
							width: 282px;  
							border: 2px solid #9DB0BA;
							height: 45px;
							background-image: url(../fotod/kasulik/lepaoks.png);
						} 						
					
/*_________________________________________________________________________________________________*/

.autorioigus	{
							margin: 8px 0px 0px 27px; 
							width: 265px;
							height: 15px;
							padding: 0px;
						} 
		
	.autorioigus p	{	
							display: inline;
							margin: 0px 0px 0px 0px;
							list-style-type: none;
							padding: 0px;
							font-family: Arial, Verdana ;
							font-size: 10px;
							color: #697880;		
						}	
									
.e-post	{ 	margin: -15px 0px 0px 395px;
							width: 120px;
							height: 15px;
							padding: 0px; 
						} 
		
	.e-post p {display: inline;
							margin: 0px 0px 0px 0px;
							list-style-type: none;
							padding: 0px;
							font-family: Arial, Verdana ;
							font-size: 10px;
							color: #697880;		
						}	
						
	#counter {margin: -13px 0px 0px 172px;
							position: absolute;
							}