@import url('forms.css');

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  background: #9d9d9d none;
  color: #ffffff;
  font-family: Arial, Verdana, Tahoma, Helvetica;
  font-size: 11px;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  width: 100%;
} 

* {
  outline: none;
}

a {
  color: #ffffff;
  text-decoration: none;
}

p {
  margin: 0;
}

h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin: 0px 0px 4px 0px;
  padding: 0;
}

h2 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0px 4px 0px 0px;
}

h3 {
  color: #4c4c4c;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0px 0px 1px 0px;
}

h4 {
  color: #4c4c4c;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.1em;
  margin: 0px 0px 0px 0px;
}

ul, ol {
  list-style-type: square;
  margin-top: 1em;
  margin-bottom: 1em;
}

hr {
  border: 0;
  border-top: 1px solid #d2d3d7;
  height: 1px;
  margin: 8px 0 8px 0;
  noshade: noshade;
  size: 1px;
}

div.Clearing {
  border: 0;
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  overflow: hidden;
}

a.Button {
  background-color: #606076;
  display: block;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  padding: 4px 8px;
  text-decoration: none !important;
  width: 120px;
}

div.Content div.Headline {
  height: 100px;
  margin: 0px;
  padding: 0px;
}
div.Content div.Headline h1 {
  float: left;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  margin: 24px 0px 0px 30px;
}
div.Content div.Headline h2 {
  float: left;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  margin: 27px 0px 0px 10px;
}

/***** ID MAIN *****/ 
#MAIN {
  border: 0px solid red;
  left: 50%;
  height: 581px;
  margin: -293px 0 0 -489px;
  position: absolute;
  border: 0px solid red;
  top: 50%;
  width: 996px;
  z-index: 100;
}

/***** ID CONTENT *****/ 
#CONTENT {
  background-image: none;
  background-repeat: no-repeat;
  height: 553px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.5em;
  width: 890px;
} 
#CONTENT div.Box {
  border: 0px solid #696972;
  float: left;
  margin: 0;
  overflow: hidden;
}
#CONTENT div.BoxNoBorder {
  border: 0;
  float: left;
  margin: 0;
  overflow: hidden;
}

/***** AREAS *****/
div.Area1 {
  border-right: 1px solid #ffffff;
  height: 510px;
  float: left;
  width: 410px;
}

div.Area2 {
  height: 510px;
  margin-left: 411px;
  width: 460px;
}

/***** MENU *****/ 
#MENU {
  border: 0px solid green;
  font-size: 11px;
  width: 92px;
  height: 545px;
  background: transparent none;
  position: relative;
  top: -4px;
  left: 0;
}
ul.Navigation {
  list-style-type: none;
  margin: 20px 10px 0 0;
  padding: 0;
}
ul.Navigation li {
  height: 12px;
  margin: 6px 0 0 0;
  padding: 0;
}
ul.Navigation li a {
  background: transparent url('../images/relaunch/bullet.gif') right -12px no-repeat;
  color: #5f5f66;
  display: block;
  height: 12px;
  line-height: 12px;
  margin: 0;
  padding: 0 14px 0 0;
  text-align: right;
}
ul.Navigation li a:hover, ul.Navigation li a:active {
  color: #ffffff;
}
ul.Navigation li.active a, ul.Navigation li.sub a {
  background: transparent url('../images/relaunch/bullet.gif') right 0 no-repeat;
  color: #ffffff;
}
ul.Navigation li.level2, ul.Navigation li.level2active {
  margin: 4px 0 0 0;
}
ul.Navigation li.level2 a {
  background-image: none;
  padding: 0;
}
ul.Navigation li.level2active a {
  color: #ffffff;
  background: transparent none;
  padding: 0;
}
ul.Navigation li.extra a {
  background-color: #67676b;
  background-image: none;
  margin: 4px 0 0 0;
  padding: 1px 14px 1px 0;
}

