/***************************************************************
 *                                                             *
 * @author Juergen Schley <j.schley(at)21torr.com>             *
 * @copyright 2009 Kettenbach                                  *
 * @date 2009/10                                               *
 * @version 1.0                                                *
 * @lastmodified 2009/10/30                                    *
 * @section Print                                              *
 *                                                             *
 **************************************************************/

div.clear, br.clear { clear:both;font-size:1px;height:1px;line-height:1px; }

div.clearZero { clear:both;font-size:0; }

div.left { float:left; }

div.right { float:right; }

div.pVIEW { }





/***************************************************************
 * @section Page Standard definitions                          *
 **************************************************************/

body {
  background:url(../img/bg-diemaus.jpg) center top #ffd600 no-repeat ;
  margin:0;
  padding:0;
  font:.7em/1.35em Arial,Verdana,Helvetica,sans-serif;
  color:#4c4c4c;
  text-align:center; 
}

h1, h2, h3, h4, h5, h6, p, input, textarea, select { 
  margin:0;
  padding:0;
}

form { 
  margin:0;
  padding:0;
}

a { 
  text-decoration:underline;
  color:#6b6b6b;
}
a:hover {	text-decoration:underline; }

a:active, a:focus { outline: none }

a img { border:0; }

input, select, textarea { font:.9em/1.5em Verdana,Arial,Helvetica,sans-serif; }

img  { font-family:Arial,Verdana; }

h1 { display:none; }
h2 { font-size:1.25em; }
h3 { font-size:1.1em; }

hr {
  border:none;
  padding:0;
  margin:0;
  font-size:0;
}

.normal { font-weight:normal !important; }

.small { font-size:.9em; }

.noPad { padding:0 !important; }

div.outer-main {
  width:984px;
  text-align:left;
  vertical-align:middle;
  margin:auto;
  padding:0;
}

div.main {
  float:left;
  width:984px;
  padding:0;
}

#header {
  height:92px;
  clear:both;
}

#header a.logo-shop {
  float:right;
  margin:0 0 2px 0;
}

#header a.logo-main {
  float:left;
  margin-top:4px;
}


#tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}
#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand}

li.comments {background:url(images/tabComment.png) no-repeat 0 -32px;}
li.posts {background:url(images/tabStar.png) no-repeat 0 -32px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}

.box {width:227px}
.boxTop {background:url(images/boxTop.png) no-repeat;height:11px;clear:both}
.boxBody {}
.boxBottom {background:url(images/boxBottom.png) no-repeat;height:11px;}

.boxBody div {display:none;}
.boxBody div.show {display:block;}

.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(images/arrow.gif)}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}


/***************************************************************
 * @section Navigation                                         *
 **************************************************************/


/***************************************************************
 *                                                             *
 * @note Main Navigation top                                   *
 *                                                             *
 **************************************************************/

#mainnav {
  float:left;
  height:33px;
  padding-left:18px;
  clear:both;
}

#mainnav ul {
  margin:0;
  padding:0;
  list-style:none;
}

#mainnav ul li {
  float:left;
  width:142px;
  height:33px;
  margin-right:6px;
}

#mainnav ul li a {
  float:left;
  width:142px;
  height:23px;
  color:#4c4c4c;
  font-weight:bold;
  font-size:1.25em;
  font-family:Helvetica,Arial;
  background:url(../img/bg-mainnav.png) no-repeat;
  text-decoration:none;
  overflow:hidden; /* Firefox 1.5 hyperlink marker */ 
  text-indent:21px;
  padding-top:11px;
}

#mainnav ul li a:hover,
#mainnav ul li a.active {
  background-position:0 -33px !important;
  color:#000;
}



/***************************************************************
 *                                                             *
 * @note Sub Navigation                                        *
 *                                                             *
 **************************************************************/

#content .subnav {
  margin:0;
  padding:0;
  width:157px;
  float:left;
  text-align:left;
}

#content .subnav strong.h2 { display:block;font-size:1.2em;padding:10px 0;margin:0; }
#content .subnav .search select { width:135px;margin-top:3px;padding:1px 0;font-size:.9em; }

#content .subnav form p {
  width:135px;
  font-weight:bold;
  color:#000;
  font-size:1.2em;
  padding:7px 0 8px 0;
  border-top:1px solid #cdcdcd;
}


/***************************************************************
 * @note Tree Navigation                                        *
 **************************************************************/
ul.tree {
  width:135px;
  padding:0 0 17px 0;
  margin:16px 0 0 0;
  border-top:1px solid #000;
}

ul.tree ul {
  padding:0;
  margin:0 0 0 15px;
}

ul.tree li {
  padding:0;
  margin:0;
  list-style:none;
}

ul.tree li a {
  line-height: 100%;
  text-decoration:none;
}

ul.tree li a {
  background:#fff url(../img/oxid_ce_.gif) no-repeat right 500px;
  color:#000;
  font-size:1.2em;
  display:block;
  padding:7px 2px 0 0;
  text-indent:16px;
}

