@charset "UTF-8"; /* needs to be the first line for safari */

/*
@import url("/pkToolkitPlugin/css/pkToolkit.css");
@import url("/pkToolkitPlugin/css/pkAdmin.css");
@import url("/pkMediaPlugin/css/pkMedia.css");
@import url("/css/cmstest.css");
*/
@import url("/css/bdcms.css");
@import url("/css/jquery.lightbox.css");
@import url("/css/jquery.simplemodal.css");
@import url("/css/jquery.rating.css");
@import url("/css/jquery.fancybox.css");

body {
  background: url(../pics/bg_body_sml.jpg) 53% 0 repeat-y #243b2b;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
body.communityLogin {
  background: none;
}
body.communityLogin {
  background:none;
}

#printHeader,
#printFooter {
  display: none;
}

#fancy_wrap {
  *display: none; /* ie6 ie7 */
}

a {
  color: #c00;
}

a:hover {
  color: #333;
}

a.arrowLink {
  background: url(../pics/icon-arrowlink.gif) 0 2px no-repeat;
  padding: 0 0 0 8px;
}

a.button {
  background:url(../pics/button.gif) left top no-repeat;
  color:#fff;
  float:left;
  font-size:12px;
  font-weight:bold;
  line-height: 1em;
  margin:0 12px 12px 0;
  padding:0 0 0 14px;
  text-decoration:none;
}

a.button span {
  background:url(../pics/button.gif) right top no-repeat ;
  display:block;
  padding:5px 4px 5px 0px;
}

a.button:hover {
  background-position:left -22px;
}
a.button:hover span {
  background-position:right -22px;
}

a.class1 {
  text-transform: uppercase;
  letter-spacing:1px;
}

a.back,
a.back span {
  background-image:url(../pics/button-back.gif);
}

a.highPrio,
a.highPrio span {
  background-image:url(../pics/button-high-prio.gif);
}

a.hide,
a.hide span {
  background-image:url(../pics/button-hide.gif);
  cursor: default;
}

a.small {
  background-image:url(../pics/button-small.gif);
}

a.small span {
  background-image:url(../pics/button-small.gif);
  font-size:11px;
  padding:3px 6px 6px 0px
}

a.small:hover, a.small:hover span {
  background-position:left -20px;
}

a.small:hover span {
  background-position:right -20px ;
}

a.iconLink {
  background-repeat:no-repeat;
  display: block;
  padding: 4px 0 6px 24px;
}

a.iconLink:hover {
  color: #333;
}

a.iconLink.edit    { background-image: url(../pics/icon-edit.gif); background-position: -8px -4px; }
a.iconLink.delete  { background-image: url(../pics/icon-delete.gif); background-position: 2px 5px; }
a.iconLink.rate  { background-image: url(../pics/icon-rate.gif); background-position: 0 0; }
a.iconLink.wishList  { background-image: url(../pics/icon-wishList.gif); background-position: 2px -6px; }


#wrapper {
  margin:0 auto;
  width:988px;
}

.inputText {
  color: #666;
  font-size: 11px;
}

.fakeInputText {
  color:#666666;
  height: 13px;
  overflow: hidden;
  /* padding-left:252px; */
  padding-right: 218px;
  padding-top:5px;
}

#site .inputText.inputHidden {
  background: none;
  border: none;
  font-size: 12px;
  padding: 2px;
}

strong {
  font-weight: bold;
}

/* headings */
h1, h2, h3, h4, h5 {
  font-weight:bold;
}

h1 {
  color: #333;
  font-size: 18px;
  line-height: 24px;
  padding:0 0 12px;
}
h2 {
  color: #333;
  font-size: 14px;
  padding:0 0 12px 0;
}
h2 span{
  color: #c00;
}
h3 {
  color: #333;
  font-size: 12px;
  padding: 0 0 4px 0;
}
#pdTabs table h3 {
  padding: 0;
}

h3.boxedHeadline {
  background: transparent url(../pics/bg-h3-black.gif) no-repeat scroll left top;
  padding: 0 0 0 12px;
  height: 21px;
  position: relative;
}

.searchResultsShop {
  margin: 0 12px 8px 0;
}

.searchResults {
  width:756px;
}

.searchResults .dataBoxBottom {
  margin: 0 0 12px 0;
}

h3.boxedHeadline span {
  background: transparent url(../pics/bg-h3-black.gif) no-repeat scroll right top;
  color: #FFFFFF;
  display: block;
  padding-top: 3px;
}

h3.boxedHeadline a {
  background: transparent url(../pics/icon-arrowlink-white.gif) no-repeat scroll 0 1px;
  color: #FFFFFF;
  left: 340px;
  padding: 0 0 0 10px;
  position: absolute;
  top: 5px;
}

h4 {
  color: #666;
  font-size: 12px;
}
h5 {
  color:#333333;
  font-size:11px;
  line-height:14px;
  padding:0 0 2px;
}

.bottomGap {
  margin-bottom: 16px;
}

.relative {
  position: relative;
}

option {
  background-color: #fff;
}

/* header */
#header {
  background: url(../pics/de/bg-header.png) 8px 0 no-repeat;
  height: 144px;
  position: relative;
  z-index: 5000;
}

  #header p {
    margin: 0 0 4px 0;
  }

  #header p.userInfo {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 418px 0 0;
    text-align: right;
  }

  #header p.userInfo a {
    color: #fff;
  }

  #header #linkHomepage {
    display:block;
    height:100px;
    left: 20px;
    position: absolute;
    text-indent: -9999px;
    top: 24px;
    width:564px;
  }

  #header h4 a {
    background: url(../pics/de/headings.png) 0 0 no-repeat;
    color: #c00;
    display: block;
    font-weight: bold;
    height: 12px;
    margin: 0 0 6px 0;
    text-indent: -9999px;
    text-transform: uppercase;
    width: 164px;
  }

  #header .hr {
    background-color: #ccc;
    height: 1px;
    margin: 8px 0 7px 0px;
    width: 164px;
  }
  #header .hr hr{
    display: none;
  }



  #headLogin a.arrowLink,
  #headLoggedIn a.arrowLink,
  #headBasket a.arrowLink {
    background-position: 0 1px;
  }


  /* login */

  #headLogin {
    background: url(../pics/bg-login.png) left bottom no-repeat;
    font-size: 11px;
    padding: 6px 8px 12px 8px;
    *padding-top: 2px; /*ie7 */
    position: absolute;
    right: 200px;
    top: 0;
    width: 176px;
    z-index: 5000;
  }

    #headLogin .headLoginExt {
    	display:none;
    }

    #headLogin h4 a {
      background-position: 0 -12px;
    }

    #headLogin fieldset {
      margin: 0 0 4px 0;
      position: relative;
    }


    #header label {
      display: none;
    }

    #header .inputText {
      background: url(../pics/bg-header-input.png) 0 0 no-repeat;
      border: none;
      font-size: 11px;
      height: 16px;
      padding: 4px 0 0 4px;
      width: 160px;
    }

    #header .inputSelect {
      background: url(../pics/bg-header-inputselect.png) 0 0 no-repeat;
    }

    #headLogin p {
      color: #666;
    }

.hint,
.error,
.notification,
.wait {
  /* background: url(../pics/icon-hint.gif) no-repeat 0 0; */
  background: url(../pics/error.gif) no-repeat 0 0;
  color: #c00;
  font-size: 11px;
  padding: 0 12px 8px 20px;
}

.wait { background: url(../pics/icon-wait.gif) no-repeat 0 0; color:#666}
.notification { background: url(../pics/icon-notification.gif) no-repeat 0 0; color:#666}

  #headLoggedIn {
    background: url(../pics/bg-login.png) left bottom no-repeat;
    font-size: 11px;
    right: 200px;
    padding: 6px 8px 12px 8px;
    position: absolute;
    top: 0;
    width: 176px;
  }

    #headLoggedIn h4 span {
      background: url(../pics/de/headings.png) 0 0 no-repeat;
      background-position: 0 -24px;
      color: #c00;
      display: block;
      font-weight: bold;
      height: 12px;
      margin: 0 0 6px 0;
      text-indent: -9999px;
      text-transform: uppercase;
    }

    #headLoggedIn .avatar {
      background: url(../pics/bg-loggedin-avatar.png) 0 0 no-repeat;
      display: inline; /* ie6 */
      float: left;
      height: 39px;
      margin: 0 4px 0 0;
      padding: 3px 4px 6px 2px;
      width: 39px;
    }

    #headLoggedIn .displayUserName {
      margin: 0;
      overflow: hidden;
      padding-bottom: 6px;
      width: 112px;
    }

    #headLoggedIn .avatar a {
      background-position: 50% 50%;
      display: block;
      height: 39px;
      text-indent: -9999px;
      width: 39px;
    }

    #headLoggedIn .logoutLink a {
      background: transparent url(../pics/de/icon-logout.gif) no-repeat scroll 0px 0px;
      display:block;
      height: 16px;
      position: absolute;
      right: 19px;
      text-indent: -9999px;
      top: 5px;
      width: 70px;
    }

    #headLoggedIn .logoutLink a:hover{
      background-position: 0px -16px;
    }


  /* basket */

  #headBasket {
    background: url(../pics/bg-login.png) left bottom no-repeat;
    font-size: 11px;
    right: 8px;
    padding: 6px 8px 16px 8px;
    position: absolute;
    top: 0;
    width: 176px;
    z-index: 5000;
  }

  #headBasket .jq_bug {
    display:block;
    height:0;
    overflow: hidden;
  }

  #headBasket .headBasketExt {
    	1display:none;
    }

  #headBasket.open {
    /* background: url(../pics/bg-login-open.png) left bottom no-repeat; */
  }

    #headBasket h4 a {
      background-position: 0 -36px;
    }

    #headBasket p span {
      background: url(../pics/icon-warenkorb.gif) 0 0 no-repeat;
      padding: 0 8px 0 24px;
    }

    #headBasket .scrollUpLink,
    #headBasket .scrollDownLink {
      background: url(../pics/icon-scroll.gif) 50% 0 no-repeat;
      display: block;
      height: 7px;
      margin: 0 0 0 0;
      text-indent: -9999px;
      width: 164px;
    }

    #headBasket .scrollDownLink {
      background-position: 50% -7px;
    }

    #basketContents .basketArticle {
      margin: 8px 0 0 0;
    }

    #basketContents .basketArticle .articleLink {
      display: block;
      float: left;
      margin: 0 8px 10px 0;
    }

    #basketContents .basketArticle .delArticleLink {
      position: relative;
    }

    #basketContents .basketArticle .delArticleLink a {
      background: url(../pics/icon-del-basekt-item.gif) 0 0 no-repeat;
      display: block;
      height: 16px;
      position: absolute;
      right: 12px;
      text-indent: -9999px;
      top: 14px;
      width: 16px;
      _left: 113px; /* for ie6 */
    }

    #basketContents .basketArticle .delArticleLink a:hover {
      background-position: left bottom;
    }

    /* search */

    #headSearch {
      background: url(../pics/bg-search.png) 0 0 no-repeat;
      height: 28px;
      padding: 8px 0 0 8px;
      position: absolute;
      right: 20px;
      top: 96px;
      width: 364px;
      z-index: 1000;
    }


    /* selectBox */

    div.selectbox-wrapper {
      background: transparent url(../pics/bg-selectBoxTop.png) 0 0 no-repeat;
      font-size: 11px;
      padding-top: 20px;
      max-height: 200px;
      overflow: auto;
      position: absolute;
      text-align: left;
      top: 0px;
    }
    div.selectbox-wrapper ul {
      background: transparent url(../pics/bg-selectBox.png) 0 100% no-repeat;
      color: #666666;
      padding: 0 12px 12px 5px;
    }
    div.selectbox-wrapper ul li.selected {
      /* background-color: #ccc; */
      background: url(../pics/bg-search-over.gif) 0 0 no-repeat;
      color:#333;
    }
    div.selectbox-wrapper ul li {
      cursor:default;
      display:block;
    }

    .selectbox {
      border:none;
      cursor:default;
      display:block;
      text-align:left;
    }

    #headSearch .customSelectbox {
      position:absolute;
      top:8px;
      left:8px;
    }

    #headSearch .customInput {
      position:absolute;
      top:8px;
      left:180px;
    }

    #headSearch .iconSearch {
      position:absolute;
      top:8px;
      right:4px;
    }

    #headSearch .selectbox {
      background: transparent url(../pics/bg-header-inputselect.png) 0 0 no-repeat;
      color:#666;
      font-size:11px;
      height:16px;
      padding:4px 37px 0px 4px;
      width:134px;
    }

    #headSearch .selectbox-wrapper ul li {
      padding:3px 4px;
      line-height:12px;
    }


    /* navigation */
    #navigation {
      background: url(../pics/bg-navigation.png) 0 0 no-repeat;
      height: 85px;
      margin: 0;
      position: relative;
      z-index: 100;
    }

    #navigation li {
      float: left;
    }

    #navigation ul {
      position: relative;
      z-index: 10;
    }

    #navigation li a {
      border-bottom: 1px solid #fff;
      display: block;
      height:32px;
      margin: 0 4px 0 2px;
      text-indent: -9999px;
    }

    #navigation li .navHighlight,
    #navigation li a:hover {
      background: url(../pics/bg-navigation.png) 0 -100px no-repeat;
    }

    #navigation li a.navHighlight {
      border-color: #e2001a;
    }

    #navigation li #navShop {
      width: 59px;
    }
      #navigation li #navShop.navHighlight,
      #navigation li #navShop:hover {
        background-position: -2px -90px;
      }

    /*

    #navigation li #navCommunity {
      width: 107px;
    }
      #navigation li #navCommunity.navHighlight,
      #navigation li #navCommunity:hover {
        background-position: -67px -90px;
      }

    #navigation li #navRatgeber {
      width: 93px;
    }
      #navigation li #navRatgeber.navHighlight,
      #navigation li #navRatgeber:hover {
        background-position: -180px -90px;
      }

    */

    #navigation li #navMarkt {
      width: 168px;
    }
      #navigation li #navMarkt.navHighlight,
      #navigation li #navMarkt:hover {
        /* background-position: -279px -90px; */
        background-position: -67px -90px;
      }

    #navigation li #navFressnapf {
      /* width: 144px; Mein Fressnapf */
       width: 110px;
    }
      #navigation li #navFressnapf.navHighlight,
      #navigation li #navFressnapf:hover {
        /* background-position: -453px -90px; */
        background-position: -241px -90px;
      }

    /* Second Level Navigation  incl. Sequence-Navigation */

    #navigation li .subnavigation {
      /* display: none; */
      left: 12px;
      _left: -377px; /* ie6 */
      position: absolute;
      top:39px;
    }

    #sequenceNav a,
    #navigation li .subnavigation a {
      background-image: none;
      border: 0;
      color: #fff;
      *cursor: hand; /* ie6 ie7 */
      _float: left; /* ie6 */
      _display: inline; /* ie6 */
      font-family: arial, sans-serif;
      font-size: 13px;
      font-weight: bold;
      1margin: 0 14px 0 0;
      padding: 0 5px;
      position: relative;
      text-decoration: none;
      text-indent: 0;
      text-transform: uppercase;
      z-index: 11; /* for third level */
    }
    #sequenceNav a {
      font-weight: normal;
      margin: 0;
      z-index: 1; /* stay below third level */
    }

    #sequenceNav .currentSubnav a,
    #sequenceNav .currentSubnavShow a,
    #navigation li .subnavigation .currentSubnav a,
    #navigation li .subnavigationShow .currentSubnav a,
    #sequenceNav .activeSubnav a,
    #sequenceNav .activeSubnavShow a,
    #navigation li .subnavigation .activeSubnav a,
    #navigation li .subnavigationShow .activeSubnav a {
      margin: 0 12px 0 0;
      padding:0 5px;
    }

