/* Layout */
#jwouter {
  width: 1024px;
  background-image:url(images/background-tropfen.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0 auto;
}
#jwheader {
  width: 964px; /* 1024px - 60px;  */
  margin-left: 60px;
  height: 60px;
  background-color: #e0edfe;
}
#jwleft {
  font-size: 12px;
  width: 180px;
  float: left;
}
#jwinner {
  font-size: 12px;
  float: left;
}
#jwcontent {
  width: 841px;
  border-top: 3px solid #a3cbef;
  border-left: 3px solid #a3cbef;
  min-height: 200px;
  height:expression(this.scrollHeight > 205 ? "auto":"200px"); 
}
#jwinnercontent {
  padding: 20px;
}
#jwfooter {
  width: 841px;
  height: 207px;
  background-image:url(images/background-vogel.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
#jwinfobox {
  margin-top: 20px;
  background-image:url(images/info.gif);
  background-repeat: no-repeat;
  border: 1px solid #a3cbef;
  padding: 20px 20px 20px 40px;
  width: 550px;
}

/* Menue  */
ul.topmenu, ul.topmenu2 {
  font-size: 12px;
  margin-left: 120px;
  padding-top: 28px;
  margin-bottom: -28px;
}
ul.topmenu li, ul.topmenu2 li {
  display: block;
  float: left;
  width: 151px;
  height: 32px;
  text-align: center;
  background-image:url(images/reiter_inaktiv.gif);
}
ul.topmenu li.active {
  display: block;
  float: left;
  width: 151px;
  height: 32px;
  text-align: center;
  background-image:url(images/reiter_aktiv.gif);
}
ul.topmenu2 li.active {
  display: block;
  float: left;
  width: 151px;
  height: 32px;
  text-align: center;
  background-image:url(images/reiter_aktiv_gruen.gif);
}
ul.topmenu li.first, ul.topmenu2 li.first {
  display: block;
  float: left;
  width: 159px;
  height: 32px;
  text-align: center;
  background-image:url(images/reiter_vorn_inaktiv.gif);
}
ul.topmenu li.firstactive {
  display: block;
  float: left;
  width: 159px;
  height: 32px;
  text-align: center;
  background-image:url(images/reiter_vorn_aktiv.gif);
}
ul.topmenu2 li.firstactive {
  display: block;
  float: left;
  width: 159px;
  height: 32px;
  text-align: center;
  background-image:url(images/reiter_vorn_aktiv_gruen.gif);
}
ul.topmenu li.last, ul.topmenu2 li.last {
  display: block;
  float: left;
  width: 8px;
  height: 32px;
  background-image:url(images/reiter_letzter_schatten.gif);
}
ul.topmenu li a, ul.topmenu2 li a{
  position: relative;
  left: 5px;
  top: 10px;
}

ul.menu {
  color: #87abdd;
  margin-left: 5px;
  padding-left: 5px;
  margin-top: 25px;
}
ul.menu li {
  padding-bottom: 10px;
  font-size: 16px;
  text-align: right;
  padding-right: 8px;
}
ul.shopmenu {
  color: #87abdd;
  margin-left: 40px;
  padding-left: 10px;
  margin-top: 20px;
}

ul.menu li.active, ul.shopmenu li.active {
  font-weight: bold;
}

/* Imagelist */
.imagelist {
    width: 110px;
    height: 140px;
    float: left;
    margin: 5px;
    padding: 0;
    border: 1px solid #87abdd;
    background: #fff;
}
.imagelist2 {
    width: 110px;
    height: 140px;
    float: left;
    margin: 5px;
    padding: 0;
    border: 1px solid #ffb23f;
    background: #fff;
}
.imagelist .corner {
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
    left: 96px;
    background: url(images/roundcorner_blue2.gif) no-repeat;
}
.imagelist2 .corner {
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
    left: 96px;
    background: url(images/roundcorner_orange2.gif) no-repeat;
}
.imagelist  .content, .imagelist2 .content {
    width: 100px;
    height: 130px;
    position: relative;
    top: -10px;
    left: 5px;
}
.imagelist  .buttons, .imagelist2 .buttons{
    text-align: right;
    position: relative;
    top: -30px;
    width: 100px;
    left: 5px;
}
.imagelist  .name, .imagelist2 .name{
    font-size: 12px;
    font-weight: bold;
    color: #87abdd;
    display: block;
    overflow: hidden;
    width: 105px;
    height: 30px;
}
.imagelist  .image{
    border: 1px solid #87abdd;
}
.imagelist2 .image{
    border: 1px solid #ffb23f;
}
.imagelist p, .imagelist2  p{
    margin: 5px 0;
    padding: 0;
}




