* {
  font-family: Arial, Verdana, Helvitica;
  font-size: 12px;
  line-height: 21px;
}

 fieldset {
  border: 1px solid #cccccc;
}
 
 a, img {
  color: #ED711B;
  border: 0px;
  text-decoration: none;
}

 a:active, img:active {
  border: 0px;
  color: #ED711B;
  text-decoration: none;
}

a:focus, input, input:focus {
  outline: none;
}

 b {
  color: #336699;
}
 
h1, h2, h3 {
  border-bottom: 1px solid #cccccc;
  color: #336699;
  font-weight: bold;
  margin: 0px;
}

 h1 {
  font-size: 22px;
}

 h2 {
  font-size: 12px;
}

h3 {
  border-bottom: 0px solid #cccccc;
  font-size: 14px;
  padding: 5px 0px 10px;
}
  
table {
  padding: 0;
}

 td {
  padding: 0;
  vertical-align: top;
  }

.clear {
  clear: both;
}

 .angebot-des-montas {
   background: #3B76B0 url(/data/HP/www.layouten.de/layouten.de_angebots_des_monats.jpg) no-repeat;
   color: #99ccff;
   display: block;
   padding-left: 255px;
   padding-top: 35px;
   height: 191px;
}

 .angebot-des-montas h1 {
  border-bottom: 1px solid #99ccff;
  display: inline;
  font-size: 26px;
  color: #99ccff;
  letter-spacing: 0.06em;
}

 .angebot-des-montas form {
   background-image: url(/data/HP/www.layouten.de/button_page_angebot-des-monats.gif);
   background-repeat: no-repeat;
   background-position: left -28px;
   display: block;
   float: left;
   height: 28px;
   left: 43px;
   margin-right: 5px;
   position: relative;
   width: 118px;
 }
 
 .angebot-des-montas form:hover,
 .angebot-des-montas form:focus {
   background: transparent url(/data/HP/www.layouten.de/button_page_angebot-des-monats.gif);
   background-position: left 0px;
   color: #BDD0DC;
 }
 
 .angebot-des-montas input {
   border: 0px;
   background-color: transparent;
   cursor: pointer;
   color: #99CCFF;
   font-size: 13px;
   font-weight: bold;
   height: 28px;
   padding-bottom: 3px;
   margin-left: 8px;             
   text-align: left;
   width: 124px;
   padding-left: 0px;
 }
 
 .angebot-des-montas input:hover {
   color: #EFFCFF;
 }

 .angebot-des-montas b {
   font-size: 14px;
   color: #99ccff;
   font-weight: bold;
 }
 
 .angebot-des-montas p {
   font-size: 14px;
   padding: 10px 10px 0px 45px;
 }


 .article-name {
  background: url(../images/article_bg.jpg) repeat-x;
  color: #336699;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  padding-top: 7px;
  padding-left: 10px;
}
 
 .article-image {
  background: white;
  margin: 5px 5px 0px 5px;
  padding: 9px 9px 2px 9px;
  text-align: center;
  vertical-align: bottom;
}
 
 .article-list {
  width: 100%;
  margin: 0;
  padding: 0;
}
 
 .articles {
  text-align: center;
}
 
 .article-name .link {
  color: #336699;
  font-size: 14px; 
  height: 25px;
  padding-top: 7px;
}
 
 .article-name .link:hover {
  color: #EFFCFF;
  font-size: 14px;
  height: 25px;
  padding-top: 7px;
}

 .articles-wrapper {
  border-right: 1px solid #9eb0ba;
  border-bottom: 1px solid #9eb0ba;
  padding: 1px;
  background:white;
}
 
 .articles-mouseover {
  display: block;
  height: 161px;
  width: 120px;
}
 
 .articles-mouseover:hover,
 .articles-mouseover:focus {
  background: #247ABA;
  color: white;
  cursor: pointer;
}
 
 .articles-mouseover:hover .article-name,
 .articles-mouseover:focus .article-name {
  background: #247ABA;
  color: white;
}

