html {
    height: 101%;
}

body {
   font-family: Arial, sans-serif, Verdana;
   font-size: 12px;
   margin: 0px;
   color: #333;
   height: 101%;
}

a{
   text-decoration: none;
   color: #77902a;
   font-weight: bold;
   outline: none;
}

img{
   border: none;
}

input, textarea, select {
    border: 1px solid #999;
    background-color: #fff;
}
input:focus, textarea:focus, select:focus {
    background-image: url('/images/form_active.gif');
    background-position: right top;
    background-repeat: no-repeat;
}
input.error, textarea.error, select.error {
    border: 1px solid #f00;
    background-color: #fadadd;
}
input[type="image"] {
    border: 0;
}

h1.large{
   font-size: 20px;
   padding-left: 5px;
   color: #444;
   padding-top: 10px;
}

h1, h2{
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   padding: 0;
   color: #555;
}

/* BEGINN BOXES */

.roundbox { position: relative; }

.roundbox .top-left {
   float: left;
   height: 22px;
}

.roundbox .top-right {
   float: right;
   height: 22px;
}

.roundbox .boxhead{
   background: url(/images/boxes/box-oben-mitte.gif);
   position: absolute;
   left: 8px;
   right: 8px;
   height: 17px;
   padding-top: 5px;
}

* html .roundbox .boxhead { /* NUR IE 6 */
   width: 98%;
   margin-left: -9px;
}

.roundbox .bottom-left {float: left; height: 14px;}
.roundbox .bottom-right {float: right; height: 14px;}
.roundbox .bottom-middle{
   background: #fff url(/images/boxes/box-unten-mitte.gif) repeat-x 0 9px;
   position: absolute;
   left: 14px;
   right: 14px;
   height: 14px;
}

* html .roundbox .bottom-middle{ /* NUR IE 6 */
   width: 98%;
   margin-left: -9px;
}

.roundbox .boxcontent{
   background: #fff;
   border-left: 2px solid #dddddd;
   border-right: 2px solid #dddddd;
   border-top: 2px solid #dddddd;
   margin-top: -3px;
   padding-top: 10px;
}

.roundbox .standartseite,
.roundbox .kontakt{
   padding: 10px;
}

/* END BOXES */

/* BEGINN STARTSEITE */
.artikelbox{
   width: 366px;
   height: 174px;
   background: url(/images/box-rahmen-innen.gif) no-repeat;
   position: relative;
   float: left;
}

.artikelbox .artikelImages{
   top: 7px;
   left: 10px;
   position: absolute;
   width: 175px;
   height: 150px;
}

.artikelbox .artikelDescription {
   position: absolute;
   left: 190px;
   top: 20px;
   width: 160px;
}


.artikelbox .artikelDescription ul{
   padding: 0;
   margin: 0;
   list-style: none;
}

.artikelbox .artikelDescription ul li{
   height: 35px;
}

* html .artikelbox .artikelDescription ul li{
   height: 20px;
}

.artikelbox .artikelDescription ul li.articlename{
   font-weight: bold;
   font-size: 13px;
}

.artikelbox .artikelDescription ul li.shortdescription,
.artikelbox .artikelDescription ul li.articleattr{
   font-size: 12px;
}

.artikelbox .artikelDescription ul li.articleprice{
   font-weight: bold;
   font-size: 13px;
}

.artikelbox div.offerStamp {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
}

/* END STARTSEITE */

#wrapper{
   background: url(/images/bottom-bg.png);
   background-position: 3px 0;
   width: 1024px;
   margin: 0 auto;
   height: 101%;
}

#shadow{
   background: url(/images/schatten.gif);
   width: 1024px;
   margin: 0 auto;
}

#page{
   width: 1004px;
   margin: 0 auto;
   background: url(/images/page_bg.jpg);
   position: relative;
}

/* BEGINN HEADER */
#page #header{
   background: url(/images/header.jpg);
   height: 98px;
   position: relative;
}

#page #header .homeLink{
   width: 150px; 
   height: 75px; 
   position: absolute;
}

#page #header #basket{
   position: absolute;
   width: 100px;
   height: 47px;
   left: 880px;
   top: 21px;
}

#page #header #navigation-top {
   margin-top: 60px;
   margin-left: 250px;
   position: absolute;
}

#page #header #navigation-top ul{
   margin: 0;
   padding: 0;
   list-style: none;
}

#page #header #navigation-top ul li{
   float: left;
   min-width: 68px;
   height: 20px;
   background: url(/images/menu.jpg);
   text-align: center;
   padding-top: 4px;
}

* html #page #header #navigation-top ul li{ /* NUR IE6 */
   width: 68px;
}

#page #header #navigation-top ul li:hover{
   background: url(/images/menu-over.jpg);
}

#page #header #navigation-top ul li a{
   font-size: 11px;
   font-weight: bold;
   color: #fff;
}

#page #header #navigation-top ul li a:hover{
   color: #000;
}

#page #header #navigation-top ul li.aktive{
   background: url(/images/menu-over.jpg);
}

