/*<![CDATA[*/

  /*
    Code and design by Nebulus Design / Christoffer Aronsson (christoffer at nebulus dot se). Let me know if you intend
    to reuse this code for something.
  */

  /* TODO:
   * Ett bokmärke som ligger mellan bookBack och bookPages kommer få en oklickbar yta där bookPages har sin alfakanal! Kolla upp!
   * Städa organisationen av pagesLeft, pagesRight, kolumner osv. Vore bra att få använda EN mall och inte måsta göra specifika för varje sida
   *
   *
   */

  <!--
  /* LAYOUT / STYLE */

  body {
    background-color: #CCCCCC;
    background: url(../img/tapet_blomma_grey.jpg);
    position: absolute;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
  }
  #newsFlash {
    /*background-color: #FFFFFF;*/
    /* background: url(../img/bok_med_lapp.png);*/
    position: relative;
    left: 100px;
    width: 520px;
    height: 452px;
    border: solid;
    border-color: #000000;
    border-width: 0;
    overflow: hide;
    z-index: 1;
  }
  #closedBook {
    /*background-color: #FFFFFF;*/
    /* background: url(../img/bok_med_lapp.png);*/
    position: relative;
    left: 454px;
    width: 520px;
    height: 598px;
    border: solid;
    border-color: #000000;
    border-width: 0;
    overflow: hide;
    z-index: 1;
  }
  #bookBack {
    background-color: #FF0000;
    background: url(../img/book_open.jpg);
    position: relative;
    width: 973px;
    height: 597px;
    border: solid;
    border-color: #000000;
    border-width: 0;
    overflow: hide;
    z-index: 0;
  }
  /* Safekeeping the original
  #bookPages {
    background-color: #FFFF00;
    background: url(../img/book_pages.png);
    position: relative;
    width: 973px;
    height: 598px;
    border: solid;
    border-color: #000000;
    border-width: 0;
    overflow: hide;
    z-index: 2;
  }*/
  
  #bookPages {
    /* background-color: #FFFF00;*/
    /* background: url(../img/book_pages.png);*/
    position: relative;
    width: 965px;
    height: 580px;
    border: solid;
    border-color: #000000;
    border-width: 0;
    overflow: hide;
    z-index: 2;
  }
  
  /* Spacers */
  #verticalSpacer20px {
    position: relative;
    width: 10px;
    height: 20px;
  }
  #verticalSpacer30px {
    position: relative;
    width: 10px;
    height: 30px;
  }
  #verticalSpacer40px {
    position: relative;
    width: 10px;
    height: 40px;
  }
  #verticalSpacer50px {
    position: relative;
    width: 10px;
    height: 50px;
  }
  #verticalSpacer100px {
    position: relative;
    width: 10px;
    height: 100px;
  }
  /* Helsidor och kolumner */
  
  #pageLeft {
    /* background: #ff0000;*/
    position: absolute;
    left: 30px;
    top: 45px;
    width: 420px;
    height: 505px;
    overflow: auto;
  }
  #pageLeftC1 {
    /*background: #ff0000;*/
    position: absolute;
    left: 30px;
    top: 45px;
    width: 180px;
    height: 505px;
    overflow: hidden;
  }
  #pageLeftC2 {
    /*background: #ff0000;*/
    position: absolute;
    left: 245px;
    top: 45px;
    width: 210px;
    height: 505px;
    overflow: hidden;
  }
  #pageRight {
    /*background: #ff0000;*/
    position: absolute;
    left: 530px;
    top: 45px;
    width: 415px;
    height: 505px;
    overflow: hidden;
  }
  #pageRightC1 {
    /*background: #ff0000;*/
    position: absolute;
    left: 540px;
    top: 45px;
    width: 195px;
    height: 505px;
    overflow: hidden;
  }
  #pageRightC2 {
    /*background: #ff0000;*/
    position: absolute;
    left: 750px;
    top: 45px;
    width: 205px;
    height: 505px;
    overflow: hidden;
  }