/* nice to have spans with  

    #sequenceNav span.bubbleLeft,
    #sequenceNav span.bubbleLeft,
    #navigation li .subnavigation span.bubbleLeft,
    #navigation li .subnavigation span.bubbleLeft,
    #sequenceNav span.bubbleRight,
    #sequenceNav span.bubbleRight,
    #navigation li .subnavigation span.bubbleRight,
    #navigation li .subnavigation span.bubbleRight {
      font-size: 1px;
    }

*/

    #sequenceNav .currentSubnav span.bubbleLeft,
    #sequenceNav .currentSubnavShow span.bubbleLeft,
    #navigation li .subnavigation .currentSubnav span.bubbleLeft,
    #navigation li .subnavigation .currentSubnavShow span.bubbleLeft,
    #sequenceNav .activeSubnav span.bubbleLeft,
    #sequenceNav .activeSubnavShow span.bubbleLeft,
    #navigation li .subnavigation .activeSubnav span.bubbleLeft,
    #navigation li .subnavigation .activeSubnavShow span.bubbleLeft {
      background: url(../pics/bg-bubble.png) 0 0 no-repeat;
      display:block;
      float:left;
      height: 37px;
      width: 5px;
    }
    #sequenceNav span.bubbleLeft,
    #sequenceNav span.bubbleLeft,
    #navigation li .subnavigation span.bubbleLeft,
    #navigation li .subnavigation span.bubbleLeft
    {
      display:block;
      float:left;
      height: 37px;
      width: 5px;
    }

    #sequenceNav .currentSubnav span.bubbleCenter,
    #sequenceNav .currentSubnavShow span.bubbleCenter,
    #navigation li .subnavigation .currentSubnav span.bubbleCenter,
    #navigation li .subnavigation .currentSubnavShow span.bubbleCenter,
    #sequenceNav .activeSubnav span.bubbleCenter,
    #sequenceNav .activeSubnavShow span.bubbleCenter,
    #navigation li .subnavigation .activeSubnav span.bubbleCenter,
    #navigation li .subnavigation .activeSubnavShow span.bubbleCenter {
      background: url(../pics/bg-bubble.png) 50% top no-repeat;
      color: #666;
      display:block;
      float:left;
      height: 37px;
    }

    #sequenceNav span span,
    .subnavigation span span {
      display:block;
      float:left;
      height: 37px;
      padding: 7px 6px 0 6px;
    }

    .subnavigation span.iconHund,
    .subnavigation span.iconKatze,
    .subnavigation span.iconKleintier,
    .subnavigation span.iconAquaristik,
    .subnavigation span.iconTerraristik,
    .subnavigation span.iconVogel,
    .subnavigation span.iconPferd,
    .subnavigation span.iconFrauchenundHerrchen {
      background: url(../pics/icons-navigation.png) no-repeat;
    }

    .subnavigation .currentSubnav span.iconHund,
    .subnavigation .currentSubnavShow span.iconHund,
    .subnavigation .currentSubnav span.iconKatze,
    .subnavigation .currentSubnavShow span.iconKatze,
    .subnavigation .currentSubnav span.iconKleintier,
    .subnavigation .currentSubnavShow span.iconKleintier,
    .subnavigation .currentSubnav span.iconAquaristik,
    .subnavigation .currentSubnavShow span.iconAquaristik,
    .subnavigation .currentSubnav span.iconTerraristik,
    .subnavigation .currentSubnavShow span.iconTerraristik,
    .subnavigation .currentSubnav span.iconVogel,
    .subnavigation .currentSubnavShow span.iconVogel,
    .subnavigation .currentSubnav span.iconPferd,
    .subnavigation .currentSubnavShow span.iconPferd,
    .subnavigation .currentSubnav span.iconFrauchenundHerrchen,
    .subnavigation .currentSubnavShow span.iconFrauchenundHerrchen,
    .subnavigation .activeSubnav span.iconHund,
    .subnavigation .activeSubnavShow span.iconHund,
    .subnavigation .activeSubnav span.iconKatze,
    .subnavigation .activeSubnavShow span.iconKatze,
    .subnavigation .activeSubnav span.iconKleintier,
    .subnavigation .activeSubnavShow span.iconKleintier,
    .subnavigation .activeSubnav span.iconAquaristik,
    .subnavigation .activeSubnavShow span.iconAquaristik,
    .subnavigation .activeSubnav span.iconTerraristik,
    .subnavigation .activeSubnavShow span.iconTerraristik,
    .subnavigation .activeSubnav span.iconVogel,
    .subnavigation .activeSubnavShow span.iconVogel,
    .subnavigation .activeSubnav span.iconPferd,
    .subnavigation .activeSubnavShow span.iconPferd,
    .subnavigation .activeSubnav span.iconFrauchenundHerrchen,
    .subnavigation .activeSubnavShow span.iconFrauchenundHerrchen {
      background: url(../pics/icons-navigation.png) no-repeat;
    }

    #navigation li .subnavigation span.iconHund {
      background-position: 0 5px;
      padding-left: 28px;
    }
    #navigation .subnavigation .currentSubnav span.iconHund,
    #navigation .subnavigation .currentSubnavShow span.iconHund,
    #navigation .subnavigation .activeSubnav span.iconHund,
    #navigation .subnavigation .activeSubnavShow span.iconHund {
      background-position: -300px 5px;
    }
    #navigation li .subnavigation span.iconKatze {
      background-position: 0 -36px;
      padding-left: 31px;
    }
    #navigation .subnavigation .currentSubnav span.iconKatze,
    #navigation .subnavigation .currentSubnavShow span.iconKatze,
    #navigation .subnavigation .activeSubnav span.iconKatze,
    #navigation .subnavigation .activeSubnavShow span.iconKatze {
      background-position: -300px -36px;
    }
    #navigation li .subnavigation span.iconKleintier {
      background-position: 0 -75px;
      padding-left: 23px;
    }
    #navigation .subnavigation .currentSubnav span.iconKleintier,
    #navigation .subnavigation .currentSubnavShow span.iconKleintier,
    #navigation .subnavigation .activeSubnav span.iconKleintier,
    #navigation .subnavigation .activeSubnavShow span.iconKleintier {
      background-position: -300px -75px;
    }
    #navigation li .subnavigation span.iconAquaristik {
      background-position: 0 -115px;
      padding-left: 26px;
    }
    #navigation .subnavigation .currentSubnav span.iconAquaristik,
    #navigation .subnavigation .currentSubnavShow span.iconAquaristik,
    #navigation .subnavigation .activeSubnav span.iconAquaristik,
    #navigation .subnavigation .activeSubnavShow span.iconAquaristik {
      background-position: -300px -115px;
    }
    #navigation li .subnavigation span.iconTerraristik {
      background-position: 0 -155px;
      padding-left: 30px;
    }
    #navigation .subnavigation .currentSubnav span.iconTerraristik,
    #navigation .subnavigation .currentSubnavShow span.iconTerraristik,
    #navigation .subnavigation .activeSubnav span.iconTerraristik,
    #navigation .subnavigation .activeSubnavShow span.iconTerraristik {
      background-position: -300px -155px;
    }
    #navigation li .subnavigation span.iconVogel {
      background-position: 0 -195px;
      padding-left: 18px;
    }
    #navigation .subnavigation .currentSubnav span.iconVogel,
    #navigation .subnavigation .currentSubnavShow span.iconVogel,
    #navigation .subnavigation .activeSubnav span.iconVogel,
    #navigation .subnavigation .activeSubnavShow span.iconVogel {
      background-position: -300px -195px;
    }
    #navigation li .subnavigation span.iconFrauchenundHerrchen {
      background-position: 0 -237px;
      padding-left: 31px;
    }
    #navigation .subnavigation .currentSubnav span.iconFrauchenundHerrchen,
        #navigation .subnavigation .currentSubnavShow span.iconFrauchenundHerrchen,
        #navigation .subnavigation .activeSubnav span.iconFrauchenundHerrchen,
        #navigation .subnavigation .activeSubnavShow span.iconFrauchenundHerrchen {
          background-position: -300px -237px;
        }

    #sequenceNav .currentSubnav span.bubbleRight,
    #sequenceNav .currentSubnavShow span.bubbleRight,
    #navigation li .subnavigation .currentSubnav span.bubbleRight,
    #navigation li .subnavigation .currentSubnavShow span.bubbleRight,
    #sequenceNav .activeSubnav span.bubbleRight,
    #sequenceNav .activeSubnavShow span.bubbleRight,
    #navigation li .subnavigation .activeSubnav span.bubbleRight,
    #navigation li .subnavigation .activeSubnavShow span.bubbleRight {
      background: url(../pics/bg-bubble.png) top right no-repeat;
      display:block;
      float:left;
      height: 37px;
      width: 5px;
    }
    #sequenceNav span.bubbleRight,
    #sequenceNav span.bubbleRight,
    #navigation li .subnavigation span.bubbleRight,
    #navigation li .subnavigation span.bubbleRight {
      display:block;
      float:left;
      height: 37px;
      width: 5px;
    }

    /* Third Level */
    #navigation .thirdLevelNav {
      background: url(../pics/bg-navigation-third-level.png) bottom left no-repeat;
      display: none;
      left:-11px;
      _left: -12px; /* ie6 */
      position:absolute;
      top:30px;
      width:981px;
      z-index:1;
    }
    
    

      /* Productnav */
      .productNav {
        background: url(../pics/bg-navigation-third-level-top.png) 0 0 no-repeat;
        padding: 16px 0 8px 12px;
      }

      .productNav li {
        background: url(../pics/bg-navigation-product.png) 0 0 no-repeat;
        color: #666;
        float: left;
        font-size: 11px;
        height: 82px;
        width: 240px;
      }

      .productNav li.productHover {
        background-position: 0 -90px;
      }

      #navigation .thirdLevelNav .productNav li a.imgLink {
        display:block;
        float:left;
        height:64px;
        margin:3px 8px 0 3px;
        padding:0;
      }

      #navigation .thirdLevelNav .productNav h4 a {
        color: #333;
        font-size: 11px;
        font-weight: normal;
        height: auto;
        margin: 8px 0 4px 0;
        text-transform: none;
      }

      #navigation .productNav p a {
        color: #666;
        display: inline;
        font-size: 11px;
        font-weight: normal;
        height: auto;
        margin: 4px 0;
        padding: 0;
        text-transform: none;
      }

      #navigation .productNav li a:hover {
        _background-image: none; /* ie6 */
        color: #e1000e;
        text-decoration: underline;
      }

      #navigation .productNav p {
        line-height:14px;
        padding: 0 16px 0 0;
      }

/* Sequence Navigation */

#sequenceNav.small {
  margin: 8px 0 0 8px;
}
#sequenceNav {
  background: url(../pics/bg-sequenceNav.png) 0 0 no-repeat;
  color: #fff;
  font-size: 12px;
  height: 48px;
  margin: 32px 0 0 8px;
  padding: 6px 0 0 8px;
  text-transform: uppercase;
  width: 971px;
}

#sequenceNav ul li {
  float: left;
  height: 48px;
  margin: 0 24px 0 0;
  *margin: 0 22px 0 0; /* ie7 */
}

#sequenceNav ul li.current {
  background: url(../pics/bg-sequenceNav-arrow.png) 50% 7px no-repeat;
  color: #000;
}

#sequenceNav ul li span em {
  display:block;
  padding:8px;
}

#sequenceNav ul li.current span {
  background: url(../pics/bg-sequenceNav-current-right.png) 100% 0 no-repeat;
  float:left;
}

#sequenceNav ul li.current span em {
  background: url(../pics/bg-sequenceNav-current-left.png) 0 0 no-repeat;
}


/* Breadcrumb Filternav */

#navBreadcrumb {
  margin: 0 0 12px 0;
}

#navBreadcrumb li {
  background: url(../pics/icon-breadcrumb-divider.gif) right 4px no-repeat;
  display: inline;
  padding: 0 12px 0 0;
}

#navBreadcrumb li a {
  color: #999;
  font-size: 12px;
  font-weight: normal;
}