#page #header #navigation-top ul li.aktive a{
   color: #000;
}

#page #header #navigation-top ul ul{
   display: none;
}

#page #headerbottom{
   background: url(/images/header-sub.jpg);
   height: 16px;
}
/* END HEADER */



/* BEGINN SIDEBAR */
#page #sidebar {
   float: left;
}

#page #sidebar div.sidebarMain{
   background: url(/images/sidebar-bg-main.jpg) no-repeat;
   width: 194px;
   min-height: 398px;
   margin-top: -15px;
}

#page #sidebar div.sidebarMain ul{
   padding: 5px 0 0 0;
   list-style: none;
   margin-left: 0px;
}

#page #sidebar div.sidebarMain ul li{
   line-height: 19px;
   width: 187px;
}

#page #sidebar div.sidebarMain ul li a{
   font-size: 11px;
   color: #555;
   padding-left: 8px;
}

#page #sidebar div.sidebarMain ul li a:hover{
   color: #90a546;
}

#page #sidebar div.sidebarMain ul li div.active a{
   color: #90a546;
   padding-left: 8px;
}

#page #sidebar div.sidebarMain ul li div.active{
   background-color: #adc235;
}

#page #sidebar div.sidebarMain ul .naviSubcategory:hover{
   margin-left: -10px;
   padding-left: 10px;
   width: 177px;
   background-image: none;
}

#page #sidebar div.sidebarMain ul li div.active a{
   color: #555;
}

#page #sidebar div.sidebarMain ul ul {
   margin-left: 10px;
}

#page #sidebar div.sidebarMain ul ul li.subcategoryActive{
   background:url(/images/pfeil.gif) no-repeat 168px 3px;
   color: #90a546;
}

#page #sidebar div.sidebarMain ul ul a.subcategoryActive{
   color: #90a546;
}

#page #sidebar div.sidebarMain #newsletterBox{
   margin: 20px 0 0 8px;
   color: #666;	
   width: 175px;
}

* html #page #sidebar div.sidebarMain #newsletterBox{ 
   height: 80px;
}


#page #sidebar div.sidebarMain #newsletterBox #newsletterField{
   width: 135px;
   color: #666;
}


#page #sidebar div.sidebarMain #newsletterBox #newsletterButton{
   padding-top: 3px;
   padding-left: 5px;
   cursor: pointer;
   background: none;
}

* html #page #sidebar div.sidebarMain #newsletterBox #newsletterButton{
   border: none;
}

#page #sidebar div.sidebarMain #newsletterBox #newsletterButton:focus{
   background: none;
   background: none;
}

#page #sidebar div.sidebarbottom{
   background: url(/images/sidebar-bg-more.jpg);
   width: 194px;
   min-height: 256px;
   padding-top: 35px;
   margin-top: -8px;
}

#page #sidebar div.sidebarbottom ul{
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 13px;
   font-weight: bold;
   margin-left: 16px;
}

#page #sidebar div.sidebarbottom ul li{
   padding-bottom: 10px;
}

/* END SIDEBAR */



/* BEGINN CONTENT */
#page #content{
   background: #feeecd url(/images/main-bg.jpg) no-repeat;
   width: 736px;
   padding-left: 28px;
   padding-right: 40px;
   padding-top: 5px;
   float: left;
   min-height: 699px;
}

/* END CONTENT */

#page #footer{
   clear: both;
}

div#stack_footer {
    text-align: center;
    margin-top: 20px;
}

a.grey {
    color: #666;
    font-weight:normal;
    font-size: 0.83em;
}

#pageInfo{
   padding: 10px 0 20px 0;
   word-spacing: 3px;
}

/* Kategorie ubersicht */
* html .manufacturerCategories{ /* IE 6 */
   width: 730px;
}

.manufacturerCategories .manufacturerCategory{
   float: left;
   width: 179px;
   height: 175px;
   text-align: center;
}

.manufacturerCategories a.manufacturerCategory {
   height: 25px;
}

a.manufacturersLink {
	color: #5D5D5D;
	margin-left: 15px;
}
a#manufacturersActive {
    background-color: #adc235;
    color: #fff;
    font-weight: bold;
}

.manufacturerCategoriesTeaser {
}

.manufacturerCategoriesBox {
    width: 230px;
    margin: 15px 23px 15px 0;
    float: left;
}

.manufacturerCategoriesTeaser .manufacturerCategoriesBox+.manufacturerCategoriesBox+.manufacturerCategoriesBox {
    margin: 15px 0;
}

.manufacturerCategoriesBoxContent {
   min-height: 150px;
   padding-bottom: 1px;
}

.manufacturerTopArtikel{
   width: 200px; 
   background: #fff; 
   float: left; 
   margin-left: 15px; 
   border: 1px solid #ccc; 
   padding: 10px;
   height: 410px;
   position: relative;
}

.manufacturerTopArtikel .price{
   position: absolute;
   bottom: 0px;
   right: 20px;
   left: auto;
   top: auto;
   font-weight: bold;
}
/* Artikelliste*/
#artikelList{
   width: 710px;
   margin: 0 auto;
}

