@charset "iso-8859-1";
					   
body, html { margin: 0px; padding: 0px; text-align: center; background: #827e75; font-family: verdana, tahoma, arial; }


#null { margin: 0 auto; width: 900px; height: 800px; position: relative; background: url(gfx/main_back.jpg) no-repeat; }

img { border: 0px; }

#uudisbox { display: block; position: absolute; top: 22px; left: 30px; background: url(gfx/menu_back.jpg) no-repeat; width: 324px; height: 422px; }
.menu { display: block; position: absolute; top: 371px; left: 5px; width: 314px; height: 34px; }
.menu a { display: block; font-size: 13px; font-weight: bold; color: #000; padding: 8px 2px 8px 10px; text-decoration: none; float: left; position: relative; z-index: 100;}
.menu a:hover { color: #000; text-decoration: none; }			   		  


.if_uudis { position: absolute; top: 186px; left: 11px; width: 302px; height: 179px; }
.uudis { background: url(gfx/uudis_back.jpg) no-repeat top left; height: 179px; }
.u_pk { display: block; color: #fff; padding: 2px 10px 3px 10px; font-size: 10px; font-weight: bold; text-align: left; } 
.u_txt { display: block; overflow: auto; height: 130px; text-align: justify; color: #d2c4a9; font-size: 10px; padding: 5px 10px 10px 10px; }
.u_txt a { text-decoration: underline; color: #d2c4a9; }
.u_txt a:hover { text-decoration: underline; color: #fff; }
.u_bot { display: block; }						   
.logo { position: absolute; top: 5px; left: 5px; }
.pood { position: absolute; top: 82px; right: 5px; }
.pood img { border: 0px; }
																																					   
#infobox { position: absolute; top: 444px; left: 30px; background: url(gfx/info_back.jpg) no-repeat; width: 324px; height: 150px; }
.kaartlink { position: absolute; top: 444px; left: 296px; width: 58px; height: 53px; text-decoration: none; background: url(gfx/kaart_link.gif) no-repeat; }
.kaartlink:hover { text-decoration: none; }		  
.viljandilink { position: absolute; top: 444px; left: 0px; margin-left: -30px; border: 0px; }
.disainlink { position: absolute; top: 495px; left: 0px;  border: 0px; }
										   
#galeriibox { display: block; position: absolute; top: 76px; left: 365px; background: url(gfx/foto_back.jpg) no-repeat; width: 320px; height: 234px; } 
.galerii { background: url(gfx/foto_back.jpg) no-repeat top left fixed; padding: 3px; height: 228px; }
.galerii img { border: 0px; }

#linkbox { display: block; position: absolute; top: 377px; left: 422px; background: url(gfx/links_back.jpg) no-repeat; width: 259px; height: 197px; }
.links { background: url(gfx/links_back.jpg) no-repeat top left; height: 197px; }
.link_list a { display: block; font-size: 11px; color: #d2c4a9; text-decoration: none; padding: 5px 5px 4px 5px; background: transparent; text-align: left; } 
.link_list a:hover { background: #000; color: #d2c4a9; } 
.link_bot { display: block; height: 21px; position: absolute; top: 175px; left: 0px; width: 255px; }
.link_bot a, .u_bot a { text-decoration: none; color: #d2c4a9; font-size: 9px; display: block; width: 80px; padding: 3px; }
.link_bot a:hover, .u_bot a:hover { text-decoration: underline; color: #d2c4a9; }
#bleft { float: left; text-align: left; }
#bright { float: right; text-align: right; }				  

#stuudio { position: absolute; top: 610px; left: 365px; width: 340px; height: 130px; font-size: 11px; color: #fff; text-align: justify; padding: 5px; }
				 
.menu a span { text-align: justify; font-weight: normal; visibility: hidden; display: block; width: 220px; padding: 10px; 
			   font-size: 10px; color: #fff; background: #333; border: 3px solid #fff; position: absolute; top: 22px; z-index: 500; text-decoration: none; left: -2000px; } 
.menu a:hover span { visibility: visible; left: 5px; }