#navBreadcrumb li a:hover {
  color: #c00;
/*  background-position: right -16px; */
}

#navBreadcrumb li.lastItem {
  background: none;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  left: 8px;
  position: relative;
  top: 2px;
}

/* Category Filternav */

#navCategory {
  display: inline; /* ie6 */
  float: left;
  margin: 0 12px 12px 0;
}

#navCategory p {
  margin: 0 0 12px 0;
}

  #navCategory .navCategoryLeft,
  #navCategory .navCategoryContent,
  #navCategory .navCategoryRight {
    float: left;
    background: url(../pics/bg-navigation-category.png) 0 0 no-repeat;
    height: 180px;
    overflow: hidden;
  }

  #navCategory .navCategoryLeft {
    background: url(../pics/bg-navigation-category.png) 0 0 no-repeat;
    width: 12px;
  }

  #navCategory .navCategoryContent {
    background-position:right top;
    font-size:11px;
    padding-right:12px;
  }

    #navCategory .col1 {
      width: 156px;
    }
    #navCategory .col2 {
      width: 348px;
    }
    #navCategory .col3 {
      width: 528px;
    }

  /* complete selector only because of ie6 */
  #navCategory .navCategoryContent li {
    *display: inline; /* ie6 ie7 */
  }

  #navCategory .navCategoryContent a {
    background: url(../pics/icon-arrowlink-category.gif) 0 1px no-repeat;
    display: block;
    float: left;
    line-height: 12px;
    margin: 7px 0 0 0;
    padding: 0 12px 0 8px;
    text-decoration: none;
    width: 136px;
  }

  #navCategory .navCategoryContent.catProfile a {
     *clear: left; /* ie7 */
   }


  #navCategory .navCategoryContent a.current {
    background: none;
    color: #333;
    font-weight: bold;
  }

  #navCategory h3 {
    color: #666;
    margin-bottom:4px;
  }

  #navCategory .navCategoryContent a:hover {
    text-decoration: underline;
  }

  #navCategory .navCategoryRight {
    background-position: right top;
    display: inline; /* ie6 */
    margin: 0 12px 0 0;
    width: 12px;
  }

.navCategoryFilter {
  background: url(../pics/bg-navigation-category-filter.png) 0 0 no-repeat;
  float: left;
  height: 160px;
  margin: 8px 0 12px 0;
  width: 192px;
}

.navCategoryFilter label {
  display: none;
}

.navCategoryFilter select {
  border: 1px solid #ccc;
  margin: 8px 0 0 12px;
  min-width: 156px;
  width: 156px;
}

#siteHeader .contentTeaser {
  float: left;
}




/* stage */
#stage {
  /*min-height:332px;
  margin:0 0 0 8px;*/
  position:relative;
  z-index:90;
}



/* site */
#site {
  /*margin:0 0 0 8px;*/
  padding:0 16px 0 0;
}

#site .top {
  background: url(../pics/bg-site.png) left top no-repeat;
  height: 12px;
  _font-size: 1px; /* ie6 */
}

#site .bottom {
  background: url(../pics/bg-site.png) left bottom no-repeat;
  height: 12px;
  margin: 0 0 12px 0;
  _font-size: 1px; /* ie6 */
}

#site .middle {
  background-color: #fff;
  padding: 12px;
}

#siteContent {
  float: left;
  line-height: 16px;
  position: relative;
  width: 768px;
}

#siteContent .indicator.globalIndicator {
  position: absolute;
  right: 12px;
  top: 0;
}
#siteContent .indicator.globalIndicator img {
  position: relative;
  top: 2px;
}

/*
#siteContent p {
  margin: 0 12px 12px 0;
}
*/

#siteContent .applicationBoxContent .formText {
  margin-right: 12px;
}

#siteContent .body-text,
#siteContent .formText,
#siteContent .formButtons {
  margin: 0 217px 12px 0;
}

#simpleModalSmall .basketSuccessItem .formText,
#simpleModalLarge .basketSuccessItem .formText {
  margin: 0 0 12px 0;
}

#siteContent .dataBox .generalForm .formButtons {
  margin-right: 12px;
}
#siteContent .formButtons {
  margin-top: 36px;
}

#siteContent .formButtons.basketButton {
margin-right: 0;
}


.hiddenSubmitLink {
  display: none;
}

#siteContent .backlink {
  background: url(../pics/bg-backlink.gif) 0 0 no-repeat;
  height:32px;
  left:-12px;
  position:relative;
  top:-12px;
  width:73px;
}
#siteContent .backlink a {
  left: 22px;
  position: absolute;
  top: 12px;
}

#siteContent .dataBoxRight p {
  margin: 0;
}

#siteContent #navCategory p {
  margin: 0;
}

.siteContentLeft {
  float: left;
  margin: 0 12px 0 0;
  width: 564px;
}

.siteContentLeftItems {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.siteContentLeftItems li {
  border-top: 1px solid #ccc;
  padding: 10px 8px 10px 12px;
}

.siteContentLeftItems li.first {
  border: none;
}

.siteContentLeftBottom {
  background: url(../pics/bg-siteContentLeft-bottom.png) 0 0 no-repeat;
  height:5px;
}

.siteContentRight {
  display: inline; /* ie6 */
  float:right;
  margin: 0 12px 0 0;
  width:180px;
}

.siteContentRightItems {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:8px 8px 0 4px;
}

.siteContentRightBottom {
  background: url(../pics/bg-siteContentRight-bottom.png) 0 0 no-repeat;
  height:5px;
}

.siteContentRight h4 {
  font-weight:bold;
  margin:0 0 8px 0;
}

.siteContentRight p {
  margin:0 0 8px 0;
}

.siteContentRightBottom {
  background: url(../pics/bg-siteContentRight-bottom.png) 0 0 no-repeat;
  height:5px;
}


/* Pagination */
.pagination {
  line-height: 12px;
  margin: 0 0 12px 0;
  max-height: 60px;
  position: relative;
}

  .pagination .paginationContent,
  .pagination .paginationBottom {
    background: url(../pics/bg-pagination.png) 0 0 no-repeat;
  }

  .pdTabsWrapper .pagination .paginationContent,
  .pdTabsWrapper .pagination .paginationBottom {
    background: url(../pics/bg-pagination-tabs.png) 0 0 no-repeat;
  }

  .pagination .paginationContent {
    padding: 4px 0 0 12px;
  }

  .pagination .paginationContent fieldset {
    margin: 0 0 4px 0;
  }

  #siteContent .pagination .paginationContent label {
    display: none;
  }

  .pagination .paginationContent select {
    margin: 0 12px 0 0;
    width: 170px;
  }

  #siteContent .pagination .paginationContent .results {
    display: inline; /* ie6 */
    font-size: 11px;
    float: left;
    margin: 7px 40px 0 0;
  }

  .pagination .paginationContent .resultsFilter {
    font-size: 11px;
    float: left;
    margin: 4px 0 0 0;
  }

  .pagination .paginationContent .resultsFilter span {
    display: block;
    float: left;
    padding: 3px 0 0 0;
  }

  .pagination .paginationContent .resultsFilter .paginator {
    float: left;
    margin: 0 4px 0 0;
  }

  .pagination .paginationContent .resultsFilter a {
    font-size: 12px;
  }


  /* Paginator */
  .pagination .paginator {
    display: inline; /* ie6 */
    float: right;
    margin: 4px 22px 0 0;
  }

  .pagination .paginator li {
    float: left;
    height: 18px;
    margin: 0 2px 0 2px;
    text-align: center;
    width: 18px;
  }

  .pagination .paginator li a {
    display: block;
    height: 16px;
    padding: 2px 0 0 0;
    width: 18px;
  }

  .pagination .paginator li.firstPage,
  .pagination .paginator li.backPage,
  .pagination .paginator li.activePage,
  .pagination .paginator li.nextPage,
  .pagination .paginator li.lastPage {
    background: url(../pics/bg-paginator.png) 0 0 no-repeat;
    text-indent: -999em;
  }

  .pagination .paginator li.firstPage a,
  .pagination .paginator li.backPage a,
  .pagination .paginator li.nextPage a,
  .pagination .paginator li.lastPage a {
    background: url(../pics/bg-paginator.png) 0 0 no-repeat;
    text-indent: -999em;
  }

  /* inactive */
  .pagination .paginator li.firstPage {
    background-position: -2px 0;
  }
  .pagination .paginator li.backPage {
    background-position: -24px 0;
  }
  .pagination .paginator li.nextPage {
    background-position: -46px 0;
  }
  .pagination .paginator li.lastPage {
    background-position: -68px 0;
  }
  /* active */
  .pagination .paginator li.firstPage a {
    background-position: -90px 0;
  }
  .pagination .paginator li.backPage a {
    background-position: -112px 0;
  }
  .pagination .paginator li.activePage {
    background-position: -178px 0;
    color: #fff;
    padding: 3px 0 0 0;
    text-indent: 0;
  }
  #pdTabs .pagination .paginator li.activePage {
    padding: 2px 0 0 0;
  }


  .pagination .paginator li.nextPage a {
    background-position: -134px 0;
  }
  .pagination .paginator li.lastPage a {
    background-position: -156px 0;
  }

  #site .pagination .leftOutPages {
    padding-top: 4px;
  }

  .pagination .paginationBottom,
  .pdTabsWrapper .pagination .paginationBottom {
    background-position: left bottom;
    font-size: 1px; /* ie */
    height: 4px;
  }


/* error/success messages */
#contentLoginMessage {
  color: #ae0011;
  font-weight: bold;
  margin-bottom: 4px;
}

#siteContent .errorBox {
  border: 1px solid #c00;
  margin: 0 217px 12px 0;
  padding: 4px;
}

#siteContent .dataBox .errorBox {
  /* margin: 0 12px 12px 0; */
  margin:0 192px 12px 0;
}

  #siteContent .errorBox h3 {
    background: url(../pics/error.gif) 0 1px no-repeat;
    color: #333;
    font-weight: normal;
    padding: 3px 5px 3px 24px;
  }

  #siteContent .errorBox p.inputError {
    background-image: none; /* ie6 */
    color: #c00;
    margin: 5px 5px 5px 24px;
    padding: 0;
    text-align: left;
  }

#siteContent p.inputError {
  background-image: none; /* ie6 */
  color:#c00;
  margin:8px 0;
  padding:0 219px 0 0;
  text-align: right;
}

#siteContent .applicationBoxLogin p.inputError {
  padding:0 6px 0 0;
}

#siteContent .dataBox p.inputError {
  padding: 0 12px 0 0;
  /* padding: 0 192px 0 0; */
}

.dataBox .generalForm {
  width: 563px;
}

#siteContent .generalForm div.hintMsg {
  background-color: #fff;
  display: none;
  left: 558px;
  margin: 0 0 12px;
  position: absolute;
  top: 2px;
  width: 160px;
}

/* next two just for lovely ie7 */
#siteContent .generalForm ul.radio_list {
  margin-left: 183px;
}
#siteContent .generalForm ul.radio_list input {
  margin: 0;
}

#siteContent .payment .generalForm div.hintMsg {
  left: 588px;
}




  #siteContent .hintMsg h3 {
    padding: 3px 5px 0 5px;
  }

  #siteContent .hintMsg p,
  #siteContent .roundedBoxMiddle .hintMsg p,
  #siteContent .dataBoxContent .hintMsg p {
    margin: 5px;
  }

.halfBoxButton {
  position:absolute;
  top:23px;
  left:192px;
}

/* content */
#content {
  background: url(../pics/bg-content.png) 0 0 repeat-y;
  margin: 0 0 12px 8px;
  padding: 12px;
}

  #content h1 {
    font-size: 20px;
    margin: 0 0 12px 0;

  }

  #content p {
    margin: 0 0 12px 0;
  }

  /* general content forms */

  #siteContent .generalForm label {
    display: inline;
    float: left;
    margin: 5px 12px 0 0;
    text-align: right;
    width: 171px;
  }

  #siteContent .generalForm label label {
    float: none;
    margin: 0;
    width: auto;
  }

  #siteContent .generalForm fieldset div {
    margin: 0 0 8px 0;
    position: relative;
  }

  #site .inputText {
    background: url(../pics/bg-form-input.png) 0 0 no-repeat;
    border: 1px solid #999;
    height: 16px;
    margin-right: 12px;
    padding: 4px 4px 0 4px;
    width: 358px;
  }

  #site .inputText.inputError {
    background: url(../pics/bg-form-input-error.png) 0 0 no-repeat;
  }
  #site textarea.inputText {
    font-family: arial, sans-serif;
    font-size: 11px;
    height: 192px;
  }
  #site select.inputText {
    height:22px;
    padding:2px 0 0;
    width: auto;
  }

  #site .marktfinderForm select.inputText {
    width: 189px;
  }

  #site .inputText.inputQuarter,
  #site .inputText.inputThreeQuarter {
    margin-right: 8px;
  }

  #site .inputText.inputQuarter {
    width: 80px;
  }

  #site .inputText.inputThreeQuarter {
    width: 257px;
  }

  #site .inputText.inputHalf {
    width: 179px;
  }

  #site .inputText.inputFull {
    width: 358px;
  }

  #site .inputText.inputSmall {
    text-align: right;
    width: 32px;
  }

  /* checkboxes */
  #site .inputCheckbox {
    float: left;
    margin: 0 0 0 183px; /* label width + 12px */
  }

  #site .generalForm ul.radio_list li {
    clear: left;
    margin-bottom: 8px;
  }

  #site .generalForm ul.radio_list label,
  #site .generalForm label.labelCheckbox {
    float: none;
    margin: 0 0 0 12px;
    text-align: left;
    width: 338px;
    *position: relative; /* ie6 ie7 */
    *top:4px; /* ie6 ie7 */
  }

  #site .generalForm .buttonContainer {
    display: inline; /* ie6 */
    float:right;
    margin: 28px 134px 0 0;
  }

  #jq_charcount_parent {
    margin: 12px 0 0 0;
  }