* html #artikelList{ /* IE 6*/
   margin-top: 20px;
}

#artikelList .space,
#artikelList .noSpace{ 
   float: left;
   width: 184px;
   height: 300px;
   padding: 10px;
   margin: 15px;
   border: 1px solid #ccc;
   position: relative;
}

* html #artikelList .space,
* html #artikelList .noSpace{ /* IE 6 */
   width: 174px;
}

#artikelList .articleText{
   margin-top: 10px;
}

#artikelList .offerStamp{
   position: absolute;
   left: 0px;
   top: 0px;
}
div.manufacturerTopArtikel div.offerStamp{
   position: absolute;
   left: 0px;
   top: 0px;
}

#artikelList .articleImage{
}

#artikelList .articleImage .img{
   width: 150px;
   height: 150px;
   margin: 0 auto;
}

#artikelList .articlePreis{
   position: absolute;
   top: auto;
   bottom: 15px;
   right: auto;
   left: auto;
   width: 180px;
   text-align: right;
}

#artikelList .articlePreis .more{ text-align: left; }

.pagesNavi{
   font-size: 12px;
   text-align: center;
}

.pagesNavi a,
.pagesNavi span{
   border: 1px solid #adc235;
   margin-left: 10px;
   width: 15px;
   height: 15px;
   
}

.pagesNavi span {
   background-color: #adc235;
   color: #fff;
}

.pagesNavi a,
.pagesNavi .activePage{
   padding: 3px;
}
.pagesNavi a:hover {
    color: #fff;
    background-color: #adc235;
}
span.redText {
    font-weight: bold;
    color: #c00;
}

span.greenText {
    font-weight: bold;
    color: #008800;
}

#pageFooter {
   clear:both;
   color:#808080;
   line-height:125%;
   padding-top:25px;
   text-align:center;
}

/* Marken ubersicht */
#allemarkenContent{
   margin: 0 auto;
   width: 750px;
   padding-top: 20px;
}

* html #allemarkenContent{ /* IE 6 */
   width: 730px;
}

#markentext{
   padding-bottom: 10px;
}

#allemarkenContent .markenTeaser{
   float: left;
   width: 230px;
   height: 250px;
   margin-left: 12px;
   margin-bottom: 10px;
   text-align: center;
}

#allemarkenContent .markenTeaser .logo{
   width: 230px;
   height: 110px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}

#allemarkenContent .markenTeaser .teaser{
   text-align: left;
   width: 230px;
}

* html #allemarkenContent .markenTeaser,
* html #allemarkenContent .markenTeaser .logo,
* html #allemarkenContent .markenTeaser .teaser{ /* IE 6 */
   width: 220px;
}

/* Footer */
#pageFooter{
   padding: 10px;
   text-align: center;
}

/* Kassenablauf */
#passwordRequestLayer {
    display: none;
    position:absolute;
    z-index: 1;
    left: 400px;
    width: 355px;
    height: 167px;
    background-image: url('/images/confirm-window.gif');
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
}

#passwordRequestLayerContent { 
  padding: 10px 10px 5px 15px;
}
#passwordRequestLayer h1 { 
  margin:0.33em 0 1em ;
}
#passwordRequestForm { 
}
#passwordRequestMsg {
    padding-top: 8px;
    display: none;
}
#passwordRequestLabel {
    padding-top: 8px;
}
#passwordRequestButtons { 
  position: absolute;
  bottom: 15px;
  right: 10px;
}
#passwordRequestLayer h1 {
  margin:0.33em 0;
}

div.red {
    border: 1px solid red;
    background-color: #fadadd;
    background-image: url("/images/error.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 15px;
    font-size: 12px;
    margin-left: 5px;
}

div.green {
    border: 1px solid green;
    background-color: #adc235;
    background-image: url("/images/info.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 15px;
    font-size: 12px;
    margin-left: 10px;
}


/* CONTENT SEITEN */
.links{
   padding-top: 20px;
   padding-bottom: 20px;
   min-height: 75px;
   position: static;
}

.links .linksBanner{
   float: left;
   width: 250px;
}
.links .linksText{
   float: left;
   width: 458px;
}

.ueberuns{}
.ueberuns .bilder {float: left;}
.ueberuns .bilder ul{
   margin: 0;
   padding: 0;
   list-style: none;
}

.ueberuns .text{
   float: left;
   width: 500px;
   margin-left: 20px;
}

/* Searchresultpage */
#searchHeader{
   margin-top: 20px;
}
#searchHeader #searchStuff{
   width: 250px;
   float:left;
}
#searchHeader #topCategories,
#searchHeader #topManufacturers{
   width: 210px;
   float: left;
   margin:0 0 0 20px;
}

#searchHeader #topCategories ul,
#searchHeader #topManufacturers ul{
   padding: 0;
   margin: 0;
   list-style: none;
}

