.hp{margin:0px;padding:8px;text-align:center;background-color:lightyellow;border-right:dashed #992244 1px}
li{margin-top:10px;text-align:left}
div#onne{margin:30px;font-family:verdana;font-size:14px;color:navy;}
div.gal{text-align:left}
.as{margin-left:10px;cursor:hand;pointer:hand;width:100%;}

body, td, h1, h2, h3, a, .m, .k{font-family:verdana, arial,verdana,helvetica,sans serif;line-height:140%}
h1{font-family:verdana, arial,helvetica,sans serif;font-size:24px;font-weight:bold;color: #369;}
h2{font-family:verdana, arial,helvetica,sans serif;font-size:22px;font-weight:bold;color: #369;margin:auto;text-align:center;margin-bottom:5px}
h3{font-family:verdana,arial,helvetica,sans serif;font-size:16px}
a{color:navy;text-decoration:none}
a:link{color:navy;}
a:visited{color:navy;}
a:active{color:red;}
a:hover{color:navy;text-decoration:underline}

img{border:none}

.trm td{border-top:1px dotted lightsteelblue}
.rm table{border-bottom:1px solid lightsteelblue;border-right:1px solid lightsteelblue;}
.rm td{padding:5px;border-top:1px solid lightsteelblue;border-left:1px solid lightsteelblue;}
#vaken, #paken{
z-index:2000;
background-color:rgba(0,0,0,0.7);
background-image:url(loading.gif);
background-repeat:no-repeat;
background-position:50% 45%;
visibility:hidden;
position:fixed;
width:100%;height:100%;left:0;top:0;bottom:0;padding:0px;overflow:hidden;
}
#paken td{vertical-align:middle;text-align:center}

#paken img{display:inline}
#sisu img{border-radius:5px;-webkit-filter: grayscale(80%);filter: grayscale(80%);margin:3px;max-widht:800px !important;}
#sisu img:hover{-webkit-filter: none;filter: none;}


.pildiymbris{border:solid gray 1px;padding:6px; margin: 2px;float:left;border-radius:5px;}
.ts10{font-size:10px}
.keskel{padding:10px;position:absolute;margin-left:-150px;margin-top:-100px;left:50%;top:50%;height:200px;width:300px;visibility:hidden;background-color:lightyellow;border:solid navy 2px}

.raamiga td{border-right:1px solid black;border-top:1px solid black;padding:4px}
.prp{border-right:none;}
.vrm{border-left:1px solid black;}

.info { position: relative;display: inline-block;}
.info .infotekst{visibility:hidden;background-color:ghostwhite;padding:15px;color:navy;border-radius:10px;
border:solid navy 1px;position:absolute;z-index:1;}

.info:hover .infotekst { visibility: visible;}

body{
margin:0;padding:0;
font-family:verdana;
background:lavender;
scrollbar-base-color:lavender;
font-size:16px;
}
/*
.kuupildid p{
display:inline-block; background:lavender;
font-size: 9pt; 
text-align: center; 
margin-right: 1%; 
margin-bottom: 0.5em;padding:5px;
border:1px solid lightsteelblue;
border-radius:7px;
}
.kuupildid p a{text-align:center;width:100%}
.kuupildid p a img{margin:auto;height:120px;}
.kuupildid p a span{display:block;}
.kuupildid p:hover{background:ghostwhite}
.kuupildid a{text-align:center;width:100%}
.kuupildid img{display:block;margin:auto;height:120px;}
.kuupildid p:hover{background:ghostwhite}
*/

.kgal{text-align:center}
.kgal a{
text-align:center;display:inline-block;
font-size:12px;
background:lavender;margin:3px;text-decoration:none;
border:1px solid lightsteelblue;
border-radius:7px;
padding:5px;
}
.kgal a img{margin:auto;height:120px;}
.kgal p{display:block;text-align:center}
.kgal a:hover{background:ghostwhite;} 


div, h1, #menyy_nupp, #menyy_nupp_a{padding:0;margin:0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#kius{display:none}

#tpmenyy, #ttmenyy{position:absolute;top:100px;width:50%;height:53px;background:#036}
#tpmenyy{left:0;z-index:-2}
#ttmenyy{right:0;z-index:-1}

#logo{height:100px;width:100%;background:white;
padding-top:25px;color:rgba(0,51,102,0.4);white-space: nowrap;overflow:hidden;z-index:10}


#logo h1{z-index:11;width:100%;color:rgba(0,51,102,0.4);
text-transform:uppercase;font-size:22px;
background:lavender;
border-top:25px solid ghostwhite;
border-bottom:25px solid lightsteelblue;
height:75px;
line-height:27px;
}

#logo img{
position:absolute;top:-14px;
left:10px;height:118px;width:180px;
z-index:100;margin:0;
opacity: 0.5;
filter: alpha(opacity=50); /* IE8 ja varasemad */
cursor:pointer;
}

#main{width:100%;z-index:12}
#main div{display:table}

#pmenyy{width:20%;background:#69C;float:left;z-index:13;border-bottom-right-radius:30px}
#tmenyy{width:20%;background:lavender;float:right;z-index:14}