/* product detail */

  #siteContent .productDetailWrapper {
    padding-bottom: 12px;
  }

  /* media container */
  #mediaContainer {
    background: url(../pics/bg-mediacontainer-nav.png) left bottom no-repeat;
    float: left;
    margin: 0 0 12px 0;
    width: 372px;
  }

  #mediaContainer .idTabs {
    background: url(../pics/bg-mediacontainer-nav.png) 0 0 no-repeat;
    height: 35px;
  }

  #mediaContainer .idTabs li {
    float: left;
    width: 101px;
  }

  #mediaContainer .idTabs li a {
    background: url(../pics/bg-mediacontainer-nav.png) 0 -35px no-repeat;
    color: #666;
    display: block;
    height: 18px;
    padding: 6px 0 0 8px;
    text-decoration: none;
  }

  #mediaContainer .idTabs li a.selected,
  #mediaContainer .idTabs li a:hover {
    background-position: 0 0;
    color: #c00;
  }

  #mediaContainer .mcContainer {
    padding: 0 4px 8px 4px;
  }

  #mediaContainer .mcContainer .mcProductimageLink {
    height: 360px;
  }

  #mediaContainer .mcContainer .mcZoomLink {
    background: url(../pics/icon-zoom.gif) 0 1px no-repeat;
    float: right;
    padding: 0 0 1px 18px;
  }

  #mediaContainer .mcContainer p {
    color: #c00;
    margin-top: 8px;
  }

  #mediaContainer .mcContainer a.jqImageZoom {
    margin: auto;
  }

  #mediaContainer #mcImageNavShadow {
    position: absolute;
  }

  #mediaContainer .mcImageNav {
    display: inline; /* ie6 */
    float: left;
    height: 60px;
    margin: 8px 0 0 0;
    *padding-left: 20px; /* ie7 */
  }

  #mediaContainer .mcImageNav li {
    float: left;
    position: relative;
    z-index: 100;
  }

  #mediaContainer .mcImageNav li a {
    display: block;
    height: 60px;
    padding: 0 3px;
    width: 60px;
  }
  #mediaContainer .mcImageNav li a.current,
  #mediaContainer .mcImageNav li a:hover {
    background: url(../pics/bg-mediacontainer-thumb.png) 0 0 no-repeat;
  }
  #mediaContainer .mcImageNav li a img {
    left: 1px;
    position: relative;
    top: 4px;
  }
  #mediaContainer .mcImageNav li img.mcImageBorder {
    left: 4px;
    position: absolute;
    top: 4px;
    z-index: 1000;
  }


  #mediaContainer .mcImageNav li a.selected,
  #mediaContainer .mcImageNav li a:hover {
    background-position: 0 0;
  }

  #mediaContainer #mcPrevImage,
  #mediaContainer #mcNextImage {
    background: url(../pics/bg-mediacontainer-scroll.gif) 0 0 no-repeat;
    cursor: pointer;
    display: block;
    _display: inline;
    float: left;
    height: 60px;
    margin: 8px 8px 0 4px;
    padding: 0;
    text-indent: -999em;
    width: 10px;
    z-index: 1000;
    *position: absolute; /* ie7 */
    *left: 0; /* ie7 */
  }

  #mediaContainer #mcNextImage {
    background-position: -10px 0;
    margin: 8px 0 0 0;
    width: 10px;
    *left: 356px; /* ie7 */
  }

  #mediaContainer #mcPrevImage.disabled,
  #mediaContainer #mcNextImage.disabled {
    background: none;
    cursor: auto;
  }

  /* product details */
  #productDetails {
    float: right;
    margin: 0 0 12px 0;
    width: 372px;
  }

  #productDetails h1,
  #productDetails p {
    margin: 0 32px 12px 0;
  }

  #productDetails .vendor img {
    display: inline; /* ie6 */
    float: left;
    margin: 0 8px 12px 0;
  }

  /* for big stars */
  /*
  #productDetails .userRating fieldset {
    float: left;
    margin: 0 8px 8px 0;
    height: 18px;
    overflow: hidden;
    width: 90px;
  }
  */
  #productDetails .userRating fieldset {
    float: left;
    margin: 0 8px 8px 0;
    padding-top:3px;
  }

  #productDetails .userRatingCounter a {
    position: relative;
    top: 2px;
  }

  #productDetails .rating {
    height: 26px;
  }

  #productDetails .rating-form,
  #productDetails .userRatingCounter {
    float: none;
    width: auto;
  }
  #productDetails .rating-form {
    display:none;
  }


  #productDetails .rating .counter-wrap {
    /* padding-left: 90px; */ /* for big stars */
    padding-left: 60px;
  }

  #productDetails select {
    display: block;
    margin: 0 0 8px 0;
  }

  #productDetails p.articleStatus span {
    background: url(../pics/icon-state.gif) 0 0 no-repeat;
    padding: 0 0 0 20px;
  }
  #productDetails p.articleStatus.available span {
    background-position: 0 -32px;
  }
  #productDetails p.articleStatus.notAvailable span {
    background-position: 0 0;
  }
  #productDetails p.articleStatus.limitedStock span {
    background-position: 0 -16px;
  }


  #productDetails span strong {
    font-size: 18px;
    font-weight: normal;
  }

  #productDetails .articleTPrice {
    text-decoration: line-through;
  }

  #productDetails .buttonContainer {
    bottom: 10px;
    position: absolute;
    right: 0;
    _left: 225px; /* ie6 */
    _top: 0; /* ie6 */
  }

  #productDetails .buttonContainer a {
    clear: left;
    margin-bottom: 4px;
    /*
    width: 100%;
    width: 100px; /* ie6 */
  }

   #productDetails .buttonContainer p {
    margin: 0;
  }

  /* Product Detail Tabs */
  #pdTabs {
    background: url(../pics/bg-tabnav-content.png) 0 23px no-repeat;
    clear: both;
    margin: 0 12px 12px 0;
  }

  #pdTabs .idTabs li {
    float: left;
    margin: 0 1px 8px 0;
  }

  #pdTabs .idTabs li a {
    background: url(../pics/bg-tabnav.png) 0 -30px no-repeat;
    color: #fff;
    display: block;
    _float: left; /* ie6 */
    height: 24px;
    padding-left: 12px;
    text-decoration: none;
  }

  #pdTabs .idTabs li a span {
    background: url(../pics/bg-tabnav.png) 100% -30px no-repeat;
    cursor: pointer; /* ie */
    display: block;
    _float: left; /* ie6 */
    padding: 6px 12px 0 0;
    height: 18px;
  }

  #pdTabs .idTabs li a:hover,
  #pdTabs .idTabs li a.selected {
    background: url(../pics/bg-tabnav.png) 0 0 no-repeat;
    color: #c00;
  }
  #pdTabs .idTabs li a:hover span,
  #pdTabs .idTabs li a.selected span {
    background: url(../pics/bg-tabnav.png) 100% 0 no-repeat;
    color: #c00;
  }

  #pdTabs .pdTabsWrapper {
    background: url(../pics/bg-tabnav-content.png) bottom left no-repeat;
    line-height: 16px;
    min-height: 250px;
    padding: 8px 0 8px 8px;
  }

  #pdTabs .pdTabsWrapper p {
    margin: 0 0 8px 0;
  }

  #pdTabs .pdTabsWrapper .pdTableWrapper {
    float: right;
  }

  #pdTabs .pdTableWrapper table {
    border-collapse: collapse;
    margin: 24px 12px 18px 60px;
    width: 280px;
  }

  #pdTabs .pdTableWrapper th,
  #pdTabs .pdTableWrapper td {
    border: 1px solid #999999;
    padding: 4px 8px;
    width: 140px;
  }

  #pdTabs .pdTableWrapper th {
    background-color: #e1e1e1;
  }

  #pdTabs .pdTableWrapper td,
  #pdTabs .pdTableWrapper tbody th {
    background-color: #fff;
    color: #666;
    font-size: 11px;
  }

  #pdTabs .pdTableWrapper tbody th {
    color: #333;
  }

  #pdTabs .pdTableWrapper table ul {
    margin: 0;
  }
  #pdTabs .pdTableWrapper table li {
    margin-top: 4px;
    margin-bottom: 2px;
  }


  /* ie7 fixes for quarterteasers */
  #siteContent ol.search-results,
  #siteContent #siteHeader,
  #siteContent .shopProductList,
  #siteContent .profileInfo,
  #pdTabs #pdZubehoer {
    *margin-bottom: 12px; /* ie6ie7 */
  }


  /* Tab Downloads */
  #pdDownloads .downloadDocs li {
    margin-bottom: 20px;
  }

  #pdDownloads .downloadDocs li a {
    background: url(../pics/icon-download.gif) 0 0 no-repeat;
    padding:4px 0 0 24px;
  }

  #pdDownloads .downloadDocs li p {
    font-size: 11px;
  }



  .basketSuccessItem {
    margin: 0 8px 8px 0;
  }

  /* Customers Who */
  .customersWho {
    background: url(../pics/bg-carousel-horiz.png) 0 0 no-repeat;
    height:92px;
    margin: 0 0 12px 0;
    width:756px;
  }
  #simpleModalLarge .customersWho {
    background-image: url(../pics/bg-carousel-horiz-short.png);
    margin-bottom: 0;
    width: 570px;
  }

  .customersWho h2 {
    padding: 12px 0 4px 8px;
  }

  /* Product nav */
  .customersWho .imageNav {
    display: inline; /* ie6 */
    float: left;
    height: 60px;
  }

  .customersWho .imageNav li {
    background: url(../pics/bg-carousel-horiz-product.png) 0 0 no-repeat;
    float: left;
    height:40px;
    padding: 6px 4px 10px 4px;
    position: relative;
    width: 170px;
    z-index: 100;
  }
  .customersWho .imageNav li.liHover {
    background-position: 0 -56px;
  }

  .customersWho .imageNav li .imageNavImg a {
    display: block;
    height: 40px;
    width: 40px;
  }

  .customersWho .imageNav li .imageNavImg {
    display: inline; /* ie6 */
    float: left;
    margin: 2px 8px 8px 0;
  }

  .customersWho .imageNav li a img {
    left: 0;
    position: relative;
    top: 0;
  }

  .customersWho .imageNav li img.mcImageBorder {
    left: 4px;
    position: absolute;
    top: 8px;
    z-index: 1000;
  }

  .customersWho .imageNav li p {
    margin: 0 8px 4px 0;
  }

  .customersWho .imageNav li p.productTitle {
    height: 14px;
    line-height:1.2em;
    overflow: hidden;
  }

  .customersWho .imageNav li form.rating-form  {
    float: left;
    width: auto;
  }

  .customersWho .imageNav li .counter-wrap {
    display: none;
  }

  .customersWho .rating {
    height:12px;
  }

  .customersWho .imageNavPrevImage,
  .customersWho .imageNavNextImage {
    background: url(../pics/bg-mediacontainer-scroll.gif) 0 -3px no-repeat;
    cursor: pointer;
    display: block;
    _display: inline;
    float: left;
    height: 60px;
    margin: 0 5px 0 5px;
    padding: 0;
    text-indent: -999em;
    width: 10px;
  }

  .customersWho .imageNavNextImage {
    background-position: -10px -1px;
    left: -5px;
    margin: 0;
    position: relative;
    width: 10px;
    z-index: 1000;
  }


  /* content lists */
  #siteContent .genericList li {
    background: url(../pics/icon-generic-ul.gif) 0 -396px no-repeat;
    margin: 4px 0 6px 0;
    padding: 0 0 0 14px;
  }

  #siteContent .genericList li li {
    background-position: 0 -793px;
    padding: 0 0 0 10px;
  }

  #siteContent .genericList li li li {
    background-position: 0 -1191px;
    font-size: 11px;
    padding: 0 0 0 8px;
  }

  #siteContent .genericList li li li li {
    background-position: 0 -1191px;
    color: #666;
    font-size: 11px;
    padding: 0 0 0 8px;
  }

  /* Product Quarterteaser */

  #siteContent .productQuarterTeaser {
    background: url(../pics/bg-product-teaser-quarter.png) 0 0 no-repeat;
    display: inline; /* ie6 */
    float: left;
    1height: 246px;
    margin: 0 12px 12px 0;
    padding-top: 2px;
    width: 180px;
  }
  #siteContent .productQuarterTeaserBottom {
    background: url(../pics/bg-product-teaser-quarter.png) bottom left no-repeat;
    height: 12px;
  }

  #siteContent .productDetailWrapper .productQuarterTeaser {
    margin: 0 6px 8px 0;
  }

  #siteContent .productQuarterTeaser h3 {
    height: 35px;
    margin: 4px 4px 0 12px;
    overflow: hidden;
    padding: 0;
  }

  #siteContent .productQuarterTeaser p {
    font-size: 11px;
    height:12px;
    margin: 0 0 4px 12px;
  }
  #siteContent .productQuarterTeaser p strong {
    font-size: 12px;
    font-weight: bold;
  }

  #siteContent .productQuarterTeaser .userRating {
    margin: 0 0 0 12px;
  }

  #siteContent .productQuarterTeaser .userRatingCounter {
    margin: 4px 0 0 0;
    float: none;
  }

  #productDetails .userRating span.counter {
    position: relative;
    top: 4px;
  }

  #siteContent .productQuarterTeaser .rating-form {
    float: none;
  }

  .verticalCenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 180px;
    height: 180px;
  }
  .verticalCenter * {
    *vertical-align: middle; /* ie7 */
  }
  .verticalCenter span {
    *display: inline-block; /* ie7 */
    *height: 100%; /* ie7 */
  }

  .verticalCenter a {
    text-decoration: none;
  }


  /* Marktfinder */
  #marktfinder p {
    margin-bottom: 8px;
  }
  #marktfinder .marktfinderForm .markfinderSearchbox {
    *margin-bottom: 12px; /* ie7 */
  }
  #marktfinder .marktfinderForm .markfinderSearchbox label {
    display: none;
  }

  #marktfinder .marktfinderForm .inputText {
    float: left;
  }

  #marktfinder .marktfinderForm .jq_submit_link {
    margin-top: 0;
    margin-left: 12px;
  }

  .contentbox {
    background: url(../pics/bg-contentbox.png) 0 0 no-repeat;
    margin: 0 12px 12px 0;
  }

  #siteContent .contentbox p {
    margin: 0;
    padding: 8px 12px 4px 12px;
  }

  .contentboxBottom {
    background: url(../pics/bg-contentbox.png) bottom left no-repeat;
    height: 4px;
  }

  #marktfinder .contentbox fieldset {
    padding: 12px 0 0 12px;
    position: relative;
  }

  #marktfinder .marktfinderForm legend span {
    font-weight: bold;
    padding: 12px 0 12px 0;
    position: relative;
    top: 8px;
  }

  #marktfinder .marktfinderForm label {
    background: url(../pics/icons-navigation.png) 0 -320px no-repeat;
    display: block;
    float: left;
    height: 32px;
	margin: 12px 0 0 0;
    padding: 8px 0 0 32px;
    width: 90px;
  }

  #marktfinder .marktfinderForm #mfLabelkleintier {
    background-position: 0 -420px;
  }
  #marktfinder .marktfinderForm #mfLabelfisch {
    background-position: 0 -468px;
    padding-left: 36px; /* because of labelKatze below */
  }
  #marktfinder .marktfinderForm #mfLabelvogel {
    background-position: 0 -520px;
    padding-left: 24px;
  }
  #marktfinder .marktfinderForm #mfLabelreptil {
    background-position: 0 -568px;
    padding-left: 36px;
  }
  #marktfinder .marktfinderForm #mfLabelhund {
    background-position: 0 -318px;
  }
  #marktfinder .marktfinderForm #mfLabelkatze {
    background-position: 0 -370px;
    padding-left: 36px;
  }

  #marktfinder .marktfinderForm input {
    float: none;
    margin: 0;
  }
  #marktfinder .marktfinderForm .inputCheckbox {
    position: relative;
    /* top: 2px; */
  }

  #marktfinder #gmap {
    height: 320px;
    margin: 0 12px 12px 0;
    width: 756px;
  }

  #marktfinder #mfShops {
    margin: 0 12px 12px 12px;
  }

  #marktfinder #mfShops thead {
    display: none;
  }

  #marktfinder #mfShops td {
    padding: 0 4px;
  }
  #marktfinder #mfShops .colImage {
    width: 82px;
  }
    #marktfinder #mfShops .colImage img {
      margin-bottom: 12px;
    }
  #marktfinder #mfShops .colAddress {
    width: 326px;
  }
  #marktfinder #mfShops .colCategories {
    background: url(../pics/icon-marktfinder-tiere.png) left center no-repeat;
    width: 248px;
  }
    #marktfinder #mfShops .colCategories li {
      float: left;
      height: 36px;
      text-indent: -9999em;
      width: 40px;
    }
      #marktfinder #mfShops .colCategories li.hund1 {
        background: url(../pics/icon-marktfinder-tiere.png) -364px 0 no-repeat;
      }
      #marktfinder #mfShops .colCategories li.katze1 {
        background: url(../pics/icon-marktfinder-tiere.png) -324px 0 no-repeat;
      }
      #marktfinder #mfShops .colCategories li.kleintier1 {
        background: url(../pics/icon-marktfinder-tiere.png) -404px 0 no-repeat;
      }
      #marktfinder #mfShops .colCategories li.aquaristik1 {
        background: url(../pics/icon-marktfinder-tiere.png) -484px 0 no-repeat;
      }
      #marktfinder #mfShops .colCategories li.terraristik1 {
        background: url(../pics/icon-marktfinder-tiere.png) -524px 0 no-repeat;
      }
      #marktfinder #mfShops .colCategories li.vogel1 {
        background: url(../pics/icon-marktfinder-tiere.png) -444px 0 no-repeat;
      }
  #marktfinder #mfShops .colDistance {
    text-align: center;
    width: 72px;
  }


  /* Marktfinder Detail, aufbauen auf Product-Detail */
  #productDetails p,
  #productDetails.marktFinder caption,
  #productDetails.marktFinder th,
  #productDetails.marktFinder td {
    line-height: 16px;
  }
  #productDetails.marktFinder th {
    width: 80px;
  }
  #productDetails.marktFinder table {
    margin: 0 0 12px 0;
  }

  #productDetails.marktFinder .marktLeiter {
    margin: 0 0 12px 0;
  }
  #productDetails.marktFinder .marktLeiter div {
    display: inline; /* ie6 */
    float: left;
    margin: 0 8px 0 0;
    position: relative;
  }
  #productDetails.marktFinder .marktLeiter div .mcImageBorder {
    left: 0;
    position: absolute;
    top: 0;
  }

  #productDetails.marktFinder .marktRoute {
    margin: 0 0 12px 0;
  }
  #productDetails.marktFinder .marktRoute label {
    display: none;
  }
  #productDetails.marktFinder .marktRoute input {
    float: left;
  }
  #productDetails.marktFinder .marktRoute a.button {
    margin: 0;
  }

  #siteContent .marktFinder .contentbox a.button {
    margin: 0;
  }
  #siteContent .marktFinder.saveBranch .contentbox p {
    float: right;
  }
  #siteContent .marktFinder.saveBranch .contentbox p span.floatLeft {
    float: left;
    margin: 0 12px 0 0;
    position: relative;
    top: 6px;
  }
  #siteContent .marktFinder.saveBranch .contentbox {
    margin-bottom: 0;
  }
  #siteContent .marktFinder.saveBranch .contentboxBottom {
    margin-bottom: 12px;
  }

  .marktFinderCategories h3 {
    padding: 12px;
  }

  .marktFinderCategories li {
    float: left;
    padding: 10px 0 0 0;
    *position: relative; /* ie7 */
    *top: -10px; /* ie7 */
    width: 105px;
  }

  .marktFinderCategories li span {
    background: url(../pics/icon-marktfinder-tiere.png) 0 0 no-repeat;
    display: inline-block;
    height: 30px;
    position: relative;
    top: -8px;
    *top: 10px; /* ie7 */
    width: 40px;
  }
  .marktFinderCategories li.hund span {
    background-position: -40px 2px;
  }
  .marktFinderCategories li.katze span {
    background-position: 0px 0;
  }
  .marktFinderCategories li.kleintier span {
    background-position: -80px 0;
  }
  .marktFinderCategories li.aquaristik span {
    background-position: -160px 0;
  }
  .marktFinderCategories li.vogel span {
    background-position: -120px 0;
    width: 32px;
  }
  .marktFinderCategories li.terraristik span {
    background-position: -200px 2px;
  }
  .marktFinderCategories li.hund1 span {
    background-position: -360px 2px;
  }
  .marktFinderCategories li.katze1 span {
    background-position: -320px 0;
  }
  .marktFinderCategories li.kleintier1 span {
    background-position: -400px 0;
  }
  .marktFinderCategories li.aquaristik1 span {
    background-position: -480px 0;
  }
  .marktFinderCategories li.vogel1 span {
    background-position: -440px 0;
    width: 32px;
  }
  .marktFinderCategories li.terraristik1 span {
    background-position: -520px 2px;
  }
  .marktFinderCategories li.pferd1 span {
    background-position: -556px 0;
  }


  .marktFinderEvents ul {
    padding: 12px;
  }

  .marktFinderEvents img {
    display: inline; /* ie6 */
    float: left;
    margin: 0 12px 12px 0;
  }

  #siteContent .marktFinderEvents p {
    margin: 0 0 4px 0;
    padding: 4px 0 0 0;
  }

  /* FAQ */
  #tabs_sf_faq_tips {
    margin: 0 12px 0 0;
  }

  #faqs_accordion h3 {
    background: url(../pics/icon-open-close.gif) 0 3px no-repeat;
    cursor: pointer;
    padding: 0 0 4px 16px;
  }

  #faqs_accordion h3.ui-state-active {
    background-position: 0 -42px;
  }

  #faqs_accordion p {
    padding: 0 0 0 16px;
  }