#searchHeader span {
   font-size:smaller;
}
#searchHeader .searchForm {
   margin:20px 0 50px;
}

#search {
    position: relative;
    width: 184px;
    height: 20px;
}
#search form {
    padding: 0;
    margin: 0;
}
#search input#search_box {
    position: absolute;
    top: -1px;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 16px;
    border:1px solid #999999;
}
#search input#search_submit {
    position: absolute;
    top: -1px;
    left: 121px;
    margin: 0;
    padding: 0;
    width: 65px;
    height: 18px;
    border:1px solid #999999;
}
#search input#search_box:focus {
    background-color: #fff;
}
#search button {
    padding: 1px;
    font-size: 12px;
    border: none;
    background: transparent;
    cursor: pointer;
}

#searchResults{
   width: 100%;
}

#searchResults th{
  text-align: left;
}

#searchResults td.points{
  text-align: center;
}

a.sort-up {
   background-position:0 0;
}

a.sort-down, a.sort-up {
   background:transparent url(/images/sort.gif) no-repeat scroll 0 0;
   height:16px;
   margin:0 2px;
   padding-left:18px;
}

a.sort-down {
   background-position:0 -16px;
}


/* jquery autocomplete */

.ac_results {
  color: #333;
  background-color: #fff;
  border: 1px solid #666;
  font-family: Arial, Verdana;
  font-size: 12px;
  overflow: hidden;
  min-width:160px;
  z-index: 4;
}

.ac_results ul {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-position: outside;
  overflow: auto;
}

.ac_results li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #fff;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.form-autocomplete {
    background: url('/images/throbber.gif') no-repeat 100% 2px #FFF;
    width: 160px;
}

.ac_loading {
    background-position: 100% -18px;
}

.ac_over {
    background-color: #cef;
    border-top: 1px solid #9bc;
    border-bottom: 1px solid #9bc;

}
.ac_match {
    text-decoration: none;
    color: #0F0;
}
.ac_results em {
  font-style: normal;
  font-weight: bold;
  color: #080;
}

.manufacturerTagLink {
  background-image: url('/images/pfeil-rechts.gif');
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 13px;
  padding-right: 8px;
  float: right;
}

#holmegaard_beliebte_artikel .beliebter_artikel {
    width: 350px;
    padding: 15px 15px 0 0;
    float: left;
}

#holmegaard_beliebte_artikel .beliebter_artikel_img {
    height: 100px;
    width: 90px;
    float: left;
    text-align: center;
}

#holmegaard_beliebte_artikel .beliebter_artikel_img img {
    display: inline;
}

#holmegaard_beliebte_artikel .beliebter_artikel_title {
    padding-bottom: 10px;
}

#holmegaard_beliebte_artikel .beliebter_artikel_title,
#holmegaard_beliebte_artikel .beliebter_artikel_beschreibung {
    display: block;
}

#manufacturer_logo {
    float: left;
    padding: 0 20px 20px 0;
}/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;	
    z-index: 3000;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
}

*+html .jqmWindow {
    width: 400px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
    position: absolute;
    top: 150px;
    left: 200px;
    margin-left: 0;
    background: none;
    background-color: transparent;
    height: 1px;
}


/**
 * css-definitionen fuer das layer-fenster
 */
 .jqm {
    background-color: #e0ebc7;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 5px;
}

.jqmDrag {
    height: 15px;
    margin-top: 5px;
    cursor: pointer;
}
 
 .jqmContent {
    margin: 0px 5px 5px 5px;
    padding: 0px 5px 10px 5px;
    font-size: 12px;
    overflow: hidden;
}

.jqm-head-text, .jqm-head-text h2 {
    position: relative;
    top: -10px;
    left: -8px;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 0px;
    font-weight: bold;
}

.jqm-top-left {
    background-image: url("/images/layer_ol.gif");
    background-repeat: no-repeat;
    background-position: top left;
}
.jqm-top-right {
    background-image: url("/images/layer_or.gif");
    background-repeat: no-repeat;
    background-position: top right;
}
.jqm-top-middle {
    background-image: url("/images/layer_o.gif");
    background-repeat: repeat-x;
    background-position: top;
    padding-left: -20px;
}
.jqm-middle-left {
    background-image: url("/images/layer_l.gif");
    background-repeat: repeat-y;
    background-position: left;
    padding-top: 0px;
}
.jqm-middle-right {
    background-image: url("/images/layer_r.gif");
    background-repeat: repeat-y;
    background-position: right;
}
.jqm-bottom-left {
    background-image: url("/images/layer_ul.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.jqm-bottom-right {
    background-image: url("/images/layer_ur.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.jqm-bottom-middle {
    background-image: url("/images/layer_u.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}
.jqm-head-text h1 {
    font-size: 12px;
    position: relative;
    top: -10px;
    color: #000000;
}
.jqm-content h2 {
    font-size: 14px;
}#artikeldetailNavi {
    margin: 20px 0 0;
    font-size: 0.8em;
}
#artikeldetailNavi a {
    text-decoration: underline;
}

#artikeldetailInfo {
    width: 480px;
    float: left;
    padding: 0 9px 10px 0;
    margin: 0 0 50px;
    color: #333;
}

#artikeldetailInfo h1 {
    color: #444;
    font-size: 1.2em;
}
#artikeldetailInfo ul li {
    margin: 0;
}
#artikeldetailInfo li {
    margin-left: 20px;
}