/* Imagelist Preise + Produkte */
.pp_imagelist {
    width: 110px;
    height: 155px;
    float: left;
    margin: 5px;
    padding: 0;
    border: 1px solid #87abdd;
    background: #fff;
}
.pp_imagelist2 {
    width: 110px;
    height: 155px;
    float: left;
    margin: 5px;
    padding: 0;
    border: 1px solid #ffb23f;
    background: #fff;
}
.pp_imagelist .corner {
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
    left: 96px;
    background: url(images/roundcorner_blue2.gif) no-repeat;
}
.pp_imagelist2 .corner {
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
    left: 96px;
    background: url(images/roundcorner_orange2.gif) no-repeat;
}
.pp_imagelist  .content, .pp_imagelist2 .content {
    width: 100px;
    height: 130px;
    position: relative;
    top: -10px;
    left: 5px;
}
.pp_imagelist  .buttons, .pp_imagelist2 .buttons{
    text-align: right;
    position: absolute;
    top: 135px;
    width: 100px;
    left: 5px;
}
.pp_imagelist  .name, .pp_imagelist2 .name{
    font-size: 12px;
    font-weight: bold;
    color: #87abdd;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 30px;
}
.pp_imagelist  .image{
    border: 1px solid #87abdd;
}
.pp_imagelist2 .image{
    border: 1px solid #ffb23f;
}
.pp_imagelist p, .pp_imagelist2  p{
    margin: 5px 0;
    padding: 0;
}




/* Imagelist Shopkategorien */
.sc_imagelist {
    width: 110px;
    height: 125px;
    float: left;
    margin: 5px;
    padding: 0;
    border: 1px solid #87abdd;
    background: #fff;
}
.sc_imagelist2 {
    width: 110px;
    height: 125px;
    float: left;
    margin: 5px;
    padding: 0;
    border: 1px solid #ffb23f;
    background: #fff;
}
.sc_imagelist .corner {
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
    left: 96px;
    background: url(images/roundcorner_blue2_blue.gif) no-repeat;
}
.sc_imagelist2 .corner {
  width: 15px;
  height: 15px;
  position: relative;
  top: -1px;
  left: 96px;
  background: url(images/roundcorner_orange2_blue.gif) no-repeat;
}
.sc_imagelist  .content, .sc_imagelist2 .content {
  width: 100px;
  height: 115px;
  position: relative;
  top: -10px;
  left: 5px;
}
.sc_imagelist  .buttons, .sc_imagelist2 .buttons{
  text-align: right;
  position: absolute;
  top: 98px;
  width: 95px;
  left: 5px;
}
.sc_imagelist  .name, .sc_imagelist2 .name{
  font-size: 12px;
  font-weight: bold;
  color: #87abdd;
  display: block;
  overflow: hidden;
  width: 100px;
  height: 30px;
}
.sc_imagelist  .image{
  border: 1px solid #87abdd;
}
.sc_imagelist2 .image{
  border: 1px solid #ffb23f;
}
.sc_imagelist p, .sc_imagelist2  p{
  margin: 5px 0;
  padding: 0;
}





/* Full Screen Stuff */
#grayout {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1001;
}
#window {
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 100px;
    z-index: 1005;
    border: 2px solid #87abdd;
}
#window  .corner{
    width: 10px;
    height: 14px;
    position: relative;
    top: -2px;
    background: url(images/roundcorner_blue.gif) no-repeat;
}
#window #editcontent {
    position: relative;
    top: -14px;
    padding: 15px;
}
#editcontent img{
  margin: 5px;
}

#categoryimages .deletefromcategory {
  display: none;
}
#shopimages .delteuserimage {
  display: none;
}