/* Sidebar */
#sidebar {
  float: right;
  font-size: 11px;
  width: 192px;
}

#sidebar input {
  font-size: 11px;
}

/* Sidebar Scrollable Product Teaser */

.scrollProductTeaser {
  background: url(../pics/bg-sidebar-scroll-teaser.png) no-repeat 0 0;
  height: 212px;
  margin: 0 0 12px;
  padding: 12px 12px 0 13px;
  width: 155px;
}

.productTeaserRight.scrollTeaser {
  padding: 6px 8px 0 0;
}

.productTeaser .scrollTeaser h3,
.scrollProductTeaser h3 {
  background: url(../pics/de/bg-headlines-scroll-teaser.png) no-repeat;
  height: 7px;
  padding: 0;
  text-indent: -9999px;
}

.scrollProductTeaser.topSelling h3, .scrollTeaser.topSelling h3 { background-position: 0px 0px; }
.scrollProductTeaser.newest h3, .scrollTeaser.newest h3 { background-position: 0px -7px; }
.scrollProductTeaser.bestRated h3, .scrollTeaser.bestRated h3 { background-position: 0px -14px; }
.scrollProductTeaser.bestBrands h3, .scrollTeaser.bestBrands h3 { background-position: 0px -21px; }

.scrollProductTeaser h4,
.scrollTeaser h4 {
  font-size: 11px;
  max-height: 20px;
  overflow: hidden;
  padding: 0 0 3px 0;
}

.scrollProductTeaser .scrollProductTeaserArea {
  padding: 8px 0 0 0;
}
.scrollTeaser .fullHeightArea {
  padding: 2px 0 0 0;
}

.scrollProductTeaserArea li a {
  display: block;
  float: left;
  height: 40px;
  padding-right: 8px;
  text-align: center;
  width: 40px;
}

.scrollProductTeaserArea li h4 a {
  text-align: left;
  width:auto;
}

.scrollProductTeaser .scrollUp a,
.scrollTeaser .scrollUp a {
  background: url(../pics/bg-scroller.gif) 0 0 no-repeat;
  cursor:pointer;
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 155px;
}

.scrollProductTeaser .scrollUp a:hover {
  background-position: 0px -32px;
}

.scrollTeaser .scrollUp a {
  background-position: 0px -64px;
  height:12px;
  width:163px;
}
.scrollTeaser .scrollUp a:hover { background-position: 0px -88px; }

.scrollProductTeaser .scrollDown a,
.scrollTeaser .scrollDown a {
  background: url(../pics/bg-scroller.gif) 0 -16px no-repeat;
  cursor:pointer;
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 155px;
}

.scrollTeaser .scrollDown a {
  background-position: 0px -76px;
  height:12px;
  width:163px;
}

.scrollTeaser .scrollProductTeaserArea {
  padding: 4px 0 0 0;
}

.scrollTeaser li {
  height:39px;
  padding:2px 8px 4px 0;
}
.scrollTeaser .fullHeightArea li {
	height: 132px;
	overflow: hidden;
}
.scrollTeaser .fullHeightArea li img {
  max-width: 164px;
  max-height: 132px;
}

.scrollTeaser .scrollDown a:hover { background-position: 0px -100px; }

.scrollProductTeaser .scrollDown a:hover {
  background-position: 0px -48px;
}

.scrollProductTeaser .scrollProductTeaserBox {
  margin: 2px 0 -1px 0;
}

.scrollProductTeaser .scrollProductTeaserBox li {
  border-bottom: 1px solid #F2F2F2;
  height: 40px;
  padding: 5px 0;
}

  /* Pagetools */
  #chronik {
    background: url(../pics/bg-chronik.png) 0 0 no-repeat;
    height: 170px;
    margin: 0 0 12px 0;
    padding: 0;
    position: relative;
    width: 180px;
  }

    #chronik h3 {
      text-indent: -999em;
      position: absolute;
    }

    #chronik ul {
      padding: 27px 0 0 13px;
    }

    #chronik li a,
    #chronik li.chronikCurrentPage {
      color:#666666;
      display:block;
      height:16px;
      margin:0 12px 3px 0;
      /* overflow:hidden; */
      padding:0 0 0 2px;
      text-decoration:none;
      white-space:nowrap;
    }
    #chronik li.chronikCurrentPage {
      color: #333;
      margin-top: 4px;
    }
    #chronik li a:hover {
      color: #c03;
      text-decoration: underline;
    }

    #chronik ul ul {
      height:98px;
      overflow:hidden;
      padding: 0;
    }

    #chronik li.chronikPager {
      height: 16px;
      text-indent: -999em;
      width: 167px;
    }

    #chronik li.chronikPager a {
      background: url(../pics/bg-chronik.png) 0 -170px no-repeat;
    }

    #chronik li.chronikPager a:hover {
      background-position: 0 -202px;
    }

    #chronik li.chronikPager.chronikPagerback {
      background-position: 0 -186px;
      position: absolute;
      top: 143px;
    }

    #chronik li.chronikPager.chronikPagerback a {
      background-position: 0 -186px;
    }

    #chronik li.chronikPager.chronikPagerback a:hover {
      background-position: 0 -218px;
    }


  /* Pagetools */
  #pageTools {
    background: url(../pics/bg-pagetools.png) 0 0 no-repeat;
    /* height: 110px; V2 */
    height: 84px;
    margin: 0 0 12px 0;
    padding: 5px 5px 0 5px;
    width: 170px;
  }

    #pageTools li {
      position: relative;
    }

    #pageTools li a,
    #pageTools li h4 {
      color: #333;
      display: block;
      height: 19px;
      *height: 18px; /* ie6 ie7 */
      padding: 7px 0 0 32px;
      text-decoration: none;
    }

    #pageTools li a:hover {
      background: url(../pics/bg-pagetools.png) -5px -120px no-repeat;
    }
    #pageTools li a:hover#pageToolsPrint {
      /* background-position: -5px -146px; V2 */
      background-position: -5px -119px;
    }
    #pageTools li a:hover#pageToolsSuggest {
      /* background-position: -5px -172px; V2 */
      background-position: -5px -145px;
    }
    #pageTools li a:hover#pageToolsBookmark {
      /* background-position: -5px -198px; V2 */
      background-position: -5px -171px;
    }

    #pageTools #pageToolsBookmarks {
      display: none;
      left: -1px;
      position: absolute;
      top: 0;
      width: 178px;
      z-index:99;
    }
    #pageTools #pageToolsBookmarks h4 {
      background: url(../pics/bg-pagetools-bookmarks.png) -1px 0 no-repeat;
      font-size: 11px;
      font-weight: normal;
      position: relative;
      left: 1px;
    }
    #pageTools #pageToolsBookmarks h4 a {
      width: auto;
    }

    #pageTools #pageToolsBookmarks fieldset {
      background: url(../pics/bg-pagetools-bookmarks.png) left bottom no-repeat;
      padding: 3px 14px 16px 8px;
    }

    #pageTools #pageToolsBookmarks ul {
      background: url(../pics/bg-pagetools-bookmark.gif) 0 0 repeat;
    }

    #pageTools #pageToolsBookmarks li {
      float: left;
      height: 20px;
      padding: 0;
      width: 20px;
    }
    #pageTools #pageToolsBookmarks a {
      height: 16px;
      padding: 0;
      width: 16px;
    }
    #pageTools #pageToolsBookmarks a:hover {
      background: none;
    }

    #pageTools #pageToolsBookmarks label {
      display: block;
      padding: 4px;
    }

    #pageTools #pageToolsBookmarks input {
      background: url(../pics/bg-pagetools-bookmarks-input.png) 0 0 no-repeat;
      border: none;
      height: 17px;
      padding: 3px 4px 0 4px;
      width: 128px;
    }

