@charset "UTF-8";
/* Standard CSS | © 2010 by bessere-medizin.de
  HTML-Tags
------------------------------------ */

* {
  margin: 0;
  padding: 0
  }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  outline-color: invert;
  outline-style: none;
  outline-width: 0;
  vertical-align: baseline
  }

html, body {
  width: 100%;
  height: 100%;
  text-align: center
  }

@font-face {
  font-family: 'GraublauWeb';
  src: url('../files/GraublauWeb.eot');
  src: local('Graublau Web'), local('GraublauWeb-Regular'), url('../files/GraublauWeb.otf') format('truetype')
}

@font-face {
  font-family: 'GraublauWebBold';
  src: url('../files/GraublauWebBold.eot');
  src: local('Graublau Web'), local('GraublauWeb-Bold'), url('../files/GraublauWebBold.otf') format('truetype')
}

body {
  color: #4b4b4d;
  background: url(../files/bg_body.png) repeat-x 0 0 #4b4b4d;
  font: 12px "Trebuchet MS", sans-serif;
  line-height: 18px;
  text-rendering: optimizeSpeed
  }

input,
textarea {
  font: 12px "Trebuchet MS", sans-serif;
  line-height: 18px
  }

strong {
  font-weight: 700
  }

em {
  font-style: italic
  }

address {
  font-style: normal
  }

input::-moz-focus-inner {
  border: 0;
  padding: 0
  }

img {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic
  }

  img[src$=".gif"] {
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
    }

video {
  image-rendering: optimizeSpeed
  }

a,
a:visited {
  color: #4b4b4d;
  text-decoration: none
  }

  a:hover,
  a:focus {
    color: #fcd000
    }

::-moz-selection {
  color: #4b4b4d;
  background: #fcd000
  }

::selection {
  color: #4b4b4d;
  background: #fcd000
  }

a::-moz-selection {
  color: #fcd000;
  background: #000
  }

a::selection {
  color: #fcd000;
  background: #000
  }

/*
  Layout
------------------------------------ */

