html{background-image: url(pildid/punk_on_lahe_taustaks.jpg);}
body {font-family: sans-serif;}

p.link:hover, div.link:visited, span.link:visited, a:link {text-decoration: none;
        color: #000000}
p.link:hover, div.link:visited, span.link:visited, a:visited {
  text-decoration: none;
  color: #000000;
}
p.link:hover, div.link:hover, span.link:hover, a:hover {
  text-decoration: underline;
  color: #cc0000;
}
.link {
cursor:pointer;
}

.imgtab {
  border-width:1px;
  border-style:solid;
  padding-left:4px;
  padding-right:4px;
}

.kle{position:absolute;left: 50%;top: 50%;}
#taustapilt{
	width: 810px;margin-left: -405px; /* half of width */
	height: 685px;margin-top: -342px; /* half of height */
	}
#v{
   width: 90px;margin-left: -315px;
   height: 400px;margin-top: -200px;
   text-align: right;
   }

#p {
   width: 90px;margin-left: 225px; /* half of width */
   height: 400px;margin-top: -200px; /* half of height */
   text-align: left;
   }

DIV.laeb {
position: absolute;left: 50%;top: 50%;
width: 16px;
height: 16px;
margin-left: -8px; /* half of width */
margin-top: -8px; /* half of height */
}


.menu {line-height: 1.0;text-transform: uppercase;font-family: MONOSPACE;font-weight: bold; }
.menu a:hover {text-decoration: none; color: #000000;}
.menupildid {line-height: 0.5;}
  .menypilt {
    position:absolute;
    left: 50%;top:50%;margin-left:-297px;
    width:70px;cursor:pointer;
    background-repeat:no-repeat;
    overflow:hidden;
  }

#sisu2, .sisutekst{
overflow-x: hidden; 
position: absolute;left: 50%;top: 50%;
width: 360px;
height:400px;
margin-top:-200px;
margin-left: -180px;
z-index: 2;
overflow: auto;
padding-right:5px;
text-align: left;
font-family: sans-serif;
line-height: 1.3;
}

#sisu3{     /*pilt*/
position: absolute;left: 50%;top: 50%;
width: 427px;
height:400px;
margin-top:-200px;
margin-left: -214px;
z-index: 2;
font-family: sans-serif; line-height: 1.3;
text-align: center;
}
/*luulemenüü, külalisteraamat lisa*/
.InputButton {
  text-transform: uppercase;
}


table#pisipildid {
font-family: sans-serif;
}

.kiirlink {
text-transform: uppercase;
 position: absolute;
 left: 50%;top: 50%;
}
/*kasutusel koos eelmisega luuletuse otsing/kiirlingid*/ 
.curspoint {
cursor:pointer;
}


.kiirlink2 {
z-index: 3;
 position: absolute;
 left: 50%;top: 50%;
}


/*luulepopup, videovaatamine, pisipildid, luuletuse otsing/kiirlingid(vb midagi veel)*/
.rippuja2 {
position: absolute;
left: 50%;top: 50%;
z-index: 4;
background-image: url(pildid/ripptaust.jpg);
border:3px ridge #A6866B;
padding: 10px;
}
/*kuuleub eelmise juurde, kasutusel luuletuse otsing/kiirlingid*/
.dispnone {
display:none;
}
#luulepopup a:hover{text-decoration:none;
              color: #000000}

.gradualfader {display: inline-block;}
.gradualfader2{filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;display: inline-block;}

/***********************************************************************/
/*teateriba javascriptile*/
div.teateribajs{}
#teateribajs2{height:15px;/*peab eraldi olema, muidu js hakkab segast panema*/}

/*teateriba javascript*/
#teadejs{margin-top:-235px;
margin-left: -220px;
width: 410px;
height:15px;
font-family: sans-serif;
font-size: 12px;
z-index: 3;}


/***********************************************************************/
/*järgnevad css kirjeldused kuuluvad failile piltsuurelt.php*/	
.eekeja {
position: absolute;
top: 10%;
height: 80%;
background: transparent url(pildid/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
cursor: pointer;
}
#eelmine {
left: 0%;
width: 20%;
}
#keskmine{
left: 40%;
width: 15%;
}
#jargmine{
right: 0%;
width: 20%;
}

.vihje{
visibility: hidden; 
background-color: #FFFFFF;
padding:2px;
}

.sulge_suur_pilt{
 right: 5%;top: 5%;cursor: pointer; position: absolute;       
}
/***********************************************************************/