@charset "iso-8859-15";

body, html { background-color: #333; }
body, html, div, td, input, textarea { font-family: verdana, tahoma, arial; color: #fff; font-size: 10px; }

a { color: #ffcc00; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
img { border: 0px solid transparent; }						   

#null { width: 720px; position: absolute; top: 0px; left: 50%; margin-left: -360px; }

#null_pre { width: 720px; text-align:center;}

#header { width: 720px; position: relative; } 
.mihkel { text-decoration: none; position: absolute; border: 0px solid transparent; top: 29px; left: 35px; z-index: 5; }
.top0 { position: relative; background: url(./img/top0.jpg) no-repeat; background-position: 0% 0%; width: 720px; height: 56px; }
.top0a { position: absolute; right: 56px; top: 24px; font-weight: bold; }										
.topic { position: relative; }
.top1 { position: absolute; top: 56px; left: 720px; }
.top2 { position: relative; width: 720px; height: 57px; background: url(./img/top2.jpg) no-repeat; background-position: 0% 0%; }
.top_menu { position: absolute; top: 11px; text-decoration: none; height: 34px; }	  
.top_menu:hover { text-decoration: none; cursor: pointer; }
#tm1 { left: 30px; background: url(./img/m_punt1.png) no-repeat; width: 77px; }
#tm1:hover { background: url(./img/m_punt2.png) no-repeat; }
#tm2 { left: 112px; background: url(./img/m_laval1.png) no-repeat; width:  93px; }
#tm2:hover { background: url(./img/m_laval2.png) no-repeat; }
#tm3 { left: 210px; background: url(./img/m_vidinad1.png) no-repeat; width: 111px; }
#tm3:hover { background: url(./img/m_vidinad2.png) no-repeat; }
#tm4 { left: 326px; background: url(./img/m_pood2.png) no-repeat; width: 101px; }
#tm4:hover { background: url(./img/m_pood1.png) no-repeat; }	   
#tm5 { left: 408px; background: url(./img/m_press1.png) no-repeat; width: 93px; }
#tm5:hover { background: url(./img/m_press2.png) no-repeat; }

.laval { width: 415px; height: 40px; margin-bottom: 3px; }
.ltxt { line-height: 150%; padding: 6px 10px 5px 10px; }
#tuleb {  background: url(./img/lavalnurk0.gif) no-repeat; }
#olnud { background: url(./img/lavalnurk.gif) no-repeat; }
	
#suur { background: url(./img/sisu0.jpg) repeat-y; background-position: left; display: block; }
#sisu { width: 482px; position: relative; float: left; display: block; }
.sisu1, .sisu11 { position: absolute; top: 0px; left: 0px; z-index: 0; }
.sisu2 { position: absolute; bottom: 0px; left: 0px; z-index: 0; }													
.txt { position: relative; display: block; padding: 20px; padding-left: 40px; text-align: justify; line-height: 130%; z-index: 5; }
.pealkiri { display: block; font-size: 14px; font-weight: bold; padding: 5px; padding-left: 25px; letter-spacing: 1px; }

#sub { position: relative; width: 238px; float: right; background: url(./img/subm0.jpg) repeat-y; vertical-align: top; padding-bottom: 20px; display: block; }
.subm0 { position: absolute; top: 0px; left: 0px; z-index: 0; }
#m1 { padding-top: 50px; padding-left: 20px; }
.subm { position: relative; display: block; padding: 5px 20px 30px 0px; z-index: 5; background: url(./img/subm2.jpg) no-repeat; background-position: bottom; }
.subtop { position: absolute; top: -5px; left: 0px; margin-left: 17px; }
.subm3 { position: absolute; bottom: -2px; left: 0px; z-index: 0; }		
			  
.sub_gal { text-align: center; display: block; margin-right: 12px; margin-left: 20px; }
.sub_gal img { padding: 3px; }							 
.sub_link { text-align: center; display: block; margin-right: 12px; margin-left: 20px; }
.sub_link a { display: block; text-align: center; font-weight: bold; padding: 5px; }
.aspan { font-size: 9px; text-decoration: none; color: #999; font-weight: normal; display: block; }
.sub_link a:hover { text-decoration: none; color: #fff; }

.sub_inp1 { position: absolute; top: 12px; left: 17px; background: url(./img/sub_inp.png) no-repeat; background-position: 0px 0px; width: 136px; height: 21px; padding-top: 3px; z-index: 2; }
.sub_inp2 { position: absolute; top: 12px; left: 155px; z-index: 3; }
.sub_inp3 { position: relative; display: block; padding-top: 25px; text-align: center; margin-right: 12px; margin-left: 20px; z-index: 1; }
.subm_news { width: 135px; background: transparent; border: 0px solid transparent; color: #000; font-size: 10px; font-weight: bold; text-align: center; }

#footer { display: block; padding: 2px; clear: both; color: #999; text-align: center; font-size: 9px; padding-bottom: 20px; }

.b_jutt { display: block; padding-top: 5px; }
.b_info { display: block; }
.b_info img { padding: 5px; margin-right: -20px; }
.b_mehed { display: block; margin: 0px -5px 0px -5px; }
.b_mehed img { border: 0px; padding: 1px; }


.gb_inp1 { display: block; margin: 2px; margin-bottom: 2px; }
.gb_inp1 input, textarea { width: 50%; background: #dcd6ca; color: #000; font-family: verdana, tahoma; font-size: 10px; border: 1px solid #999; }
.gb_inp1 textarea { height: 100px; width: 100%; }

.gb_com { display: block; margin-top: 5px; border-top: 2px solid #999; padding: 10px; padding-top: 20px; text-align: left; position: relative; }
.gb_name { position: absolute; top: 4px; left: 3px; display: block; font-weight: bold; font-size: 11px; }
.gb_name a { color: #ffcc00; text-decoration: none; }	
.gb_date { position: absolute; top: 1px; right: 3px; display: block; font-size: 9px; color: #777; }

div { font-size: 10px; font-family: verdana; color: #ccc; }
.toode { width: 410px; height: 123px; background: url(./img/hnd_pood_back.jpg) no-repeat; margin-bottom: 10px; position: relative; }
.toode img { float: left; margin: 10px; } 
.toode_sisu { display: block; float: left; padding: 5px 2px 10px 0px; }
.toode_inp { position: absolute; right: 10px; bottom: 10px; text-align: right; }