.unEdit {
  border: 1px solid #FFFFFF;
  display: block;
  height: 16px;
  margin-left: 183px;
  padding: 5px 4px 0;
  width: 358px;
}

.formTexts {
  margin: 0 0 24px 0;
}

.formTexts h1 {
  position:relative;
  margin:0 12px 0 0;
}

.formTexts p {
  position:relative;
  margin:0 12px 12px 0;
}

/* content teaser */

.teaserOptions {
  height:20px;
}

.teaserOptions option {
  background: url(../pics/bg-teaser-options.png) no-repeat scroll 0 0;
  font-size: 11px;
  padding: 3px 0 4px 72px;
}

.teaserOptions .option-1-0 { background-position: 0  -34px;}
.teaserOptions .option-1-1 { background-position: 0  -68px; margin:0 0 8px;}

.teaserOptions .option-2-0 { background-position: 0 -102px;}
.teaserOptions .option-2-1 { background-position: 0 -136px;}
.teaserOptions .option-2-2 { background-position: 0 -170px; margin:0 0 8px;}

.teaserOptions .option-3-0 { background-position: 0 -204px;}
.teaserOptions .option-3-1 { background-position: 0 -238px;}
.teaserOptions .option-3-2 { background-position: 0 -272px;}
.teaserOptions .option-3-3 { background-position: 0 -306px; margin:0 0 8px;}

.teaserOptions .option-4-1 { background-position: 0 -340px;}
.teaserOptions .option-4-2 { background-position: 0 -374px;}
.teaserOptions .option-4-3 { background-position: 0 -408px;}
.teaserOptions .option-4-4 { background-position: 0 -442px; margin:0 0 8px;}

.contentTeaser,
.productTeaser {
  background: url(../pics/bg-content-teaser.png) left top no-repeat;
  height: 180px;
  margin: 0 12px 12px 0;
  padding: 0 0 0 2px;
}

.contentTeaserRight {
  background: url(../pics/bg-content-teaser.png) right top no-repeat;
  height: 178px;
  overflow: hidden;
  padding-right: 12px;
  padding-top: 2px;
}

.contentTeaserText,
.contentTeaserTextRight {
  height: 168px;
  overflow: hidden;
  padding-top: 4px;
}

/* safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .contentTeaserText { overflow: visible; }
}
/* safari*/

.hiddenOverflow {
  overflow: hidden;
  height:98px;
}

.contentTeaser img {
  display: inline;
  float: left;
  margin: 0 16px 0 0;
}

.productTeaser {
  padding-left: 8px;
  width: 172px;
}

.productTeaserRight {
  background: url(../pics/bg-content-teaser.png) right top no-repeat;
  height: 178px;
  overflow: hidden;
  padding-right: 0px;
  padding-top: 8px;
}

.contentTeaserRightContent {
  height: 108px;
  overflow: hidden;
}

.productTeaser form.rating-form {
  float: none;
  width: 100%;
}

.productTeaser .userRatingCounter {
  float: left;
  font-size: 11px;
  width: auto;
}

.userRating fieldset {
  height: 16px;
  overflow: hidden;
  width: 60px;
}

.productTeaser .productTeaserContent {
  padding-bottom: 8px;
}

.horizontalRuler {
  background-color: #ccc;
  height: 1px;
  margin: 0 0 6px;
  width: 167px;
}

.productTeaserText {
  padding-right:4px;
}

.contentTeaser.right img {
  display: inline;
  float: right;
  margin: 0 0 0 16px;
}

#siteContent .contentTeaser p,
#siteContent .productTeaser p {
  font-size: 11px;
  line-height: 14px;
  margin: 0;
}

#siteContent .contentTeaser p {
  margin-bottom: 8px;
}

#siteContent .contentTeaser p strong {
  font-size: 12px;
  font-weight: bold;
}

#siteContent .contentTeaser p.price {
  font-size: 11px;
  margin: 16px 0 4px 0;
}

#siteContent .contentTeaser .userRatingCounter {
float:none;
margin:3px 0 0;
}

.contentTeaser form.rating-form,
.contentTeaser .userRatingCounter {
  float: none;
}

.contentTeaser li,
.sidebarTeaser li {
  background: url(../pics/bg-dotlist.gif) 0px 4px no-repeat;
  font-size: 11px;
  line-height: 12px;
  padding:0 0 4px 8px;
}

#siteContent .contentTeaser p a,
.sidebarTeaser p a {
  background: transparent url(../pics/icon-arrowlink-category.gif) no-repeat scroll 0 3px;
  display: block;
  padding: 0 0 6px 8px;
}

.contentTeaser.teaser-1-half {width:178px;}
.contentTeaser.teaser-1-half img {width:176px; height:88px; margin:0}
.contentTeaser.teaser-1-half .contentTeaserRight {padding-right:2px}
.contentTeaser.teaser-1-half .contentTeaserText {padding-left:6px; padding-right:4px}

.contentTeaser.teaser-1-0 {width:172px; padding-left:8px;}
.contentTeaser.teaser-1-0 img {display:none}
.contentTeaser.teaser-1-0 .contentTeaserRight {padding-right:4px}

.contentTeaser.teaser-1-1 {width:178px; }
.contentTeaser.teaser-1-1 img {width:176px; height:176px; margin:0}
.contentTeaser.teaser-1-1 .contentTeaserRight {padding-right:2px}


.contentTeaser.teaser-2-0 {width:364px; padding-left:8px;}
.contentTeaser.teaser-2-0 img {display:none}
.contentTeaser.teaser-2-0 .contentTeaserRight {padding-right:8px}

.contentTeaser.teaser-2-1 {width:370px;}
.contentTeaser.teaser-2-1 img {width:176px; height:176px;}
.contentTeaser.teaser-2-1 .contentTeaserRight {padding-right:8px}

.contentTeaser.right.teaser-2-1 .contentTeaserRight {padding-right:2px;}
.contentTeaser.right.teaser-2-1 {width:364px; padding-left:8px;}

.contentTeaser.rightHalf.teaser-2-1 .contentTeaserRight {padding-right:2px;}
.contentTeaser.rightHalf.teaser-2-1 {width:364px; padding-left:8px; float: right}

.contentTeaser.teaser-2-2 {width:370px;}
.contentTeaser.teaser-2-2 img {width:368px; height:176px; margin:0}
.contentTeaser.teaser-2-2 .contentTeaserRight {padding-right:2px}


.contentTeaser.teaser-3-0 {width:556px; padding-left:8px;}
.contentTeaser.teaser-3-0 img {display:none}
.contentTeaser.teaser-3-0 .contentTeaserRight {padding-right:12px}

.contentTeaser.teaser-3-1 {width:562px;}
.contentTeaser.teaser-3-1 img {width:176px; height:176px;}
.contentTeaser.teaser-3-1 .contentTeaserRight {padding-right:12px}

.contentTeaser.teaser-3-2 {width:562px;}
.contentTeaser.teaser-3-2 img {width:368px; height:176px;}
.contentTeaser.teaser-3-2 .contentTeaserRight {padding-right:8px}

.contentTeaser.teaser-3-3 {width:562px;}
.contentTeaser.teaser-3-3 img {width:560px; height:176px; margin:0}
.contentTeaser.teaser-3-3 .contentTeaserRight {padding-right:2px}


.contentTeaser.teaser-4-1 {width:754px;}
.contentTeaser.teaser-4-1 img {width:176px; height:176px;}
.contentTeaser.teaser-4-1 .contentTeaserRight {padding-right:12px}

.contentTeaser.teaser-4-2 {width:754px;}
.contentTeaser.teaser-4-2 img {width:368px; height:176px;}
.contentTeaser.teaser-4-2 .contentTeaserRight {padding-right:12px}

.contentTeaser.teaser-4-2-text-list {width:754px;}
.contentTeaser.teaser-4-2-text-list img {width:368px; height:176px;}
.contentTeaser.teaser-4-2-text-list .contentTeaserText {float:left; width:176px;}
.contentTeaser.teaser-4-2-text-list .contentTeaserTextRight {float:right; width:166px;}

.contentTeaser.teaser-4-3 {width:754px;}
.contentTeaser.teaser-4-3 img {width:560px; height:176px;}
.contentTeaser.teaser-4-3 .contentTeaserRight {padding-right:12px}

.contentTeaser.teaser-4-4 {width:754px;}
.contentTeaser.teaser-4-4 img {width:752px; height:176px; margin:0;}
.contentTeaser.teaser-4-4 .contentTeaserRight {padding-right:2px}


  /* sidebar teaser */
  .sidebarTeaser {
    background: url(../pics/bg-sidebar-teaser.png) 0 0 no-repeat;
    margin: 0 0 12px 0;
  }

  .sidebarTeaser img {
    border: 1px solid #fff;
    margin: 2px 0 0 1px;
  }

  .sidebarTeaser h5,
  .sidebarTeaser p,
  .sidebarTeaser ul {
    line-height: 12px;
    margin: 4px 20px 8px 8px;
  }

  .sidebarTeaser ul {
    line-height: 18px;
  }

  .sidebarTeaser img {
    border: 1px solid #fff;
    margin: 2px 0 0 1px;
  }

  .sidebarTeaserBottom {
    background: url(../pics/bg-sidebar-teaser.png) bottom left no-repeat;
    height: 8px;
  }


/* Global notifier */

#globalnotifier-container {
  position: fixed;
  _position: absolute; /* IE 6 */
  top: 100px;
  left: 200px;
  height: 400px;
  width: 600px;
  background: #fcfcfc;
  border: 1px solid #cecece;
  z-index: 9000;
  padding: 10px;
  font-size: 10px;
}

#globalnotifier-container a.closetag {
  z-index: 9001;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}



/* footer */
#footer {
  /* margin:0 0 0 8px;  not needed in symfony version */
}


#footerBox {
  background: url(../pics/bg-footer-top.png) 0 0 no-repeat;
  padding:22px 0 0 0;
}

#footerBox ul {
  background: url(../pics/bg-footer-content.png) 0 0 repeat-y;
  padding: 0 0 20px 0;
}

#footerBox ul li {
  float:left;
  padding:0 0 0 12px;
  width:148px;
}
#footerBox ul li.maerkte {
  width:128px;
}
#footerBox ul li.meinKonto {
  width:138px;
}
#footerBox ul li.nuetzliches {
  width:158px;
}
#footerBox ul li.twitter {
  width:168px;
}

#footerBox ul li ul {
  background:none;
  padding: 0;
}

#footerBox ul li ul li {
  float:none;
  padding:0 0 6px 0;
  width:100%;
}

#footerBox ul li ul li a {
  color:#fff;
  display:block;
  font-size:11px;
  text-decoration:none;
  line-height:14px;
  width:100%;
}

#footerBox ul li ul li a:hover {
  text-decoration:underline;
}

#footerBox h3 {
  background: url(../pics/de/headings.png) 0 0 no-repeat;
  height: 12px;
  margin-bottom:8px;
  padding:0;
}

#footerBox h3 a {
  height:11px;
  padding:0 0 14px 0;
  display: block;
  text-indent: -9999em;
  width: 148px; /* ie7 */
  width: 100%;
}

#footerBox .shop h3 {
  background-position:0 -60px;
}
#footerBox .service h3 {
  background-position:0 -72px;
}
#footerBox .maerkte h3 {
  background-position:0 -84px;
}
#footerBox .meinKonto h3 {
  background-position:0 -96px;
}
#footerBox .nuetzliches h3 {
  background-position:0 -108px;
}
#footerBox .twitter h3 {
  background-position:0 -120px;
}

#footerLinks {
  background: url(../pics/bg-footer-links.jpg) 0 0 no-repeat;
  height: 51px;
  padding: 8px 0 60px 0;
}

.footerLinks {
  padding:12px 0 4px 12px;
}

.footerLinks p {
  color: #fff;
  font-size: 11px;
  margin-bottom: 8px;
  text-align: center;
}

.footerLinks ul {
  text-align: center;
}

.footerLinks li {
  background: url(../pics/bg-footer-links.png) 0 2px no-repeat;
  color: #fff;
  display: inline;
  font-size:11px;
  padding: 0 12px;
}