#shell {
  width: 976px;
  margin: auto;
  text-align: left
  }

  #header {
    width: 976px;
    height: 120px;
    float: left;
    position: relative
    }

    #logo {
      position: absolute;
      top: 4px;
      left: 16px
      }

    #loginform {
      width: 208px;
      position: absolute;
      top: 16px;
      right: 16px
      }

      #loginform input {
        height: 16px;
        float: left;
        margin: 0 0 2px 0;
        padding: 4px 8px;
        color: #fff;
        font: 11px/16px "Trebuchet MS", sans-serif;
        border: 0;
        background: #5d5e60
        }

        #loginform #lf_name {
          width: 192px
          }

        #loginform #lf_pwd {
          width: 102px
          }

        #loginform #lf_submit {
          width: 90px;
          height: 24px;
          padding: 0;
          background: url(../files/bg_loginform-submit.png) no-repeat 0 0 !important;
          cursor: pointer
          }

          #loginform #lf_text {
            width: 192px;
            height: 16px;
          float: left;
          margin: 0 0 2px 0;
          padding: 4px 8px;
          color: #fff;
          font: 11px/16px "Trebuchet MS", sans-serif;
          border: 0;
          background: #5d5e60
          }

         #loginform #lf_logout {
            width: 90px;
            height: 24px;
            margin: 0 0 0 118px;
            padding: 0;
            background: url(../files/bg_logoutform_submit.png) no-repeat 0 0 !important;
            cursor: pointer
          }

          #loginform #lf_submit:hover,
          #loginform #lf_submit:focus {
            background: url(../files/bg_loginform-submit-hover.png) no-repeat 0 0 !important;
          }

          #logoutform #lf_logout:hover,
          #loginform #lf_logout:focus {
            background: url(../files/bg_logoutform-submit-hover.png) no-repeat 0 0 !important;
          }

          #loginform input:hover,
          #loginform input:focus {
            background: #4B4B4D
          }

  #navigation,
  #start-navigation {
    width: 976px;
    height: 313px;
    float: left;
    position: relative
  }

    #navigation li,
    #start-navigation li {
      width: 228px;
      height: 313px;
      float: left;
      padding: 0 0 0 16px;
      list-style: none;
      -moz-border-radius: 12px 12px 0 0;
      -webkit-border-radius: 12px 12px 0 0;
      border-radius: 12px 12px 0 0;
      background: url(../files/bg_navigation-li.png) no-repeat 0 0
      }

    #navigation>ul>li:last-child {
      background: url(../files/bg_navigation-li-last.png) no-repeat 0 0
      }

      #navigation li a,
      #start-navigation li a {
        width: inherit;
        height: 63px;
        float: left;
        padding: 28px 0 0;
        color: #646567;
        font: 14px/17px "Trebuchet MS", sans-serif;
        text-transform: uppercase
        }

      #navigation li:hover,
      #navigation li.active,
      #start-navigation li:hover {
        background: url(../files/bg_navigation-li-active.png) no-repeat 0 0;
        -moz-box-shadow: 0 0 10px #444;
        -webkit-box-shadow: 0 0 10px #444;
        box-shadow: 0 0 10px #444;
        position: relative
        }

        #navigation li:hover a,
        #navigation li.active,
        #navigation li.active a,
        #start-navigation li:hover a {
          color: #fff
          }

        #navigation li.active li,
        #navigation li:hover li {
          display: block
          }

        #navigation li.active .description,
        #navigation li:hover .description {
          display: none
          }

        #navigation li .navi-arrow {
          display: none
          }

          #navigation li.active .navi-arrow {
            display: block;
            width: 25px !important;
            height: 17px !important;
            z-index: 30;
            position: absolute;
            top: 297px;
            left: 16px
            }

         #navigation li .description {
           float: left;
           padding: 20px 0 0;
           height: auto;
           height: 14px;
           line-height: 14px;
           background: none;
           }

        #navigation li ul {
          float: left;
          height: 205px;
          padding: 20px 0 0
          }

        #navigation li ul li {
          height: 11px;
          padding: 0;
          line-height: 14px;
          background: none;
          display: none
          }

          #navigation li ul li:hover {
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
            }

          #navigation li ul li a {
            height: auto !important;
            padding: 0 0 0 16px;
            color: #fff;
            font: 11px/14px "Trebuchet MS", sans-serif;
            text-transform: none !important;
            background: url(../files/bg_navigation-li-ul-li-a.png) no-repeat 0 2px
            }

            #navigation li ul li a:hover,
            #navigation li ul li a:focus,
            #navigation li ul li a.active {
              color: #fcd000
              }

    #navigation-arrow {
      z-index: 9000;
      position: absolute;
      bottom: 16px;
      right: 199px;
      display: none
      }

  #breadcrumb {
    width: 944px;
    height: 26px;
    float: left;
    margin: -16px 0 0;
    padding: 30px 16px 0 16px;
    background: url(../files/bg_breadcrumb.png) no-repeat 0 0;
    z-index: 20;
    position: relative
    }

    #breadcrumb,
    #breadcrumb a {
      font: 11px/11px "Trebuchet MS", sans-serif
      }

    #breadcrumb a {
      padding: 0 10px 0 0;
      background: url(../files/bg_breadcrumb-a.png) no-repeat right 6px;
      color: #9c9e9f
      }

      #breadcrumb a:last-child {
        background: none
        }

      #breadcrumb a.active {
        color: #4b4b4d;
        text-decoration: underline;
        background: none
        }

  #section {
    width: 976px;
    float: left;
    padding: 0 0 6px 0;
    background: #fff
    }

    #sidebar {
      width: 240px;
      float: left;
      margin: 24px 0;
      padding: 48px 0 40px 0;
      background: url(../files/bg_sidebar.png) no-repeat right bottom #000;
      position: relative
      }

      #sidebar-top {
        width: 10px;
        height: 10px;
        background: url(../files/bg_sidebar-top.png) no-repeat 0 0;
        position: absolute;
        top: 0;
        right: 0
        }

    #article-wide {
      width: 720px;
      float: left;
      margin: 24px 0 0 16px
      }

      #article-wide h1,
      #article-wide h2 {
        width: 672px !important
        }

    #article {
      width: 480px;
      float: left;
      margin: 24px 0 0 16px
      }

      #article-wide h1,
      #article-wide h2,
      #article h1,
      #article h2 {
        width: 432px;
        height: 33px;
        float: left;
        padding: 15px 16px 0 16px;
        color: #fcd000;
        font: 700 18px/18px "Trebuchet MS", sans-serif;
        background: #78787a
        }

      #article-wide h1 a,
      #article-wide h2 a,
      #article h1 a,
      #article h2 a {
        color: #fcd000;
        }

      #article-wide li,
      #article li {
        margin: 0 0 0 32px
        }

    #aside {
      width: 240px;
      float: right;
      margin: 24px 0 0;
      padding: 0 0 48px 0;
      background: url(../files/bg_aside.png) no-repeat right bottom #000
      }

      #aside form {
        float: left;
        margin: 14px 0 0
        }

      #aside input,
      #aside select {
        height: 16px;
        float: left;
        margin: 0 0 2px 0;
        padding: 4px 8px;
        color: #fff;
        font: 11px/16px "Trebuchet MS", sans-serif;
        border: 0;
        background: #5d5e60
        }

        #aside input:hover,
        #aside input:focus,
        #aside select:hover,
        #aside select:focus {
          background: #78787a
          }

  #footer {
    width: 912px;
    height: 94px;
    float: left;
    padding: 39px 32px 0 32px;
    background: url(../files/bg_footer.png) no-repeat 0 0;
    position: relative
    }

    #footer,
    #footer a {
      color: #4b4b4d;
      font: 11px/13px Arial, Helvetica, sans-serif
      }

      #footer a:hover,
      #footer a:focus {
        text-decoration: underline
        }

    #footer ul {
      position: absolute;
      top: 39px;
      right: 16px
      }

    #footer ul li {
      float: left;
      list-style: none
      }

      #footer ul li a {
        float: left;
        padding: 0 8px 0 7px;
        background: url(../files/bg_footer-ul-li-a.png) no-repeat right 3px
        }

        #footer ul li:last-child a {
          padding: 0 0 0 7px;
          background: none
          }

