/**
 * Overall settings
 */
div#main {
  width: 662px; /* IMPORTANT: IE needs this! */
  display: none;
  position: relative; /* IMPORTANT: IE needs this! */
}

div#noDecors {
  /* width: 662px; *//* IMPORTANT: IE needs this! */
  display: none;
  position: relative; /* IMPORTANT: IE needs this! */
	left: -5px;
}


/* EXPERIMENTAL */
/*
div#noDecors {
  display: block;
}
span#orderDecors {
  display: none;
}
*/
/*\EXPERIMENTAL */

div#dragArea, table#dropArea, div.mydesc {
  width: 650px;
}
div#text {
  overflow: hidden;
}

/* contains drop area, indicator, panel, .. */
div#playgroundSection {
  border: 1px solid white;
  padding: 5px 10px 5px 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
  color: #333;
  height: 330px;
}

/* contains drag area and trashcan */
div#decorSection {
}


/**
 * Drag Area
 */
div#dragArea {
  width: 560px;
  padding: 0;
  margin: 0 0 7px 0;
  float: left;
}
div#dragArea img {
  /* padding: 1px; */
  
  /* margin: 0px 6px 1px 0px; */
  margin: 1px 7px 2px 1px;

  /*border: 1px solid transparent;*/
  z-index: 0; /* <-- hinzufgen */
 
  /* move-cursor */
  cursor: move;
}


/**
 * Drop Area
 */
table#dropArea td {
  font-size: 0.9em;
}


/**
 * Drop Area (medium image)
 */
#dropArea td {
  padding: 0;
  margin: 0;
}
div.medium {
  background: url('/images/products/dropzone.gif') no-repeat;
  border: 0;
  margin: 1px;
  /*
  width: 200px;
  height: 250px;
  */
  width: 198px;
  height: 248px;
  cursor: pointer;
}
/**
 * Information (medium image)
 */
div.info {
  padding: 3px 2px;
  width: 200px;
  visibility: hidden;
}
div.info div.value {
  line-height: 1.1em;
}
div.info div.name {
  font-weight: bold;
}
div.info a {
  text-decoration: none;
}


/* previews touch */


#medium1.touch
{
position: absolute;
left: 19px;
/* margin-left: 19px; /* Opera 9 Workaround */
}

#medium2.touch
{
position: absolute;
left: 0px;
/* margin-left: -48px; /* Opera 9 Workaround */
}

#medium3.touch
{
position: absolute;
left: -22px;
/* margin-left: -34px;  /* Opera 9 Workaround */
}

#info1.touch
{
position: absolute;
left: 30px;
margin-top: 1px;
}

#info2.touch
{
position: absolute;
left: 230px;
margin-top: 1px;
}

#info3.touch
{
position: absolute;
left: 428px;
margin-top: 1px;
}


/**
 * Trashcan Area
 */
div#trashcanArea {
  float: right;
  height: 78px;
}
div#trashcan {
  width: 100px;
  height: 53px;
  /* background: url('/images/products/trashcan.gif'); *//*  no-repeat white; */ 
  /* border: 1px solid #eee; */
  padding: 1px;
}


/**
 * Indicator Area
 */
div#indicatorArea {
  float: left;
  margin-left: 2px;
  font-size: 0.9em;
}
div#indicator {
  font-family: monospace;
}
div#indicator img {
  vertical-align: middle;
}


/**
 * Rating Area
 */
div#ratingArea {
  margin: 5px 0 20px 0;
}


/**
 * Any Misc
 */
div#debug {
  color: red;
}
div.mydesc {
  background: rgb(245,245,245) url(/images/global/icn-close.png) no-repeat 385px 3px;
  border: 1px solid #d33539;
  position: absolute;
  z-index: 1;
  width: 400px;
  cursor: pointer;
}
div.mydesc dl {
  padding: 5px;
}
div.mydesc dl dd {
  margin: 0px;
  padding: 2px;
  line-height: 1.5em;
}


div#panelArea {
  height: 28px;
  width: 635px;
  text-align: right;
  margin: 0 5px 5px 0;
}
div#panelArea .statusLabel {
  /* disabled state, colorscheme: standard */
  color: #777;
}
div#panelArea .button {
  cursor: pointer;
}
div#panelArea img {
  margin: 0 2px 1px 1px;
  vertical-align: middle;
}

input#colorfield { /* hidden field, colorpicker needs this! */
display: none;
}


@media print
{
  div#trashcanArea,
  div#panelArea
  {
    display: none;
  }
  div#playgroundSection
  {
    margin-left: -10px;
    border: none !important;
    background-color: white!important;
  }
  div.info div.value,
  div.info a.value
  {
    color:black !important;
  }
  
  #medium1.touch,
  #medium2.touch,
  #medium3.touch
  {
    position: relative;
    left: 0px;
  }

}