body  {
  font-family: Verdana, Sans, Sans-serif;
  color: #666;
  font-size: 10px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: #2e0d29 url(/pics/bg_page.jpg) no-repeat top center;
}

img { behavior: url(/js/ie6pngfix.htc); }

/* static divs for layout           */
#canvas   { position: absolute; width: 1010px; height: 660px; top: 20px;  left: 50%; margin-left: -505px; background: transparent; border: none; }

#pagetop  { position: absolute; width: 666px;  height: 98px;  top: 0px;   left: 322px; overflow: hidden; background: transparent; }
#topmenu  { position: absolute; width: 666px;  height: 30px;  top: 98px;  left: 322px; overflow: hidden; background: transparent; }
#content  { position: absolute; width: 410px;  height: 465px; top: 140px; left: 342px; overflow: auto;   background: transparent; }
#footer   { position: absolute; width: 666px;  height:  36px; top: 614px; left: 322px; overflow: hidden; background: transparent; }

#content2 { position: relative; width: 390px; height: auto;  background: transparent; }

#colcode  { position: absolute; top: 4px; left: 5px;  width: 100px; height: 28px; background: transparent; }
#playdice { position: absolute; top: 4px; left: 120px; width: 90px; height: 28px; background: transparent; }

#picL     { position: absolute; width: 322px; height:  650px; top: 0px;   left: 0px;   overflow: hidden;  background: transparent; }
#picR     { position: absolute; width: 255px; height:  465px; top: 140px; left: 755px; overflow: hidden;  background: transparent; }

