/* CSS Gallery

div
  &.gallery
    position: fixed
    top: 0
    right: 0
    bottom: 0
    left: 0
    z-index: 2000
    opacity: 0
    filter: alpha(opacity = 0)
    height: 100%
    .background
      position: absolute
      z-index: 1
      width: 100%
      height: 100%
      background: #fff
      opacity: 0.9
      filter: alpha(opacity = 90)
    div
      &.group
        position: absolute
        z-index: 20
        width: 100%
        height: 100%
        opacity: 0
        filter: alpha(opacity = 0)
        transition: opacity 0.4s ease-in
        -moz-transition: opacity 0.4s ease-in
        -webkit-transition: opacity 0.4s ease-in
        -o-transition: opacity 0.4s ease-in
        div.container
          position: relative
          display: inline
          float: left
          overflow: hidden

          +respond-to-width($bp_md)
            width: 100% !important

        img
          position: absolute
          left: 50%
          top: 50%

          +respond-to-width($bp_md)
            left: 10%
            top: 10%
            width: 80% !important
            height: auto !important
            margin: 0 !important

      &.loader
        position: absolute
        bottom: 50%
        left: 50%
        z-index: 30
        margin-left: -30px
        margin-bottom: -30px
        width: 60px
        height: 60px
      &.button
        position: absolute
        top: 50%
        display: block
        opacity: 0.8
        filter: alpha(opacity = 80)
        margin-top: -30px
        width: 60px
        height: 60px
        cursor: pointer
      &.next
        position: absolute
        z-index: 50
        top: 50%
        right: 40px
        margin: -24px 0 0 -8px
        width: 18px
        height: 48px
        background: url(../images/structure/deensekroon_sprite.png) -32px -256px
        cursor: pointer
  &.gallerydiv.previous
    position: absolute
    z-index: 50
    top: 50%
    left: 40px
    margin: -24px 0 0 -8px
    width: 18px
    height: 48px
    background: url(../images/structure/deensekroon_sprite.png) -8px -256px
    cursor: pointer
  &.gallery div
    &.restart
      position: absolute
      z-index: 50
      top: 50%
      right: 40px
      margin: -24px 0 0 -12px
      width: 25px
      height: 52px
      background: url(../images/structure/deensekroon_sprite.png) -140px -256px
      cursor: pointer
    &.close
      position: absolute
      top: 50px
      left: 50%
      z-index: 50
      margin-left: -12px
      width: 24px
      height: 24px
      background: url(../images/structure/deensekroon_sprite.png) -56px -256px
      cursor: pointer
    &.switchHolder
      position: absolute
      top: 100px
      left: 50%
      z-index: 500
      width: 200px
      margin-left: -100px
      font-size: 11px
      font-weight: 700
      text-transform: uppercase
      text-align: center

/*div.gallery div.nav{					position: absolute; bottom: 50%; z-index: 20; opacity: 0; filter: alpha(opacity=0); margin-bottom: -130px; width: 100%; height: 260px;  }

#switchImage
  color: #333
  cursor: pointer

#switchHover
  color: #7f7f7f
  cursor: pointer

#switchImage:hover, #switchHover:hover
  color: #333

/* end Gallery