/* suur inspiratsiooniallikas: http://www.stunicholls.myby.co.uk/index.html */
@media screen {

* {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	line-height: 130%; letter-spacing: 0.2px; text-decoration: none;
	padding:0; margin:0; border:0 none;
}

html { height: 100%; max-height: 100%; overflow: hidden; }
body { height: 100%; max-height: 100%; overflow: hidden; background-color: #FFFAEE; color: #006633; }

#navi {
	position:absolute; left:0; top: 0; bottom:0; width: 147px; overflow:visible; z-index:3;

  background: #369 url(background.gif); color: #C96;
  font-size: 90%; line-height: 90%; padding: 0px 0px;
}
#navi a { color: white; font-weight: bold; } /* teeb asja paremaks kui pildid on peidetud */

#content {
	overflow: auto; position: absolute; top: 0; bottom: 0; left: 157px; right: 0;
	height: 100%; max-height: 100%;
	padding-left: 16px;
	padding-right: 130px;
}

/* IE */
* html #content { left: 0; width: 100%; padding-left: 152px;  width: 800px; }
* html #navi    { height: 100%; top: 0; bottom:0; width: 147px; }

/* mitte IE */
#navi * { line-height: 110%; }

#nbut { position: absolute; z-index: 2; width: 140px; margin-top: 8px; }
#nbut li { list-style-type: none; height: 16px; padding: 5px 0px 1px 15px; margin: 0; width: 100px; }

#poognamehike { position:absolute;left:0; top: 28%; z-index: 1; }
#kinf a { color: #FACF0D; font-weight: normal; font-size: 10px; }
#kinf {
	position:absolute;
	width: 135px; padding-left: 15px;left:0; top: 0;
	height: 98%;
	vertical-align: bottom;
	color: #8EA791; font-size: 10px;
	background: url(navi_bg.gif) no-repeat;
}
#kinfalla { position: absolute; top: 80%; height: auto; vertical-align: bottom;  }

* html #kinfalla { position: absolute; top: 80%; height: auto; vertical-align: bottom;  }
* html #kinfalla div { position: absolute; top: 80%; vertical-align: bottom; }

#cleft1, #cleft2, #cleft3, #cright, #crightcolor, #cright2, #cright3, #cright4
{
	position: absolute;
	background-repeat: repeat-y;
	height: 100%;
	max-height: 100%;
	margin:0; padding:0;border:0 none;
}
#cleft1  { background-image: url(contentleft1.gif);  left: 135px; width: 12px; }
#cleft2  { background-image: url(contentleft2.gif);  left: 147px; width: 12px; }
#cleft3  { background-image: url(contentleft3.gif);  left: 140px; width: 40px;}
#cright  { background-image: url(contentright3.gif); right: 34px; width: 40px;}
#cright2 { background-image: url(contentright1.gif); right: 22px; width: 12px; }
#cright3 { background-image: url(contentright2.gif); right: 34px; width: 12px; }
#cright4 { background: #900 url(background.gif); right: 0px; width: 35px; }
#crightcolor { background: url(background.gif) #2D5082; border-left: 1px solid #ADD9FF; right: 0px; width: 22px; top: 0; }

table { margin: 0 50px; }
p { margin: 0px 50px 10px 50px; }
/* navi kasutab ka ul-i */
#content ul, ol { margin: 0px 35px 20px 90px; }
#content li { list-style-image: url(li.gif); }

.pre { margin: 9px 50px 19px 100px; }
.rightalign { text-align: right }
.leftalign { text-align: left }
.centeralign { text-align: center }