.footerLinks li.first {
  background: none;
  padding: 0 12px 0 0;
}

.footerLinks li a {
  color:#fff;
  text-decoration:none;
}

.footerLinks li a:hover {
  text-decoration:underline;
}

#pagetoolSocialBookmark .pagetoolSocialBookmarkExt {
  display:none;
}

/* DataBoxes */

.dataBox,
.basket {
  width: 756px;
  margin: 0 0 12px 0;
  position: relative;
}

.dataBoxTop {
  background: url(../pics/bg-dataBoxTop-full.png) 0 0 no-repeat;
  height: 5px;
}

.dataBoxBottom {
  background: url(../pics/bg-dataBoxBottom-full.png) 0 0 no-repeat;
  height: 5px;
}

.dataBoxLeft {
  float: left;
}

.dataBoxRight {
  float: right;
  width: 180px;
}

.dataBox .dataBoxRight a.button {
  margin: 8px 0 12px 0;
}

.dataBoxRightNoBorder {
  padding: 10px 8px 0 0;
}

.roundedBox {
  margin: 0 0 12px 0;
  width:756px;
}

.roundedBoxTop {
  background: url(../pics/bg-roundedBox-full.gif) left top no-repeat;
  height: 5px;
}
.roundedBoxActive .roundedBoxTop {
  background-image: url(../pics/bg-contentbox.png);
}

.roundedBoxMiddle {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding: 4px 7px 0px;
}

.roundedBoxActive .roundedBoxMiddle {
  background-color: #f3f3f3;
}

.roundedBoxBottom {
  background: url(../pics/bg-roundedBox-full.gif) left bottom no-repeat;
  height: 5px;
}
.roundedBoxActive .roundedBoxBottom {
  background-image: url(../pics/bg-contentbox.png);
}

.dataBoxRight .roundedBoxTop {
  background: url(../pics/bg-roundedBox-top.gif) left top no-repeat;
}

.dataBoxRight .roundedBoxBottom {
  background: url(../pics/bg-roundedBox-bottom.gif) left bottom no-repeat;
  margin: 0 0 12px 0
}

#siteContent .dataBox label.labelRadio {
  display: block;
  float: none;
  margin: 0;
  padding: 4px 0 12px 18px;
  text-align: left;
  text-indent: -19px;
  width: auto;
}

.dataBox input.inputRadio {
  margin: 0 3px 0 0;
}

#siteContent .dataBoxRight p {
  font-size: 11px;
  line-height: 16px;
  margin: 0;
}

.dataBox p.smallAdress {
  line-height: 16px;
}

.dataBox.threeQuarters .dataBoxLeft {
  width: 564px;
}

.threeQuarters .dataBoxBottom {
  background-image: url(../pics/bg-dataBoxBottom-threequarters.png);
}

.dataBoxContent,
.searchResultBoxContent {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  color: #333;
  padding: 8px 0px 7px 12px;
}

.dataBoxContentNoBorder {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #333;
  padding: 8px 0px 12px 12px;
}

.dataBoxContent.more {
  border-top: 1px solid #333;
}

.dataBoxContent ul li a.iconLink {
  position: static;
}

.dataBoxContent a.iconLink {
  left: 280px;
  position: absolute;
  top: -1px;
}

.dataBoxContentBox {
  position: relative;
}

.orders li {
  margin: 0 0 12px;
}

.orderBox .dataBoxContent,
.basket .dataBoxContent {
  border-color: #ccc;
  padding: 0;
}

.threeQuarters.orderBox .dataBoxBottom {
  background-image: url(../pics/bg-dataBoxBottom-orderBox.png);
}

.orderBox .dataBoxBottom,
.basket .dataBoxBottom {
  background: url(../pics/bg-roundedBox-full.gif) left bottom;
}

.dataBoxContentLeft {
  float: left;
  width: 348px
}

.dataBoxContentRight {
  float:right;
  width:186px;
}

.dataBoxContentRight.big {
  width:392px;
}

.scrollbox {
  border: 1px solid #CCCCCC;
  float: right;
  height: 66px;
  margin: 4px 12px 0 0;
  overflow: auto;
  padding: 0 8px;
  width: 341px;
}

.dataBoxContent .question {
  color: #333;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 68px;
  padding: 0 12px 0 0;
}

#siteContent .dataBoxContent p {
  line-height: 18px;
  margin: 0;
}

.dataBoxContent.adress {
  min-height: 179px;
}

.dataBoxContent.adress p {
  line-height: 24px;
}

.dataBoxContent.smallAdress p {
  float: left;
  line-height: 16px;
  width: 350px;
}

.dataBox a.button {
  margin-bottom: 0;
}

.dataBoxContent a.button.dataBoxButton {
  position: absolute;
  left: 576px;
  bottom: 12px;
}

.dataBox.half {
  _display: inline; /* ie6 */
  float: left;
  margin: 0 12px 12px 0;
  width: 372px;
}

.noFloat {
  *float: none; /* ie6 ie7 */
}

.dataBox.half .dataBoxBottom {
  background: url(../pics/bg-dataBoxBottom-half.png) 0 0 no-repeat;
}

.marked .dataBoxContent {
  background-color: #f1f1f1;
}

.marked .dataBoxBottom {
  background-image: url(../pics/bg-dataBoxBottom-full-marked.png);
}

.articleBox.marked {
  background-color: #f1f1f1;
}

.buttonBox {
  position: absolute;
  left: 576px;
  bottom: 12px;
}

.subtotalBox {
  background: url(../pics/bg-subtotal-box.png) no-repeat scroll 0 0;
  height:31px;
  margin-top:8px;
  xposition:relative;
  width:270px;
}

#siteContent .subtotalBox .inputText {
  font-size:12px;
  height:13px;
  margin:5px 4px 0 5px;
  padding:2px 2px 4px;
  text-align:right;
  width:24px;
}

.subtotalBoxLeft {
  float:left;
  width:125px;
  position:relative;
}

.subtotalBoxLeft span {
  left:46px;
  position:absolute;
  top:8px;
}

.subtotalBoxRight {
  float:right;
  width:145px;
  text-align:right;
  position:relative;
}

.subtotalBox .arrowBox {
  height: 31px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.subtotalBox .arrowBox a {
  display: block;
  height: 15px;
  margin-bottom: 1px;
  text-indent: -9999em;
  width: 20px;
}

.subtotalBox .incrementArrow a {
  background: url(../pics/bg-basket-arrows.gif) no-repeat 5px 5px;
}

.subtotalBox .incrementArrow a:hover {
  background: url(../pics/bg-basket-arrows.gif) no-repeat 5px -35px;
}

.subtotalBox .decrementArrow a {
  background: url(../pics/bg-basket-arrows.gif) no-repeat -35px 0px;
}

.subtotalBox .decrementArrow a:hover {
  background: url(../pics/bg-basket-arrows.gif) no-repeat -35px -40px;
}

.subtotalBox span.amount {
  font-weight: bold;
  left: 20px;
  text-align: right;
  width: 20px;
}

.subtotalBox strong {
  left: 0;
  position: absolute;
  top: 8px;
}

.subtotal {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 9px 8px 0 0;
}

.basket.notepad .subtotal {
  margin: 9px 0 0 0;
  text-align: right;
}

.basket.notepad .articleBoxMiddle {
  padding: 0 8px 0 4px;
}

.basket.notepad .rightButton {
  padding: 0;
}

.basket.notepad .articleBoxRightMiddle {
  float: none;
  width: 100%;
}

.state {
  background: url(../pics/icon-state.gif) no-repeat 0 -100px;
  bottom:12px;
  left: 104px;
  padding: 3px 0 1px 24px;
  position: absolute;
  width: 140px;
}

#productDetails .state {
  bottom: 0;
  left: 0;
  line-height: 1.2em;
  margin-bottom: 8px;
  position: relative;
  width: auto;
}

.state.available {background-position: 0 -100px;}
.state.lowstock {background-position: 0 -50px;}
.state.unavailable {background-position: 0 0;}


.articleBox {
  border-top: 1px solid #CCC;
  padding: 12px 8px 12px 12px;
  position: relative;
}

.basket .articleBox {
  padding: 0;
  border: none;
  margin: 0 0 12px 0;
}

.articleBoxTop,
.orderOverviewTop {
  background: url(../pics/bg-roundedBox-full.gif) no-repeat left top;
  height: 5px;
}

.articleBoxMiddle {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0px 4px;
}

.articleBoxBottom,
.orderOverviewBottom {
  background: url(../pics/bg-roundedBox-full.gif) no-repeat left bottom;
  height: 5px;
}

.articleBox.first {
  border: none;
}

.articleBoxLeft {
  float: left;
  width: 47%;
}

#simpleModal .articleBoxLeft,
#simpleModal .articleBoxRight {
  margin-bottom: 8px;
}

.basket .articleBoxLeft {
  width: 360px;
}

.basket .articleBoxRight {
  width: 367px;
}

.basket .articleBoxRightTop {
  float: none;
  text-align: left;
  width: 100%;
}

.basket .fivestarWidget,
.basket .userRatings {
  float: left;
}

.basket .articleBoxRightBottom {
  bottom: 0;
  position: absolute;
  right: 0;
}

.basket .state {
  bottom: 5px;
  left: 97px;
}

.basket .subtotalBox {
  background: transparent url(../pics/bg-subtotal-box-basket.png) no-repeat scroll 0 0;
  width: 372px;
}

.deleteBasket a {
  background: url(../pics/icon-del-basekt-item.gif) no-repeat 0 0;
  display: block;
  float: right;
  height: 16px;
  text-indent: -9999em;
  width: 16px;
}

.deleteBasket a:hover {
  background-position: left bottom;
}

.articleBoxLeft a.articleLink {
  display:block;
  padding: 0 0 4px 0;
}

.articleBoxRight {
  float: right;
  width: 53%;
}

.articleBoxRight p {
  text-align: left;
}

.articleBoxRight .counter-wrap {
  /* padding-left: 89px; */
  padding-left: 66px; /* MSC: because of toBasket Flash */
}

.articleBoxRightTop {
  float: right;
  text-align: right;
  width: 220px;
}

.articleBoxRightMiddle {
  float: right;
  padding: 9px 0 12px;
  width: 270px;
}

.articleBoxRightBottom {
  float: right;
}

.articleBoxMiddleLeft {
  float: left;
  padding: 4px 0 0 0;
}

.articleBoxMiddleRight {
  float: right;
  width: 83px;
}

.articleBox .imageLink {
  display: block;
  float: left;
  height: 84px;
  padding: 0 8px 0 0;
  position: relative;
  text-decoration: none;
  width: 84px;
  z-index: 10;
}

.articleBox .imageLink img {
  _border: 1px solid #ccc;
  position: relative;
  _z-index: 2; /* ie6 */
}

.articleBox .imageLink .frameS {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 100;
  _z-index: 1; /* ie6 */
}

.paymentIconGiropay {
  background: url(../pics/bg-giropay.gif) 0 0 no-repeat;
  height: 28px;
  margin:12px 0 0 24px;
  width: 63px;
}

.roundedBoxMiddle {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 7px 12px;
}

#siteContent .roundedBoxMiddle p {
  line-height: 16px;
  margin:0 0 0 0;
}

#siteContent .payment .errorBox {
  margin: 0 0 12px 0;
}

#siteContent .payment .generalForm label {
  width: 160px;
}

#siteContent .payment p.inputError {
  padding: 0;
}

#site .payment .inputText {
  margin:0;
  width:378px;
}

.roundedBoxMiddleLeft {
  float: left;
  width: 160px;
}

.roundedBoxMiddleRight {
  float: right;
  width:560px;
}

/* simple modal */
#simpleModalSmall {
  width: 405px;
}
#simpleModalLarge {
  width: 596px;
}
#simpleModalSmall .simplemodal-data,
#simpleModalLarge .simplemodal-data {
  overflow: auto;
}

#simpleModalSmall p,
#simpleModalLarge p {
  line-height: 16px;
}

#simpleModalSmall .simpleModalContent {
  background: url(../pics/bg-simple-modal-small-content.png) 0 0 no-repeat;
  padding: 12px 16px 0 12px;
}

#simpleModalLarge .simpleModalContent {
  background: url(../pics/bg-simple-modal-large-content.png) 0 0 no-repeat;
  padding: 12px 16px 0 12px;
}

.simplemodal-container a.modalCloseImg {
	background: url(../pics/icon-x.gif) no-repeat;
	width: 9px;
	height: 9px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: 12px;
	right: 16px;
	cursor: pointer;
}


#simpleModalSmall a.simplemodal-close,
#simpleModalLarge a.simplemodal-close {
  float: right;
  margin: 0;
}

#simpleModalSmall .simpleModalBottom {
  background: url(../pics/bg-simple-modal-small-bottom.png) 0 0 no-repeat;
  height: 23px;
}
#simpleModalLarge .simpleModalBottom {
  background: url(../pics/bg-simple-modal-large-bottom.png) 0 0 no-repeat;
  height: 23px;
}

/* honeypot */
.inputAgain {
  display:none;
}

/* Bestellungs?bersicht */
.orderOverview {
  margin: 0 0 12px 0;
  width: 756px;
}

.orderOverview tr {
  height: 20px;
}

.basketSummary tr {
  height: 24px;
}

.orderOverview table td {
  padding: 0 20px 0 0;
  text-align: right;
}

.orderOverview .totalSum,
.basketSummary .totalSum {
  height: 31px;
}

.orderOverview .totalSum th,
.basketSummary .totalSum th {
  background: transparent url(../pics/bg-subtotal-box.png) no-repeat scroll left top;
  padding: 0 0 0 4px;
}

.orderOverview .totalSum td,
.basketSummary .totalSum td {
  background: transparent url(../pics/bg-subtotal-box.png) no-repeat scroll right top;
  font-size: 14px;
  font-weight: bold;
  padding: 0 8px 0 0;
}

form.rating-form {
  float:right;
  padding-right:8px;
  /* width:68px; */
  /* width:82px; /* MSC: for modalview */
}