/***** TAB *****/
ul.Tab {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0;
}
ul.Tab li {
  display: inline;
  padding: 0;
}
ul.Tab li a {
  background-color: #93939a;
  color: #f0f0f0;
  display: block;
  float: left;
  height: 12px;
  line-height: 12px;
  margin: 0 1px 0 0;
  padding: 6px 0px;
  text-align: center;
}
ul.Tab li a:hover, ul.Tab li a:active, ul.Tab li a.active {
  background-color: #5f5f63;
  color: #ffffff;
}

/***** SITEMAP *****/
ul.Sitemap li {
  padding: 2px 0;
  color: #373747;
}

/***** DEBUG LAYER *****/
div#DEBUG {
  background-color: #ffffff;
  border: 1px solid #808080;
  bottom: -48px;
  color: #808080;
  display: none;
  left: 102px;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  position: absolute;
  width: 450px;
}

/***** FOOTER *****/ 
#FOOTER {
  border: 0;
  bottom: 0;
  height: 35px;
  left: 103px;
  margin: 0;
  position: absolute;
  width: 875px;
  border-bottom: 0 solid red;
  z-index: 1;
  color: #5f5f66;
} 
#FOOTER a {
  color: #5f5f66;
} 
#FOOTER a:hover, #FOOTER a:active, #FOOTER a.active {
  color: #ffffff;
} 
#FOOTER div#LanguageSelector {
  float: right;
  margin: 8px 4px 0 0;
  text-align: right;
  width: 120px;
} 
#FOOTER div#FooterMenu {
  float: right;
  font-size: 11px;
  margin: 8px 0 0 0;
  text-align: center;
  width: 400px;
  text-align: right;
} 
#FOOTER div#InspMenu {
  margin: 4px 0 0 16px;
}

/***** SEARCH *****/ 
#SEARCH {
  color: #c0c0cc;
  left: 0px;
  margin: 0;
  position: absolute;
  top: 510px;
} 
#SEARCH input.key {
  background-color: #c0c0cc;
  border: 0;
  float: left;
  line-height: 16px;
  margin: 0;
  padding: 3px;
  width: 72px;
} 
#SEARCH input.btn {
  border: 0;
  margin: 1px 0 0 2px;
}

/***** SHADER *****/ 
#Shader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  filter: alpha (opacity=70); -moz-opacity: 0.7;
  opacity: 0.7;
  display: block;
  z-index: 200;
} 
#Shader a#ShaderClose {
  position: absolute;
  right: -10px;
  top: -10px;
}
#ShaderContent {
  display: block;
  position: absolute;
  left: 50%;
  margin: -200px 0 0 -260px;
  top: 50%;
  border: 2px solid #082354;
  background: #fff;
  color: #000;
  width: 620px;
  height: 400px;
  z-index: 220;
  line-height:1.5em;
}

/***** FAQS *****/ 
#FAQS {
  border: 0px solid red;
  height: 545px;
  margin: 0;
  position: absolute;
  right: 8px;
  top: 0;
  width: 875px;
  z-index: 10;
} 
#FAQS div.BG {
  background-color: #000000;
  filter: alpha (opacity=70); -moz-opacity: 0.7;
  height: 545px;
  left: 0;
  opacity:.7;
  position:absolute;
  top: 0;
  width: 270px;
} 
#FAQS div.Content {
  background-color: #ffffff;
  height: 545px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 605px;
} 
#FAQS div.Content ul {
  display: block;
  height: 22px;
  list-style-type: none;
  margin: 0;
  padding: 0;
} 
#FAQS div.Content li {
  display: inline;
} 
#FAQS div.Content li a {
  background-color: #606076;
  font-size: 1em;
  font-weight: bold;
  color: #c0c0cc;
  display: block;
  float: left;
  margin: 0 1px 0 0;
  padding: 6px 16px 6px 16px;
  line-height: 11px;
} 
#FAQS div.Content li a:hover, #FAQS div.Content li a:active {
  color: #ffffff;
} 
#FAQS div.Content li a.active:active {
  color: #606076;
} 
#FAQS div.Content li a.active {
  background-color: #ffffff;
  color: #606076;
} 
#FAQS div.Content #FAQ_close {
  color: #606076;
  display: block;
  float: right;
  font-size: 1em;
  font-weight: bold;
  line-height: 11px;
  padding: 6px 16px 6px 16px;
} 
#FAQS div#FAQText {
  color: #4c4c4c;
  font-size: 1em;
  height: 480px;
  margin: 16px;
  padding: 0 16px 0 0;
  overflow: auto;
} 
#FAQS div#FAQText a {
  color: #4c4c4c;
} 
#FAQS div#FAQText h1 {
  font-size: 1em;
}

