BODY {
	width:100%;
}


#logotop 
	{ position:fixed; left:10%; width:auto; top:1px;  }

#banner 
	{ position:fixed; left:30%; top:3px;  }


#menuu
	{ 
		position:fixed;
		left:3%;
		top:16%;
		}


#footer 
	{ position:fixed; bottom:2.5%; right:4.5%; font-size:0.7rem;  }

#rekv 
	{ position:fixed; top:96%; right:100px; font-size:0.7rem;  }

#footer2 
	{ position:fixed; bottom:3%; right:5%; font-size:0.7rem;  }
/*	{ position:fixed; top:96%; display:block; width:100%; height:100%; margin-right:auto; margin-left:auto; text-align:center; padding-left:auto; padding-right:auto; font-size:0.7rem;  } */
	
.keskel { position:fixed; display:block; display:inline-block; text-align:center; width: auto; }	

#note 
	{ position:fixed; left:15%; width:70%; top:95%;
	font-size:0.7rem; 
	border:1px solid #ff8206; 
	padding:5px 5px 5px 5px;
	text-align:center;
	color:#ff8206;  }
	
#upnote 
	{ position:fixed; left:15%; width:70%; top:2%;
	font-size:0.7rem; 
	border:1px solid #ff8206; 
	padding:5px 5px 5px 5px;
	text-align:center;
	color:#ff8206;  }	

 
#pea
 {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:125px;
 background-color:#bda180;
 }

#sulepea  {
 position:fixed;
 left:70%;
 top:15px;
 }

 
#parem
 {
 position:fixed;
 right:0px;
 top:0px;
 width:20%;
 height:100%;
 background-color:#edddc8;
 } 
 
#left
 {
 position:fixed;
 left:0px;
 top:0px;
 width:20%;  /* oli 350px; */
 height:100%;
 background-color:#edddc8;
 }  
 
#jalg
 {
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:55px;
 background-color:#bda180;
 } 
 
#gradleft
 {
 position:fixed;
 left:19%; /* oli 350px; */
 top:0px;
 width:7.8%;  /* oli 150px; */
 height:100%;
 background-image:url(http://kirilane.ee/css/vgrad.png); } 
 
 
 
#gradright
 {
 position:fixed;
 right:19%;   /* oli 20%; */
 top:0px;
 width:7.8%;  /* oli 150px; */
 height:100%;
 background-image:url(http://kirilane.ee/css/pgrad.png); }  
 

#field
{
		background-color:#FFFFFF;
    	position:absolute;
		left:25%;
		top:150px;
		table-layout:fixed;
		width:50%;
		height:75%;
    }
	
#loe 	
 {
 position:fixed;
 right:5%;
 top:85%;
 }



#botline
 {
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:5px;
 background-color:#ff8206;
 } 
 
#topline
 {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:5px;
 background-color:#ff8206;
 } 
 
 
#lftline
 {
 position:fixed;
 left:0px;
 top:0px;
 width:5px;
 height:100%;
 background-color:#ff8206;
 } 
 
#rgtline
 {
 position:fixed;
 right:0px;
 top:0px;
 width:5px;
 height:100%;
 background-color:#ff8206;
 }    


#botlinep
 {
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:6px;
 background-color:#90623f;
 } 
 
#toplinep
 {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:6px;
 background-color:#f4dfcc;
 } 
 
 
#lftlinep
 {
 position:fixed;
 left:0px;
 top:0px;
 width:6px;
 height:100%;
 background-color:#f4dfcc;
 } 
 
#rgtlinep
 {
 position:fixed;
 right:0px;
 top:0px;
 width:6px;
 height:100%;
 background-color:#90623f;
 }    

#topsubline
 {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:130px;
 background-color:#f4dfcc;
 } 
 
#topsubbline
 {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:126px;
 background-color:#ff8206;
 }  
 
#topsub2line
 {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:127px;
 background-color:#90623f;
 }   
 
#botsubbline
 {
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:56px;
 background-color:#90623f;
 }  
 
#botsub2line
 {
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:58px;
 background-color:#ff8206;
 }   
 

.txt { 
		height:400px;

		border:1px solid #edddc8;
		padding-left:25px;
		padding-right:25px;
		overflow:auto;
	}

#liblik 
	{ position:fixed; right:2%; top:5%; max-width:20%;  }


#libl2 
	{ position:fixed; left:3%; top:1%;  }


#liblikall 
	{ position:fixed; right:3%; top:45%;   }


#fix
 {
 position:absolute;
 left:28%;
 top:15%;
 width:48%; min-width:300px;
 height:auto; 
  }

#area	{
		position:absolute;
		height:auto;
		}

#fixball
 {
 position:relative;
 left:35%;
 top:150px;
 width:48%; min-width:300px; 
  }

#taand_015 { padding-left: 15pt; padding-right: 5pt; 
	color: #444444;}

#taand_050 { padding-left: 50pt; padding-right: 5pt; text-indent:50pt; 
	color: #444444;}

#taand_050p { padding-left: 50pt; 
	color: #444444;
	margin-right:-50pt;}


#taand_100 { padding-left: 100pt; padding-right: 5pt; 
	color: #444444; }

#taand_150 { padding-left: 150pt; padding-right: 5pt; text-indent:150pt; 
	color: #444444; }

#sele
 {
/* position:absolute;
 left:20px;
 top:10px; */
 clear:both;
 width:90%;
 }

#verthead { position:fixed; top:19%; right:24%; }

#tellimispilv { 
		position:fixed; top:30%; right:25px;
		width:300px; height:400px; }
		

.example { position:absolute; top:4.5rem; left:13%; display:block; 
	text-align:center;
    height:45%;
   }


.centris {
    width:100%;
    height:28%;
	position:relative; top:10%; left:0%; display:block;
}		

.rida1 { position:absolute; top:0%; left:20%; 
	text-align:center;
    height:25%;
   }

.rida2 { position:absolute; top:0%; left:40%;  
	text-align:center;
    height:25%;
   }

.rida3 { position:absolute; top:0%; left:60%;  
	text-align:center;
    height:25%;
   }      
   

.pc300 { position:fixed; top:30%; right:50px; width:15%; }   

.pc500 { position:fixed; top:50%; right:50px; width:15%; }

.pc400 { position:fixed; top:40%; right:50px; width:15%; }   


.cc500 { position:fixed; top:50%; right:50%; width:15%; }

.muusika { position:fixed; background-image:url(../ima/music-watermark.png); background-repeat:no-repeat; max-width:400px; height:auto; }

.fiild {
    width:100%;
    height:65%;
}

.reas3 { width:100%; }
.reas3 img { width:20%; display:inline; margin:1.8% 1.5%; }

.reas2 img { width:25%; display:inline; margin:1.8% 1.5%; }


.pix { width:90%; }

.huge { width:300%; }

.paserv
 {
 background-image:url(../css/pagra.png);
  background-repeat:repeat-y;
  height:100%;
  max-height:1900px;
  width:100%;
   } 
 
.vaserv
 { 
 background:url(../css/vagra.png);
   background-repeat:repeat-y;
     max-height:1900px;
  width:100%;  
 height:100%;
  }   

.servad { position:fixed; top:0px; left:0px;
		height:100%;
						}
						

.wrap {
	position:fixed; top:0px; left:0px;
    width:100%;
    height:100%; 
    border:3px dashed red;
}

.childvasak { 
	clear:both;
	position:fixed; top:0px; left:0px;
	display:block;
	width:25%;
	max-height:1900px;
	   	}

.childparem { 
	position:fixed; top:0px; right:0px;
	width: 20%;
	display:block;
	max-height:1900px;
	clear:both;
	   	}

#topserv1   /* ülemise päise alaserv = pos 1 */
 {
 clear:both;
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:11.7%;                    
 background-color: #f4dfcc;                   
 } 

#topserv4   /* ülemine päiseala = pos 4 */
 {
  clear:both;
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:11.57%;                    
 background-color: #bda180;                   
 }


#topserv2   /* ülemise päise siseserv = pos 2 */
 {
  clear:both;
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:11.76%;                    
 background-color: #90623f;                    
 }   

#topserv3    /* ülapäise oran˛ alaserv = pos 3 */
 {
  clear:both;
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:11.67%;                   
 background-color: #ff8206;                    
 }  


#botserv2  /* jaluse oran˛i siseserva vari */
 {
  clear:both;
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:5.2%;        /* oli 5.18% */           
 background-color: #90623f;                    
 }  
 
#botserv1    /* alajaluse siseserv = pos 1 */
 {
  clear:both;
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:5.4%;                  /* oli 5.37%; */  
 background-color: #ff8206;                   
 }   


#botserv3 /* jalus all */
 {
  clear:both;
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:5.09%;                    
 background-color: #bda180;                    
 }
 
.kindellaius 	{ width:99%; min-width:85px; }
.mplokk { display: block; width:85%; }

#alalink { position:relative; top:-99%; left:-45%; min-width:100px; padding-bottom:0px; padding-top:0px; }

#alalinkipole { position:absolute; top:-12px; left:3%; font-size:0.6rem; }


#kutse { position:fixed; 
			top:13.5%;
			left:8%; 
			max-height:20px;
			min-width:50px;
			width:8%;
						}  


.wrapce {
	position:fixed; top:25%; left:0px;
    width:100%;
    height:100%; 
    
}

ul#point {
	list-style-image: url('http://kirilane.ee/ima/mumm.png');
	}