*html, body {overflow: hidden;}
html{height: 100%; max-height:100%;margin: 0;padding: 0;border: 0;font-size: 11px; color:#555;font-family: verdana, lucida,helvetica;font-weight: normal;/*telliskivi #b60d02;   ROHELINE #9fda00 kujundus*/background-color:#9fda00;}
#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('top_riba2.gif') repeat-x;  z-index:5; color:#f2e7ab;}
#framecontent img {float:right; opacity:0.8; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
#pealkiri {position:fixed; display:block; top:5px; left:22px; width:780px; font-size:40px; line-height:70px; font-family: verdana,lucida, sans-serif; color:#f38248; 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:#9fda00;}
#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;}
.pad3 {display:block; height:100px;}
.paks {font:bold 10pt verdana;}
#padi {display:block; height:120px;}
h2 {font:bold 10pt arial; color:#f2e7ab; height:1.8em; background: url(styles/glassb_roh.jpg) center;}
/*OLI - nupp_pr.gif, text color:#ffffc0*/
h1, h3 {font-size: 11pt;}
ol {line-height:20px;}
.inner a , .sisu a {text-decoration: none; color:#2f892c; font-weight:800;}
.inner a:hover {color:#000;}

#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;}
.pilt 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:125px; 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:119px; 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:125px; 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-color:#9fda00; width:2%;}
.rright {background-color:#9fda00;}
.clear {clear:both; height:1px;}
.leftcol{ background:url(left_back.gif); width:250px; min-width:250px;vertical-align:top;}
.leftc_gal{ background:url(left_back.gif); background-color:#f2e7ab; background-repeat:repeat-y; vertical-align:top;}/*width:expression(document.body.clientWidth < 260? "250px" : document.body.clientWidth > 1100? "250px" : "auto");*/
.rightcol{background:url(right_back.gif) repeat-y; width:200px; vertical-align:top;}
.sisu {background-color:#f2e7ab; vertical-align:top; min-width:400px; max-width:590px; width:560px;}
*.sisu {width:expression(document.body.clientWidth < 625? "400px" : document.body.clientWidth > 1000? "525px" : "auto");}
/*  width: 80%;min-width: 740px;max-width: 1100px; Width for IE makes website fluid width between 740 and 1100 px width:expression(document.body.clientWidth < 750? "740px" : document.body.clientWidth > 1100? "1100px" : "auto"); /* increased initial check value to 750 so it does not freeze Internet Explorer */

#fotocontainer {margin: 4% auto 0 auto; width: 392px; height: 260px; line-height: 1px;}
.dropshadow {margin:0; opacity: .7; filter:alpha(opacity=50);}
/* IE only, between 0-100,  */
a.max b {position:absolute; visibility:hidden;width:210px;height:0;background-color: lightyellow;padding:5px;border:1px solid #7c0;left:110px; top:16px;}
a.max, a.max:visited {border:0;position:relative; }/*z-index:70;*/
a.max:hover {border:0; z-index:100;}
a.max:hover b {visibility:visible;height:190px; cursor:pointer; z-index:500; }/* for IE */
a.max:hover b img {border:0;}

#ymcorner h2, #ymcorner p {margin:0 12px; letter-spacing:1px;line-height:1.3em;}
#ymcorner p {padding-bottom:0.7em;}
#ymcorner h2 {padding-top:0.7em;}
#ymcorner {background: transparent; margin:0.8em;}
.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 #7c0; border-right:1px solid #7c0;}
.yb1 {margin:0 5px; background:#7c0;}
.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 #7c0; border-width:0 1px; font-size: 0.9em;}/* oli*/
.boxcontent a {text-decoration: none; color:#2f892c; font-weight:900; display:block;}
.boxcontent a:hover {background:#7bae01; color:#ff0;}

a.tooltip {color:#d00;}
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:#666; border:1px solid #7c0; background:#f2e7ab; width:310px; font-weight:normal;}
/*border oli #f38248 */
.joon {
padding:4px 0;
border-bottom: 1px solid #7c0;
margin:5px 0;
}
/* div.hrline hr {display:none; } take out the troublemaking HR
div.hrline {background:#7c0; color:#7c0; border-top:1px #7c0;}
helehall - #A1A1A1
#preview {
position:absolute;
border:1px solid #ccc;
background: transparent;
padding:5px;
display:none;
color:#fff;
z-index:5;
}list-style-type:none;*/
#cal {padding:0; margin:0 0;  position:relative; font-size:9px;}
#cal a, #cal a:visited {font-weight:bold; color: #c00; font-size:11px; text-decoration:none; display:block; width:100%; height:100%; line-height:12px;}
#cal a span{display:none;}

#cal a:hover span {display: block; position:absolute; top:-51px; left: -321px; padding:4px; margin:2px; z-index: 10; color: #2f892c; background:#f2e7ab; font: 11px verdana;text-decoration: none; border:1px solid #7c0; font-weight:normal;}

#to_popup {display:none;}
.bClose {
cursor:pointer;
font-weight:900;
position:absolute;
right:15px;
text-decoration:none;
top:10px;
}
/* TAUSTAKASTILE  VAJA 
#to_popup, #popup2, #popup3, #xlink {
background-attachment:scroll;
background-clip:border-box;
background-color:transparent;
background-image:url("http://dinbror.dk/bpopup/img/bg.png");    
background-origin:padding-box;
background-position:0 0;
background-repeat:no-repeat;
background-size:auto;
display:none;
height:252px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
width:454px;
}*/
