@charset 'UTF-8';

/**
 * ------------------------------------------------------------
 * @section general
 * ------------------------------------------------------------
 */

.col-left {
  margin-right: 240px;
  width: auto;
}

.col-right {
  float: right;
  display: inline;
  width: 220px;
}

/**
 * ------------------------------------------------------------
 * @section preview
 * ------------------------------------------------------------
 */

#preview-top {
  position: fixed;
  z-index: 1000;
  width: 100%;
  line-height: 30px;
  color: #FFF;
  background-image: url('../../../images/preview_top.gif');
  background-repeat: repeat-x;
}

#preview-right {
  position: fixed;
  top: 91px;
  right: 10px;
  z-index: 1000;
/*
  width: 200px;
  height: 500px;
*/
  background-image: url('../../../images/preview_right.gif');
  background-repeat: repeat-x;
  background-color: #FF6600;
}
   
/**
 * ------------------------------------------------------------
 * @section page
 * ------------------------------------------------------------
 */

#page {
  position: relative;
  z-index: 10;/*???*/
  min-width: 1000px;
  width: 100%;
}

/**
 * ------------------------------------------------------------
 * @section header
 * ------------------------------------------------------------
 */

#header .col-left, #header .col-right {
  position: relative;
  padding-bottom: 1px;
  height: 50px;
  background-image: url('../images/dots_vertical_01.gif');
  background-repeat: repeat-x;
  background-position: bottom;
}

#header .col-right img {
  display: block;
}

/**
 * ------------------------------------------------------------
 * @section body > main
 * ------------------------------------------------------------
 */

#main #subnavigation {
  position: relative; /* required to set z-index */
  z-index: 200; /* overlaps content-container */
  /*!!!*//*padding-top: 2px;*/
  padding-bottom: 1px;
  height: 40px;
  background-image: url('../images/dots_vertical_01.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  /*!!!*//*line-height: 16px;*/
}

#main #content {
  position: relative; /* required to set z-index */
  z-index: 100; /* overlaped by tools-container */
}

/**
 * ------------------------------------------------------------
 * @section body > main > content layout 1 (about, terms, privacy, imprint)
 * ------------------------------------------------------------
 */

#main .content-layout-1 {
  padding: 20px 0 20px 20px;
  width: 740px;
}

/**
 * ------------------------------------------------------------
 * @section body > main > content layout 2 (browse & search results)
 * ------------------------------------------------------------
 */

#main .content-layout-2 {
  padding: 13px 0 17px 13px;
}

/**
 * ------------------------------------------------------------
 * @section body > main > content layout 3 (online, offline, brand)
 * ------------------------------------------------------------
 */

#main .content-layout-3 {
  padding: 17px 0 17px 17px;
}

#main .content-layout-3 .cl3-col-left {
  float: left;
  display: inline;
  width: 506px;
}

#main .content-layout-3 .cl3-col-right {
  margin-left: 523px;
  width: 220px;
}

/**
 * ------------------------------------------------------------
 * @section body > main > content layout 4 (tv)
 * ------------------------------------------------------------
 */

#main .content-layout-4 {
  padding: 20px 0 20px 20px;
}

#main .content-layout-4 .cl4-col-left {
  float: left;
  display: inline;
  margin-top: 20px;
  width: 350px;
}

#main .content-layout-4 .cl4-col-right {
  margin-top: 20px;
  margin-left: 370px;
  width: 350px;
}

/**
 * ------------------------------------------------------------
 * @section footer
 * ------------------------------------------------------------
 */

#footer .col-left, #footer .col-right {
  position: relative;
  padding-top: 1px;
  /*height: 30px;*/
  background-image: url('../images/dots_vertical_01.gif');
  background-repeat: repeat-x;
  background-position: top;
}

#footer .col-left {
  padding-top: 10px;
  padding-left: 20px;
  /*color: #999 !important;*/
}