ul.tree li a.has { 
  padding-right:15px;
  background-position:right -175px;
}

ul.tree li a.root { 
  text-indent:15px;
  padding-right:0;
  background-position:0 -175px;
  font-weight: bold;
  border-color:#efefef;
}

ul.tree li a.exp { 
  text-indent:15px;
  padding-right:0;
  background-position:0 -175px;
  font-weight: bold;
}

ul.tree li a.act { font-weight:bold; }

ul.tree li a.exp.act { background-position: 0 -225px; }

.doubleborder {
  width:135px;
  height:1px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  clear:both;
}

#content .subnav .oeko-tex {
  background:url(../img/bg-oeko-tex-sub.gif) no-repeat;
  border:1px solid #cdcdcd;
  width:118px;
  padding:88px 5px 10px 10px;
  margin-top:19px;
}

#content .subnav .oeko-tex h2 { width:113px; }



/***************************************************************
 *                                                             *
 * @note Paging Navigation -- Products Overview/Detail         *
 *                                                             *
 **************************************************************/

#content .locator {
  float:left;
  width:749px;
  margin:14px 11px 6px 11px;
}

#content .locator a { text-decoration:none; }

#content .locator a.active { 
  font-weight:bold;
  text-decoration:underline;
  color:#000;
}

#content .locator a:hover { color:#000; }

#content .locator .boxhead { 
  float:left;
  width:222px;
  font-family:Helvetica;
  font-size:1.3em;
  font-weight:bold;
}

#content .locator .boxhead strong { color:#000; }

#content .locator .lochead {
  float:left;
  width:309px;
  font-size:1.1em;
}

#content .locator .lochead div { text-align:center; }

#content .locator .lochead div a img { float:none; }

#content .locator .lochead div a.back { 
  background:url(../img/btn-arrows.gif) 0 -17px no-repeat;
  margin-right:6px;
}
*+html #content .locator .lochead div a.back { background-position:0 -18px; }
#content .locator .lochead div a.back:hover { background:url(../img/btn-arrows.gif) 0 -67px no-repeat; }
*+html #content .locator .lochead div a.back:hover { background-position:0 -68px; }

#content .locator .lochead div a.next { 
  background:url(../img/btn-arrows.gif) 0 -118px no-repeat;
  margin-left:6px;
}
*+html #content .locator .lochead div a.next { background-position:0 -119px; }
#content .locator .lochead div a.next:hover { background:url(../img/btn-arrows.gif) 0 -168px no-repeat; }
*+html #content .locator .lochead div a.next:hover { background-position:0 -169px; }

#content .locator .locbody { 
  float:right;
  width:215px;
  text-align:right;
  height:1.3em;
  overflow: visible;
}

#content .locator .locbody { font-size:1.1em; }

#content .locator .locbody a.back {
  float:left;
  background:url(../img/btn-arrows.gif) 0 -17px no-repeat;
  text-indent:16px;
}
*+html #content .locator .locbody a.back { background-position:0 -18px; }
#content .locator .locbody a.back:hover { background:url(../img/btn-arrows.gif) 0 -67px no-repeat; }
*+html #content .locator .locbody a.back:hover { background-position:0 -68px; }

#content .locator .locbody a.next { 
  background:url(../img/btn-arrows.gif) right -118px no-repeat;
  padding-right:16px;
}
*+html #content .locator .locbody a.next { background-position:right -119px; }
#content .locator .locbody a.next:hover { background:url(../img/btn-arrows.gif) right -168px no-repeat; }
*+html #content .locator .locbody a.next:hover { background-position:right -169px; }



/***************************************************************
 *                                                             *
 * @note Meta Navigation -- Top                                *
 *                                                             *
 **************************************************************/

#content .meta-top {
  margin:0;
  padding:0;
  width:300px;
  height:50px;
  text-align:right;
}

#content .meta-top ul {
  list-style:none;
  float:right;
  padding:0;
  margin:5px 0 14px 0;
}

#content .meta-top li {
  display:inline;
  padding:0;
}

#content .meta-top li a {
  font-weight:bold;
  font-size:1.1em;
  text-decoration:none;
  padding:5px 7px;
}

#content .meta-top li a:hover { color:#000; }

#content .meta-top li a.active { color:#000; }

#content .meta-top li a.warenkorb {
  background:url(../img/icon-warenkorb.gif) 0 6px no-repeat;
  padding-left:25px;
}

#content .meta-top li a.warenkorb:hover,
#content .meta-top li a.warenkorb.active { }


li.meinKonto { }
li.merkzettel { }
li.basket { }

li.mouseover { background-position:0 0; }
li.mouseout { background-position:0 0; }
li.selected { background-position:0 0; }

.boxBody div { position:absolute;display:none;background:#fff; }
.boxBody div.show {display:block;}



/***************************************************************
 *                                                             *
 * @note Meta Navigation -- Content-Bottom                     *
 *                                                             *
 **************************************************************/
 
#meta-bottom {
  float:left;
  padding:0;
  margin:0;
}