#artikeldetailInfo table.stock_legend td {
    vertical-align: middle;
    padding: 0 10px 0 0;
    line-height: 16px;
}
#artikeldetailInfo table.stock_legend td img {
    float: left;
    padding: 0 5px 0 0;
}

#artikeldetailInfo table.artikeldetail {
    margin-top: 10px;
    background-color: #fff;
}

#artikeldetailInfo table.artikeldetail th {
    background-color: #adc235;
    text-align: center;
    vertical-align: middle;
    margin-right: 1px;
    margin-bottom: 1px;
}

span.pricecolor{
   color: #ff0000;
}

#artikeldetailInfo span.oldprice{
   text-decoration: line-through;
   font-size: 10px;
}

/** Farbe u. Ausstattung */
#artikeldetailInfo table.artikeldetail th.attribut1,
#artikeldetailInfo table.artikeldetail th.attribut3 {
    width: 110px;
}
/** Groesse */
#artikeldetailInfo table.artikeldetail th.attribut2 {
   width: 160px;
}

#artikeldetailInfo table.artikeldetail td {
    padding: 4px;
}
#artikeldetailInfo table.artikeldetail tr.row_class_1 td {
    background-color: #fff;
    text-align: center;
    min-width: 50px;
}
#artikeldetailInfo table.artikeldetail tr.row_class_2 td {
    background-color: #e7e7e7;
    text-align: center;
}

#artikeldetailInfo table.artikeldetail td {
    vertical-align: middle;
}

#artikeldetailInfo table.artikeldetail td.center {
    text-align: center;
}

/** Groesse */
#artikeldetailInfo table.artikeldetail td.attribut2 {
    text-align: center;
}

#artikeldetailRight {
    width: 240px;
    float: left;
}

#artikeldetailBilder {
    float: left;
}

#artikeldetailBilder .bilder{
    border: 0px 2px 5px 2px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0 0 2px 0;
    margin: 0 0 10px 0;
    background: #fff;
    width: 240px;
}

#artikeldetailBilder .buttons {
    width: 220px;
    height: 27px;
    background-color: #dfdfdf;
    padding: 10px;
}

* html #artikeldetailBilder .buttons { /* IE 6 */
   width: 225px;
}

#artikeldetailBilder .buttons img {
    margin-right: 4px;
}
#artikeldetailBilder .icons {
    width: 226px;
    text-align: center;
    padding: 5px;
}
#artikeldetailBilder .picture {
    width: 240px;
    height: 240px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    background: #fff;
}
#artikeldetailBilder #pictureText {
    width: 232px;
    padding: 2px 5px 2px 5px;
    background-color: #929292;
    font-size: 1.0em;
}
#artikeldetailBilder #previewPictures {
    width: 220px;
    margin: 0 auto;
}
#artikeldetailBilder #previewPictures .box {
    width: 100px;
    margin: 6px 0 0 6px;
    float: left;
}
#artikeldetailBilder #previewPictures .box .image {
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px solid #767676;
}
#artikeldetailBilder #previewPictures .box .imageText {
    width: 98px;
    padding: 1px 2px;
    background-color: #929292;
    font-size: 0.8em;
}
#artikeldetailVersandinfo {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 12px;
    clear: both;
    width: 240px;
}
#artikeldetailVersandinfo div.image {
    float: left;
    margin-right: 10px;
}
#artikeldetailVersandinfo div.text {
    float: left;
    height: 38px;
    padding: 10px 0 0;
    margin: 0 0 10px;
}

* html .box-content-relation{
   height: 200px;
}

#articleRelations {
    clear: both;
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
}

#articleRelations .wrapper{
   width: 700px; 
   margin: 0 auto;
}

#articleRelations .articleRelationBox{
   border: 1px solid #ccc;
   width: 150px;
   height: 180px;
   float: left;
   margin-left: 19px;
   margin-top: 10px;
}

#articleRelations .articleRelationBox .image{
   width: 150px;
   height: 100px;
   margin-top: 10px;
}

#articleRelations .articleRelationBox .detail{
   padding: 10px;
}


#articleFooter {
    clear: both;
    text-align: center;
    margin: 20px 0;
}

#confirmWindow {
    position: absolute;
    display: none;
    z-index: 99;
    left: auto;
    bottom: auto;
    right: auto;
    width: 340px;
    height: 147px;
    padding: 15px 5px 5px 10px;
    background-image: url('/images/confirm-window.gif');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 250px;
}

*+html #confirmWindow{
    margin-left: -600px; /* NUR IE 7*/
}

* html #confirmWindow { /* IE 6 */
   margin-left: -600px; /* NUR IE 7*/
}