/********** !v2! **********/
a {
  color: #373743;
}

img {
  border: none;
}

/***** TOP *****/ 
#TOP {
  line-height: 1.2em;
  position: absolute;
  z-index: 100;
  height: 22px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}
div.TopCenter {
  background-image: url('../images/relaunch/bg-top.gif');
  background-repeat: no-repeat;
  height: 22px;
  margin: 0 0 0 5px;
  padding: 0;
  position: absolute;
  top: 0px;
  width: 875px;
  z-index: 3;
}
div.TopShadow {
  height: 9px;
  margin: 0 0 0 5px;
  padding: 0;
  position: absolute;
  top: 22px;
  width: 875px;
  z-index: 101;
}
ul.TopMenu {
  height:22px;
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0 0 0 30px;
}
ul.TopMenu li {
  display: inline;
  margin: 0;
  padding: 0;
}
ul.TopMenu li a {
  background: transparent url('../images/navigation/btn-home.gif') no-repeat 0 0;
  float: left;
  height: 22px;
  width: 46px;
  margin: 0 4px 0 0;
  display: block;
}
ul.TopMenu li a.Lifestyle {
  background: transparent url('../images/navigation/btn-lifestyle.gif') no-repeat 0 0;
  width: 115px;
}
ul.TopMenu li a.Wohnambiente {
  background: transparent url('../images/navigation/btn-wohnambiente.gif') no-repeat 0 0;
  width: 103px;
}
ul.TopMenu li a.Essen {
  background: transparent url('../images/navigation/btn-essen.gif') no-repeat 0 0;
  width: 100px;
}
ul.TopMenu li a.Schmuck {
  background: transparent url('../images/navigation/btn-schmuck.gif') no-repeat 0 0;
  width: 67px;
}
ul.TopMenu li a.Dining {
  background: transparent url('../images/navigation/btn-dining.gif') no-repeat 0 0;
  width: 114px;
}
ul.TopMenu li a.Living {
  background: transparent url('../images/navigation/btn-living.gif') no-repeat 0 0;
  width: 50px;
}
ul.TopMenu li a.Jewels {
  background: transparent url('../images/navigation/btn-jewels.gif') no-repeat 0 0;
  width: 56px;
}
ul.TopMenu li a:hover, 
ul.TopMenu li a:active, 
ul.TopMenu li a.active {
  background-position: 0 -22px;
}

/***** BOTTOM *****/ 
#BOTTOM {
  height: 8px;
  border: 0px solid red;
  background-image: url('../images/relaunch/shadow-bottom.gif');
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}
div.BottomLeft {
  background-image: url('../images/relaunch/shadow-bottom-left.gif');
  background-repeat: no-repeat;
  float: left;
  height: 8px;
  width: 15px;
}
div.BottomRight {
  background: transparent url('../images/relaunch/shadow-bottom-right.gif') no-repeat;
  float: right;
  height: 8px;
  width: 10px;
  margin: 0;
}

/***** NEWSLETTER *****/
div.Newsletter {
  float: right;
  margin: 0;
  padding: 0 20px 0 0;
}
/***** SEARCH *****/
div.Search {
  background-image: url('../images/bg-search.gif');
  background-repeat: no-repeat;
  float: right;
  height: 22px;
  margin: 0 30px 0 0;
  padding: 0;
  width: 149px;
}
div.Search input {
  background-color: #373743;
  border: none;
  color: #9e9ea5;
  float: left;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  height: 14px;
  margin: 1px 0 0 0;
  padding: 3px 0 0 8px;
  width: 100px;
}

