/* Layout-CSS für Tapetenexplorer http://www.as-creation.de */

* {
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  behavior: url(/site/css/csshover_ie.htc);
}
body#popup { 
  padding: 5px; 
}

#popup-symbols {
  position: absolute; 
  left: 296px;
  margin: 10px 0 0 0;
  width: 241px; 
}

/* ***************************** */
/* ********* Gerüst ************ */
/* ***************************** */
#explorer-wrapper { 
  width: 797px;
  height: 529px;
  position: absolute;
}

#head {
  font-family: verdana, arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #870817;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 15px;
}
#content { 
  height: 410px;
  padding: 15px;
}
#content-1 { 
  float: left;
  width: 577px;
  height: 446px;
  padding: 15px;
  overflow: auto;
}
#menu-right {
  float: right;
  width: 172px;
  height: 458px;
  padding: 10px 2px 15px 15px;
}
#footer-left {
  float: left;
  width: 577px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px 0 15px;
}
#footer-right {
  float: right;
  position: absolute;
  margin: 476px 0 0 607px;
  width: 160px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px 0 15px;
}
#footer-left-esprit {
  float: left;
  width: 577px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px 0 15px;
}
#footer-right-esprit {
  float: right;
  position: absolute;
  margin: 476px 0 0 607px;
  width: 160px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px 0 15px;
}

/* ***************************** */
/* ********** Images *********** */
/* ***************************** */
img.close {
  position: absolute;
  top: 3px;
  left: 782px;
}

/* ***************************** */
/* ******** Tabellen *********** */
/* ***************************** */
table.search-table {
  border-collapse: collapse;
  width: 560px; 
  border: 1px solid #7799cd;
}

table.inner-search-table {
  border-collapse: collapse;
}
table.search-table td { 
  padding: 0; 
}
table.inner-search-table th,
table#basket-form-table th {
  text-align: left;
  background: #7799cd;
  padding: 2px 0 2px 3px;
}
table.inner-search-table td {
  height: 18px; 
  padding: 1px 0 1px 3px;
}

table#sidebar-search-table { 
  border-collapse: collapse; 
  width: 165px;
  margin: 10px 0 0 0;
}
table#sidebar-search-table td { 
  font-size: 10px;
  padding: 2px;
}
table#sidebar-search-table td select { 
  font-size: 10px;
  background: #f8eeeb;
  color: #000;
  width: 75px;
  font-weight: normal;
}

table.basket-table,
table#basket-form-table { 
  width: 560px; 
  border-collapse: collapse;
  border: 1px solid #7799cd;
}
table.basket-table th { 
  background: #7799cd;
  padding: 3px;
  font-size: 10px;
}
table.basket-table td { 
  background: #becce8;
  color: #262626;
  border: 1px solid #7799cd;
  border-bottom: 3px solid #7799cd;
  padding: 5px;
}
table#basket-detail-table { 
  border-collapse: collapse;
  border: none;
}
table#basket-detail-table td {
  border: none;
  padding: 1px;
  font-size: 10px;
} 
table.search-result-table td,
table.basket-table { 
  font-size: 9px; 
  text-align: center;
}

table.search-result-detail-table td { 
  font-size: 9px; 
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #7799cd;
  width: 120px;
}

table#basket-form-table td { 
  padding: 4px 0 4px 4px;
  background: #becce8;
}

table#basket-form-table td input { 
  background: #fff;
  width: 120px;
  border: 1px solid #ccc;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  height: 16px;
  padding: 1px 0 0 2px;
}

table#search-result-characteristics-table {
  margin: 10px 0 0 6px;
  width: 272px;
  border: 1px solid #7799cd;
}
table#search-result-characteristics-table td,
table#search-result-characteristics-detail-table td { 
  font-size: 10px; 
  padding: 2px 6px 2px 6px;
  background: #becce8;
  color: #262626;
}

table#search-result-characteristics-detail-table {
  margin: 10px 0 0 6px;
  width: 527px;
  border: 1px solid #7799cd;
}

div#search-result-image-big {
  float: right; 
  position: absolute; 
  top: 89px; 
  left: 265px; 
  height: 380px;
}
div#sort,
table#sort,
table#sort td {
  background: #7799cd;
  margin: 0 0 5px 0;
}
div#sort span.count { 
  color: #003b84; 
}
table#sort { 
  width: 165px;
  border-collapse: collapse;
}
table#sort td.name { 
  width: 60px;
  color: #fff;
  background: #003b84;
  padding: 3px 0 3px 3px;
}
table#sort td {
  background: #003b84;
  color: #fff;
  border: 1px solid #fff;
}

/* ***************************** */
/* ******* Checkboxen ********** */
/* ***************************** */
.checkboxOff {
  display: inline;
  margin: 0;
  padding: 2px;
  padding-left: 20px;
  color: #666;
  line-height: 16px;
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  background: url(/site/images/icons/chk_off.gif) 0 50% no-repeat;
  border: 0;
}
.checkboxOn {
  display: inline;
  margin: 0;
  padding: 2px;
  padding-left: 20px;
  color: #000;
  line-height: 16px;
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  background: url(/site/images/icons/chk_on.gif) 0 50% no-repeat;
  border: 0;
}

/* ***************************** */
/* ******** Tab-Menu *********** */
/* ***************************** */
#tabmenu {
  color: #003b84;
  border-bottom: 1px solid #003b84;
  margin: 12px 0 0 0;
  padding: 0 0 7px 10px;
  z-index: 1;
}
#tabmenu li {
  display: inline;
  overflow: hidden;
  list-style-type: none;
}
#tabmenu a, a.active {
  color: #003b84;
  background: #7799cd;
  font: bold 11px verdana, arial, sans-serif;
  border: 1px solid #003b84;
  padding: 5px 5px 7px 5px;
  margin: 0;
  text-decoration: none; 
}
#tabmenu a.active {
  color: #003b84;
  background: #b3c3e4;
  border-bottom: 1px solid #b3c3e4;
}

#tabmenu a.active-esprit {
  color: #fff;
  background: #c22732;
  border-bottom: 1px solid #c22732;
}

/* ***************************** */
/* ********** IE/MAC *********** */
/* ***************************** */
*>html #menu-right {
  height: 451px;
}
*>html #footer-right {
 margin: 0;
}