/*
  Content
------------------------------------ */

.clear {
  clear: both;
  height: 24px
  }

  * html .clear {
    line-height: 0;
    font-size: 0
    }

/*
  Box: Aside
------------------------------------ */

.box-aside,
.box-sidebar {
  width: 208px;
  float: left;
  margin: 0 0 8px 0;
  padding: 0 16px 14px 16px;
  background: url(../files/bg_box-aside.png) no-repeat 0 bottom #0f0f0f
  }

  .box-sidebar {
    background: url(../files/bg_box-sidebar.png) no-repeat right bottom #0f0f0f
    }

  .box-aside h3,
  .box-sidebar h3 {
    width: 208px;
    float: left;
    margin: 0 0 0 -16px;
    padding: 12px 16px 5px 16px;
    color: #b59604;
    text-transform: uppercase;
    background: url(../files/bg_box-aside-h3.png) no-repeat 0 0
    }

    .box-sidebar h3 {
      background: url(../files/bg_box-sidebar-h3.png) no-repeat right 0
      }

  .box-aside p,
  .box-sidebar p {
    width: 208px;
    float: left
    }

    .box-aside p,
    .box-aside p a,
    .box-sidebar p,
    .box-sidebar p a {
      color: #b7b7b7;
      font: 11px/13px "Trebuchet MS", sans-serif
      }

/*
  Box: Imagebutton
------------------------------------ */

.box-imagebutton {
  width: 224px;
  height: 259px;
  float: left;
  margin: 0 16px 16px 0;
  background: #78787a;
  position: relative
  }

  .box-imagebutton .box-imagebutton-border {
    position: absolute;
    top: 0;
    left: 0
    }

  .box-imagebutton .box-imagebutton-arrow {
    position: absolute;
    top: 158px;
    left: 16px
    }

  .box-imagebutton h3 {
    float: left;
    padding: 18px 16px 9px 16px
    }

    .box-imagebutton h3 a {
      color: #fcce00;
      font: 700 12px/12px "Trebuchet MS", sans-serif;
      text-transform: uppercase
      }

  .box-imagebutton p {
    float: left;
    padding: 0 16px
    }

    .box-imagebutton p a {
      color: #fff;
      font: 11px/13px "Trebuchet MS", sans-serif
      }