/***** CENTER *****/
div.CenterLeft {
  background-image: url('../images/relaunch/shadow-left.gif');
  background-repeat: repeat-y;
  height: 545px;
  margin: 0;
  padding: 0;
  width: 5px;
}
div.CenterRight {
  background-image: url('../images/relaunch/shadow-right.gif');
  background-repeat: repeat-y;
  height: 545px;
  margin: 0;
  padding: 0;
  width: 10px;
}
div.CenterLeft img, div.CenterRight img {
  display: none;
}

/***** CONTENT *****/
div.Content {
  background-image: none;
  background-repeat: no-repeat;
  height: 523px;
  left: 5px;
  margin: 0 0 0 0;
  padding: 0;
  position: absolute;
  top: 22px;
  width: 875px;
  overflow: hidden;
}
div.Content h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 4px;
  padding: 0;
}
div.ContentBottom {
  background-image: url('../images/layout/content-bottom-bg.gif');
  border-top: 1px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 145px;
  color: #373743;
  width: 875px;
  margin: 0;
  padding: 0;
}
div.ContentBottom h2 {
  color: #373743;
  float: left;
  font-weight: bold;
  padding: 28px 0 0 12px;
}
div.ContentBottom span {
  color: #373743;
  float: left;
  line-height: 16px;
}

/* news */
div.ContentBottom div.News {
  width: 264px;
  margin: 24px 0 0 16px;
  float: left;
}
div.ContentBottom div.News div.NewsStar {
  background-image: url('../content/00000196/star.gif');
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding: 0 0 0 15px;
}

/***** LAYER *****/
div#SlideLayer div.window {
  height: 280px;
  left: 26px;
  top: 50px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  overflow: hidden;
  width: 825px;
  border: 0px solid red;
}
div#SlideLayer div.slider {
  height: 280px;
  width: 825px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}
div#SlideLayer div.slideLayerNavigation {
  position: absolute;
  left: 26px;
  top: 330px;
  width: 825px;
  text-align: center;
  padding: 0px;
}
div#SlideLayer div.slideLayerNavigation a {
  line-height: 22px;
} 
div#SlideLayer .layer {
  height: 280px;
  background-image: url(../images/catalog/slider-bg.jpg);
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 825px;
}
div#SlideLayer .layer img {
  margin: 12px 0 0 5px;
}

/***** PRODUCTS *****/
div#ProductDiv {
}
div.ProductDetails {
  position: absolute;
  right: 0;
  top: 85px;
  z-index: 99999;
  width: 260px;
  margin: 0px;
  padding: 0;
  color: #fff;
  border: 0px solid red;
}
div.ProductDetails a {
  color: #fff;
}
div.ProductDetails h1 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
div.ProductThumbs {
  background: #444449 url(../images/catalog/product-thumbs-bg.jpg) repeat-x;
  border-top: 1px solid #36363b;
  border-bottom: 1px solid #6e6e73;
  margin: 10px 0;
}
div.ProductThumbs p {
  border-top: 1px solid #57575c;
  border-bottom: 1px solid #333337;
  padding: 12px 0 2px 12px;
}
div.ProductThumbs p img {
  margin: 0 8px 8px 0;
}


/* catalog */
div.CatIcon {
  width: 96px;
  height: 88px;
  margin: 0 8px 0 0;
  float: left;
  border: 0px solid red;
  text-align:center;
  font-size: 10px;
  font-weight: bold;
  color: #58585a;
}
div.CatIcon a img {
  background: transparent 0 0 no-repeat;
}
div.CatIcon a:hover img, div.CatIcon a.active img {
  background: transparent 0 -68px no-repeat;
}
div#CatalogSlideLayer div.window {
  height: 100px;
  left: 77px;
  top: 36px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  overflow: hidden;
  width: 720px;
  border: 0px solid red;
}
div#CatalogSlideLayer div.slider {
  height: 100px;
  width: 825px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: 0px solid blue;
  position: absolute;
}
div#CatalogSlideLayer a.slideRight {
  position: absolute;
  left: 36px;
  top: 60px;
}
div#CatalogSlideLayer a.slideLeft {
  position: absolute;
  right: 36px;
  top: 60px;
}

