*html, body {overflow: hidden;} 
html {height: 100%; 
max-height: 100%;
margin: 0;
padding: 0;
border: 0;
font-size: 11px; color:#154890;
font-family: verdana, lucida, helvetica;
/*SININE kujundus*/
background-color:#6699ff; 
}

/*position: relative; display:block;*/
#maincontent{ display:block; height:100%; max-height:100%; overflow:auto; position:relative;z-index:0; min-width:400px;}

#framecontent{position:fixed; margin:0; top:0; right:16px; display:block; width:100%; height:120px; background:url('toprib_sin.png') repeat-x;  z-index:5; color:#fff;}
#framecontent img {float:right; opacity:0.5; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#pealkiri {position:fixed; display:block; top:5px; left:22px; width:580px; font-size:40px; line-height:80px; font-family: verdana,lucida, sans-serif; color:#154890; z-index:20; font-weight:bold;}
#pealkiri div img {color:#f2e7ab; float:left; padding-left:12px;}
* html #pealkiri {position:absolute;}
* html #framecontent{position:absolute; right:16px; } 

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background-color:#6699ff;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:1px; background:rgb(214,100,50); color:#fff; text-align:right; font-size:0.1em;}
#pad1 {display:block; height:120px; float:left;}
#pad3 {display:block; width:18px; height:1px; float:left;}
.pad2 {display:block; height:120px;}

/*width: 95%;; width:100%;  #padi {display:block; height:120px;}*/
.paks {font:bold 10pt verdana;}
h2 {font:bold 10pt verdana; color:#ffffc0; height:1.6em; background: url(nupp_sin.jpg) center; width:150px;}
h3 {font-size: 11pt;}
ol {line-height:22px;}
.inner {padding: 1em;}
.inner a {text-decoration: none; color:#777; font-weight:900;}
.inner a:hover {color:#333;}

#wordsright { top:5px; left:10px; display:block; 
background:transparent; margin:5px; padding: 15px 10px; line-height:1.2em;}
#wordsright a {text-decoration: none; color:#b60d02; font-weight:900; display:block;}
#wordsright a:hover {background:#f38248; color:#ff0;}

.pilt {float: right; margin: 10px; border: 1px solid #666; padding: 2px; background-color:#ffc; z-index:100;}
.pilt a.p1, .pilt a.p1:visited {display:block; width:128px; height:110px; text-decoration:none; 
background:#ffc; top:0; left:0; border:0;}
a img {border:0;}
.pilt a.p1:hover {text-decoration:none; background-color:#f2e7ab; color:#000;}
.pilt a.p1 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.pilt a.p1:hover .large {display:block; position:absolute; top:155px; left:230px; width:440px; 
height:375px; border:7px solid #ffb; z-index:150;}

.plats {z-index:100; height:10em;}

a.p2, a.p2:visited {display:block; width:150px; height:113px; text-decoration:none; 
background:#fff; top:0; left:0; border:0;}
a.p2:hover {text-decoration:none; background-color:#f2e7ab; color:#000;}
a.p2 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
a.p2:hover .large {display:block; position:absolute; top:75px; left:290px; width:320px; 
height:240px; border:7px solid #ffb; z-index:15;}

a.p3, a.p3:visited {display:block; width:84px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
a.p3:hover {text-decoration:none; background-color:#f2e7ab; color:#000;}
a.p3 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
a.p3:hover .large {display:block; position:absolute; top:275px; left:440px; width:180px; height:240px; border:7px solid #ffb; z-index:15;}

a.p4, a.p4:visited {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
a.p4:hover {text-decoration:none; background-color:#f2e7ab; color:#000;}
a.p4 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
a.p4:hover .large {display:block; position:absolute; top:155px; left:210px; width:440px; height:293px; border:7px solid #ffb; z-index:15;}

.lleft {background:#6699ff; width:7%;}
.rright {background-color:#6699ff; width:8%;}

.clear {clear:both; height:1px;}
.leftcol{ background:url(l_back_sin.gif) repeat-y; vertical-align:top; width:260px;}
.rightcol{background:url(r_back_sin2.gif); vertical-align:top; width:200px;}
.sisu {background-color:#f5ede3; vertical-align:top;}
#fotocontainer {
	margin: 4% auto 0 auto;
	width: 392px;
	height: 260px;
	line-height: 1px;
	}
.dropshadow {
	margin:0;
	opacity: .7;                         /* for css-3 browsers, between 0 and 1 */
	filter:alpha(opacity=50);     /* IE only, between 0-100,  */
	}
	

a.max b {
position:absolute;/* oli absolute*/
visibility:hidden;
width:210px;
height:0;
background-color: lightyellow;
padding:5px;
border:1px solid #f85;
left:110px; /* position sonast */
top:-160px;
}
a.max, a.max:visited {
border:0;
position:relative; 
z-index:70;
}
a.max:hover {
border:0; /*  for  IE */ 
z-index:1000;
}
a.max:hover b {
visibility:visible;
height:190px;  /*pildile*/
cursor:pointer; /* for IE */
z-index:500; 
}
a.max:hover b img {
border:0;
}
#ymcorner h2, #ymcorner p {margin:0 10px; letter-spacing:1px;line-height:1.3em;}
#ymcorner p {padding-bottom:0.7em;}
#ymcorner h2 {padding-top:0.7em;}
#ymcorner {background: transparent; margin:1em;}

.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {background:transparent; border-left:1px solid #154890; border-right:1px solid #154890;}
.yb1 {margin:0 5px; background:#154890;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}
.boxcontent {display:block; background:transparent; border:0 solid #154890; border-width:0 1px; font-size: 0.8em;}
.boxcontent a {text-decoration: none; color:#154890; font-weight:900; display:block;}
.boxcontent a:hover {background:#154890; color:#ff0;}

a.tooltip {color:#154890;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:300; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:-20px; left:-325px; padding:5px; line-height:16px; color:#154890; border:1px solid #154189; background:#f5ede3; width:310px; font-weight:normal;}