#meta-bottom ul {
  list-style:none;
  float:left;
  padding:0;
  margin:9px 0 0 0;
}

#meta-bottom li {
  display:inline;
  padding:0;
  margin:0;
}

#meta-bottom li a {
  font-weight:bold;
  font-size:.95em;
  text-decoration:none;
}

#meta-bottom li a:hover,
#meta-bottom li a.active { text-decoration:underline; }

#meta-bottom li a.t {
  background:url(../img/trenner-meta-bottom.gif) 0 1px no-repeat;
  padding-left:5px;
}



/***************************************************************
 *                                                             *
 * @note Footer Navigation                                     *
 *                                                             *
 **************************************************************/
 
#footer {
  float:left;
  width:984px;
  background:url(../img/bg-footer.png) transparent no-repeat;
  height:32px;
  padding:0;
  margin:0;
}

#footer ul {
  list-style:none;
  float:left;
  padding:0;
  width:820px;
  margin:9px 0 0 26px;
}

#footer li {
  display:inline;
  font-size:.95em;
  color:#6b6b6b;
  padding:0;
  margin:0;
}

#footer li a {
  text-decoration:none;
}

#footer li a:hover,
#footer li a.active { text-decoration:underline; }

#footer li.t {
  background:url(../img/trenner-footer.gif) no-repeat;
  padding-left:4px;
}

#footer div {
  float:right;
  width:111px;
  text-align:left;
  padding:0;
  margin:5px 0 0 0;
}

#footer div a {
  font-size:1em;
  font-weight:bold;
  background:url(../img/icon_info.png) no-repeat;
  text-decoration:none;
  padding-left:16px;
}

#footer div a:hover,
#footer div a.active { text-decoration:underline; }


/***************************************************************
 * @section Content                                            *
 **************************************************************/

 
#content { 
  float:left;
  background:url(../img/bg-content.png) transparent repeat-y;
  width:930px;
  padding:17px 27px 18px 27px;
}

#content h2 {
  float:left;
  color:#ee7f01;
  font:lighter 2.55em/1.15em Helvetica,Arial;
  margin-top:-6px;
  padding:0;
  width:10em;
}



/***************************************************************
 *                                                             *
 * @note Homeage Styles                                        *
 *                                                             *
 **************************************************************/

#content .teaserProdHome {
  float:left;
  width:628px;
  margin:0;
  padding:0;
}

#content .teaserProdHome img {
  margin:0;
  padding:0;
  font-size:0;
}

#content .products {
  border:1px solid #cdcdcd;
  background:#fff;
  width:143px;
  height:191px;
  float:left;
  margin:8px 12px 0 0;
  padding-bottom:13px;
}

#content .last {
  margin-right:0 !important;
  margin-left:-1px !important;
}

#content .products:hover { border:1px solid #000; }

#content .products a { text-decoration:none; }

#content .products a:hover { }

#content .products .neu {
  position:relative;
  top:-61px;
  left:10px;
  width:50px;
  background:#000;
  color:#fff;
  font:.95em/1em Helvetica,Arial;
  font-weight:bold;
  padding:1px 0 1px 3px;
  text-transform:uppercase;
}
*+html #content .products .neu {
  padding:0 0 2px 3px;
}

#content .products .set {
  position:relative;
  top:-61px;
  left:10px;
  width:50px;
  background:#4c4c4c;
  color:#fff;
  font:.95em/1em Helvetica,Arial;
  font-weight:bold;
  padding:1px 0 1px 3px;
  text-transform:uppercase;
}
*+html #content .products .set {
  padding:0 0 2px 3px;
}

#content .products h2 {
  font-size:1.1em;
  font-weight:bold;
  color:#000;
  font-family:Arial;
  margin:5px 0 0 11px;
}

#content .products h3 {
  font-size:1.1em;
  line-height:1.1em;
  font-weight:normal;
  color:#4c4c4c;
  margin:0 0 0 11px;
}

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

#content .TeaserBoxHome {
  float:right;
  margin:0;
  margin-top:59px;
}

#content .TeaserBoxHome div {
  border:1px solid #cdcdcd;
  color:#4c4c4c !important;
  width:185px;
  margin-bottom:11px;
  padding:21px 5px 0 110px;
}

#content .TeaserBoxHome .hotline {
  height:132px;
  background:url(../img/bg-phone.gif) no-repeat;
}

#content .TeaserBoxHome .makingof {
  height:51px;
  padding-top:101px;
  background:url(../img/bg-makingof.jpg) no-repeat;
}
*+html #content .TeaserBoxHome .size { height:126px; }

#content .TeaserBoxHome .oeko-tex {
  height:182px;
  background:url(../img/bg-oeko-tex.gif) no-repeat;
}