div#CatalogSlideLayer a.CatalogTab {
  float: left;
  width: 116px;
  text-align: center;
  position: relative;
  padding: 3px 0 6px 0;
  color: #fff;
  background: transparent url(../images/catalog/bg-button.png) top right no-repeat;
}
div#CatalogSlideLayer a.CatalogMainTab {
  background: transparent url(../images/catalog/bg-button.png) top right no-repeat;
}
div#CatalogSlideLayer a.CatalogInteriorTab {
  width: 120px;
  left: -8px;
  background: transparent url(../images/catalog/bg-button.png) top right no-repeat;
}
div#CatalogSlideLayer a.CatalogDivTab {
  width: 120px;
  left: -12px;
  background: transparent url(../images/catalog/bg-button.png) top right no-repeat;
}
div#CatalogSlideLayer a.CatalogCatTab {
  width: 120px;
  left: -16px;
  background: transparent url(../images/catalog/bg-button.png) top right no-repeat;
}
div#CatalogSlideLayer a.CatalogSeriesTab {
  float: left;
  width: 120px;
  left: -20px;
  color: #fff;
  background: transparent url(../images/catalog/bg-button.png) top right no-repeat;
}



/* inspiration */
div.Content div.InspirationContent {
  color: #373743;
  height: 523px;
  margin: 0;
  padding: 0;
  width: 875px;
}
div.InspirationContent table {
  margin: 0;
  padding: 0;
}

/* stores */
div.Content div.StoresContent {
  color: #373743;
  height: 523px;
  margin: 0;
  padding: 0;
  width: 875px;
}
div.StoresContent table {
  margin: 0;
  padding: 0;
}

/* links */
div.TopModel {
  left: 546px;
  position: absolute;
  top: 194px;
}
div.TopModel a {
  background-image: url('../images/prosieben/bg-topmodel.gif');
  background-repeat: no-repeat;
  display: block;
  height: 97px;
  width: 270px;
}
div.TopModel a:hover {
  background-image: url('../images/prosieben/bg-topmodel-active.gif');
  background-repeat: no-repeat;
  display: block;
  height: 97px;
  width: 270px;
}

div.Trailer {
  left: 546px;
  position: absolute;
  top: 292px;
}
div.Trailer a {
  background-image: url('../images/prosieben/bg-trailer.gif');
  background-repeat: no-repeat;
  display: block;
  height: 98px;
  width: 270px;
}
div.Trailer a:hover {
  background-image: url('../images/prosieben/bg-trailer-active.gif');
  background-repeat: no-repeat;
  display: block;
  height: 98px;
  width: 270px;
}


/* products-intro */
div#products-intro {
  background: black;
  height: 523px;
  margin: 0 0 0 0;
  padding: 0;
  width: 875px;
}
/* interior */
div#products-intro a.teaser {
  float: left;
  height: 523px;
  margin: 0;
  padding: 0;
  width: 291px;
  position: relative;
  border-right: 1px solid #fff;
}
div#products-intro div.presenter {
  width: 291px;
  height: 80px;
  position: absolute;
  bottom: 31px;
  z-index: 100;
  background: transparent url(../images/products-intro/interior-presenter.jpg) no-repeat;
}
div#products-intro div.presenter-jewels {
  background: transparent url(../images/products-intro/jewels-presenter.jpg) no-repeat;
}
div#products-intro div.presenter-living {
  background: transparent url(../images/products-intro/living-presenter.jpg) no-repeat;
}


/* relaunch */
div#horizon {
  background: #d9dada url(../images/relaunch/bg-horizon.jpg) repeat-x left bottom;
  height: 50%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
div#body {
  height: 50%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  background: #9d9d9d url(../images/relaunch/bg-body.jpg) repeat-x left 0;
}

/* newsletter new */
table tr td input.fieldError {
  border:1px dotted red;
}