/*
  Box: Imagebutton Large
------------------------------------ */

.box-imagebutton-large {
  height: 534px
  }

  .box-imagebutton-large .box-imagebutton-arrow {
    top: 433px
    }

/*
  Box: Text
------------------------------------ */

.box-text {
  width: 432px;
  float: left;
  padding: 20px 16px 19px 16px;
  background: url(../files/bg_box-text.png) no-repeat 0 bottom #ededed
  }

  .box-text table {
    width: 432px !important;
    font-size: 10px;
    border-spacing: 1px
    }

    .box-text table th,
    .box-text table td,
    .box-text-wide table th,
    .box-text-wide table td {
      padding: 2px
      }

/*
  Box: Text Wide
------------------------------------ */

.box-text-wide {
  width: 672px;
  float: left;
  padding: 20px 16px 19px 16px;
  background: url(../files/bg_box-text-wide.png) no-repeat 0 bottom #ededed
  }

  .box-text-wide table {
    width: 672px !important;
    font-size: 10px;
    border-spacing: 1px
    }

/*
  Box: Image Text
------------------------------------ */

.box-image-text {
  width: 464px;
  float: left;
  background: url(../files/bg_box-text.png) no-repeat 0 bottom #ededed;
  position: relative
  }

  .box-image-text-image {
    width: 464px;
    height: 216px;
    float: left
    }

  .box-image-text-border {
    position: absolute;
    top: 0;
    left: 0
    }

  .box-image-text div.hidden {
    width: 432px;
    height: 51px;
    float: left;
    padding: 20px 16px 0 16px;
    overflow: hidden
    }

  .box-image-text div.visible {
    width: 432px;
    height: aut0;
    float: left;
    padding: 20px 16px 0 16px;
    overflow: visible
    }

  .social-web {
    width: 432px;
    height: 52px;
    float: left;
    margin: 19px 0 0;
    padding: 0 16px;
    background: url(../files/bg_social-web.png) no-repeat center 0
    }

    .social-web img {
      float: left;
      margin: 15px 12px 0 0
      }

    .sw-more {
      float: right;
      margin: 13px 0 0 0;
      padding: 0 0 0 16px;
      color: #4b4b4d !important;
      font-weight: 700;
      text-transform: uppercase;
      background: url(../files/bg_sw-more.png) no-repeat 0 2px
      }

/*
  Box: Image Text Wide
------------------------------------ */

.box-image-text-wide {
  width: 704px;
  float: left;
  background: url(../files/bg_box-text-wide.png) no-repeat 0 bottom #ededed;
  position: relative
  }

  .box-image-text-wide-image {
    width: 704px;
    height: 216px;
    float: left
    }

  .box-image-text-wide-border {
    position: absolute;
    top: 0;
    left: 0
    }

  .box-image-text-wide div.hidden {
    width: 672px;
    height: 51px;
    float: left;
    padding: 20px 16px 0 16px;
    overflow: hidden
    }

  .box-image-text-wide div.visible {
    width: 672px;
    height: auto;
    float: left;
    padding: 20px 16px 0 16px;
    overflow: visible
    }

  .social-web-wide {
    width: 672px;
    height: 52px;
    float: left;
    margin: 19px 0 0;
    padding: 0 16px;
    background: url(../files/bg_social-web-wide.gif) no-repeat center 0
    }

    .social-web-wide img {
      float: left;
      margin: 15px 12px 0 0
      }

    .sw-more {
      float: right;
      margin: 13px 0 0 0;
      padding: 0 0 0 16px;
      color: #4b4b4d !important;
      font-weight: 700;
      text-transform: uppercase;
      background: url(../files/bg_sw-more.png) no-repeat 0 2px;
      cursor: pointer
      }