#content .TeaserBoxHome div h2,
#content .subnav .oeko-tex h2,
#content .subpage .hotline h2,
#content .subpage .makingof h2 {
  margin-bottom:3px;
  color:#4c4c4c !important;
  font-family:Helvetica;
  font-size:1.3em;
  font-weight:bold;
}
#content .TeaserBoxHome div h2 { width:180px; }

#content .TeaserBoxHome div h3,
#content .subnav .oeko-tex h3,
#content .subpage .hotline h3,
#content .subpage .makingof h3 {
  margin-bottom:5px;
  color:#000;
  font-family:Helvetica;
  font-size:1.2em;
}

#content .TeaserBoxHome div p,
#content .subnav .oeko-tex p,
#content .subpage .hotline p,
#content .subpage .makingof p {
  margin-bottom:3px;
  line-height:16px;
  font-size:1.1em !important;
}

#content .subnav .oeko-tex h2,
#content .subnav .oeko-tex p,
#content .subnav .oeko-tex a {
  color:#4c4c4c !important;
}

#content .TeaserBoxHome div p.copy,
#content .subnav .oeko-tex p.copy,
#content .subpage .hotline p.copy,
#content .subpage .makingof p.copy {
  font-size:.9em !important;
  line-height:1em;
}

#content .TeaserBoxHome div a,
#content .subnav .oeko-tex a,
#content .subpage .hotline a,
#content .subpage .makingof a {
  color:#4c4c4c !important;
  font-size:1.1em;
  background:url(../img/icon-arrow-r.png) 0 1px no-repeat;
  text-decoration:none;
  padding-left:16px;
}

#content .TeaserBoxHome div a:hover,
#content .subnav .oeko-tex a:hover,
#content .subpage .hotline a:hover,
#content .subpage .makingof a:hover {
  color:#000;
  text-decoration:underline;
}




/***************************************************************
 *                                                             *
 * @note Top Boxes                                             *
 *                                                             *
 **************************************************************/

 .smallTopBoxes { float:left; }

 .smallTopBoxes div {
  float:left;
  text-align:left;
  width:181px !important;
  background:none;
 }

 .smallTopBoxes #meinKonto { margin:-2px 0 15px 27px; }

 .smallTopBoxes #merkzettel { margin:-2px 0 15px 107px; }

 .smallTopBoxes #basket { margin:-2px 0 15px 130px; }

 .smallTopBoxes #meinKonto img,
 .smallTopBoxes #merkzettel img,
 .smallTopBoxes #basket img {
  margin:0 !important;
  padding:0 !important;
  float:left !important;
 }

 .smallTopBoxes #meinKonto table,
 .smallTopBoxes #merkzettel table,
 .smallTopBoxes #basket table {
  background:url(../img/bg-meta-top.png) bottom no-repeat;
 }

 .smallTopBoxes div input.txt {
  width:140px;
  margin-bottom:5px;
 }

 .smallTopBoxes div input.checkbox { margin:0 0 5px 43px; }

 .smallTopBoxes div input.btn { 
  height:19px;
  width:90px;
  background:url(../img/icon-arrow-r.png) #fff 0 2px no-repeat;
  border:0;
  color:#4a4a4a;
  padding:0 0 4px 0;
  cursor:pointer;
  font-size:1.1em;
  font-weight:bold;
  font-family:Arial;
  text-transform:uppercase;
}

 .smallTopBoxes div a.arrow { 
  height:19px;
  width:130px;
  background:url(../img/icon-arrow-r.png) #fff 0 1px no-repeat;
  border:0;
  color:#4a4a4a;
  padding:0 0 4px 16px;
  cursor:pointer;
  font-size:1em;
  font-weight:bold;
  font-family:Arial;
  text-transform:uppercase;
}

 .smallTopBoxes div a {
  background:url(../img/btn-arrow-black.gif) 0 2px no-repeat;
  text-decoration:none;
  padding-left:10px;
  color:#4a4a4a;
 }
 
 .smallTopBoxes div .btn-close {
  background:url(../img/icon_close_btn.gif) no-repeat;
  border:none;
  float:right;
  width:11px;
  height:11px;
  padding:0 !important;
}

 .smallTopBoxes div .btn-close a { padding-left:0; }

 .smallTopBoxes #basket strong { color:#000; }
 
 .smallTopBoxes #basket table { font-size:1.1em; }



/***************************************************************
 *                                                             *
 * @note subpage                                            *
 *                                                             *
 **************************************************************/
 
#content .subpage {
  float:left;
  width:773px;
}

#content .subpage img { float:left; }

#content .subpage .hotline {
  float:left;
  background:url(../img/bg-phone-sub.gif) no-repeat;
  border:1px solid #cdcdcd;
  width:134px;
  height:88px;
  padding:57px 0 8px 10px;
  margin:36px 0 11px 11px;
}
*+html #content .subpage .hotline { margin:48px 0 11px 11px; }

#content .subpage .hotline h2 { width:130px; }

#content .subpage .makingof {
  float:left;
  background:url(../img/bg-makingof-sub.jpg) no-repeat;
  border:1px solid #cdcdcd;
  width:134px;
  height:44px;
  padding:101px 0 8px 10px;
  margin-left:11px;
}