/* Städa upp det här hörru! */


  /* Navigation - flytande objekt */

  /* ------------------------------ NEWS ------------------------------ */
  #newsLeftC1 {
    /*background: #ff0000;*/
    position: absolute;
    left: 30px;
    top: 45px;
    width: 210px;
    height: 505px;
    overflow: hidden;/*
    border-style: dotted;
    border-width: 0.1em;
    border-color: #555555;*/
  }
  #newsLeftC2 {
    /*background: #ff0000;*/
    position: absolute;
    left: 255px;
    top: 45px;
    width: 210px;
    height: 505px;
    overflow: hidden;/*
    border-style: dotted;
    border-width: 0.1em;
    border-color: #555555;*/
  }
  #newsRightC1 {
    /* background: #ff0000;*/
    position: absolute;
    left: 610px;
    top: 45px;
    width: 255px;
    height: 505px;
    overflow: hidden;/*
    border-style: dotted;
    border-width: 0.1em;
    border-color: #555555;*/
  }
  #newsRightC2 {
    /*background: #ff0000;*/
    position: absolute;
    left: 750px;
    top: 45px;
    width: 205px;
    height: 505px;
    overflow: hidden;/*
    border-style: dotted;
    border-width: 0.1em;
    border-color: #555555;*/
  }
  /*#news {
    background: #ff0000;
    position: absolute;
    left: 270px;
    top: 70px;
    width: 180px;
    height: 347px;
    overflow: hidden;
    z-index: 2;
  }*/
  
  /* ------------------------------ My Dance ------------------------------ */

  #myDanceLeft { /* BORDE ERSÄTTAS MED EN SPACER OCH pageLeft */
    /* background: #ff0000; */
    position: absolute;
    left: 40px;
    top: 45px;
    width: 400px;
    height: 535px;
    overflow: hidden;
  }
  #myDanceSongs { /* BORDE ERSÄTTAS MED EN SPACER OCH pageLeft */
    /* background: #ff0000; */
    position: relative;
    left: 150px;
    top: 0px;
    width: 200px;
    height: 100px;
    overflow: hidden;
  }
  
  /* ------------------------------ BTK ------------------------------ */

  #btkLeft { /* BORDE ERSÄTTAS MED EN SPACER OCH pageLeft */
    /* background: #ff0000; */
    position: absolute;
    left: 40px;
    top: 45px;
    width: 400px;
    height: 535px;
    overflow: hidden;
  }
  #btkRight { /* BORDE ERSÄTTAS MED EN SPACER OCH pageRight */
    /* background: #ff0000;*/ 
    position: absolute;
    left: 547px;
    top: 45px;
    width: 400px;
    height: 535px;
    overflow: hidden;
  }
  #btkTracksLapp {
    /* background: #ff0000;*/
    position: absolute;
    left: 60px;
    top: 310px;
    width: 223px;
    height: 223px;
    overflow: hidden;
    z-index: 3;
  }
  #btkTrack1 {
    position: absolute;
    left: 100px;
    top: 355px;
    width: 17px;
    height: 17px;
    overflow: hidden;
    z-index: 4;
  }
  #btkTrack2 {
    position: absolute;
    left: 140px;
    top: 442px;
    width: 17px;
    height: 17px;
    overflow: hidden;
    z-index: 4;
  }
  
  /* ------------------------------ KONTAKT ------------------------------ */
  
  #kontaktRight {
    /* background: #ff0000;*/
    position: absolute;
    left: 545px;
    top: 135px;
    width: 425px;
    height: 425px;
    overflow: hidden;
  }
  
  /* ------------------------------ GÄSTBOK ------------------------------ */
  
  #textbox {
    background-color: transparent;
    width: 180px;
    border-style: solid;
    border-width: 0px;
    position: absolute;
    height: 16px;
    padding: 0px;
  }
  input.gbook {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: relative;
    width: 260px;
    height: 16px;
    margin-left: 40px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.gbook_secret {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: relative;
    width: 100px;
    height: 16px;
    margin-left: 40px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  textarea.gbook {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: relative;
    width: 300px;
    height: 180px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.buttonGbook {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 10px;
    position: relative;
    width: 50px;
    height: 20px;
    left: 190px;
    margin-top: 5px;
    margin-left: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.radiobutton {
    /* color: #949494;*/
    background-color: transparent;
    position: relative;
    width: 10px;
    height: 10px;
    top: 0px;
    left: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  
  /* ------------------------------ SHOP ------------------------------ */
  #shopTextBox {
    /* background-color: #FF0000;*/
    border-style: solid;
    border-width: 0px;
    position: absolute;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 16px;
    width: 30px;
    padding: 0px;
  }

  #priceBoxLeft {
    /* background-color: #FF0000;*/
    border-style: solid;
    border-width: 0px;
    position: absolute;
    margin-top: 8px;
    height: 16px;
    width: 30px;
    padding: 0px;
  }
  #priceBoxRight {
    /* background-color: #FF0000;*/
    border-style: solid;
    border-width: 0px;
    position: absolute;
    margin-top: 8px;
    margin-left: 90px;
    height: 16px;
    width: 30px;
    padding: 0px;
  }
  input.shop {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: absolute;
    width: 260px;
    height: 16px;
    /*margin-bottom: 5px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.antalStor { /* KAN RADERAS!!!! */
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: absolute;
    width: 30px;
    height: 16px;
    margin-top: 5px;
    /*margin-bottom: 10px;*/
    /*margin-left: 120px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.antalLiten {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: absolute;
    width: 30px;
    height: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.antalLitenRight {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: absolute;
    width: 30px;
    height: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 120px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  textarea.shop {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 0.7em;
    position: relative;
    width: 260px;
    height: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  input.buttonShop {
    /* color: #949494;*/
    background-color: transparent;
    font-family: Georgia, Times;
    text-align: left;
    font-size: 10px;
    position: relative;
    width: 100px;
    height: 20px;
    left: 160px;
    margin-top: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #796e65;
  }
  table.shop {
    /* background: #FF0000;*/
    padding: 0px;
    width: 250px;
    border-style: dotted;
    border-width: 2px;
    border-color: #796e65;
  }
  tr.shop {
    padding: 0px;
  }
  td.shop {
    padding: 0px;
    vertical-align: top;
  }
  
  #shopAlbums {
    /* background: #FF0000;*/
    position: absolute;
    top: 0px;
    left: 270px;
    width: 150px;
    height: 458px;
  }
  /* ------------------------------ TOUR06 ------------------------------ */
  #tour06Animal {
    /*background: #ff0000;*/
    position: absolute;
    left: 745px;
    top: 320px;
    width: 200px;
    height: 250px;
    overflow: hidden;
    text-align: right;
    z-index: 3;
  }
  /* ------------------------------ VIDEO ------------------------------ */
  #videoContainer {
    /*background: #ff0000;*/
    background: url(../img/video_frame.jpg);
    position: absolute;
    left: 10px;
    top: 20px;
    width: 389px;
    height: 325px;
    overflow: hidden;
    text-align: center;
  }
  #videoInfoContainer {
    /*background: #ff0000;*/
    position: absolute;
    left: 50px;
    top: 20px;
    width: 320px;
    height: 255px;
    overflow: hidden;
    text-align: left;
  }
  
  /* ------------------------------ ÖVRIGT ------------------------------ */
  #footerArea {
    background-color: #9F9F9F;
    position: relative;
    text-align: right;
    width: 402px;
    height: 100px;
  }
  #line {
    /* background-color: #BBBBBB;*/
    height: 1px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 5px;
    border-bottom: 1px solid #796e65;
  }
  
  /* ------------------------------ NAVIGATION - BOOKMARKS ------------------------------ */

  #bookmarkHappyKnocks {
    /* background: #ff0000;*/
    position: absolute;
    left: 10px;
    top: 500px;
    width: 89px;
    height: 133px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkMyDance {
    /* background: #ff0000;*/
    position: absolute;
    left: -25px;
    top: 467px;
    width: 178px;
    height: 107px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkBibelband {
    /* background: #ff0000;*/
    position: absolute;
    left: 315px;
    top: 378px;
    width: 50px;
    height: 329px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkHalsband {
    /* background: #ff0000;*/
    position: absolute;
    left: 515px;
    top: 320px;
    width: 36px;
    height: 400px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkDam {
    /* background: #ff0000;*/
    position: absolute;
    left: 860px;
    top: 279px;
    width: 180px;
    height: 65px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkBrev {
    /* background: #ff0000;*/
    position: absolute;
    left: 315px;
    top: 579px;
    width: 50px;
    height: 129px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkBrevduva {
    /* background: #ff0000;*/
    position: absolute;
    left: 750px;
    top: 479px;
    width: 200px;
    height: 178px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  #bookmarkGbok {
    /* background: #ff0000; */
    position: absolute;
    left: 693px;
    top: 40px;
    width: 350px;
    height: 230px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
    #bookmarkShop {
    /* background: #ff0000;*/
    position: absolute;
    left: 869px;
    top: 356px;
    width: 165px;
    height: 127px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
    #bookmarkTour06 {
    /* background: #ff0000;*/
    position: absolute;
    left: 572px;
    top: 494px;
    width: 161px;
    height: 178px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
    #bookmarkVideo {
    /* background: #ff0000;*/
    position: absolute;
    left: 103px;
    top: 402px;
    width: 195px;
    height: 270px;
    overflow: hidden;
    z-index: 1;
    /* pngHack */
  }
  /* ------------------------------ Krims-krams ------------------------------ */
  
  #krimsBarr1 {
    /* background: #ff0000;*/
    position: absolute;
    left: 181px;
    top: 697px;
    width: 111px;
    height: 33px;
    overflow: hidden;
    z-index: -1;
  }
  
  /* ------------------------------ IMAGES ------------------------------ */
  
  /* pngHack */
  /* img {behavior: url(../pngHack/pngHack.htc);} */
  
  img.pic {
    display: run-in;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 2px;
    /* float: left;*/
    border: 0;
    z-index: 1;
  }
  img.bookmark {
    border: 0;
    z-index: 2;
  }
  img.lapp {
    display: run-in;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 2px;
    float: left;
    border: 0;
    z-index: 2;
  }
  
  /* ------------------------------------- STYLE ------------------------------------ */

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

  /* ------------------------------ TYPOGRAPHY / LINKS ------------------------------ */

  a:link {
    text-decoration: none;
    color: #000000;
    }
  a:visited {
    text-decoration: none;
    color: #000000;    }
  a:active {
    text-decoration: none;
    color: #000000;
    }
  a:hover  {
    text-decoration: none;
    color: #000000;
  }
  a.admin {
    font-family: Georgia, Times;
    /* font-size: 0.7em;*/
    font-size: 10px;
    font-weight: bold;
    color: #AAFD33;
  }

  /* ------------------------------ TYPOGRAPHY / STYLES ------------------------------ */

  i {
    font-style: italic;
  }
  b {
    font-weight: bold;
  }
  bb {
    font-weight: bolder;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, Times;
    text-align: left;
  }
  
  /* ------------------------------ TEXT / TYPOGRAPHY MISC ------------------------------ */

  span.text  {
    color: #000000;
    font-family: Georgia, Times;
    /* font-size: 0.7em;*/
    font-size: 10px;
  }
  span.boldText {
   color: #000000;
   font-family: Georgia, Times;
   font-size: 10px;
   font-weight: bold;
  }
  span.news  {
    color: #000000;
    font-family: Georgia, Times;
    /* font-size: 0.7em;*/
    font-size: 10px;
    text-align: justify;
  }
  span.header {
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    font-family: Georgia, Times;
    /* font-size: 0.65em;*/
    font-size: 10px;
    font-weight: bold;
  }
  span.footerText {
    color: #882222;
    font-family: Georgia, Times;
    font-size: 8px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    right: 10px;
    width: 580px;
    z-index: 0;
  }
   .dim {
    color: #796e65;
  }
  /* Speciellt för gästboken */
  .date {
    color: #000000;
    font-weight: bold;
    font-family: Georgia, Times;
    /* font-size: 0.7em;*/
    font-size: 10px;
  }
  .sender {
    color: #000000;
    font-weight: bold;
    font-family: Georgia, Times;
    /* font-size: 0.7em;*/
    font-size: 10px;
  }
  .message {
    color: #000000;
    font-weight: bold;
    font-family: Georgia, Times;
    /* font-size: 0.7em;*/
    font-size: 10px;
  }
  
  
  -->
/*]]>*/