/* divs for popups and dialog       */
.d_dim   { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; z-index: 100; display: none; background: #000; opacity: 0.4; filter: alpha(opacity=40); }
.d_pop   { position: absolute; top: 150px; left: 300px; width: 500px; height: 520px; background: #fff; border: solid 1px #444; display: none; z-index: 101; }
.d_dlg   { position: absolute; top: 150px; left: 300px; width: 250px; height: auto;  background: #fff; border: solid 1px #444; display: none; z-index: 101; }
.d_top   { height: 18px; margin: 0px; padding: 1px; background: #005baa url(/ico/title22k.png) repeat-x; }
.d_ttl   { height: 16px; margin: 0px; padding: 2px; float: left; color: #fff; font-weight: bold; }
.d_frm   { position: absolute; height: 350px; top: 20px;  left: 0px; margin: 0px; padding: 0px; border: none; }
.d_txt   { clear: both; margin: 5px; }
.d_close { width: 16px; height: 16px; margin: 0px 1px 0px 1px; float: right; background: transparent url(/ico/close16d.png) no-repeat; cursor: pointer; }

/* menu system     */
#topmenu .vsep   { height: 16px; width: 1px; margin: 7px 0px 0px 0px; background: #ccc; float: left; }
#topmenu .act    { height: 30px; margin: 0px; line-height: 30px; color: #111; font-family: Tahoma, sans; font-size: 14px; float: left; text-align: center; }
#topmenu .off    { height: 30px; margin: 0px; line-height: 30px; color: #888; font-family: Tahoma, sans; font-size: 14px; float: left; text-align: center; }
#topmenu a       { color: #777; }
#topmenu a:hover { color: #111; text-decoration: none; }

.mnu_nyheter     { width: 75px; }
.mnu_dansskola   { width: 91px; }
.mnu_letsdance   { width: 96px; }
.mnu_bokning     { width: 81px; }
.mnu_om_mig      { width: 82px; }
.mnu_galleri     { width: 65px; }
.mnu_kontakt     { width: 79px; }
.mnu_guestbook   { width: 81px; }

/* drop menus    */
.submenu         {
   position: absolute; top: 130px; left: 332px; height: auto; display: none; z-index: 10; 
   font-family: Tahoma, sans; font-size: 14px; line-height: 20px; text-align: center;
   border: solid 1px #eee; border-top-width: 1px;
   background: #fff;
 }
.submenu .hsep   { height: 1px; width: 25px; margin: 0px auto 0px auto; background: #ccc; }
.submenu a       { color: #777; }
.submenu a:hover { color: #000; text-decoration: none; }

#sub_bokning     { left: 587px !important; }
#sub_om_mig      { left: 669px !important; }


/* html elements           */
h1  { color: #555; font-family: Tahoma, sans, sans-serif; font-size: 16px; margin: 10px 0px 15px 0px; font-weight: normal; }
h2  { color: #555; font-family: Tahoma, sans, sans-serif; font-size: 13px; margin: 10px 0px 5px 0px; font-weight: normal; }
h3  { color: #222; font-family: Tahoma, sans, sans-serif; font-size: 11px; margin: 10px 0px 4px 0px; font-weight: bold; }

p     { margin: 0px 0px 8px 0px; }

ul    { margin: 0px 20px 15px 0px; padding: 0px 0px 0px 25px; }
li    { margin: 0px; padding: 0px; }

a         { color: #535; text-decoration: none; }
a:hover   { color: #202; text-decoration: none; }

hr    { width: 80%; height: 1px; color: #ccc; background-color: #ccc; border: 0px; }

.btn_info { height: 16px; padding-left: 20px; line-height: 16px; background: url(/ico/info16.png) no-repeat; }
.btn_pdf  { height: 16px; padding-left: 20px; line-height: 16px; background: url(/ico/file/pdf16.png) no-repeat; }
.btn_sok  { height: 16px; padding-left: 20px; line-height: 16px; background: url(/ico/sok16.png) no-repeat; }

/* gallery stuff     */
.g_img    { margin: auto; vertical-align: middle; border: 1px solid #ccc; }
.g_thb    { margin: 4px; vertical-align: middle; border: 1px solid #ccc; }

.leftpic  { width: 220px; height: 340px; margin: 45px auto 0px auto; }

/* form elements            */
option   { color: inherit; background: inherit; }
   
.txt   { font-family: Verdana, Sans, sans-serif; font-size: 11px; color: #000; border: 1px #666 solid; margin: 0px; }
.btn   { font-family: Verdana, Sans, sans-serif; font-size: 11px; color: #000; font-weight: bold; }
.bdis  { color: #ded; }

.wXS   { width: 45px; }
.wS    { width: 55px; }
.wM    { width: 85px; }
.wL    { width: 145px; }
.wXL   { width: 200px; }
.wXXL  { width: 250px; }
.wXXXL { width: 300px; }
.wMax  { width: 100%; }

/* info bubbles                         */
.bbl-div  { position: absolute; width: 290px; height: auto; margin: 0px; padding: 0px; top: 0px; left: 0px; display: none; z-index: 120; background: transparent; }
.bbl-top  { position: relative; width: 100%;  height: 15px; margin: 0px; background: url(/ico/bbl/top.png) no-repeat; cursor: pointer; }
.bbl-mid  { position: relative; width: 100%;  height: auto; margin: 0px; background: url(/ico/bbl/mid.png) repeat-y; }
.bbl-bot  { position: relative; width: 100%;  height: 30px; margin: 0px; background: url(/ico/bbl/bot.png) no-repeat; }
.bbl-txt  { position: relative; width: auto;  height: auto; margin: 0px 20px 0px 10px; background: transparent; color: #000; font-family: Verdana, Sans; }

/* tables                  */
td { font-family: Verdana, Sans, Serif; font-size: 10px; color: #666; }

.tbt          { background: #aaaaaa; table-layout: fixed; width: 100%; }
.tbh          { background: #dddddd; color: #000; line-height: 20px; font-weight: bold; font-size: 11px; }
.tbd          { background: #ffffff; color: #444; line-height: 20px; }
.tr1          { background: #ffffff; color: #444; line-height: 20px; }
.tr2          { background: #f5f5f5; color: #444; line-height: 20px; }
.tbd1         { background: #ffffff; color: #444; line-height: 20px; }
.tbd2         { background: #f5f5f5; color: #444; line-height: 20px; }
.tbd1:hover   { background: #ccccff; color: #444; line-height: 20px; }
.tbd2:hover   { background: #ccccff; color: #444; line-height: 20px; }
.tsvar        { background: #eeeeff; color: #444; line-height: 20px; }
.tgood        { background: #ccffcc; color: #222; line-height: 20px; }
.tdiss        { background: #eeeeee; color: #888; line-height: 20px; }
.twarn        { background: #ffcc66; color: #222; line-height: 20px; }
.tbad         { background: #ffcccc; color: #222; line-height: 20px; }
.tbt td       { padding: 0px 2px 0px 2px; font-size: 11px; }
.tmulti       { line-height: 16px; }
td.tclip      { white-space: nowrap; overflow: hidden; }
.tedit        { width: 100%; height: 100%; margin: 0px; padding: 0px 1px 0px 1px; background: transparent; border: none; }
.tpen         { height: 16px; background: url(/ico/pen16y.png) no-repeat; padding-left: 16px; }

/* subclasses, overrides   */
.b5   { margin: 5px; }
.b10  { margin: 10px; }
.b15  { margin: 15px; }
.v5   { margin: 5px; }
.v10  { margin: 10px; }
.v15  { margin: 15px; }

.brod { margin-right: 40px; text-align: justify; }

.vt   { vertical-align: top; }
.vm   { vertical-align: middle; }
.vb   { vertical-align: bottom; }
.ac   { text-align: center; }
.al   { text-align: left; }
.ar   { text-align: right; }
.fl   { float: left; position: relative; }
.fr   { float: right; position: relative; }
.brk  { clear: both; display: block; }
.clr  { clear: both; display: block; }

.obl  { color: #f00; font-weight: bold; }
.hl   { color: #868; font-weight: bold; }
.err  { color: #c30; }
.msg  { color: #080; }
.ro   { color: #888; border-color: #ddd; }
.ita  { font-style: italic; }
.clk  { cursor: pointer; }

.note   { font-size: 9px; color: #888; }
.pager  { width: 100%; text-align: center; margin: 5px auto 5px auto; font-weight: bold; font-size: 10px;}

.thumb  { margin: 0px 5px 5px 5px; border: solid 1px #ccc; }
.ico16  { width: 16px; height: 16px; border: none; margin: 0px 1px 0px 1px; }
.ico32  { width: 32px; height: 32px; border: none; margin: 0px 1px 0px 1px; }

.fcc  { background: #fcc; }
.ccf  { background: #ccf; }
.cfc  { background: #cfc; }
.fcf  { background: #fcf; }
.cff  { background: #cff; }
.ffc  { background: #ffc; }
.fff  { background: #fff; }