#content .subpage .hotline h2 { width:130px; }

#content .subpage .nav {
  height:1%;
  background:#f6f6f6;
  padding-bottom:8px;
  margin:12px 0 19px 0;
}



#content .subpage .pictures { 
  float:left;
  width:312px;
  margin-top:16px;
}

#content .subpage .pictures .picture { 
  border:1px solid #cdcdcd;
  width:299px;
  height:296px;
}

#content .subpage .pictures .picture img { 
  float:none;
}

#content .subpage .pictures .picture .zoom { 
  position:relative;
  top:-25px;
  left:226px;
  width:64px;
  height:20px;
  background:url(../img/bg-zoom.gif) 0 1px no-repeat;
}
*+html #content .subpage .pictures .picture .zoom { background-position: 0 2px; }

#content .subpage .pictures .picture .zoom a { 
  color:#fff;
  font-size:1em;
  text-decoration:none;
  margin-left:3px;
}

#content .subpage .pictures .morepics { }

#content .subpage .pictures .morepics a {
  float:left;
  border:1px solid #cdcdcd;
  margin:12px 11px 0 0;
  line-height:1em;
  font-size:0;
}



#content .subpage .moredetails  {
  float:left;
  width:460px;
  font-size:1.1em;
  margin-top:19px;
}

#content .subpage .moredetails a { 
  color:#4c4c4c;
  text-decoration:underline;
}

#content .subpage .moredetails a:hover { 
  text-decoration:underline;
  color:#000 !important;
}

#content .subpage .moredetails a.back {
  background:url(../img/btn-search.gif) 0 -113px no-repeat;
  padding:5px 0 5px 25px;
  text-decoration:none;
}

#content .subpage .moredetails a.arrow,
#content .basket a.arrow {
  font-size:1em;
  background:url(../img/icon-arrow-r.png) 0 1px no-repeat;
  text-decoration:none;
  padding-left:16px;
}

#content .subpage .moredetails a.arrow:hover,
#content .basket a.arrow:hover,
#content .subpage .moredetails a.back:hover { text-decoration:underline; }

#content .subpage .singleborder {
  width:453px;
  height:1px;
  border-top:1px solid #cdcdcd;
  margin:8px 0;
  clear:both;
}

#content .subpage .moredetails .head {
  float:left;
  color:#000;
  width:auto;
  font-family:Helvetica,Arial;
  font-weight:bold;
  font-size:1.2em;
  margin:23px 0 0 0;
}

#content .subpage .moredetails .appearance {
  float:left;
  width:50px;
  background:#000;
  color:#fff;
  font:.9em/1em Helvetica,Arial;
  font-weight:bold;
  padding:1px 0 1px 3px;
  margin:24px 0 0 7px;
  text-transform:uppercase;
}
*+html #content .subpage .moredetails .appearance { padding:0 0 2px 3px; }

#content .subpage .moredetails .artNr { margin-top:4px; }

#content .subpage .moredetails .product_longdesc { margin:4px 0;width:275px; }

#content .subpage .moredetails .hotline-nr {
  background:url(../img/bg-hotline-proddetail.gif) no-repeat;
  height:29px;
  padding:14px 0 0 28px;
  margin:16px 0;
}

#content .subpage span.recommend  {
  font-size:1.3em;
  font-weight:bold;
  font-family:Helvetica,Arial;
}

#content .subpage .locator  {
  background:#f6f6f6;
  padding:8px 11px;
  margin:20px 0;
}

#content .subpage .moredetails .price { margin:16px 0 13px 0; }

#content .subpage .moredetails .price big { 
  font-size:1.2em;
  font-weight:bold;
  white-space:nowrap;
}

#content .subpage .moredetails .price span.dinfo { }

#content .subpage .moredetails .price small { font-size:1em; }

#content .subpage .moredetails .amount { margin:4px 0; }

#content .subpage .moredetails .amount label { width:49px; }

#content .subpage .moredetails .tocart,
#content .subpage .moredetails .actions,
#content .subpage .basket .actions { 
  float:left;
  height:20px;
  padding:0 0 0 25px;
  margin-right:22px;
  background:url(../img/btn-search.gif) 0 -16px no-repeat;
}
*+html #content .subpage .moredetails .tocart,
*+html #content .subpage .moredetails .actions,
*+html #content .subpage .basket .actions {
  margin-right:11px;
}
  
#content .subpage .moredetails .tocart input { 
  height:19px;
  width:115px;
  background:#000;
  border:0;
  color:#fff;
  padding:0 0 3px 0;
  cursor:pointer;
  font-weight:bold;
  font-family:Arial;
}

#content .subpage .moredetails .actions a,
#content .subpage .basket .actions a { 
  height:20px;
  line-height:20px;
  background:#cdcdcd;
  color:#000;
  text-decoration:none;
  padding:2px 7px;
  font-weight:bold;
  font-family:Arial;
  margin-top:2px;
}

