/* --- Standard Einstellungen ----------- */
* {
  padding: 0;
  margin: 0;
}

li {
  margin-left: 12px;
}

body {
  font-family: Tahoma, Verdana, Arial;
  font-size: 10px;
  color: #000000;
}

table {
  font-family: Tahoma, Verdana, Arial;
  font-size: 10px;
  color: #000000;
  padding: 0;
  border: 0;
}

img {
  border: 0 !important;
}

a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
/* -------------------------------------- */



div.layout {
  position: absolute;
  width: 985px;
  height: 678px;
  top: 50%;
  left: 50%;
  margin-left: -492px;
  margin-top: -339px;
  padding: 0px;
  background: url(../images/layout/missgiggles_new_background.gif);
}

  div#logoTransparent {
    position: absolute;
    top: 84px;
    left: 705px;
    filter: alpha(opacity=0);
    opacity: 0;
  }

  div.main {
    float: left;
    padding-top: 155px !important;
    width: 400px;
    height: 523px;
  }

    div.content {
      float: left;
      height: 410px;
      width: 400px;
      filter: alpha(opacity=70);
      opacity: 0.70;
      overflow: auto;
    }

    td.area {
      font-size: 20px;
      font-weight: bold;
    }

    /* --- News ----------------------- */
    table.news {
      padding: 3px;
      width: 100%;
      background: #E1D3BE;
    }

    p.news {
      margin-top: 5px;
    }
    /* -------------------------------- */


    /* --- Models ----------------------- */
    table.models {
      padding: 3px;
      width: 100%;
      background: #E1D3BE;
    }

    /* -------------------------------- */


    /* --- Contact -------------------- */
    textarea.contactMessage {
      font-family: Tahoma, Verdana, Arial;
      font-size: 10px;
      color: #000000;
      width: 300px;
      height: 150px;
      border: 2px solid #E1D3BE;
      background: #F6EEDE;
    }

    input.contactEmail {
      font-family: Tahoma, Verdana, Arial;
      font-size: 10px;
      width: 300px;
      border: 2px solid #E1D3BE;
      background: #F6EEDE;
    }

    input.contactButton {
      font-family: Tahoma, Verdana, Arial;
      font-size: 10px;
      font-weight: bold;
      width: 304px;
      border: 2px solid #E1D3BE;
      background: #F6EEDE;
    }
    /* -------------------------------- */



    /* --- Shoutbox �bersicht ---------------- */
    table.shoutboxOverview td {
        padding: 3px;
        width: 100%;
    }
    /* -------------------------------------- */



  /* --- Shoutbox ------------------- */
  div.ShoutFoot {
    float: left;
    padding-top: 230px !important;
    padding-left: 58px;
    height: 445px;
    width: 242px;
  }

    div.shoutbox {
      float: left;
      width: 190px;
      height: 320px;
    }

      div.shoutboxDaten {
        float: left;
        height: 177px;
        width: 184px;
        padding: 3px;
        overflow: auto;
      }

      div.shoutboxAlle {
        font-weight: bold;
        width: 184px;
        float: left;
        padding: 3px;
      }

      div.shoutboxInput {
        float: left;
        width: 184px;
        filter: alpha(opacity=70);
        opacity: 0.70;
      }

        .shoutboxButton {
          font-family: Tahoma, Verdana, Arial;
          font-size: 10px;
          font-weight: bold;
          width: 188px;
          border: 2px solid #E1D3BE;
          background: #F6EEDE;
        }

        .shoutboxComment {
          font-family: Tahoma, Verdana, Arial;
          font-size: 10px;
          color: #000000;
          width: 184px;
          height: 80px;
          border: 2px solid #E1D3BE;
          background: #F6EEDE;
        }

        .shoutboxName {
          font-family: Verdana, Tahoma, Arial;
          font-size: 10px;
          width: 184px;
          border: 2px solid #E1D3BE;
          background: #F6EEDE;
        }

        p.shoutbox {
          padding: 3px 0px 3px 0px;
          text-align: justify;
        }
  /* -------------------------------- */



  /* --- Footnote ------------------- */
  div.footnote {
    float: left;
    margin-top: 16px;
    width: 190px;
    font-weight: bold;
    text-align: right;
  }
  /* -------------------------------- */



  /* --- Men� ----------------------- */
  div.menue {
    float: left;
    padding-top: 110px;
    padding-left: 80px;
    height: 568px;
    width: 200px;
  }

    div.menueButtons {
      float: left;
      width: 80px;
    }

    div#active {
      float: left;
      filter: alpha(opacity=70);
      opacity: 0.70;
    }

    div#newsActive {
      position: relative;
      padding-top: 6px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#newsNotActive {
      position: relative;
      padding-top: 6px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#modelsActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#modelsNotActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#galleryActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#galleryNotActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#shopActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#shopNotActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#linksActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#linksNotActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#contactActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    div#contactNotActive {
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      height: 15px;
      width: 15px;
    }

    .menueNews {
      width: 80px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background: url(../images/menue/news.png) no-repeat;
    }

    .menueNews:hover {
      background-position: 0 -30px;
    }

    .menueModels {
      width: 80px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background: url(../images/menue/models.png) no-repeat;
    }

    .menueModels:hover {
      background-position: 0 -30px;
    }

    .menueGallery {
      width: 80px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background: url(../images/menue/gallery.png) no-repeat;
    }

    .menueGallery:hover {
      background-position: 0 -30px;
    }

    .menueShop {
      width: 80px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background: url(../images/menue/shop.png) no-repeat;
    }

    .menueShop:hover {
      background-position: 0 -30px;
    }

    .menueLinks {
      width: 80px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background: url(../images/menue/links.png) no-repeat;
    }

    .menueLinks:hover {
      background-position: 0 -30px;
    }

    .menueContact {
      width: 80px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background: url(../images/menue/contact.png) no-repeat;
    }

    .menueContact:hover {
      background-position: 0 -30px;
    }

    div#promo {
        position: absolute;
        top: 550px;
        left: 0px;
    }
	
	div#promo2 {
        position: absolute;
        top: 550px;
        left: 135px;
    }

  /* -------------------------------- */


  /* --- Gallery Men� --------------- */
  div.galleryMenue {
    float: left;
    background: url(../images/layout/bg_gallery_menue.png) no-repeat;
    width: 145px;
    height: 185px;
    margin-top: 50px;
    margin-left: -8px;
    padding-top: 20px;
    padding-left: 20px;
  }

    div.galleryMenueButtons {
      float: left;
    }

      .menueBeautiesGalore {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/beauties_galore.png) no-repeat;
      }

      .menueBeautiesGalore:hover {
        background-position: 0 -20px;
      }

      .menueCharmingCuties {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/charming_cuties.png) no-repeat;
      }

      .menueCharmingCuties:hover {
        background-position: 0 -20px;
      }

      .menueNylonsAndHeels {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/nylons_and_heels.png) no-repeat;
      }

      .menueNylonsAndHeels:hover {
        background-position: 0 -20px;
      }

      .menueEroticFood {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/erotic_food.png) no-repeat;
      }

      .menueEroticFood:hover {
        background-position: 0 -20px;
      }

      .menueDamselsInDistress {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/damsels_in_distress.png) no-repeat;
      }

      .menueDamselsInDistress:hover {
        background-position: 0 -20px;
      }

      .menueBoysForTheGirls {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/boys_for_the_girls.png) no-repeat;
      }

      .menueBoysForTheGirls:hover {
        background-position: 0 -20px;
      }

      .menueSweetLittleDisaster {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/sweet_little_disaster.png) no-repeat;
      }

      .menueSweetLittleDisaster:hover {
        background-position: 0 -20px;
      }

      .menueSpecials {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/specials.png) no-repeat;
      }

      .menueSpecials:hover {
        background-position: 0 -20px;
      }

      .menueTheGirlNextDoor {
        width: 123px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: url(../images/gallery_menue/the_girl_next_door.png) no-repeat;
      }

      .menueTheGirlNextDoor:hover {
        background-position: 0 -20px;
      }

  /* -------------------------------- */


  /* --- Message/Error -------------- */

  div.error {
    font-family: Tahoma, Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    width: 390px;
    border: 5px solid #939393;
    top: 50%;
    left: 50%;
    margin-top: -215px;
    margin-left: -217px;
    padding: 4px;
    background: #FD99CB;
    filter: alpha(opacity=80);
    opacity: 0.80;
    z-index: 99;
  }

  div.message {
    font-family: Tahoma, Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    width: 390px;
    border: 5px solid #939393;
    top: 50%;
    left: 50%;
    margin-top: -215px;
    margin-left: -217px;
    padding: 4px;
    background: #74C1CA;
    filter: alpha(opacity=80);
    opacity: 0.80;
    z-index: 99;
  }

  /* -------------------------------- */


  .modelOverview {
    /*position: relative;*/
    background: url(../images/layout/bilderrahmen.png) no-repeat;
    float: left;
    margin: 3px;
    font-weight: bold;
    height: 140px;
    width: 120px;
  }

    span.modelThumb {
      width: 90px;
      height: 90px;
      display: block;
      margin: 15px;
      padding: 0px;
    }

    a.modelOverview:hover {
      background-color: #A6AAA9;
    }

  div#modelProfilePhoto {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    margin-right: 4px;
    background-color: #FFFFFF;
  }

  div.modelPhotos {
    float: left;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    margin: 3px;
    background-color: #FFFFFF;
  }

  div#modelProfileInfo {
    float: left;
    padding-top: 0;
    width: 250px;
  }

  /* --- Shop --- */

  div.shopPicture {
    /*position: relative;*/
    float: left;
    margin: 3px;
    border: 5px solid #FFFFFF;
  }

  div.shopText {
    /*position: relative;*/
    float: left;
    margin: 3px;
  }


  /* --- Aufbau der Gallery Bilder -- */
  .hiddenImage {
    display: none;
  }

  .gallery {
    position: relative;
    background: url(../images/layout/bilderrahmen.png) no-repeat;
    list-style-type: none;
    float: left;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    height: 120px;
    width: 120px;
  }

    .picture {
      width: 90px;
      height: 90px;
      display: block;
      margin: 15px;
      padding: 0px;
    }

    /*.gallery img {
      display: block;
      margin: 0 auto;
    }*/

    .gallery a .previewPicture {
      display: none;
    }

    /*.previewPicture {
      height: 120px;
      width: 120px;
      border: 5px solid #FFFFFF;
    }*/

    .gallery a:hover .previewPicture {
      display: block;
      position: absolute;
      top: -5px;
      left: -5px;
      height: 120px;
      width: 120px;
      border: 5px solid #FFFFFF;
    }
  /* -------------------------------- */

  div#hiddenLayer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    visibility: hidden;
  }

    div#transparentLayer {
      position: absolute;
      background-color: #000000;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      filter: alpha(opacity=70);
      opacity: 0.70;
    }

    div#pictureLayer {
      position: relative;
      background: #FFF;
      padding: 5px 5px 20px 5px;
      margin: 15px auto !important;
      filter: alpha(opacity=100);
      opacity: 1;
    }

    div#preloadLayer {
      position: relative;
      background: #FFFFFF;
      height: 16px;
      width: 16px;
      padding: 5px;
      margin: 350px auto !important;
      filter: alpha(opacity=70);
      opacity: 0.70;
    }

  div#galleryIndex {
    position: relative;
    width: 100%;
  }