/*
  Box: Google Maps
------------------------------------ */

.box-google-maps {
  width: 464px;
  height: 340px;
  float: left;
  background: url(../files/bg_box-text.png) no-repeat 0 bottom #ededed;
  position: relative
  }

  .box-google-maps .bgm-border {
    width: 464px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0
    }

  .box-google-maps iframe {
    width: 464px;
    height: 292px;
    float: left
    }

/*
  Box: Google Maps Wide
------------------------------------ */

.box-google-maps-wide {
  width: 704px;
  height: 340px;
  float: left;
  background: url(../files/bg_box-text.png) no-repeat 0 bottom #ededed;
  position: relative
  }

  .box-google-maps-wide .bgm-border {
    width: 704px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0
    }

  .box-google-maps-wide iframe {
    width: 704px;
    height: 292px;
    float: left
    }

/*
  Box: Address
------------------------------------ */

.box-address {
  width: 464px;
  float: left;
  padding: 0 0 19px 0;
  background: url(../files/bg_box-address.png) no-repeat 0 0 #ededed;
  position: relative
  }

  .box-address h3 {
    width: 432px;
    height: 19px;
    float: left;
    padding: 5px 16px 0 16px;
    font: 700 14px/14px "Trebuchet MS", sans-serif;
    color: #fcd000;
    text-transform: uppercase
    }

  .box-address img {
    width: 464px;
    height: 200px;
    float: left;
    margin: 0 0 20px 0
    }

  .box-address .addr_left {
    width: 208px;
    float: left;
    margin: 0 16px
    }

  .box-address .addr_right {
    width: 208px;
    float: left
    }

/*
  Box: Address Wide
------------------------------------ */

.box-address-wide {
  width: 344px;
  height: 440px;
  float: right;
  margin: 0 16px 0 0;
  padding: 0 0 19px 0;
  background: url(../files/bg_box-address.png) no-repeat 0 0 #ededed;
  position: relative
  }

  .box-address-wide h3 {
    width: 312px;
    height: 19px;
    float: left;
    padding: 5px 16px 0 16px;
    font: 700 14px/14px "Trebuchet MS", sans-serif;
    color: #fcd000;
    text-transform: uppercase
    }

  .box-address-wide img {
    width: 344px;
    height: 200px;
    float: left;
    margin: 0 0 20px 0
    }

  .box-address-wide .addr_left-wide {
    width: 312px;
    float: left;
    margin: 0 0 18px 16px
    }

  .box-address-wide .addr_right-wide {
    width: 312px;
    float: left;
    margin: 0 0 0 16px
    }

/*
  Form: Search Medical
------------------------------------ */

#mf_zip {
  width: 192px
  }

#mf_radius {
  width: 208px;
  height: 24px !important;
  padding: 3px 0 0 4px !important;
  cursor: pointer
  }

#mf_submit {
  width: 208px;
  height: 24px !important;
  text-align: center;
  background: #78787a !important;
  cursor: pointer
  }

/*
  Form: Contact Form
------------------------------------ */

#ct-form {
  width: 464px;
  float: left
  }

  #ct-form label.label {
    width: 432px;
    height: px;
    float: left;
    padding: 4px 16px 6px 16px;
    font: 700 14px/14px "Trebuchet MS", sans-serif;
    color: #fcd000;
    text-transform: uppercase;
    background: url(../files/bg_ct-form-label.gif) no-repeat 0 0;
    cursor: pointer
    }


  label.error {
    color: red;
    float: left;
    margin: -62px 0 0 185px;
  }


  #ct-form input,
  #ct-form textarea {
    width: 458px;
    height: 20px;
    float: left;
    margin: 0 0 16px 0;
    padding: 2px 3px;
    border: 0;
    background: #ededed
    }

    #ct-form #ct-zip {
      width: 50px !important;
      margin: 0 4px 0 0
      }

    #ct-form #ct-city {
      width: 398px !important
      }

  #ct-form textarea {
    height: 111px !important
    }

    #ct-form input:hover,
    #ct-form input:focus,
    #ct-form textarea:hover,
    #ct-form textarea:focus {
      color: #fff;
      background: #78787A
      }

    #ct-submit {
      width: 128px !important;
      height: 24px !important;
      float: right !important;
      margin: 0 !important;
      font: 700 14px/14px "Trebuchet MS", sans-serif;
      color: #fcd000;
      text-transform: uppercase;
      background: #78787A !important;
      cursor: pointer
      }

      #ct-submit:hover,
      #ct-submit:focus {
        color: #fff
        }