#sisu{
width:60%;min-width:200px;min-height:500px;
background:ghostwhite;padding:20px;
border-top:3px solid #036;
border-top-right-radius:20px;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
z-index:16;
text-align:left;
/* margin:auto; */
}

.addr{
width:100%;
background: #369;
padding-left:10px;font-size:11px;color:#FFF;
border-bottom:1px solid #FFF;
border-top:1px solid #036;
/*
white-space:nowrap;overflow:hidden;
*/
z-index:15;
}


.nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.nav li { margin: 0; }

.nav a{
display: block;
color: #FFF;
background-color: #036;
width:100%;
font-size:16px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.nav a:hover{
background-color: #369;
color: #FFF;
}

.nav li ul{display:none}

.nav li li a{
display: block;
color: #FFF;
font-size:16px;
background-color: #69C;
width:100%;
padding: 3px 3px 3px 17px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#menyy_nupp{
position:fixed;
top:8px;left:8px;z-index:199;
background:rgba(255,255,255,0.5);color:#369;
padding:0;
width:36px;height:36px;
line-height:34px;
font-size:22px;
font-weight:bold;
border:1px solid #369; 
border-radius:100%;
cursor:pointer;
text-align:center;
}

#menyy_nupp_a{
position:fixed;
top:16px;left:16px;
margin:0;
z-index:101;
width:20px;height:20px;
text-align:center;
text-decoration:none;
border-bottom:4px solid #369;
border-top:12px double #369;
cursor:pointer;
content: "";
}


#sisu td{font-size:14px}
#tgfb{position:absolute;top:10px;right:10px;z-index:100}
#rek1, #rek2{display:none;text-align:center;margin:auto;margin-top:20px;margin-bottom:20px}

/* Mobile */
@media only screen and (max-width: 400px) {
#tgfb{position:relative;display:block;width:100%;text-align:center}
#menyy_nupp{display:block;visibility:visible}
#sisu td{padding:2px}

#rek1{display:none}
#rek2{display:block}

#logo{
top:0px;margin:0;width:100%;
margin:0;padding:0;
height:70px;line-height:70px;z-index:100;
font-size:20px;
background:white;
text-align:center;
}

#logo h1{margin:auto;text-align:center;font-size:20px}
#logo span{display:none}
#logo img{display:none}
#addr1{display:none}
#main div#sisu{display:block;width:100%;border:none;border-radius:0}
#main div#tmenyy{display:none;width:100%;z-index:3000}
#main div#pmenyy{display:none;width:100%;z-index:3000}
body{background:ghostwhite;}
/*
#sisu img{max-width:80%;}
*/
#addr2{white-space:normal;overflow:auto;
}

.nav a{
font-size:20px;
}
.nav li li a{
font-size:20px;
}

.toidukogus{display:none}

}

/* Tablet */
@media only screen and (min-width: 401px) and (max-width: 960px) {

body{background:ghostwhite;}
#rek1{display:none}
#rek2{display:block}

#menyy_nupp{display:block;visibility:visible}
#tgfb{position:relative;display:block;width:100%;text-align:center}

#sisu td{padding:3px}

#logo{
top:0px;margin:0;width:100%;
margin:0;padding:0;
height:70px;
line-height:70px;
font-size:22px;
z-index:100;
background:white;
text-align:center;
}


#logo h1{margin:auto;text-align:center}
#addr1{display:none}
#main div#tmenyy{display:none;width:50%;border-left:1px solid white;z-index:1001}
#main div#pmenyy{display:none;width:50%;z-index:1001}
#main div#sisu{display:block;width:100%;border:none;border-radius:0}

#logo img{display:none}
/*
#sisu img{max-width:80%}
*/

#addr2{white-space:normal;overflow:auto;}

.nav a{
font-size:20px;
}
.nav li li a{
font-size:20px;
}

.toidukogus{display:none}

}


/* Desktop  */
@media only screen and (min-width: 961px) {

body{font-size:90%}

#logo h1{padding-left:20%;}
#menyy_nupp{display:none;visibility:hidden}
#main{overflow:auto}
#main div#sisu{position:absolute;top:130px;left:20%;right:20%;min-height:500px;}
#pmenyy{width:20%;min-width:150px;min-height:500px;background:#69C;float:left;z-index:13}
#tmenyy{width:20%;min-width:150px;min-height:500px;background:lavender;float:right;z-index:14}
#addr2{display:none}
#addr1{height:25px;line-height:25px;overflow:hidden;white-space:nowrap}

#kius{display:inline;position:fixed;bottom:10px;right:10px;}
#kius img:hover{height:130px}

#rek2{display:none}
#rek1{display:block}

}

/* Portrait */
@media screen and (orientation:portrait) {
   #gp{width:100%;height:auto}
   
}
/* Landscape */
@media screen and (orientation:landscape) {
  #gp{height:100%;width:auto}
}


@media print{
#sisu{background:white;position:absolute;left:0;top:0;width:100%;height:100%;
padding:20px;z-index:1000;font-family:times new roman}
}