﻿/* +++ BAASELEMENDID +++ */

* { margin: 0; padding: 0; }
html ,body { background: #fff url(../gfx/); font-size: 0.9em; font-family: Tahoma ,Verdana ,Arial ,Helvetica , sans-serif; color: #323232; }
a img { border: none; }
a { color: #323232; }
a:hover { text-decoration: none; color: #000; } 

/* +++ HEADER +++ */

#header { background: #303030; padding: 0px 0 0 0; }
#logo-print { display: none; }
#logo { background: url(../gfx/logo2.gif) no-repeat; width: 1005px; height: 120px; margin: 0 auto 0 auto; }
#link { float: left; display: block; width: 197px; height: 50px; margin-top: 30px; }
#logo img { float: right; }
#nav { width: 1005px; height: 36px; margin: 0px auto 0 auto; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; }
#nav ul li a { margin-right: 5px; display: block; background: #d11414; border: 3px solid #ba1b1b; padding: 7px 26px 7px 26px; color: #fff; font: 13px 'Lucida sans'; text-decoration: none; font-weight: bold; }
#nav ul li a:hover { border: 3px solid #9b1616; color: #efefef; }
.ssuudis { margin-top: 7px; margin-left: 10px; margin-right: 10px; }
.ssuudis li { margin-top: 8px; }
.button { padding-top: 3px; padding-bottom: 3px; margin-left: 10px; margin-right: 10px; display: block; text-align: center; padding-right: 10px; border: 3px solid #61c23b; background: #63d120; color: #fff; font: 15px; font-weight: bold; }
.button a { cursor: pointer; text-decoration: none; }
.button:hover { border: 3px solid #59b136; }

/* +++ WRAPPER +++ */

#wrapper { width: 1005px; margin: 5px auto 0 auto; }
#content { float: left; width: 775px; }

.special { border: 1px solid #000; margin-top: 5px; color: #000;  }
.special-h { height: 62px; background: #000; color: #fff; padding: 10px; }
.special-h img { float: right; width: 188px; height: 36px; margin-top: 8px; }
.special-h h2 { font: 50px Tahoma bold; margin-top: -7px; }
.special-k { margin-left: 4px; }
.special-t { margin: 10px; margin-left: 13px; margin-top: -6px; }
.special ul { margin: 30px; margin-top: -15px; list-style-type: none; }
#adbox { height: 300px; background: url(../gfx/adbox.gif); margin-bottom: 5px; }
#adbox2 { height: 150px; background: url(../gfx/adbox2.png); margin-bottom: 5px; margin-top: 5px; }
.23 { font-size: 20px; float: left; width: 567px; }
#24 { float: right; margin-top: 8px; width: 240px; height: 20px; background: #000; }
.pood-nupp { height: 20px; display: block; } 
.pood-nupp li { list-style-type: none; margin-top: 5px; display: block; float: left; height: 20px; }
.pood-nupp li a { margin-left: 5px; display: block; background: #d11414; width: 373px; border: 3px solid #ba1b1b; text-align: center; padding: 7px 0px 7px 0px; color: #fff; font: 13px 'Lucida sans'; text-decoration: none; font-weight: bold; }
.pood-nupp li a:hover { border: 3px solid #9b1616; color: #efefef; display: block; }
#pood-text { margin-left: 15px; margin-right: 15px;   }
#pood-kast { border: 1px solid #c6c6c6; margin: 5px; margin-top: 26px !important; margin-top: 26px; padding-bottom: 13px; }
#pood-kast-2 { border: 1px solid #c6c6c6; margin: 5px; margin-top: 2px; padding-bottom: 13px; }
#pood-kast-2 h2 { margin-left: 15px; margin-top: 13px; }
#pood-kast-2 form { margin: 15px; margin-left: 150px; }
#pood-kast-2 label { float: left; width: 300px; }
#pood-kast h2 { margin-left: 15px; margin-top: 13px; }
#pood-kast form { margin: 15px; margin-left: 150px; }
.pood-vorm { margin-bottom: 5px; }
#pood-kast label { float: left; width: 300px; }
.submitbutton { margin-top: 15px; width: 446px; background: #d11414; border: 3px solid #ba1b1b; padding: 7px 28px 7px 28px; color: #fff; font: 16px 'Lucida sans'; text-decoration: none; font-weight: bold; } 
.submitbutton:hover { border: 3px solid #9b1616; color: #efefef; }
.25 { margin-left: 15px; width: 400px; }
#pilt2 { width: 763px; margin-left: 5px; margin-top: 21px; }
#pank { margin-left: 47px; }

.e-uudis { width: 773px; background: #fff; border: 1px solid #c6c6c6; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; }
.e-uudis h3 { font: 12px Arial; padding-left: 13px; padding-bottom: 0px; } 
.e-uudis h2 { font: 25px Arial; margin-top: 0px; padding-left: 10px; font-weight: bold; margin-left: 2px; }
.e-uudis p { padding-left: 13px; padding-bottom: 7px; padding-right: 12px; margin-top: 10px; }
.arhiiv { display: block; background: #d11414; width: 769px; border: 3px solid #ba1b1b; text-align: center; padding: 7px 0px 7px 0px; color: #fff; font: 13px 'Lucida sans'; text-decoration: none; font-weight: bold; }
.uudistabel { margin-left: 30px; }
.arhiiv:hover { border: 3px solid #9b1616; color: #efefef; display: block; }


#status-bar { padding: 5px 0 0 0; height: 23px; border: 3px solid #d7d7d7; background: #dfdfdf; font-weight: bold; }
#status-bar p { margin-left: 6px; cursor: default; }
.menu { width: 225px; float: right; }
.menu h3 { padding: 8px 0 0 4px; float: right; width: 221px; height: 26px; background: url(../gfx/menu.png); #63d120; color: #fff; font: 13px Tahoma bold; }
.menu span { margin-left: 5px; }
.menu ul { list-style-type: none; background: #fff; float: right; position: static; margin-bottom: 5px; }
.menu ul li { display: inline; }
.menu ul li a { font: 12px Tahoma; float: left; width: 217px; padding-left: 8px; padding-top: 7px; padding-bottom: 8px; display: block; background: url(../gfx/menulink.png) 0px 0px; margin-top: 1px; text-decoration: none; }
.menu ul li a:hover { background: url(../gfx/menulink.png) 0px 29px; }
.pp { margin-left: 20px; margin-top: 12px; margin-right: 20px; } 
.pp li { margin-top: 5px; }

.main { width: 773px; background: #fff; border: 1px solid #c6c6c6; padding-top: 5px; padding-bottom: 30px; margin-bottom: 5px; }
.space { height: 5px; }
.main h3 { font: 15px 'Century Gothic'; padding-left: 10px; padding-bottom: 0px;  }
.main h2 { font: 22px 'Century Gothic'; margin-top: 0px; padding-left: 10px; font-weight: bold; margin-left: 30px; }
.main p { padding-left: 5px; padding-bottom: 7px; padding-right: 12px; margin-top: 10px; }
.kaart { height: 91px; padding-top: 8px; padding-bottom: 8px; padding-right: 12px; padding-left: 105px; margin-bottom: 10px; background: #fff; margin-left: 12px; border: 1px solid #dddddd; margin-right: 12px; }
.main ul { list-style-type: decimal; margin-bottom: 10px; margin-left: 50px; margin-right: 50px; margin-top: 30px; margin-bottom: 30px; }
.main ul li { margin-bottom: 10px;  }
.main-img { margin-left: 30px; } 
.bb-code { margin-bottom: 15px; border: 1px solid #dadada; margin-top: 0px !important; margin-top: 3px; margin-left: 30px; margin-right: 30px; padding: 4px; padding-top: 2px; }
.q-tabel { border: 1px solid #b8b8b8;  background: #e7e7e7; border-right: none; width: 713px; margin-left: 30px; margin-right: 30px; margin-top: 25px; }
.q-tabel td { border-right: 1px solid #b8b8b8; padding: 5px; }
.q-alumine td { background: #fff; border-top: 1px solid #b8b8b8; }

.s-tabel { border: 1px solid #b8b8b8;  background: #e7e7e7; border-right: none; width: 713px; margin-left: 30px; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; border-bottom: none; }
.s-tabel td { border-right: 1px solid #b8b8b8; padding: 5px; text-align: center; border-bottom: 1px solid #b8b8b8; }
.s-tabel tr { background: #fff; }
.s-tabel tr:hover { background: #efefef; color: #000; }
.s-ulemine td { border-bottom: 1px solid #b8b8b8;  background: #e7e7e7;}
.s-h4 { margin: 30px; margin-left: 30px; margin-bottom: 0px; margin-top: 30px; padding: 0px; font: 25px Arial bold; }
.s-h45 { margin: 30px; margin-left: 30px; margin-bottom: 0px; margin-top: 0px; padding: 0px; font: 25px Arial bold; }
.s-p { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; margin-top: 10px; }
.s-main { width: 773px; background: #fff; border: 1px solid #c6c6c6; margin-bottom: 5px;  } 

.b-ul { margin-right: 5px; display: block; background: #d11414; width: 713px; border: 3px solid #ba1b1b; margin-left: 25px; margin-right: 23px; text-align: center; padding: 7px 0px 7px 0px; color: #fff; font: 13px 'Lucida sans'; text-decoration: none; font-weight: bold; }
.b-ul:hover { border: 3px solid #9b1616; color: #efefef; display: block; }

/* +++ QUESTI TABEL +++ */

.tabs { cursor: default; height: 24px; border: 1px solid #b8b8b8; margin-left: 10px; margin-right: 10px; background: #e7e7e7; margin-bottom: 0px !important; margin-bottom: 4px; }
.tabel { list-style-type: none; margin-left: 10px; margin-right: 10px; margin-bottom: 12px; }
.tabel li { cursor: default; border: 1px solid #dadada; border-top: none; height: 24px; padding-left: 4px; margin-top: 0px !important; margin-top: -4px;}
.tabel li:hover { background: #efefef; }

.tnimi {  font-weight: bold; float: left; width: 400px; border-right: 1px solid #b8b8b8; display: block; height: 20px; text-align: center; padding-top: 4px; }
.tnimi-sisu { float: left; display: block; border-right: 1px solid #dadada; width: 396px; height: 20px; padding-top: 4px; text-align: center; }
.traskus { font-weight: bold; float: left; width: 250px; border-right: 1px solid #b8b8b8; display: block; height: 20px; text-align: center; padding-top: 4px;}
.traskus-sisu { float: left;  border-right: 1px solid #dadada; width: 250px; height: 20px; padding-top: 4px; text-align: center; }
.tqp { font-weight: bold; float: left; width: 200px; border-right: 1px solid #b8b8b8; display: block; height: 20px; text-align: center; padding-top: 4px; }
.tqp-sisu { float: left; display: block; border-right: 1px solid #dadada; width: 200px; height: 20px; padding-top: 4px; text-align: center; }
.tautor { font-weight: bold; float: left; width: 344px; display: block; height: 20px; text-align: center; padding-top: 4px; }
.tautor-sisu { float: left; display: block; width: 344px; height: 20px; padding-top: 4px; text-align: center; }
.undone { background: #f08181; border-bottom: 1px solid #dadada; }
.undone li a hover { background: #000; }

/* +++ QUEST VIEW +++ */

.main ol { margin-left: 60px; margin-top: 30px; margin-right: 30px; }
.main ol li { margin-top: 3px; }
.main ol img { margin-top: 5px; }

/* +++ SKILL VIEW +++ */

.title { margin-left: 12px; margin-top: 10px; font-size: 15px; }
.sisukord { margin-left: 20px; margin-top: 3px; }
.sisukord a { text-decoration: none; }
.sisukord a:hover { text-decoration: underline; color: #000; }
.p2 { padding-right: 13px; margin-top: 4px; }
.pilt { margin-left: 13px; margin-top: 3px; }

/* +++ SKILL TABEL +++ */

.skilltabel { margin-left: 30px; margin-right: 30px; width: 713px; border-right: 1px solid #b8b8b8; margin-bottom: 30px; }
.tavatab td { text-align: center; border: 1px solid #b8b8b8; border-top: none; border-right: none; padding: 5px; }
.skilltab td { background: #e7e7e7; font-weight: bold; text-align: center; border: 1px solid #b8b8b8; border-right: none; padding: 5px; }
.skilltabel tr:hover { background: #efefef; }
.tavatab tr { height: 25px; text-align: center; }


/* +++ QUESTI TABEL +++ */

.qtabel { margin-left: 30px; margin-right: 30px; width: 713px; border-right: 1px solid #b8b8b8; margin-bottom: 30px; margin-top: 30px; }
.qtab2 td { text-align: center; border: 1px solid #b8b8b8; border-top: none; border-right: none; padding: 5px; }
.qtab1 td { background: #e7e7e7; font-weight: bold; text-align: center; border: 1px solid #b8b8b8; border-right: none; padding: 5px; }
.qtabel tr:hover { background: #efefef; }
.qtab2 tr { height: 25px; text-align: center; }

/* +++ TABEL 2 +++ */

.tabel2 { margin-left: 30px; margin-right: 30px;  margin-top: 15px; width: 713px; border: 1px solid #b8b8b8; margin-bottom: 30px; border-top: none; }
.tabel2-1 td { padding: 5px; border-top: 1px solid #b8b8b8; }
.tabel2 tr:hover { background: #efefef; }
.tabel2-1 tr { height: 25px; text-align: center; }

/* +++ KONTAKT +++ */

.kontakt { margin-left: 30px; margin-right: 30px;  margin-top: 15px; width: 713px; border: 1px solid #b8b8b8; margin-bottom: 30px; }
.kontakt td { padding: 5px; }

/* +++ SKILL DIV +++ */

.stabel { list-style-type: none; margin-left: 12px; margin-right: 12px; margin-bottom: 12px; }
.stabel li { cursor: default; border: 1px solid #dadada; border-top: none; height: 66px; margin-top: 0px !important; margin-top: -4px;  }
.stabel li:hover { background: #efefef; }
.snimi { font-weight: bold; float: left; width: 280px; border-right: 1px solid #b8b8b8; display: block; height: 20px; text-align: center; padding-top: 4px; }
.snimi-sisu { float: left; display: block; border-right: 1px solid #dadada; width: 280px; padding-top: 13px; height: 53px; text-align: center; }
.spilt { font-weight: bold; float: left; width: 223px; display: block; height: 18px; text-align: center; padding-top: 2px; }
.spilt-sisu { float: left; display: block; width: 223px; padding-top: 2px; height: 54px; text-align: center; }
.skirjeldus { font-weight: bold; float: left; width: 463px; display: block; height: 20px; text-align: center; padding-top: 4px; }
.skirjeldus-sisu { float: left; display: block; width: 463px; padding-top: 13px; height: 53px; text-align: center; }

/* +++ ÕPETUSTE & MAPPIDE TABEL +++ */

.mtab { margin-top: 5px !important; margin-top: 12px; cursor: default; height: 24px; border: 1px solid #b8b8b8; margin-left: 12px; margin-right: 12px; background: #e7e7e7; margin-bottom: 0px !important; margin-bottom: 4px; }
.mtabel { list-style-type: none; margin-left: 12px; margin-right: 12px; margin-bottom: 12px; }
.mtabel li { cursor: default; border: 1px solid #dadada; border-top: none; height: 24px; margin-top: 0px !important; margin-top: -4px;  }
.mtabel li:hover { background: #efefef; }

.mnimi { font-weight: bold; float: left; width: 433px; border-right: 1px solid #b8b8b8; display: block; height: 20px; text-align: center; padding-top: 4px; }
.mnimi-sisu { float: left; display: block; border-right: 1px solid #dadada; width: 433px; height: 20px; padding-top: 4px; text-align: center; }
.mnimi2 { font-weight: bold; float: left; width: 513px; border-right: 1px solid #b8b8b8; display: block; height: 20px; text-align: center; padding-top: 4px; }
.mnimi2-sisu { float: left; display: block; border-right: 1px solid #dadada; width: 513px; height: 20px; padding-top: 4px; text-align: center; }
.mstat { font-weight: bold; float: left; width: 250px; border-right: 1px solid #b8b8b8; display: block; min-height: 20px; text-align: center; padding-top: 4px;  }
.mstat-sisu { float: left; display: block; border-right: 1px solid #dadada; width: 250px; min-height: 20px; padding-top: 4px; text-align: center; }
.mautor { font-weight: bold; float: left; width: 362px; display: block; min-height: 20px; text-align: center; padding-top: 4px;  }
.mautor-sisu { float: left; display: block; width: 362px; min-height: 20px; padding-top: 4px; text-align: center;  }

/* +++ KONTAKTIVORM +++ */

.kontaktivorm-saada { width: 423px; background: #d11414; border: 3px solid #ba1b1b; padding: 7px 28px 7px 28px; color: #fff; font: 16px 'Lucida sans'; text-decoration: none; font-weight: bold; } 
.kontaktivorm-saada:hover { border: 3px solid #9b1616; color: #efefef; }
.kontaktivorm { margin: 25px; margin-top: 0px;  }
.kontaktivorm-1 { font-weight: bold; width: 200px; }
.kontaktivorm tr {}
.kontaktivorm select { width: 156px; padding: 3px; }
.kontaktivorm textarea { width: 419px; }
.kontaktivorm-input { width: 146px; padding: 3px; }
.teade { height: 28px; border: 3px solid #d7d7d7; background: #dfdfdf; font-weight: bold; cursor: default; margin: 30px; margin-top: 0px; padding-top: 8px; text-align: center; }

/* +++ FOOTER +++ */

#footer { margin-top: 20px; float: left; width: 100%; height: 63px; background: #39b211 url(../gfx/footer_bg.gif) 0px 0px repeat-x; }
#con { width: 1005px; margin: 10px auto 0 auto; }
#copyrights { float: left; }
#stats { float: right; text-align: right; font: 0.85em Tahoma; }
#stats img { margin-top: 5px; }
#top { background: url(../gfx/top.gif) 0px 0px no-repeat; width: 17px; height: 63px; float: right; margin-top: -10px; margin-left: 35px; }
#top a { display: block; width: 17px; height: 63px; }


.main-chat { width: 773px; background: #fff; border: 1px solid #c6c6c6; paddin-top: 5px; padding-right: 5px; margin-bottom: 5px; }
.kaart-wrap { width: auto; height: auto; border: 3px solid #d7d7d7; background: #dfdfdf; font-size: 11px; cursor: default; margin: 15px; padding: 4px; padding-bottom: 2px; }


.q-tabel2 { width: 723px; margin-left: 25px; margin-right: 25px; margin-top: 15px; }
.q-tabel2 td { border: 1px solid #b8b8b8; padding: 5px; background: #e7e7e7;}
.q-alumine2 td { background: #fff; border-top: 1px solid #b8b8b8; }
.q-tabel-note { width: 713px; margin-left: 30px; margin-bottom: 5px; margin-right: 30px; margin-top: 0px; border-top: 1px solid #b8b8b8; }
.q-tabel-note td { padding: 5px; border: 1px solid #b8b8b8; border-top: 1px; }
.q-tabel-note2 { background: #e7e7e7; }

.listitabel { margin-left: 0px; margin-right: 30px; width: 673px; border-right: 1px solid #b8b8b8; margin-bottom: 30px; border-bottom: 1px solid #b8b8b8; }
.listitabel td { text-align: center; border: 1px solid #b8b8b8; border-bottom: none; border-right: none; padding: 5px; }
.listitabel tr:hover { background: #efefef; }

.sisukord { margin-top: 0px; }
.sisukord li { margin-bottom: 0px; }

.s-h4s { margin: 30px; margin-left: 33px; margin-bottom: 0px; margin-top: 20px; padding: 0px; font: 25px Arial bold; }


.s-tabel2 { width: 705px; border: 1px solid #b8b8b8;  background: #e7e7e7; border-right: none; margin-left: 34px; margin-right: 34px; margin-top: -20px; border-bottom: none; }
.s-tabel2 td { border-right: 1px solid #b8b8b8; padding: 5px; text-align: center; border-bottom: 1px solid #b8b8b8; }
.s-tabel2 tr { background: #fff; }
.s-tabel2 tr:hover { background: #efefef; color: #000; }