/*
  Form: Contact Form Wide
------------------------------------ */

#ct-form-wide {
  width: 344px;
  float: left
  }

  #ct-form-wide label.label {
    width: 312px;
    height: px;
    float: left;
    padding: 4px 16px 6px 16px;
    font: 700 14px/14px "Trebuchet MS", sans-serif;
    color: #fcd000;
    text-transform: uppercase;
    background: url(../files/bg_ct-form-label.gif) no-repeat 0 0;
    cursor: pointer
    }

  #ct-form-wide input,
  #ct-form-wide textarea {
    width: 338px;
    height: 20px;
    float: left;
    margin: 0 0 16px 0;
    padding: 2px 3px;
    border: 0;
    background: #ededed
    }

    #ct-form-wide #ct-zip-wide {
      width: 50px !important;
      margin: 0 4px 0 0
      }

    #ct-form-wide #ct-city-wide {
      width: 278px !important
      }

  #ct-form-wide textarea {
    height: 111px !important
    }

    #ct-form-wide input:hover,
    #ct-form-wide input:focus,
    #ct-form-wide textarea:hover,
    #ct-form-wide textarea:focus {
      color: #fff;
      background: #78787A
      }

    #ct-submit-wide {
      width: 128px !important;
      height: 24px !important;
      float: right !important;
      margin: 0 !important;
      font: 700 14px/14px "Trebuchet MS", sans-serif;
      color: #fcd000;
      text-transform: uppercase;
      background: #78787A !important;
      cursor: pointer
      }

      #ct-submit-wide:hover,
      #ct-submit-wide:focus {
        color: #fff
        }

/*
  Form: Search Website
------------------------------------ */

#sf_term {
  width: 192px
  }

/*
  Startsite
------------------------------------ */

#start-body {
  background: url(../files/bgs_body.png) repeat-x 0 0 #4b4b4d
  }

  .start-navigation {
    height: 275px !important
    }

    .start-navigation li {
      height: 275px !important
      }

    .start-navi-img {
      float: left;
      margin: 0 0 0 -16px;
      padding: 0 !important
      }

      .start-navi-img img {
        width: 244px;
        height: 184px
        }

  #start-section {
    width: 912px;
    height: 186px;
    float: left;
    margin: -48px 0 0 -9px;
    padding: 29px 41px 14px 32px;
    background: url(../files/bg_start-section.png) no-repeat 0 0;
    z-index: 10;
    position: relative
    }

    #start-left {
      width: 448px;
      float: left;
      margin: 0 48px 0 0
      }

      #start-left h1 {
        width: 100%;
        float: left;
        margin: 0 0 17px 0;
        color: #fcd000;
        font: 700 24px/24px "Trebuchet MS", sans-serif
        }

    #start-right {
      width: 416px;
      float: left;
      margin: 41px 0 0
      }

      #start-right .addr-left {
        width: 208px;
        float: left;
        margin: 0 16px 0 0
        }

      #start-right .addr-right {
        width: 192px;
        float: left
        }

/*
  Box: gallery
------------------------------------ */

#gallery_bg {
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
    }

#gallery_overlay, #gallery_overlay_real {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  }

#gallery_overlay_real {
  display: block;
  visibility: hidden;
  }

  #gallery_distance, #gallery_distance_real {
    float: left;
    height: 50%;
    margin-bottom: -300px;
    margin-left: -1px;
    width: 1px
    }

  #gallery_content, #gallery_content_real {
    clear: left;
    height: 600px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
    }

    #gallery_content {
        background: #4b4b4d
    }

    #gallery_close {
      cursor: pointer;
      z-index: 999;
      position: absolute;
      top: -16px;
      right: 32px
      }