#confirmWindow .text {
    position: relative;
    width: 340px;
    line-height: 34px;
    margin: 0 0 10px 0;
    padding: 0;
}
#confirmWindow .text img {
    float: left;
    padding-right: 5px;
}
#confirmWindow .detail {
    position: relative;
    width: 340px;
    height: 66px;
    margin: 0;
    padding: 0;
}
#confirmWindow .buttons {
   height:32px;
   width:340px;
   margin:0;
   padding:0;
   position: relative;
}

img.button {
   float:left;
}

a.button {
   background-image:url(/images/button-bg.gif);
   background-position:left top;
   background-repeat:repeat-x;
   display:block;
   float:left;
   font-size:12px;
   height:17px;
   margin:0;
   padding:15px 2px 0;
   color: #000;
   font-weight: normal;
}

img.buttonRight {
   float:left;
   margin-right:5px;
}

input.artikeldetailMenge {
    text-align: right;
    font-size: 12px;
    padding: 0;
    border: 1px #000 solid;
}

#AdditionalArticleHints {
    clear: both;
    display: block;
    margin-bottom: 10px;
    height: 23px;
}

#AdditionalArticleHints img {
    float: left;
}

#AdditionalArticleHints span {
    position: relative;
    top: 7px;
    margin-left: 8px;
    font-weight: bold;
}

#sizeTableLayer {
    position: absolute;
    display: none;
    z-index: 1000;
    margin: 50px 135px;
    padding: 10px;
    width: 400px;
    height: auto;
    border: 1px solid #000;
    border-top: 15px solid #080;
    background-color: #fff;
}
#sizeTableLayer h1 {
    font-size: 1.1em;
}

#articleLayer {
    position: absolute;
    display: none;
    z-index: 1000;
    margin: 50px 135px;
    padding: 10px;
    width: 400px;
    height: auto;
    border: 1px solid #000;
    border-top: 15px solid #080;
    background-color: #fff;
}
#articleLayer h1 {
    font-size: 1.1em;
}

#contentLayer {
   height: 500px;
   overflow-y: scroll;
   overflow-x: hidden;
}table.basket {
    width: 100%;
    border-collapse: collapse;
}

table.basket tr.basketItem {
    border-bottom: 1px dashed #999;
}

table.basket tr.basketItem td a {
    color: #080;
    font-weight: bold;
}

table.basket th {
    background: #eee;
    padding: 2px 5px;
    text-align: left;
}

table.basket th.right {
    text-align: right;
}

table.basket td {
    padding: 3px 5px;
    vertical-align: top;
}

table.basket td.right {
    text-align: right;
}

table.basket td.center {
    text-align: center;
}

table.basket td.vcenter {
    vertical-align: middle;
}

table.basket td.voucherPrice {
    text-align: right;
}

input.artikeldetailMenge {
    width: 20px;
    text-align: center;
}

input.artikeldetailMenge:focus {
   background: none;
}


input#input_voucher_no {
    text-align: center;
}#sicherEinkaufen {
   margin: 0 0 0 16px;
   padding: 15px 0 0 0;
   list-style: none;
   font-size: 11px;
}

* html #sicherEinkaufen{ /* IE 6 */
   width: 170px;
   position: absolute;
}

#sicherEinkaufen li{
   padding-bottom: 10px;
}



input:focus, textarea:focus, select:focus {
    border: 1px solid #080;
}

a.mybutton {
    background: transparent url('/images/button_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    padding-right: 15px;
    color: #000;
    font-weight: normal;
}
a.mybutton span {
    background: transparent url('/images/button_span.gif') no-repeat;
    display: block;
    padding: 4px 0 5px 30px;
    color: #000;
    font-weight: normal;
}
a.mybutton span.next {
    background: transparent url('/images/button_span_next.gif') no-repeat;
    color: #000;
    font-weight: normal;
}
a.mybutton span.edit {
    background: transparent url('/images/button_span_edit.gif') no-repeat;
    color: #000;
    font-weight: normal;
}


table.address td {
    color: #333333;
    font-weight: normal;
    vertical-align: bottom;
    height: 30px;
}

table.address td.error {
    color: #333333;
    font-weight: normal;
    vertical-align: bottom;
    height: 30px;
    border: 1px solid red;
}

table.address td.mandatory {
    font-weight: bold;
    white-space: nowrap;
    vertical-align: bottom;
}
table.address span.star {
    color: #f00;
    font-weight: bold;
}
table.address input[type='text'], textarea {
    margin:0;
    margin-right:10px;
    width: 250px;
}
div.info {
    position: absolute;
    background-color: #ffffe1;
    border: 1px solid #000;
    padding: 10px;
}
#adresszusatzinfo {
    top: 170px;
    left: 120px;
}
#phoneinfo {
    top: 70px;
    left: 500px;
}
#dateofbirthinfo {
    top: 40px;
    left: 550px;
}
#sendOrder {
    clear: both;
    text-align: right;
    padding-left: 300px;
}
#sendOrder input {
    border: none;
}

