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


/* 		EdLauri "kontakt" stiilileht
============================*/

/*============ LEHE ASUKOHT ==*/
html, body { 
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	}
				 
table { 
	width: 100%;
	height: 100%;
	}
		 
td {
	vertical-align: middle;
	 text-align: center;	
	}	 

#yldraam { 
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 570px;
	}	

/*=============== ÜLEMINE ===*/
#ylem{
	position: absolute;
	width: 718px;
	height: 83px;
	background-image: url(../fotod/kontakt/kontaktYlem.png);
	}

#ylemMenyy {
	margin: 15px 0 0 471px;
	width: 220px;
	height: 35px;
	padding: 0em;
	}



/*=============== VASAK ===*/
#vasak {
	position: absolute;
	top: 83px;
	left: 1px;
	width: 127px;
	height: 485px;
	background-image: url(../fotod/kontakt/kontaktVasak.png);
	}
			

#vasakMenyy {
	margin: 87px 0 0 25px;
	padding: 0;
	}

#vasakAlum {
	margin: 290px 0 0 5px;
	padding-left: 2px;
	}


/*=============== SISU ===*/
#sisu {
	position: absolute;
	top: 83px;
	left: 128px;
	width: 591px;
	height: 485px;
	background-image: url(../fotod/kontakt/kontaktSisu.png);
	}

/*============== KONTAKTIVORM =======*/	
#kontaktivorm {
	position: absolute;
	width: 285px;
	height: 438px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 60%;
	margin: 26px 0 0 242px;
	padding: 0;
	color:#666;
	}

* html #kontaktivorm {
	margin: 26px 0 0 250px;
	}

#kontaktivorm label {
	margin: 0.5em 0em 0 0.5em;
	padding: 0.2em 0em 0 0em;
	text-align: left;
	width: 120px;
	float: left;
	text-transform: uppercase;
  	}

* html #kontaktivorm label {
	margin: 0.5em 0em 0 0.9em;
	}

#kontaktivorm fieldset {
	width: 261px;
	background-color: #E3E3E3;
 	border: 0px solid #fff;
	}

* html #kontaktivorm fieldset {height: 406px;}


#kontaktivorm legend {
	color: #208D75;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	padding: 0em 0 0.1em 0em;
	margin: 0em 0 0 2.3em;
	font-weight: bold;
	}
* html #kontaktivorm legend {margin: 0em 0 0 5.5em;}

.murdja {
	display: none;
	} 

.tekstivali {
	font: 1.1em  Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin: 4px 0 0 48px;
	padding: 3px 8px 0px 8px;
	height: 22px;
	width: 210px; 
	border: solid 0 #fff;
	background: transparent url(../fotod/kontakt/tekstivaljataust.gif) no-repeat fixed;
	} 

fieldset>input.tekstivali {
	background: transparent url(../fotod/kontakt/tekstivaljataust.gif) no-repeat;
	}

.tekst {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin: 4px 0 0 5px;
	padding: 5px;
	height: 130px;
	border: solid 0 #fff; 
	background: transparent url(../fotod/kontakt/tekstialaTaust.gif) no-repeat fixed;
	width: 255px;
	overflow: auto;
	}

* html #kontaktivorm textarea {margin: 4px 0 0 7px;}

fieldset>.tekst {
	background: transparent url(../fotod/kontakt/tekstialaTaust.gif) no-repeat;
	}

.nupp {
	margin: 9px 0 3px -30px;
	padding: 0 0 3px 0;
	background: transparent url(../fotod/kontakt/submitNupp.gif) no-repeat;
	height:20px;
	border: solid 0 #fff;
	width: 80px;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
 	}

* html .nupp {
	margin: 9px 0 0 -30px;
	padding: 0 0 1px 0;
	}


/*============== FIRMAANDMED =======*/	

#firmalogo {
	position: absolute;
	width: 153px;
	height: 63px;
	padding: 0px;
	margin: 15px 0 0 50px;
	background: url(../fotod/kontakt/eFoto.png) no-repeat;
	}

#firmaandmed {
	position: absolute;
	margin: 145px 0 0 53px;
	width: auto;
	height: auto;
	padding: 0px;
	}

#firmaandmed p {
	font-style: normal;
	color: #5F5E5E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
	line-height: 20px;
	padding: 0em;
	margin: 0px;
	}