#content .subpage .moredetails .status { margin:8px 0 23px 0; }

#content .subpage .moredetails .flag { 
  float:left;
  margin-right:4px;
}

#content .subpage .moredetails .flag.red { 
  color:#f00;
  font-weight:bold;
}

#content .subpage .moredetails .flag.orange { 
  color:#ffb200;
  font-weight:bold;
}

#content .subpage .moredetails .flag.green { 
  color:#198504;
  font-weight:bold;
}




/***************************************************************
 *                                                             *
 * @note Basket                                                *
 *                                                             *
 **************************************************************/
 
#content .basket { width:617px;margin-top:11px; }

#content .basket input { width:auto; }

#content .basket input.checkbox { border:1px solid #fff; }

#content .basket h2 {
  float:left;
  background:url(../img/bg-warenkorb-h2.gif) 0 5px no-repeat;
  font-size:1.4em;
  text-indent:33px;
  line-height:1.6em;
  color:#4c4c4c;
  font-weight:bold;
  margin: 0 5px 5px;
}

#content .basket .ordersteps { width:593px;padding:5px 0 13px 23px;background:#f6f6f6;margin: 14px 0;float:left; }
#content .basket .ordersteps dl { height:30px;padding:0;margin:0;float:left; }
#content .basket .ordersteps dl.one { margin-right:39px; }
#content .basket .ordersteps dl.two { margin-right:39px; }
#content .basket .ordersteps dl.three { margin-right:37px; }
#content .basket .ordersteps dl.four { margin-right:41px; }
#content .basket .ordersteps dt { font-size:1.2em !important;padding:0;margin:0; }
#content .basket .ordersteps dt, 
#content .basket .ordersteps dt a { font-size:1em;line-height:2em;text-decoration:none;color:#4c4c4c; }
#content .basket .ordersteps dl big { vertical-align:top;line-height:1.4em;font-size:1.85em;font-family:Helvetica !important;font-weight:normal; }
#content .basket .ordersteps dt a:hover { background:url(../img/bg-line-black.gif) 25px 15px no-repeat;color:#000 !important; }
#content .basket .ordersteps dt a:hover big { text-decoration:none; }
#content .basket .ordersteps dd,
#content .basket .ordersteps dd a { margin:0; }
#content .basket .ordersteps .lastinrow {}
#content .basket .ordersteps dl.active {}
#content .basket .ordersteps dl.active dt,
#content .basket .ordersteps dl.active dt a { color:#000000; }
#content .basket .ordersteps.nofinalstep dl {}
#content .basket .ordersteps.nofinalstep .lastinrow {}


/* Basket */
#content .basket table { width:616px; }
#content .basket table.small { width:500px; }
#content .basket tbody td { padding-top:10px; }
#content .basket th { color:#000;font-weight:bold;height:1.3em;line-height:1em; }
#content .basket th.lastcol { padding-right:12px; }

#content .basket td { text-align:left; }

#content .basket .bsk_sep td { font-size:1px !important; }
#content .basket .line { border-bottom:1px solid #cdcdcd;line-height:.5em; }
#content .basket .bigline { border-bottom:1px solid #000;line-height:.5em; }

#content .basket .picture img { border:1px solid #cdcdcd; }
#content .basket .art_title a { font-size:1.1em;text-decoration:none;font-weight:bold;color:#000000; }
#content .basket .art_title a:hover { color:#000; }
#content .basket .art_num { font-size:1em; }

#content .basket .btn,
#content .basket .amount { margin-bottom:7px;}
#content .basket .upd { width:91px;cursor:pointer;padding:1px; }
#content .basket .price { padding-left:12px;font-weight:bold; }
#content .basket .orderprice {  text-align:right; }
#content .basket .vat { padding-left:5px;font-weight:bold; }
#content .basket .vat_order { padding-left:15px; }
#content .basket .amount { padding-right:20px; }
#content .basket .totalprice { padding-right:9px;color:#000;font-weight:bold;text-align:right; }
#content .basket .pricenorm { padding-right:9px;text-align:right; }
#content .basket .notice td { padding-top:5px;font-size:10px; }
#content .basket .sumrow td { padding-top:3px; }
#content .basket .sumrow.total td { color:#000;font-weight:bold; }
#content .basket .sumdesc { text-align:left; }
#content .basket .discount,
#content .basket .coupon { font-size:10px; }
#content .basket .end { color:#000;font-weight:bold;font-size:1.2em; }

#content .basket .voucher {
  margin-top:20px;
}

#content .basket .voucher strong {
  color:#000;
  font-size:1.2em;
}

#content .basket .voucher div {
  float:left;
  margin-top:5px;
  margin-right:10px;
}

#content .basket .voucher div input { width:150px; }
  
#content .basket .voucher .nextStep.code input { width:110px; }

#content .basket .doubleborder {
  width:616px;
  height:1px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin:22px 0 12px 0;
  clear:both;
}