.basket form.rating-form {
  float:left;
}

.basketSuccessItem form.rating-form,
.orderBox form.rating-form {
  float:left;
  padding:0 8px 0 18px;
}

.userRatingCounter {
  float:right;
  width:132px;
}


.userRating .deleteBasket {
  float:right;
  width:16px;
}

.basketSummary table {
  display: inline;
  float: right;
  margin:0 0 12px 0;
  width: 372px;
}

.rightButton {
  float: right;
  padding: 0;
}

.rightButton a {
  margin-right: 0;
}

.basketButton a.button {
  margin:0;
}

.basketSummary td {
  font-size: 14px;
  padding: 0 8px 0 0;
  text-align: right;
  width: 120px;
}
.basketSummary th {
  width: 240px;
}
#siteContent .basketSummary th p {
  font-size: 11px;
  color: #666;
  line-height: 14px;
  margin: 0;
}

#siteContent .basketSummary .inputText.inputHalf {
  margin: 8px 0 0 0;
}

.basketSummary hr {
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 1px;
}

.orderOverviewMiddle {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 5px 0;
  position: relative;
}

.orderOverviewMiddle .agbCheck {
  margin: 110px 0 0 8px
}

.orderOverviewMiddle .agbCheck .openTerms {
  *position: relative; /* ie7 */
  *top: 4px; /* ie7 */
}

.orderOverviewMiddle .sendButton {
  display: inline;
  float: right;
  width: 180px;
  margin: 101px 0 0 12px;
}

.sendButton .button {
  margin: 4px 0 0 0;
}

.orderOverview .summary {
  float: right;
  padding-right: 8px;
  width: 270px;
}

#siteContent .orderOverviewMiddle .inputCheckbox {
  margin: 0;
}

.orderOverviewMiddle h3 {
  padding: 0 0 8px 0;
}

/* Anmeldung */

.application {
  width: 756px;
  margin: 0 0 12px 0;
}

.application p {
  margin: 8px 0 12px;
}

.application h3.boxedHeadline {
  margin: 0 0 8px 0;
  padding:0 0 0 6px;
}

.application .applicationBoxLogin {
  float: left;
  margin: 0 18px 0 0;
  width: 303px;
}

.application .applicationBox {
  float: left;
  margin: 0 18px 0 0;
  width: 240px;
}

.application .applicationBoxContent {
  min-height: 144px;
}

.application .applicationBox.small {
  margin: 0;
}

#site .applicationBoxLogin input.inputText {
  width: 290px;
  margin: 0 0 12px;
}
#site .applicationBox input.inputText {
  width: 230px;
  margin: 0 0 12px;
}

.application a.lostLoginData {
  display:block;
  float:left;
  padding-top:5px;
}

.navigationButtons {
  margin: 0 0 4px 0;
  width: 756px;
}

.navigationButtons.threeQuarters {
  width: 564px;
}

.buttonRow {
  margin: 0 0 8px 0
}

.buttonRow .button {
  margin:0;
}

.notepadMessage {
  width:520px;
}

.notepadMessage h3 {
  padding:0 0 8px 0;
}

.notepadMessage .rightButton {
  padding-right:12px;
}

.simpleModalContent .rightButton {
  padding-left:12px;
}

/* Suchtreffer */

#searchFilter {
  margin: 0 0 12px 0;
}

#searchFilter .searchRadios {
  float:left;
  width:200px;
  margin: 0 0 32px 0;
}

#searchFilter .radio_list li {
  height: 22px;
}

.searchInput {
  position:relative;
  float:right;
  width:560px;
}

.searchInput .button {
  margin:0;
}

#siteContent #searchFilter p {
  margin-bottom:24px;
}

#siteContent #searchFilter p.inputError {
  left:6px;
  position:absolute;
  text-align:left;
  top:40px;
}

#siteContent #searchFilter h3 {
  padding-bottom:8px;
}

#searchFilter .inputText {
  width:260px;
  float:left;
}

#siteContent #searchFilter .hintMsg {
  position:absolute;
  top:0px;
  left:360px;
  width:200px;
}

#siteContent #searchFilter .hintMsg h3 {
  padding: 0 0 4px 0;
}

#siteContent #searchFilter .hintMsg p {
  line-height:16px;
  margin: 0;
}

#searchResult li {
  margin: 0 0 12px;
}

.search-results li {
  float:left;
  margin:0 12px 12px 0;
}

#siteContent .search-results .productQuarterTeaser {
  margin:0;
}


#searchResult p {
  line-height:16px;
  margin-bottom:2px;
}

.browserMsg {
  background: url(../pics/error.gif) 3px 5px no-repeat #fff;
  border: 5px solid #ae0011;
  margin: 0 auto;
  padding: 0 10px;
  width: 942px;
  z-index: 1000000;
}
.browserMsg p {
  margin: 10px 0 10px 14px;
}

.pwsMeter {
  position:relative;
}

#siteContent .generalForm fieldset .pwsMeter div.graybar {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  height:2px;
  position:absolute;
  top:30px;
  left:5px;
  width:140px;
}

#siteContent .pwsMeter .colorbar {
  background-image:url(../pics/passwordstrength.jpg);
  height:2px;
  margin:1px;
  position:absolute;
  top:30px;
  left:5px;
  width:0px;
}

#siteContent .generalForm div.hintMsg .result {
  color: #999;
  font-size: 10px;
  margin:8px 5px 0;
}

.legalConfirmationLabel {
  float:left;
}

/*    */

#loginOld {
  float:left;
  padding:15px 0 0 10px;
  width:380px;
  background-color:#fff;
}

#loginOld h2 {
  background: transparent url(../pics/bg-headline-login-dot.gif) repeat-x scroll left bottom;
  color:#333333;
  font-size:16px;
  padding:0 0 12px 10px;
}

#loginOld h6 {
  color:#005B0B;
  font-size:12px;
  font-weight:bold;
  padding:20px 0 22px 10px;;
}


#loginOld .applicationBoxTop {
  background: transparent url(../pics/bg-loginOld-top.gif) no-repeat 0 0;
  width:370px;
  height:14px;
}

#loginOld .applicationBoxMiddle {
  background: transparent url(../pics/bg-loginOld-middle.jpg) no-repeat 0 0;
  color:#FFFFFF;
  padding: 0 0 8px 20px;
}

#loginOld .applicationBoxBottom {
  background: transparent url(../pics/bg-loginOld-bottom.gif) no-repeat 0 0;
  width:370px;
  height:23px;
}


#loginOld .applicationBoxRegistration {
  background: transparent url(../pics/bg-loginOld-registration.gif) no-repeat scroll 0 0;
  height: 99px;
  padding: 12px 20px 0;
}

#loginOld label {
  display:block;
  font-weight:bold;
  padding:0 0 4px;
}

#loginOld .inputText {
  background: url(../pics/bg-form-input.png) 0 0 no-repeat;
  border: 1px solid #999;
  height: 16px;
  margin-right: 12px;
  padding: 4px 4px 0 4px;
  margin-bottom:8px;
  width:250px;
}

#loginOld p {
  color:#B4CCB6;
  padding: 0 0 16px 0;
}

#loginOld p a {
  color:#B4CCB6;
}

#loginOld p strong {
  color:#FFF;
  display:block;
  font-weight:bold;
  padding:3px 0 10px;
}

#loginOld .loginOldHeader p {
  color:#333333;
  line-height:15px;
  padding:0 20px 20px 10px;
}

#loginOld .loginOldHeader p a {
  color:#333;
}

#loginOld .lostData {
  font-size:11px;
}

#loginOld .lostData p {
  padding:0 0 6px 0;
}

#loginOld a.buttonEinloggen {
  background: transparent url(../pics/button-loginOld-einloggen.gif) no-repeat 0 0;
  display:block;
  width:76px;
  height:25px;
  text-indent:-9999px;
}

#loginOld a.buttonAnmelden {
  background: transparent url(../pics/button-loginOld-anmelden.gif) no-repeat 0 0;
  display:block;
  width:148px;
  height:25px;
  text-indent:-9999px;
}

/* fhahn -> */
div#siteContent img.teaser
{
    margin: 0 12px 12px 0;
    float: left;
}

div#siteContent img.last
{
    margin: 0 12px 0 0;
    float: left;
}

div#sidebar
{
    width: 180px;
}

#navigation li #navarbeitgeber 
{
      width: 233px;
}

#navigation li #navarbeitgeber.navHighlight,
#navigation li #navarbeitgeber:hover 
{
    background-position: -2px -90px;
}

#navigation li #navakademie 
{
    width: 179px;
}
#navigation li #navakademie.navHighlight,
#navigation li #navakademie:hover 
{
    /* background-position: -279px -90px; */
    background-position: -241px -90px;
}

#navigation li #navinternational 
{
   width: 127px;
}
#navigation li #navinternational.navHighlight,
#navigation li #navinternational:hover 
{
    background-position: -426px -90px;
}

#navigation li #navberufseinstieg 
{
   width: 131px;
}
#navigation li #navberufseinstieg.navHighlight,
#navigation li #navberufseinstieg:hover 
{
    background-position: -559px -90px;
}

#navigation li #navstellenanzeigen
{
   width: 153px;
}

#navigation li #navstellenanzeigen.navHighlight,
#navigation li #navstellenanzeigen:hover 
{
    background-position: -696px -90px;
}

#navigation li #navfaq
{
   width: 105px;
}

#navigation li #navfaq.navHighlight,
#navigation li #navfaq:hover 
{
    background-position: -855px -90px;
}

#siteContent img.button
{
    float: left;
}

#siteContent img.more
{
    margin:145px 0 0 -112px;
}

#siteContent ul.bold,
#siteContent ul.bold li
{
    font-weight: bold;
    font-style: italic;
}

#sidebar h3 a
{
    color: #333333;
    text-decoration: underline;
}

#sidebar h3 
{
    margin-bottom: 8px;
}

#sidebar a
{
    font-weight: bold;
}

#sidebar div.sidebarcontent
{
    padding: 0 3px;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #F3F3F3;
}

#sidebar div.sidebarcontent ul
{
    margin-top: 8px;
    margin-left: 14px;
}

#sidebar div.sidebarcontent ul li,
#sidebar div.sidebarcontent ul
{
    list-style-image: url(/pics/listing_01.gif);
    list-style-position: outside;
    padding-bottom: 6px;
    margin-top: -3px;
}

#sidebar div.sidebarcontent ul li.last
{
    margin-top: 5px;
}

div#footer div#footerBox
{
   background: red url(/pics/bg_footer_02.jpg) repeat-y;
}

#footerBox
{
    padding-top: 12px;
}

#footerBox h3
{
    padding-bottom: 0;
    display: none;
}

#footerBox li.fressnapf-als-arbeitgeber,
#footerBox li.fressnapf-akademie,
#footerBox li.international,
#footerBox li.berufseinstieg,
#footerBox li.stellenanzeigen,
#footerBox li.faq
{
    width: 146px;
}

#footerBox ul li 
{
    padding:0 0 0 14px;
}
.footerLinks ul 
{
    text-align: left;
}

.footerLinks li
{
    border-right: 1px solid #FFFFFF;
}

.footerLinks li.last
{
    border-right: none;
}

#navigation .thirdLevelNav h4
{
    float: left;
    width: 12em;
}

#navigation .thirdLevelNav p
{
    float: left;
    padding: 0 0 0 0.5em;
    width: 12em;
}

#navigation .thirdLevelNav p a
{
    margin: 0 !important;
    padding: 0 !important;
}

#navigation li.hereyouare a span.bubbleCenter span
{
    background: url(../pics/bg-bubble.png) 50% top no-repeat;
    color: #666666;
}

#navigation li.hereyouare a span.bubbleCenter span
{
    color: #666666;
}

#navigation .hereyouare span.bubbleLeft
{
  background: url(../pics/bg-bubble.png) 0 0 no-repeat;
  display:block;
  float:left;
  height: 37px;
  width: 5px;
}

#navigation .hereyouare span.bubbleRight
{
  background: url(../pics/bg-bubble.png) top right no-repeat;
  display: block;
  float: left;
  height: 37px;
  width: 5px;
}

#navigation .hereyouare a
{
  margin:0 12px 0 0;
}

#siteContent p,
#siteContent div p
{
    margin-right: 1em;
    margin-bottom: 1em;
}

#siteContent img.leftimage,
#siteContent a.leftteaser
{
    float: left;
    margin: 12px 24px 12px 0;
}

#siteContent img.rightimage,
#siteContent a.rightteaser
{
    float: right;
    margin: 12px 0 12px 24px;
}
#siteContent ul
{
    list-style-image: none;
    list-style-position: inside;
    list-style-type: circle;
    margin-bottom: 12px;
}
    
#siteContent p.tiny
{
    font-size: 10px;
}

#siteContent iframe
{
    width: 120%;
    height: 600px;
    overflow-x: hidden;
    margin-right: 12px;
}

.content-rightimage wide
{
    float: left;
    margin: 0;
}


div.nojsnavi
{
    background-color: #FFFFFF;
    position: absolute;
    left: -150px;
   
}

div.nojsnavi a,
div.nojsnavi 
{
    font-size: 10px !important;
    font-weight: normal !important;
    color: #333333 !important;
    width: 130px !important;
}
/* <- fhahn  */


/* -> kotto  */
.faqContent 
{
    margin-bottom: 36px;
}
.faqContent a strong 
{
    color: #333333;
}

.imageLegend img,
.imageLegend span
{
    float: right;
    margin: 0 24px;
    width: 375px;
}
.imageLegend span
{
    padding: 6px 0 24px 0;
    color: #666666;
    font-weight: bold;
}

.content-rightimage
{
    float: right;
    margin: 0 0 12px 24px;
}
#siteContent .content-leftimage
{
    float: left;
    margin: 4px 24px 12px 0;
}

.head-rightimage
{
    float: right;
    margin: 0 12px 12px 12px;
}