#privPopup, 
#gtctPopup {
   float: left;
   width: 510px; 
   height: 500px; 
   position: absolute; 
   z-index: 1000; 
   top: 200px; 
   left: 400px;
   visibility:hidden;
}

#privPopup div.privContent,
#gtctPopup div.gtctContent {
   width: 490px;
   height: 450px;
   overflow:scroll;
   position: absolute;
   z-index: 1000;
   
}

#privPopup div.right,
#gtctPopup div.left {
   float: left;
}

#privPopup div.right, 
#gtctPopup div.right {
   text-align: right;
}

h2.cashForm {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 8px;
    font-size: 1.2em;
}

#cashLogin {
    width: 795px;
    margin: 0 0 20px 5px;
    background-color: #dfeac8;
}
#cashLogin .header {
    width: 787px;
    height: 20px;
    padding: 3px 0px 0px 8px;
    background: url(/images/customer-login-top-bg.jpg);
    font-weight: bold;
}
#cashLogin .header strong {
	font-size: 1.2em;
}
#cashLogin .content {
    width: 775px;
    padding: 10px;
    background: url(/images/customer-login-bottom-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
}

table.deliveryTable {
    border: 0px;
    padding: 0px;
    width: 100%;
    vertical-align: top;
}
table.deliveryTable td.address {
    width: 45%;
    vertical-align: top;
}
table.deliveryTable td.messageNote {
    width: 15%;
    vertical-align: top;
    text-align: right;
}
table.deliveryTable td.message {
    width: 40%;
    vertical-align: top;
    text-align: left;
}

#checkoutContinue {
    padding-left: 680px;
}

* html #checkoutContinue { /* IE6 */
   width: 120px;
}

.shippingbox { width: 360px; float: left; }
.paymentbox { width: 360px; float: right; }

.shippingbox-content,
.paymentbox-content{
   min-height: 100px;
   padding: 20px 10px 0 10px;
}

.button_edit {
   position: absolute; 
   left: auto; 
   right: 0; 
   bottom: 27px;
}#header {
    height: 96px;
    padding-bottom: 0;
}
#head-telefon {
    top: 76px;
}
#hotline-hover {
    top: 90px;
}
#head-icons {
    top: 3px;
}
div.section {
    margin: 0;
    padding: 0;
    font-size: 12px;
    width: 195px;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
}
div.section strong {
    display: block;
    margin: 0;
    padding: 0;
    margin: 0 0 5px 0;
}
div.section p {
    margin: 0;
    padding: 0;
    margin: 0 0 8px 10px;
}
div.section ul {
    margin: 0 0 0 20px;
    padding: 0;
}
div.section ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.section ul li.info {
    list-style-image:url('/images/cash_info.png');
}
div.section ul li a {
    color: #080;
    font-weight: bold;
}
div.button-next {
    text-align: right;
    padding-top: 20px;
}
#pageInfo {
   padding: 10px 0 20px 0;
   word-spacing: 3px;
}table#steps {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
table#steps tr {
    margin: 0;
    padding: 0;
}
table#steps td {
    width: 25%;
    color: #999;
    background: #ebe4dd;
    padding: 10px;
    font-size: 0.9em;
    border: 1px solid #ebe4dd;
}
table#steps td.active {
    width: 25%;
    color: #666;
    background: #fff;
    border: 1px dotted #999;
}
table#steps td.active_done {
    width: 25%;
    color: #666;
    background: #fff;
    border: 1px dotted #999;
    background-image: url('/images/step_done.png');
    background-repeat: no-repeat;
    background-position: top right;
}
table#steps td.done {
    background: #ebe4dd;
    background-image: url('/images/step_done.png');
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid #ebe4dd;
}
table#steps td.done_done {
    width: 25%;
    color: #999;
    background: #ebe4dd;
    padding: 10px;
    font-size: 0.9em;
    border: 1px solid #ebe4dd;
    background-image: url('/images/step_done.png');
    background-repeat: no-repeat;
    background-position: top right;
}
table#steps td.done:hover {
    color: #666;
    background: #fff;
    border: 1px dotted #999;
    background-image: url('/images/step_done.png');
    background-repeat: no-repeat;
    background-position: top right;
}
table#steps td.done a {
    color: #080;
}
table#steps td#step_4 {
    display: none;
}
table#steps td div.number {
    display: inline;
    font-size: 2.0em;
}
table#steps td div.title {
    display: inline;
    font-size: 1.2em;
}
table#steps td.active div.number {
    color: #c12600;
}
table#steps td.active div.title {
    color: #c12600;
}
table#steps td div.text {
    margin-top: 10px;
}
table#steps td a.step_link {

}
/* standardmaessig so */
.newsletter {
    color: #000000;
    font-family: Arial,Verdana,Helvetica;
    font-size: 12px;
    scrollbar-base-color: #ffcc99;
    scrollbar-track-color: #cccc99;
    scrollbar-face-color: #006600;
    scrollbar-highlight-color: #ffcc99;
    scrollbar-3dlight-color: #006600;
    scrollbar-darkshadow-color: #006600;
    scrollbar-shadow-color: #ffcc99;
    scrollbar-arrow-color: #006600;
    padding: 5px;
}