#content .basket .greyborder {
  width:616px;
  height:1px;
  border-bottom:1px solid #cdcdcd;
  margin:16px 0 27px 0;
  clear:both;
}
 
#content .basket .nextStep { 
  float:left;
  padding:0 0 0 25px;
  background:url(../img/btn-search.gif) 0 -16px no-repeat;
  margin-bottom:18px;
}
  
#content .basket .nextStep input { 
  height:19px;
  width:55px;
  background:#000;
  border:0;
  color:#fff;
  padding:0 0 3px 0;
  cursor:pointer;
  font-weight:bold;
  font-family:Arial;
}

#content .basket .nextStep input.grey {
  background:#cdcdcd;
  color:#000;
}

#content .basket input.dark {
  color:#4c4c4c;
}
 
#content .basket .remove { 
  float:left;
  padding:0 0 0 22px;
  background:url(../img/btn-remove.gif) 0 -16px no-repeat;
}

#content .basket .update { 
  float:left;
  padding:0 0 0 22px;
  background:url(../img/btn-update.gif) 0 -16px no-repeat;
  margin-top:8px;
}

#content .basket .remove input,
#content .basket .update input { 
  height:19px;
  background:#fff;
  border:0;
  color:#000;
  padding:0 0 3px 0;
  cursor:pointer;
  font-weight:bold;
  font-family:Arial;
}

#content .basket .remove input { width:90px; }

#content .basket .update input { width:140px; }

#content .basket p { font-size:1.1em;padding:10px 0; }
 
 
/* Forms */
#content .basket .errorbox p { 
  font-weight:bold;
  color:#f00;
  font-size:1.2em;
  margin-bottom:15px;
}

#content .basket span.req { color:#f00; }

#content .basket strong.boxhead { 
  font-weight:bold;
  color:#000;
  font-size:1.2em;
}

#content .basket .box { width:600px;margin:16px 0 0 16px;font-size:1.1em; }

#content .basket table.form { width:600px; }

#content .basket table.form-long { width:616px; }

#content .basket select { font-size:1em !important;width:156px; }

#content .basket table.form input { font-size:1em;width:156px;margin-bottom:2px; }

#content .basket table.form input.num { width:40px; }

#content .basket table.form input.radio { width:16px;  }

#content .basket table.form td { line-height:1.15em; }

#content .basket table.form td strong { color:#000; }

#content .basket table.form td label { 
  width:100px;
  color:#000;
  margin-left:16px;
}

#content .basket a.link {
  background:url(../img/btn-arrow-black.gif) 0 2px no-repeat;
  text-decoration:none;
  padding-left:10px;
  color:#4a4a4a;
 }

#content .basket a.link:hover {
  text-decoration:underline;
 }


/***************************************************************
 *                                                             *
 * @note search field                                          *
 *                                                             *
 **************************************************************/

.meta-top input.txt {
  width:118px;
  height:17px;
  border:none;
  background:#4c4c4c;
  color:#fff;
  font-weight:bold;
  padding-top:3px;
  text-indent:8px;
}
*+html .meta-top input.txt { 
  padding-top:0;
  height:17px;
}

.smallTopBoxes input.txt {
  width:147px !important;
  height:14px;
  border:none;
  background:#fff;
  color:#4c4c4c;
  border:1px solid #cdcdcd;
  font-weight:normal;
  padding-top:1px;
}

.meta-top input.btn-search {
  height:20px;
  width:19px;
  border:none;
  color:#000;
  font-weight:bold;
  text-indent:-300px;
  background:transparent url(../img/btn-search.gif) 0 -14px no-repeat;
  cursor:pointer;
}



/***************************************************************
 *                                                             *
 * @note form-styles                                           *
 *                                                             *
 **************************************************************/

div.form p.error {
  font-weight:normal;
  color:#a20504;
}

input { 
  font-size:1em;
  border:1px solid #a5a5a5;
  width:268px;
}
*+html input { padding-bottom:3px; }

input.num {
  width:71px;
}

input.error { 
  border:1px solid #013b8c;
  background:#c33;
  color:#fff;
}

textarea { 
  border:1px solid #7d7d7d;
  font-size:1.1em;
}

label { 
  float:left;
}

#content .basket label {
  width:80px;
}

label.error { 
  color:#a20504;
  font-weight:bold;
}

div.error { 
  color:#a20504;
  font-weight:normal;
}

input.short-error {
  border:1px solid #013b8c;
  background:#c33;
  color:#fff;
  font-weight:normal;
  width:176px;
}

input.num-error {
  border:1px solid #013b8c;
  background:#c33;
  color:#fff;
  font-weight:normal;
  width:86px;
}

input.long {
  width:430px !important;
}

textarea.long {
  width:430px !important;
}

.error { 
  color:#a20504;
  font-weight:normal;
}

select { 
  width:210px;
  font-size:1.1em;
  border:1px solid #7d7d7d;
  margin-bottom:4px;
}