.banner-source-code {
  background-color: #e7f3fb;
  color: #999999;
  font-size: 11px;
  padding: 5px 10px;
}
 
 .bottom-highlights {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  width: 244px;
}
 
 .bottom-highlight.box1 {
  background-image: url(/data/HP/www.layouten.de/layouten.de-archivierungsbox.png);
  background-repeat: no-repeat;
  height: 128px;	
  text-align: right; 
}
 
 .bottom-highlights strong,
 .bottom-highlight span  {
  color: #7b8b93;
  font-size: 13px;
}
 
 .bottom-highlight.box1 span {
  padding: 45px 15px 0px 10px;
  display: block;
}
 
 .bottom-highlight.box2 {
  background-image: url(/data/HP/www.layouten.de/layouten.de-qualitaetsmanagement.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 128px;
  text-align: right;
}
 
 .bottom-highlight.box2 span {
  padding: 15px 20px;
  display: block;
}
 
 .bottom-highlight.box3 {
  background-image: url(/data/HP/www.layouten.de/layouten.de-onlineberatung.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 128px;
  text-align: right;
}
 
 .bottom-highlight.box3 span {
  padding: 15px 110px 0px 0px;
  display: block;
}
 
 .bottom-highlight.box4 {
  background-image: url(/data/HP/www.layouten.de/layouten.de-sicher-bestellen.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 128px;
  text-align: right;
}
 
 .bottom-highlight.box4 span {
  display: block;
  padding: 15px 10px 0px 0px;
}
 
 .bottom-button {
  background-image: url(/data/HP/www.layouten.de/bottom_advantage.gif); 
  background-color: rgb(158, 176, 186);
  background-repeat: no-repeat;
  background-position: 97%;
  color: white;
  display: block;
  font-weight: bold;
  font-size: 13px;
  height: 25px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
 
 .bottom-wrapper-tab {
  margin: 0px;
  padding: 0px;
  position: absolute;
}
 
 .bottom-tab {
  background-color: white;
  border: 1px solid #cccccc;
  color: #a6a6a6;
  font-size: 10px;
  margin: 0px 0px 0px 4px;
  padding: 0px 2px;
  width: 100px;
}
 
 .tab2 {
  border: 1px solid #CCCCCC;
  display: none;
  padding: 10px;
}

.tab2 .HP-pageblock-content {
  color: #7B8B93;
  font-size: 10px;
  line-height: 13px;
}

 .BG_gallery .listing-no-hover {
  left:268px;
  position:relative;
 }

 .BG_gallery {
  background:white;
  padding-bottom: 20px;
  padding-left:3px;
  width: 980px;
  color:#9F9F9F;
  float:left;
}

 .BG_gallery .BG-picture {
  border: 1px solid transparent;
  background: white;
  display: block;
  float: left;
  /*filter: alpha(opacity=55);
  opacity: 0.55;*/
  height:90px;
  width:120px !important;
  overflow:hidden;
  text-align: center;
}

.BG_gallery .BG-picture:hover,
.BG_gallery .BG-picture:focus {
  border: 1px solid #247ABA;
  background: transparent;
  /*filter: alpha(opacity=100);
  opacity: 1.0;*/
}

 .BG_gallery .BG-nav,
 .BG_gallery hr {
  display: none;
}
 
 .bottom-tab:hover, .bottom-tab:focus {
  background-color: #9eb2bc;
  border: 1px solid #cccccc;
  color: white;
  cursor: pointer;  
}
 
 .bottom-tab.active {
  background-color: #9eb2bc;
  border: 1px solid #cccccc;
  color: white;
}
 
 .bottom-wrapper {
  margin: 0px;
  padding: 0px;
}
 

 body {
  background-color: white;
  background-image: url(../images/bg_layouten.de_blots.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom;
  padding-bottom: 5px;
  margin-top: 0px;
}
 
 .content-wrapper {
  margin: 0px;
  padding: 0px;
}
 
 .footer-wrapper {
  background-image: url(../images/bg_footer.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 23px;
  width: 100%;
}
 
 .footer-left {
  float: left;
  padding-left: 20px;
  width: 500px;
}
 
 .footer-right {
  float: right;
  padding-right: 20px;
  width: 100px;
}
 
 .footer-wrapper a {
  color: #336699;
  font-size: 10px;
}
 
 .article-list .hover-show,
 .attainment-type.logos .hover-show {
  display: none;
}
 
 .hover-show {
  position: relative; 
}
 
 .hover-show img {
  display: block;
}
 
 .hover-show div.postition {
  border: 1px solid white;
  bottom: 4px;
  height: 59px;
  left: 0;
  margin-left: 50px;
  position: absolute;
  text-align: center;
  width: 491px;
}
 
 .hover-show div.bg-text {
  background-color: white;
  height: 100%;
  filter: alpha(opacity=86);
  left: 0;
  opacity: 0.86;
  position: absolute;
  top: 0;
  width: 100%;
}
 
 .hover-show div.text {
  left: 0;
  margin: 2px;
  padding-top: 3px;
  position: absolute;
  top: 0;
  width: 100%;
}
 
 .hover-show span {
  text-align: center;
  position: relative;
}
 
 .hover-show span.headline {
  color: #ed711b;
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;  
}
 
.hover-show span.headline-home {
  color: #ed711b;
  font-size: 22px;
  letter-spacing: 0.04em;
  font-weight: bold;
  line-height: 26px;  
}
 
.hover-show span.subline {
  color: #01669A;
  font-size: 14px;
  line-height: 16px;
}
 
 .hover-show span.thirdline {
  color: silver;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 11px;
}

.home-attainment {
  width: 984px;
}

.home-attainment .attainment-type .articles-mouseover {
  height: 100%;
  text-align: center;
  width: 100%;
}

.home-attainment .attainment-type .articles-mouseover .article-name {
  text-align: left;
  font-size: 13px;
  position: relative;
}

.home-attainment .attainment-type img {
  background-color: white;
  margin-bottom: -19px;
  margin-top: 5px;
  padding: 0 6px;
}

.home-attainment .attainment-type.logos img {
  
  padding: 6px;
}

.home-attainment .list,
.list a, .list ul, .reference.list {
  color: gray;
  margin: 0px;
  margin-top: 5px;
  padding-left: 15px;
}

.reference.list ul {
  padding-left: 27px;
}

.home-attainment .image {
  text-align: center;
}

.home-attainment .list {
  height: 55px;
  padding: 0 10px 10px;                                                                             
  position: relative;
  top: -45px;
}

.home-attainment .list, .reference.list {
  height: 40px;
  padding: 0 10px 10px;
  vertical-align: top;
}

.home-attainment .list.home {
  height: 55px;
}

.reference.list {
  height: 100%;
}

.home-attainment .list a, .reference.list a {
  padding: 1px 0px 0px 0px;
  text-decoration: underline;
}

.reference.list a {
  text-decoration: none;
}

.home-attainment .list b:hover,
.reference.list a:hover,
.reference.list b:hover {
  color: #2B77AF;
  text-decoration: underline;
}

.home-attainment .name a,
.home-attainment .name span  {
  background: #CEDEEB url(../images/article_bg.jpg) repeat-x left top;
  font-size: 18px;
  font-weight: bold;
  color: #336699;
  display: block;
  height: 25px;
  padding-top: 7px;
  padding-left: 10px;
}

.home-attainment .name a:hover {
  background: #247ABA;
  color: white;
}

.attainment-type {
  border-right: 1px solid #9EB0BA;
  border-bottom: 1px solid #9EB0BA;
  padding: 1px;
  vertical-align: bottom;
}


.home-attainment .attainment-type {
  vertical-align: top;
  width: 243px;
}

.home-attainment .attainment-type.logos {
  height: 230px !important;
  width: 488px;
}


.home-attainment .attainment-type.logos.left a,
.home-attainment .attainment-type.logos.right a {
  height: 230px !important;
}

.home-attainment .attainment-type.logos.left img,
.home-attainment .attainment-type.logos.right img {
  margin-left: 4px;
  margin-top: 5px;
  padding: 0 18px;
  padding-bottom: 69px;
}

.home-attainment .attainment-type.logos.right img {
  margin-left: 0px;
  padding: 0 19px;
  padding-bottom: 69px;
}

.home-attainment .attainment-type.logos.left .list,
.home-attainment .attainment-type.logos.right .list {
  position: relative !important;
}

.home-attainment .attainment-type.logos.left .list {
  top: -101px;
  padding: 0px 1px;
}

.home-attainment .attainment-type.logos.right .list {
  top: -95px;
  padding: 0px 16px;
}

.home-attainment .attainment-type.logos.left .article-name,
.home-attainment .attainment-type.logos.right .article-name {
  position: relative;
}

.home-attainment .attainment-type.logos.right .article-name {
  top: -84px;
}

.home-attainment .attainment-type.logos.left .article-name {
  top: -48px;
}

 .HP-section.HP_emaildirect {
  color: #333333;
  margin-left: 10px;
  margin-top: 10px;
}
 
 .HP-section.HP_emaildirect .form {
  width: 450px;
}

 .HP-section.HP_emaildirect div.io_error, .HP-section.HP_emaildirect div.io_success {
  font-weight: bold;
  margin: 10px 0px;
  padding: 15px 0px;
  text-align: center;
  width: 450px;
}

 .HP-section.HP_emaildirect div.io_success {
  background: #ccffcc url(/templates/OS/standard/images/check_32x32.png) no-repeat 20px center;
  border: 3px solid #009900;
  color: #009900;
 }
 
 .HP-section.HP_emaildirect div.io_error {
  background: #ffcccc url(/templates/OS/standard/images/false_32x32.png) no-repeat 20px center;
  border: 3px solid #cc0000;
  color: #cc0000;
}
 
 .HP-section.HP_emaildirect .text.error,
 .HP-section.HP_emaildirect .textarea.error {
  background-color: #ffcccc;
  border: 1px solid #cc0000;
  color: #000;
}

 .HP-section.HP_emaildirect .text.error:hover,
 .HP-section.HP_emaildirect .textarea.error:hover,
 .HP-section.HP_emaildirect .text.error:focus,
 .HP-section.HP_emaildirect .textarea.error:focus {
  background-color: white;
}

 .HP-section.HP_emaildirect label {
  clear: both;
  float: lefT;
  padding-right: 10px;
  margin-top: 2px;
  width: 130px;
}
 
 .HP-section.HP_emaildirect input,
 .HP-section.HP_emaildirect textarea {
  background: #EFF8FF;
  border: 1px solid #9EB0BA;
  display: block;
  margin-top: 6px;
  padding: 2px;
  width: 228px;
}

.HP-section.HP_emaildirect input:hover,
.HP-section.HP_emaildirect textarea:hover,
.HP-section.HP_emaildirect input:focus,
.HP-section.HP_emaildirect textarea:focus {
  background: #CEDEEB;
}

.HP-section.HP_emaildirect .button {
   background: transparent url(/data/HP/www.layouten.de/buttton_e-mail.gif) no-repeat left 0px;
   cursor: pointer;
   color: white;
   font-size: 13px;
   font-weight: bold;
   border: 0px;
   height: 26px;
   width:  236px;
   position:relative;
   right:-139px;
}

 .HP-section.HP_emaildirect .button:hover,
 .HP-section.HP_emaildirect .button:focus {
   background: white url(/data/HP/www.layouten.de/buttton_e-mail.gif);
   background-position: left -26px;
}

.HP-section.HP_emaildirect input.hidden {
  border: 0;
  background: white;
  float: left;
  display: block;
  height: 25px;
  padding: 0px;
  width: 139px;
}

 .HP-pageblock-content table {
   border-top: 1px solid #9EB0BA;
}

 .HP-pageblock-content .reference-menu {
   width: 194px;
}
 
 .top-eyecatcher {
  background: url(../images/menu_bg_1px.jpg) repeat-x;
}
 
 .top-eyecatcher .HP-pageblock-content {
  background-color: white;
  height: 226px;
  overflow: auto;
  width: 594px;
}
 
 
 .menu,
 .submenu{
  line-height: 25px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
 
 .menu a,
 .submenu a {
  background: url(../images/menu_arrow.gif) no-repeat;
  background-position: center;
  color: #336699;
  display: block;
  height: 25px;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 5px;
}
 
 .menu a:hover,
 .submenu a:hover,
 .menu a:focus,
 .submenu a:focus {
  background: url(../images/menu_bg_mouseover.png) no-repeat;
  background-position: center;
}
 
 .menu li.active,
 .submenu li.active-category {
  font-weight: bold;
}
 
 .menu li,
 .submenu li {
  background: url(../images/menu_seperator.jpg) no-repeat;
  background-position: bottom;
}

 .navigation {
  padding-left:10px;
}

 .navigation, .navigation a {
  color: silver;
}

.navigation a:hover {
  color: gray;
  text-decoration: underline;
}

 .tab-navigation {
  bottom: -3px;
  left: 31%;
  position: absolute;
}
 
 .navigation-tab {
  float: left;
  width: 105px;
}
 
 .navigation-tab a {
  background: transparent url(/data/HP/www.layouten.de/button_navigation-tab.png) no-repeat;
  background-position: left -66px;
  border: 0px;
  color: white;
  display: block;
  float: left;
  font-size: 14px;
  height: 28px;
  line-height: 24px;
  padding: 5px 5px 0px 0px;
  text-align: center;
  margin: 0px;
  width: 100px;
}

 .navigation-tab a:hover, .navigation-tab a:focus {
   background: transparent url(/data/HP/www.layouten.de/button_navigation-tab.png) no-repeat scroll left -33px;
}

 .navigation-tab .active {
   background: transparent url(/data/HP/www.layouten.de/button_navigation-tab.png) no-repeat left 0px;
   color: #336699;
   font-weight: bold;
   position: relative;
   z-index: 4 !important;
  }
  
  .navigation-tab .active:hover, .navigation-tab .active:focus {
   background: url(/data/HP/www.layouten.de/button_navigation-tab.png) no-repeat left 0px;
  }

 .navigation-tab .tab1 {
   position: relative;
   z-index: 4;
 }
 
 .navigation-tab .tab2 {
   position: relative;
   left: -8px;
   z-index: 3;
 }
 
 .navigation-tab .tab3 {
   position: relative;
   left: -16px;
   z-index: 2;
 }
 
 .navigation-tab .tab4 {
   position: relative;
   left: -24px;
   z-index: 1;
 }

 .newsletter-textarea {
  color: #7B8B93; 
  height: 26px;
  height: 18px;
  margin-top: 1px;
  vertical-align: top;
  width: 132px;
}

.newsletter-button {
  background-image: url(/data/HP/www.layouten.de/button_newsletter_eintragen.jpg);
  background-position: left 0px;
  border: 0px;
  color: #EFF9FF;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  padding-bottom: 2px;
  padding-left: 8px;
  text-align: left;
  width: 99px;
}

.newsletter-button:hover, 
.newsletter-button:focus {
  background-image: url(/data/HP/www.layouten.de/button_newsletter_eintragen.jpg);
  background-position: left -26px;
}

 .personal-block {
  padding: 2px 0px 0px 5px;
  text-align: center;
}

 .personal-block input {
   border: 0px;
   background: transparent;
   display: block;
   height: 26px;
   width: 180px;
}

.personal-block .contact {
  background-image: url(/data/HP/www.layouten.de/button_kontakt-formular.gif);
}

 .personal-block .offer {
  background-image: url(/data/HP/www.layouten.de/button_angebot-des-monats.gif);
}

.personal-block .offer:hover,
.personal-block .contact:hover,
.personal-block .cart:hover {
  cursor: pointer;
}

 .personal-block .offer:hover,
 .personal-block .offer:focus {
  background-position: left -26px;
}

.personal-block .contact:hover,
.personal-block .contact:focus {
  background-position: left -26px;
}

.shopping-block {
  background: transparent url(/data/HP/www.layouten.de/button_cart.gif) no-repeat left -57px;
  color: white;
  height: 57px;
  margin: 2px 0 0 5px;
  width: 180px;
}

.shopping-block:hover,
.shopping-block:focus {
  background-position: left -57px !important;
}

.shopping-block:hover {
  cursor: pointer;
}

.shopping-block table {
  border: 0px;
  left: 13px;
  position: relative;
  top: 25px;
}

.shopping-block table td {
  height: 29px;
  line-height: 12px;
}

.shopping-block table td span {
  font-size: 11px;
  line-height: 12px;
}

.product-listing .td1 {
  width: 520px;
}

.product-listing .td2 {
  width: 20px;
  border-left: 1px solid #cccccc;
  vertical-align: middle;
  padding-left: 8px;
}

.product-listing p {
  margin: 2px 0px;
  padding: 2px 0px;
}
 
 .product-page {
  background-color: white;
  border-right: 1px solid #cccccc;
  border-left:1px solid #CCCCCC;
  border-top: 1px solid #9EB0BA;
  color: #333333;
  padding:0;
  margin: 0px;
  width: 594px;
}
.description, .HP-section.HP_sitemap {
  padding: 10px;
  margin: 0px;
}

 .product-page .description {
  padding: 10px;
  margin: 0px;
  background:white;
 }
 
 .product-page .description .description-subline {
  color: silver;
  font-size: 11px;
  line-height: 14px;
  margin: 0px;
}
 
 .product-page .description b {
  font-size: 12px;
  font-weight: bold;
}

 .product-page .description .payment {
  text-align: right;
  margin-top: 0px;
  color: #646E75;
  font-weight: bold
 }

.product-variant, .HP-pageblock-content .reference-menu {
  border-top: 1px solid #9EB0BA;
  padding-top: 11px;
  padding-bottom:10px;
  width: 195px !important;
}

.product-variant h2 {
  border: 0px;
}

.product-variant .HP-pageblock-content div {
  border: 1px solid #cccccc;
  margin: 10px;
  margin-bottom: 0px;
}

.product-variant .HP_pageblock {
  background-color: white;
  padding-top: 10px;
  width: 194px;
}
 
.product-variant h2, .HP-pageblock-content .reference-menu h2 {
  color: #336699;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding-left: 6px;
}

.HP-pageblock-content .reference-menu h2 {
  margin-left: 14px;
  padding-left:10px;
}

.HP-section.HP_sitemap h2 {
  padding-top: 10px;
}

.HP-section.HP_sitemap hr {
  display: none;
}

.HP-section.HP_sitemap .menu {
  margin: 0px;
  padding: 5px 16px;
}

.HP-section.HP_sitemap .submenu {
  padding-left: 5px;
  margin: 0px;
}

.HP-section.HP_sitemap .menu li,
.HP-section.HP_sitemap .submenu li,
.HP-section.HP_sitemap .submenu li,
.HP-section.HP_sitemap .menu li a,
.HP-section.HP_sitemap .submenu li a,
.HP-section.HP_sitemap .submenu li a:hover,
.HP-section.HP_sitemap .menu li a:hover {
  background: none;
  padding: 0px;
  list-style-type: circle;
}

.HP-section.HP_sitemap .submenu li a:hover,
.HP-section.HP_sitemap .menu li a:hover {
  text-decoration: underline;
}

.HP-section.HP_sitemap .submenu li a, .HP-section.HP_sitemap .menu li a {
  line-height: 21px;
  display: inline;
}

.HP-section.HP_sitemap .root.active.submenu, .HP-section.HP_sitemap .active-category {
  font-weight: normal;
}
 
.product-variant .bg {
  background-image: url(/data/HP/www.layouten.de/produktvarianten_bg.jpg);
  border-top: 1px solid #cccccc;
  height: 198px;
  position: relative;
}

.product-variant .angebot-des-monats {
  background-image: url(/data/HP/www.layouten.de/produktvarianten_bg_angebot_des_monats.jpg);
  border-top: 1px solid #cccccc;
  height: 198px;
}

.product-variant .name {
  top: -25px;
  color: #336699;
  font-weight: bold;
  line-height: 15px;
  position: relative;
  text-align: center;
}
 
.product-variant .picture {
  bottom: 8px;
  padding-top: 15px;
  position: relative;
  text-align: center;
}
 
.product-variant .order {
  background-image: url(/data/HP/www.layouten.de/button_anfragen.gif);
  background-position: center 0px;
  background-repeat: no-repeat;
  bottom: 10px;
  height: 49px;
  margin-bottom: 0;
  position: absolute;
}

.product-variant .order span {
  color: #333333;
  font-size: 12px;
}
 
.product-variant .order:hover,
.product-variant .order:focus {
  background-image: url(/data/HP/www.layouten.de/button_anfragen.gif);
  background-position: center -49px;
  background-repeat: no-repeat;
  height: 49px;
}
 
.product-variant .order input {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  display: block;
  height: 23px;
  padding: 0;
  margin: 0 8px;
  width: 180px;
}
 
.product-variant .net {
  float: left;
  padding-left: 10px;
  text-align: right;
  width: 82px;
}
 
.product-variant .gross {
  float: left;
  padding-left: 8px;
  text-align: left;
  width: 84px;
}

.fixed-price {
  background-color: #9EB0BA;
  border: 1px solid #CCCCCC;
  border-bottom: 0px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  height: 20px;
  padding: 2px 5px 4px;
}

.range {
  border: 1px solid #CCCCCC;
  color: #646e75;
  padding: 5px;
}

.range h1 span {
  float: right;
  font-size: 10px;
  font-weight: normal;
  color: #646E75;
  padding-right: 9px;
}

.range h1 span img {
  margin-right: 6px;
  position: relative;
  top: 3px;
}

.range .td4 .addToCard {
  background: transparent url(/data/HP/www.layouten.de/cart.png) no-repeat left 2px;
  border: 0px;
  color: #646E75;
  font-size: 10px;
  font-weight: normal;
  height: 18px;
  padding-left: 20px;
  padding-right: 0px;
  width: 86px;
}

.range .td4 .addToCard:hover {
  cursor: pointer;
  color: #247ABA;
  text-decoration: underline;
}

.range .td4 .addToCard-successful {
  background: transparent url(/data/HP/www.layouten.de/successful_16x16.png) no-repeat left 2px;
  border: 0px;
  font-size: 10px;
  color: green;
  height: 18px;
  padding-left: 20px;
  padding-right: 0px;
  width: 86px;
}

.range table table {
  margin-top: 15px;
  margin-bottom: 20px;
  width: 100%;
}

.range table table td {
  padding-left: 5px;
}

.range p {
  margin-bottom: -5px;
  margin-top: 10px;
}

.range h1 {
  font-size: 16px;
  margin-top: 4px;
}

.range .td1 {
  font-weight: bold;
  width: 190px;
}

.range .td2, .range .td3 {
  text-align: right;
  padding-right: 5px;
  width: 65px;
}

.range .td2 {
  font-weight: bold;
}

.range .td4 {
  font-size: 10px;
}

.range .td4 img {
  margin-bottom: 3px;
  padding-right: 4px;
  vertical-align: middle;
}


.range .bg {
  background: #e4e9ec; 
}

.range .heading {
  color: #336699;
  font-weight: normal;
  font-size: 10px;
}
 
 .shadow-top {
  background-image: url(../images/bg_shadow_content_top.jpg);
  background-repeat: no-repeat;
  height: 13px;
}
 
 .shadow-middle {
  background-image: url(../images/bg_shadow_content_middle.jpg);
  background-repeat: repeat-y;
  overflow: hidden;
  padding: 0px 1px 0px 4px;
  width: 985px;
}
 
 .shadow-left {
  background: url(../images/top_shadow_left.jpg);
  background-repeat: no-repeat;
  width: 10px;
}
 
 .shadow-right {
  background: url(../images/top_shadow_right.jpg);
  background-repeat: no-repeat;
  margin-right: 3px;
  width: 10px;
}
 
 .shadow-bottom {
  background-image: url(../images/bg_shadow_content_bottom.jpg);
  background-repeat: no-repeat;
  height: 5px;
  padding: 0px;
  margin: 0px;
}
 
 .shadow-top-block {
  background-image: url(../images/bg_shadow_top.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  height: 17px;
  margin: 0px 0px 0px 1px;
  padding: 0px;
}
 
 .shadow-middle-block {
  background-image: url(../images/bg_shadow_content_middle.jpg);
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px 3px 0px 4px;
}
 .shadow-bottom-block {
  background-image: url(../images/bg_shadow_content_bottom.jpg);
  background-repeat: no-repeat; 
  margin: 0px;
  padding: 0px;
}

.main {
  width: 100%;
}
 
 .block {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  height: 162px;
  margin-top: 0px;
  width: 100%;
}

.block b{
  color: #7B8B93;
}
 
 .top-logo-area {
  height: 97px;
  position: relative;
  padding-left: 10px;
  margin-top: 0px;
}
 
 .top-navigation {
  color: silver;
  float: right;
  width: 350px;
  text-align: right;
  padding-top: 5px;
  padding-right: 25px;
}
 
 .top-navigation a {
  color: silver;
  font-size: 11px;
  padding-left: 2px;
  padding-right: 2px;
}

.top-navigation a:hover {
  text-decoration: underline;
}
 
 .wrapper {
  margin: auto;
  padding: 0px;
  width: 992px;
  text-align: left;
}

* html,
* body {
   text-align: center;
}

/* Explorer Png-hack */
* html .navigation-tab a {
  behavior: url(/templates/HP/www.layouten.de/iepngfix.htc);
}