/* links */
.newsletter a {
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
    color: #006600;
    font-family: Arial,Verdana,Helvetica;
}

.newsletter a:hover {
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
    color: #009900;
    font-family: Arial,Verdana,Helvetica;
}

.newsletter a.beige {
    color: #ffffcc;
}

.newsletter a.baige:hover {
    color: #ffffcc;
}

.newsletter a.black {
    color: #000000;
}

.newsletter a.black:hover {
    color: #000000;
}

.newsletter a.white {
    color: #ffffff;
}

.newsletter a.white:hover {
    color: #ffffff;
}


/* noch ein paar standards */
.newsletter font     {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter TD       {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter TH       {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #FFFFFF}
.newsletter P        {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter DIV      {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter INPUT    {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica;}
.newsletter TEXTAREA {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica;}
.newsletter SELECT   {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica;}
.newsletter FORM     {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 10px}
.newsletter H3       {COLOR: #006600; margin-top: .5em; margin-bottom: .5em; FONT-FAMILY: Arial,Verdana,Helvetica;}

.newsletter table,
.newsletter th,
.newsletter td {
    padding: 0px;
}

.newsletter_formtable,
.newsletter_formtable th,
.newsletter_formtable td {
	padding: 2px 0% 2px 10px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.newsletter_formtable .error {
	color: red;
}


/* boxen */
.boxnewsletterform {
    margin-top: 30px;
    padding-bottom: 20px;
}

.boxnewsletterform { /*IE8*/
    padding-top /*\**/: 50px\9
}


.boxnewslettercontent {
    font-family: verdana, helvetica, arial, sans-serif;
    width: 560px;
    font-size: 12px;
    float: left;
}


.boxnewslettermenue {
    font-family: verdana, helvetica, arial, sans-serif;
    width: 160px;
    margin-left: 14px;
    float: left;
}



/* ausgewaehlter newsletter */
.boxnewslettermenue .selected {
    color: #666;    
} .recommendLinkBox{float:right;cursor:pointer;display:none;margin-top:-15px;position:absolute;top:145px;left:930px;top:150px\9}*+html .recommendLinkBox{margin-top:-35px}#rexxJqmClose{float:right;cursor:pointer}#fromData.recommendForm{clear:both;float:left;display:block;width:49%}#toData.recommendForm{float:right;display:block;width:49%}#mailData.recommendForm{clear:both;display:block;padding-top:15px}* html #mailData.recommendForm{padding-top:0}#captcha.recommendForm{clear:both;display:block;margin-left:8px;margin-top:25px}#captcha.recommendForm img{float:left;display:block;margin-right:15px;border:1px solid #000}#captchaReloadBlock{padding-top:10px}#send.recommendForm{clear:both;display:block;margin-top:15px;height:20px}.recommendForm h3{margin:2px}.recommendForm #recommendCapcha{float:left;padding-bottom:5px}.recommendForm .formFieldName{clear:both;float:left;display:inline;line-height:20px;font-weight:bold}.recommendForm .formField{float:right;display:inline}.recommendForm .formField input{line-height:20px}#fromData.recommendForm .formField,#toData.recommendForm .formField{width:270px}#mailData.recommendForm .formField{width:565px;float:none}.recommendForm #recommendSubmit{display:inline;float:right;margin:1px}.recommendForm #recommendExit{display:inline;float:right;margin:1px}#recommendError{display:none;min-height:30px}#recommendSuccess{min-height:30px}/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#lva {
    width: 100%;
    position: relative;
}

* html #lva{ /* IE 6*/
   position: static;
}

#lva_scroller {
}

div.lva_header {
    padding-left: 10px;
}

div.lva_content {
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 668px;
    padding: 10px 32px;
}

* html .jcarousel-skin-tango .jcarousel-container-horizontal { /* IE 6*/
   width: 650px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100px;
    height: 102px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  660px;
    height: 102px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100px;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
    position: relative;
    width: 230px;
    height: 102px;
    padding: 0;
    margin: 0;
}

.jcarousel-skin-tango .jcarousel-item .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
}

.jcarousel-skin-tango .jcarousel-item .caption {
    position: absolute;
    top: 0;
    left: 105px;
    width: 100px;
    padding: 0;
    margin: 0 15px 0 5px;
    text-align: left;
    font-size: 0.9em;
}

.jcarousel-skin-tango .jcarousel-item .price {
    position: absolute;
    bottom: 0;
    left: 110px;
    font-size: 0.9em;
    text-align: left;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
}

.jcarousel-skin-tango .jcarousel-item-vertical {
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #f8f8f8;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: -5px;
    width: 32px;
    height: 100px;
    cursor: pointer;
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: -5px;
    width: 32px;
    height: 100px;
    cursor: pointer;
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}