#content .subpage .moredetails select {
  font-size:1em;
  width:170px;
  margin-right:20px;
}

input.radio { 
  border:none;
  float:left;
  width:1em;
  height:1em;
  padding:0;
  margin-top:2px;
  margin-right:3px;
}

input.checkbox { 
  border:none;
  float:left;
  width:1em;
  height:1em;
  padding:0;
  margin-top:2px;
  margin-right:2px;
}
*+html input.checkbox {
  margin-right:5px;
}
html>body input.checkbox {
  margin-right:5px;
}



/***************************************************************
 *                                                             *
 * @note graphical input buttons                               *
 *                                                             *
 **************************************************************/

input.btn-form-ho { 
  height:22px;
  width:138px;
  border:none;
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
  text-indent:16px;
  text-align:left;
  background:transparent url(../img/btn-on.gif) 0 3px no-repeat;
  cursor:pointer;
}
*+html input.btn-form-ho { padding-top:2px; }



/***************************************************************
 *                                                             *
 * @note Boxes + other Styles                                  *
 *                                                             *
 **************************************************************/


.errorbox {
  font-size:1.2em;
  margin-left:159px;
  color:#f00;
}

 
/* Basket popup */
#mask{visibility: hidden;display:none;}
#mask iframe{visibility: hidden;border:none;}
#mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;}

div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0; font-size: 11px;}
div.on.popup{ visibility: visible;display:block;position:fixed;top:50%;left:50%;width:250px;height: 150px;background: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-125px;padding:10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {color:#5e5e5e;background:#efefef;border:1px solid #5e5e5e;font-weight: bold;padding:2px;width:120px;}
div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:120px;}
div.on.popup input.bl{position:absolute;bottom:10px;left:10px;}
div.on.popup input.br{position:absolute;bottom:10px;right:10px;}

/* zoom image popup */
#zoom { padding:0;overflow:auto;width:450px;height:418px;background:none; }
#zoom .top { position:absolute;float:left;padding:10px 0 0 423px;top:1px; }
#zoom .bottom { position:absolute;width:420px;text-align:center;padding:10px;bottom:40px; }
#zoom img { border:1px solid #cdcdcd; }
#zoom div a { padding:0;font-size:1.1em;color:#4d4b4c;text-decoration:none; }
#zoom div a:hover { color:#070506; }

/* Message boxes */
#body .msg{ float:left;width:548px;background: #ffffff;border: 1px solid #efefef;margin: 0 5px 10px 5px;padding: 5px 10px;}
#body .msg .err{color: #5e5e5e;font-weight: bold;}

/* Tags */
#body .box .tags {text-align: center;}
#body .box .tags a{line-height: 100%;padding:0 .2em;cursor: pointer;color:#000;}
#body .box .tags a.sel{color:green;font-weight: bold;}


dl.box-basket { width:200px;border-color:#cdcdcd;}
dl.box-basket dt { }
dl.box-basket.open dt   { }
dl.box-basket.open dt a { }
dl.box-basket.open dd.dropdown ul li a{ }
dl.box-basket.open dd.dropdown ul li a:hover{  }

dl.box-basket dd table {width:200px;}


/***************************************************************
 * @section Marginalien                                        *
 **************************************************************/

#marg { 
  float:right;
  width:176px;
  margin:18px 0 0 0;
  padding:0;
}

#marg div.module { 
  float:left;
  width:176px;
  margin:0 0 25px 0;
  padding:0;
}

#marg div.module p.info-txt { 
  float:left;
  color:#013B8C;
  background:url(../img/bg-marg-info-txt.gif) no-repeat;
  font-weight:bold;
  width:126px;
  margin:0;
  padding:9px 0 0 49px;
}

#marg div.module h2 { 
  height:17px;
  line-height:15px;
  background:url(../img/bg-marg-h2.gif);
  width:165px;
  font:1.2em Arial;
  font-weight:bold;
  color:#fff;
  padding:0 0 0 10px;
  margin:0px;
}

#marg div.module p { 
  float:left;
  width:176px;
  font-size:1em;
  margin:5px 0 0 0;
  padding:0;
}

#marg div.module p a { 
  width:160px;
  background:url(../img/arrow_marg.gif) no-repeat 0 3px;
  text-decoration:none;
  font-weight:normal;
  float:left;
  margin:5px 0 0 0;
  padding:0 0 0 10px;
}

#marg div.module p a:hover { 
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  color:#013b8c;
  text-decoration:underline;
}

#marg div.module p.special { 
  width:166px;
  padding-left:10px;
}

#marg div.module p.special a { 
  float:left;
  width:auto;
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  color:#013b8c;
  text-decoration:none;
  font-weight:bold;
  margin:10px 0 0 0;
  padding:0 0 0 10px;
}

#marg div.module p.special a:hover { 
  text-decoration:underline;
}

#marg div.module p a.none { 
  background:none;
  text-decoration:none;
  float:left;
  margin:0;
  padding:0;
}

#marg div.module p a.none:hover { }