#content a { color: #336699; font-weight: bolder; }
#content a:visited { color: #6699CC; }
#content a:hover, #content a.mailto:hover
{
	color: #F7C200;
	background: url(ahover.gif) repeat-x;
	background-position: bottom;
	padding-bottom: 2px;
}
body.folgi_sobrad #content a,
body.friends #content a,
body.ystaevaet #content a,
a.nosiksak:hover { background-image: none; padding-bottom: inherit; }
a.mailto { font-weight: normal; color: inherit; }
* html a.mailto { color: #400000; } /* ei ole IE-le seda antud */

body.folgi_sobrad #content img,
body.ystaevaet #content img,
body.blahh #content img,
body.friends #content img { margin: 17px; vertical-align: middle; }

.mediaright { float: right }
.medialeft { float: left }
.mediacenter { display: block; margin-left: auto; margin-right: auto; }

h1
{
	background: url(h1-back.png) no-repeat left center;
	color: #990000;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 5px 0 10px 5px;
	padding: 30px 0 20px 70px;
}
* html h1 { background-image: url(h1-back.gif) }

h2
{
	background: url(h2-back.gif) no-repeat left center;
	color: #339900;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 20px 0 10px 50px;
	padding: 0px 0 0 15px;
	font-weight: bold;
}

form ul { display: table; }
form ul li { display: table-row; color: #c96; }
form ul li label { display: table-cell; color: #400000; }
form ul li input { width: 200px; margin: 3px; }
form ul li label { text-align: right;}
input, textarea { border: 1px solid green; }

.submit
{
	background: url(saada.gif) no-repeat;
	text-indent: -999px; text-decoration: none;
	width: 115px; height: 45px;
	border: 0 none;
}
.submit:hover { background: url(saada_ov.gif) no-repeat; }
.submit:active { background: url(saada_down.gif) no-repeat; }
select { margin: 3px; }
.vormiul li
{
	list-style-type: none;
	list-style-image: none;
}
.en-submit { width: 5em; }

/* TODO: ul#toc-iks teha, et ei peaks !important-it kasutama. */
#toc { margin: 20px 40px 9px 9px; float: right; width: 230px; background: url(toc-foot.gif) no-repeat bottom;
	border: 0;  padding: 2	10px 0 0 0 !important; }
#toc ul { margin: 0px 0px 39px 0px; background: url(toc-bg.gif) repeat-y; }
#toc ul li { margin: 0px 20px 8px 32px; padding: 0; list-style-type: none; list-style-image: none; }
.tocheader { background: url(toc-head.gif) no-repeat; height: 34px; text-align: center;
	color: #339900;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0; padding: 40px 0 0 0;
}
/*
* html #toc { display: none; visibility: hidden; }
*/
#nbut img, #nbut a { display: block; height: 14px; width: 109px;  }

.n-festival       { background: url(navi-et.gif) no-repeat 0 0px; }
.festival .n-festival,
a.n-festival:hover { background: url(navi-et.gif) no-repeat 0 -15px; }
.n-programm       { background: url(navi-et.gif) no-repeat 0 -30px; }
.programm .n-programm,
.esineja  .n-programm,
.kogu_festival  .n-programm,
.naeitused .n-programm,
.kaesitoeoehoov .n-programm,
.opitoad  .n-programm,
.roheline_lava  .n-programm,
.muinasjututuba  .n-programm,
.maakonnakontserdid  .n-programm,
a.n-programm:hover { background: url(navi-et.gif) no-repeat 0 -45px; }
.n-piletiinfo     { background: url(navi-et.gif) no-repeat 0 -60px; }
.piletiinfo a.n-piletiinfo,
.kauplemine .n-piletiinfo,
.bronn .n-piletiinfo,
.isicbronn .n-piletiinfo,
.ppbronn .n-piletiinfo,
a.n-piletiinfo:hover { background: url(navi-et.gif) no-repeat 0 -75px; }
.n-elu-olu       { background: url(navi-et.gif) no-repeat 0 -90px; }
.elu-olu .n-elu-olu,
a.n-elu-olu:hover { background: url(navi-et.gif) no-repeat 0 -105px; }
.n-album       { background: url(navi-et.gif) no-repeat 0 -120px; }
.album .n-album,
a.n-album:hover { background: url(navi-et.gif) no-repeat 0 -135px; }
.n-pressituba       { background: url(navi-et.gif) no-repeat 0 -150px; }
.pressituba .n-pressituba,
a.n-pressituba:hover { background: url(navi-et.gif) no-repeat 0 -165px; }
.n-folgi_sobrad       { background: url(navi-et.gif) no-repeat 0 -180px; }
.folgi_sobrad .n-folgi_sobrad,
a.n-folgi_sobrad:hover { background: url(navi-et.gif) no-repeat 0 -195px; }

.n-about       { background: url(navi-en.gif) no-repeat 0 0px; }
.about .n-about,
a.n-about:hover { background: url(navi-en.gif) no-repeat 0 -15px; }
.n-program       { background: url(navi-en.gif) no-repeat 0 -30px; }
.performer .n-program,
.program .n-program,
a.n-program:hover { background: url(navi-en.gif) no-repeat 0 -45px; }
.n-tickets       { background: url(navi-en.gif) no-repeat 0 -60px; }
.tickets .n-tickets,
a.n-tickets:hover { background: url(navi-en.gif) no-repeat 0 -75px; }
.n-essentials       { background: url(navi-en.gif) no-repeat 0 -90px; }
.essentials .n-essentials,
a.n-essentials:hover { background: url(navi-en.gif) no-repeat 0 -105px; }
.n-media_album       { background: url(navi-en.gif) no-repeat 0 -120px; }
.media_album .n-media_album,
a.n-media_album:hover { background: url(navi-en.gif) no-repeat 0 -135px; }
.n-press       { background: url(navi-en.gif) no-repeat 0 -150px; }
.press .n-press,
a.n-press:hover { background: url(navi-en.gif) no-repeat 0 -165px; }
.n-friends       { background: url(navi-en.gif) no-repeat 0 -180px; }
.friends .n-friends,
a.n-friends:hover { background: url(navi-en.gif) no-repeat 0 -195px; }

.n-festivaali                 { background: url(navi-fi.gif) no-repeat 0 0px;   }
.n-festivaali:hover,
.festivaali .n-festivaali { background: url(navi-fi.gif) no-repeat 0 -15px; }
.n-ohjelma               { background: url(navi-fi.gif) no-repeat 0 -30px; }
.n-ohjelma:hover,
.ohjelma a.n-ohjelma { background: url(navi-fi.gif) no-repeat 0 -45px; }
.n-liput             { background: url(navi-fi.gif) no-repeat 0 -60px; }
a.n-liput:hover,
.liput a.n-liput { background: url(navi-fi.gif) no-repeat 0 -75px; }
.n-oleellista       { background: url(navi-fi.gif) no-repeat 0 -90px; }
.oleellista a.n-oleellista,
a.n-oleellista:hover { background: url(navi-fi.gif) no-repeat 0 -105px; }
 .n-media-albumi       { background: url(navi-fi.gif) no-repeat 0 -120px; } body.media-albumi a.n-media-albumi,
a.n-media-albumi:hover { background: url(navi-fi.gif) no-repeat 0 -135px; }
 .n-lehdistoe       { background: url(navi-fi.gif) no-repeat 0 -150px; } body.lehdistoe a.n-lehdistoe,
a.n-lehdistoe:hover { background: url(navi-fi.gif) no-repeat 0 -165px; }
 .n-ystaevaet       { background: url(navi-fi.gif) no-repeat 0 -180px; } body.ystaevaet a.n-ystaevaet,
a.n-ystaevaet:hover { background: url(navi-fi.gif) no-repeat 0 -195px; }

/* keelenupud */
#poognamehike a img { position:absolute; top: 260px; height: 24px; width: 36px; }

.kava, .festival table, .festivaali table,  .about table
{
	width: 48em;
	border-left: 1px dotted #5376A5;
	border-bottom: 1px dotted #5376A5;
	margin-top: 0px;
	border-spacing: 0;
}
.kava td, .kava th,
.festival table td, .festivaali table td, .about table td,
.festival table th, .festivaali table th, .about table th
{
	border-right: 1px dotted #5376A5;
	border-top: 1px dotted #5376A5;
	border-left: 0px;
	padding: 1px 6px 1px 6px;
}
.kava th { background-color: rgb(213, 229, 190); font-size: 13px; }
.kava tr:hover td { background-color: rgb(255, 245, 200); }
.festival table th, .festival table td, .festivaali table th, .festivaali table td,
.about    table th, .about    table td { white-space: nowrap; }
.festival table th, .about    table th { text-align: left; }

.kell { width: 4em; text-align: center; }
.hind { width: 4em; }
.koht { width: 9.5em; }
.paev { width: 9em; }
.real { text-align: center; border: 1px solid red; }
.kava tr td:first-child + td + td + td + td { text-align: center }
.kava tr td:first-child + td + td +td { text-align: right }
.hind { text-align: right }
.roheline_lava .kava th, .green_stage .kava th { display: none; visibility: hidden; }

.esineja .kava { width: auto }
.performer .kava { width: auto }

.programm ul li span,
.program ul li span,
.kava td span
{
	font-size: 11px;
	font-style: italic;
	color: #C0B080;
}
.programm ul li:hover span,
.program  ul li:hover span,
.kava tr:hover td span
{ color: inherit; }

.kauplemine textarea { width: 22em; overflow: hidden; height: 4.8em;  }
.kauplemine #kuuluta { width: 14em; }
#pakun, #tahan { border: 0 none; }

/* etalon tabel */
.naeitused table td, .kaesitoeoehoov table td, .muinasjututuba table td, .opitoad table td
{
        border-right: 1px dotted #5376A5;
        border-top: 1px dotted #5376A5;
        border-left: 0px;
        padding: 1px 6px 1px 6px;
}
.naeitused table, .kaesitoeoehoov table, .muinasjututuba table, .opitoad table
{
        border-left: 1px dotted #5376A5;
        border-bottom: 1px dotted #5376A5;
        margin-top: 0px;
        border-spacing: 0;
	margin-left: 80px;
}
.naeitused tr:hover td, .kaesitoeoehoov tr:hover td, .muinasjututuba tr:hover td, .opitoad tr:hover td
{ 
background-color: rgb(255, 250, 175); 
}

/* .linnaplaan #content { margin-left: -10px; } */
* html .linnaplaan #content table { margin-left: 210px; }
* html .linnaplaan #content #linna_nr img { margin-left: 156px; }
* html .town_map #content table { margin-left: 210px; }
* html .town_map #content #linna_nr img { margin-left: 156px; }
* html .kartta #content table { margin-left: 210px; }
* html .kartta #content #linna_nr img { margin-left: 156px; }


#kohapilt { position: absolute; right: 60px; top: 10px; z-index: 10; }
#kohapilt div { position: relative; top: -40px; font-size: 10px; width: 180px; left: 10px; text-align: center; 
		font-family: Tahoma; font-weight: bold; line-height: 110%; color: #2A4A80; }

.linnaplaan #content table,
.kartta #content table,
.town_map #content table { position: absolute; top: 788px; left: 38px; width: 660px; height: 196px; }

#pildilist { width: 600px; padding: 10px; text-align: center; }
#pildilist img { margin-left: 9px }
.album select { width: 20em; }
.album select option { padding-left: 10px; }
.album #content a:hover { background: none; }

.pildinavi .eelmised img,
.pildinavi .jargmised img { border: 0px none; opacity: .4; }

.pildinavi { width: 697px; margin-left: 16px; }
* html { margin-left: 14px; }
.pildinavi .eelmised {   text-align: right; }
.pildinavi .jargmised {  text-align: left; }

.albumiraam
{
	background: url(mummud_head.gif) repeat-x top left ;
	border: 1px solid rgb(151,174,204);
	margin: 10px 40px 10px 20px;
	text-align: center;
	width: 740px;
}
.albumiraam select { font-size: 11px; }
.lillid { position: relative; float: right; left: -3px; top: 3px; margin-left: -36px; }
.albumfoot { width:100%; background: url(mummud_foot.gif) repeat-x; height: 25px; vertical-align: bottom; padding-top: 10px; font-size: 10px; }
.albumfoot a { font-size: 10px;}
* html .albumfoot { height: 35px; }
}

@media print {

* { font: 9pt Tahoma,Verdana, Arial, Helvetica, serif; border: 0; padding: 0; margin: 0; }
#navi, #toc { visibility: hidden; display: none; }
h1 { 	font-size: 11pt; font-weight: bold; }
h2 { 	font-size: 10pt; font-weight: bold; }
strong { font-weight: bold; }

.esineja img { display: none; visibility: hidden; }

/* print etalon tabel */
.naeitused table td, .kaesitoeoehoov table td, .muinasjututuba table td, .opitoad table td
{
	font-size: 8pt;
        border-right: 1px dotted #5376A5;
        border-top: 1px dotted #5376A5;
        border-left: 0px;
        padding: 1px 6px 2px 6px;
}
.naeitused table, .kaesitoeoehoov table, .muinasjututuba table, .opitoad table
{
        border-left: 1px dotted #5376A5;
        border-bottom: 1px dotted #5376A5;
        margin-top: 0px;
        border-spacing: 0;
        margin-left: 10px;
}

#lisaprogramm,
#lisaprogramm + div,
#realvideo_lingid,
#realvideo_lingid + div { visibility: hidden; display: none }

/* programmi tabel */
.kava, .festival table, .about table
{
        width: 100%;
        border-left: 1px dotted #5376A5;
        border-bottom: 1px dotted #5376A5;
        margin-top: 0px;
        border-spacing: 0;
}
.kava td, .kava th,
.festival table td, .about table td,
.festival table th, .about table th
{
        border-right: 1px dotted #5376A5;
        border-top: 1px dotted #5376A5;
        border-left: 0px;
        padding: 1px 6px 1px 6px;
}
.kava th { background-color: rgb(236, 225, 161); font-size: 13px; }
.kava tr:hover td { background-color: rgb(255, 250, 175); }
.festival table th, .festival table td,
.about    table th, .about    table td { white-space: nowrap; }
.festival table th, .about    table th { text-align: left; }

.kell { width: 4em; text-align: center; }
.hind { width: 4em; }
.koht { width: 9.5em; }
.paev { width: 9em; }
.real tr td { display: none; visibility: hidden; }
.kava tr td:first-child + td + td + td + td { text-align: center }
.kava tr td:first-child + td + td +td { text-align: right }
.hind { text-align: right }
.roheline_lava .kava th, .green_stage .kava th { display: none; visibility: hidden; }


.mediaright { float: right; }
.medialeft { float: left }
.mediacenter { display: block; margin-left: auto; margin-right: auto; }

a { text-decoration: none; color: #000; font-weight: normal; }
img { border: 0px }

#kohapilt { display: none; visibility: hidden; }
.linnaplaan #content img, .town_map .kartta #content img { position: absolute; }
.town_map #content #linna_nr img, 
.linnaplaan #content #linna_nr img, 
.kartta #content #linna_nr img { z-index: 5; margin-left: -66px; }

.town_map #content table, 
.linnaplaan #content table, 
.kartta #content table { position: absolute; top: 788px; left: 32px; width: 665px; height: 198px; z-index: 10; }
}

.town_map #content #linna_nr img, 
.linnaplaan #content #linna_nr img, 
.kartta #content #linna_nr img { position: absolute; }

.town_map #content table td, .town_map #content table td a,
.kartta #content table td, .kartta #content table td a,
.linnaplaan #content table td a, .linnaplaan #content table td { font-size: 11px; font-family: Tahoma; }

.town_map #content table .koht, 
.linnaplaan #content table .koht, 
.kartta #content table .koht { width: auto; }