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

body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
body.communityLogin {
  background: none;
}
body.twitter,
body#plain {
  background: none;
}

#printHeader,
#printFooter {
  display: none;
}

/* see ie.css */

em {
  font-style: italic;
}

a {
  color: #c00;
}

a:hover {
  color: #333;
}

a.arrowLink {
  background: url(/images/icon-sprite.png) 0 -88px no-repeat;
  padding: 0 0 0 8px;
}

a.noDecoration {
  color: #333333;
  cursor: default;
  text-decoration: none;
}

a.commentThisLink {
  background: url(/images/user_comment.gif) 0 0 no-repeat;
  padding: 0 0 0 22px;
}

a.buttonCss {
  background: #eee;
  border: 1px solid #eee;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  margin: 0 12px 12px 0;
  padding: 5px 7px 3px 15px;
  text-decoration: none;
}
a.buttonCss:hover {
  border-color: #333;
}
a.highPrioCss {
  background: url(/images/button-high-prio.gif) 0 0 no-repeat #CC0000;
  border-color: #CC0000;
}

a.button {
  background: url(/images/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(/images/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(/images/button-back.gif);
}

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

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

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

a.small span {
  background-image: url(/images/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;
  line-height: 11px;
  padding: 4px 0 6px 20px;
}

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

a.iconLink.edit    { background-image: url(/images/icon-edit.gif); background-position: -8px -2px; }
a.iconLink.delete  { background-image: url(/images/icon-delete.gif); background-position: 2px 7px; }
a.iconLink.rate  { background-image: url(/images/icon-rate.gif); background-position: 0 0; }
a.iconLink.wishList  { background-image: url(/images/icon-wishList.gif); background-position: -1px -4px; display: inline-block; padding: 4px 0 6px 24px; margin-top: 12px}

.dataBox a.iconLink.wishList  { margin-top: 0 }

a.backlink {
  background: transparent url(/images/btn-backlink.png) no-repeat scroll 0 0;
  display: block;
  height: 32px;
  left: 443px;
  position: absolute;
  text-indent: -9999px;
  width: 180px;
}

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

ul.normalList {
  list-style-type: disc;
  margin: 0 0 12px 20px;
}

ul.normalList li {
  margin-bottom: 4px;
}


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

.inputText,
.inputSelect {
  color: #666;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.fakeInputText {
  color: #666666;
  overflow: hidden;
  padding-right: 218px;
  padding-top: 5px;
}

#simpleModalLarge .inputText.inputHidden, 
#simpleModalFormLarge .inputText.inputHidden, 
#site .inputText.inputHidden {
  border-color: #fff;
  background: none;
  font-size: 12px;
  padding-bottom: 2px;
  padding-top: 2px;
}

#site .inputText.dateDdAndMm {
  width: 46px;
}
 
#site .inputText.dateYyyy {
  width: 54px;
}


strong {
  font-weight: bold;
}

strong.highlight
{
  color: #CC0000;
}

/* 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;
}
#forumComment h2 span {
  color: #333;
}
h3 {
  color: #333;
  font-size: 12px;
  padding: 0 0 4px 0;
}
#pdTabs table h3 {
  padding: 0;
}

h3.boxedHeadline {
  background: transparent url(/images/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(/images/bg-h3-black.gif) no-repeat scroll right top;
  color: #FFFFFF;
  display: block;
  padding-top: 3px;
}

h3.boxedHeadline a {
  background: transparent url(/images/icon-arrowlink-white.gif) no-repeat scroll 0 1px;
  color: #FFFFFF;
  left: 340px;
  line-height: 12px;
  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;
}

#siteContent .generalForm div .moreInputs.bottomGap,
#siteContent .generalForm div .bottomGap,
.bottomGap {
  margin-bottom: 16px;
}

.relative {
  position: relative;
}

option {
  background-color: #fff;
}

/* header */
#header {
  height: 144px;
  position: relative;
  z-index: 500;
}

  #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 span,
  #header h4 a {
    background: url(/images/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 -89px;
  }


  /* login */

  #headLogin {
    background: url(/images/bg-login.png) left bottom no-repeat;
    font-size: 11px;
    padding: 6px 8px 12px 8px; /* also ie.css */
    position: absolute;
    right: 201px;
    top: 0;
    width: 176px;
    z-index: 500;
  }

    #headLogin .headLoginExt {
    	display: none;
    }

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

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


    #header label {
      display: none;
    }

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

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

    #headLogin p {
      color: #666;
    }

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

.inputError {
  margin: 0 0 12px 0;
}

#loginMessage {
  line-height: 1.2em;
}

#loginMessage span {
  color: #666;
  font-weight: normal;
}

#loginOld div.hint,
#loginOld div.error,
#loginOld div.notification,
#loginOld div.wait {
  background: #FFFFFF url(/images/error.gif) no-repeat scroll 2px 1px;
  border: 1px solid #CC0000;
  color: #CC0000;
  margin: 0 36px 12px 0;
  padding: 4px 4px 4px 24px;
}

#loginOld span.indicator {
  background: #FFF;
  color: #666666;
  display: block;
  margin: 0 36px 12px 0;
  padding: 4px 4px 4px 4px;
}

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

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

    #headLoggedIn h4 span,
    #headLoggedIn h4 a {
      background: url(/images/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(/images/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: 16px; /* if avator img  6px */
      /* width: 112px; if no avatar img */
      margin-right: 12px; /* if no avator img */
    }

    #headLoggedIn a.newSocialMessage {
      background: url(/images/icon-sprite.png) 2px -15px no-repeat;
      display: block;
      left: 155px;
      padding: 2px 0 16px;
      position: absolute;
      text-align: center;
      top: 35px;
      width: 20px;
    }

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

    #headLoggedIn .logoutLink a {
      background: transparent url(/images/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(/images/bg-login.png) left bottom no-repeat;
    font-size: 11px;
    right: 9px;
    padding: 6px 8px 18px 8px;
    position: absolute;
    top: 0;
    width: 176px;
    z-index: 500;
  }

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

  #headBasket .headBasketExt {
  	position: absolute;
  	left: -9999em;
  }
  #headBasket .headBasketExtShow {
  	position: relative;
  	left: 0;
  }

  #headBasket .headBasketExt p {
  	margin: 0 8px 4px 0;
  }

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

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

    #headBasket p span {
      background: url(/images/icon-sprite.png) 0 -60px no-repeat;
      padding: 0 8px 0 24px;
    }

    #headBasket .scrollUpLink,
    #headBasket .scrollDownLink {
      background: url(/images/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: 0px 0 0 0;
    }

    #basketContents .basketArticle .articleLink {
      display: block;
      float: left;
      margin: 0 8px 10px 0;
      max-width: 40px;
      min-width: 40px;
      overflow: hidden;
      width: 40px;
    }

    #basketContents .basketArticle .articleHeadingLink {
      display: block;
      line-height: 1.1em;
      max-height: 24px;
      min-height: 12px;
      margin: 0 8px 0 0;
      overflow: hidden;
      width: 116px;
    }

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

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

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

    /* search */

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


    /* selectBox */

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

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

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

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

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

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

    #headSearch .selectbox-wrapper ul li,
    #siteContent .selectbox-wrapper ul li {
      line-height: 14px;
      margin-bottom: 2px;
      overflow: hidden;
      padding: 3px 4px;
    }

    /* selectbox filter */
    #siteContent .selectbox-wrapper-div {
      float: left;
      position: relative;
      padding: 0 0 4px;
    }

    #siteContent .paginationContent .selectbox {
      float: left;
    }

    /* selectbox productdetail */
    #productDetails .selectbox-wrapper-div {
      float: none;
      z-index: 990;
    }
    
    #navigation {
      background: url(/images/bg-navigation-2.png) 0 0 no-repeat;
/*      background: url(/images/bg-navigation-2-katalog.png) 0 0 no-repeat; */
      height: 86px;
      margin: 0 0 0 7px;
      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(/images/bg-navigation-2.png) 0 -100px no-repeat;
/*      background: url(/images/bg-navigation-2-katalog.png) 0 -100px no-repeat; */
    }
    
    /* commented parts are for "Katalog neu" graphic */

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

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

    #navigation li #navKatalog {
      width: 84px;
/*      width: 104px; */
    }
    #navigation li #navKatalog.navHighlight,
    #navigation li #navKatalog:hover {
      background-position: -127px -90px;
    }

    #navigation li #navCommunity {
      width: 107px;
    }
    #navigation li #navCommunity.navHighlight,
    #navigation li #navCommunity:hover {
      background-position: -217px -90px;
/*      background-position: -237px -90px; */
    }

    #navigation li #navRatgeber {
      width: 93px;
    }
    #navigation li #navRatgeber.navHighlight,
    #navigation li #navRatgeber:hover {
      background-position: -330px -90px;
/*      background-position: -350px -90px; */
    }

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

    #navigation li #navFressnapf {
      width: 144px;
    }
    #navigation li #navFressnapf.navHighlight,
    #navigation li #navFressnapf:hover {
      background-position: -603px -90px;
/*      background-position: -623px -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;
      font-family: arial, sans-serif;
      font-size: 13px;
      font-weight: bold;
      margin-right: 1px;
      padding: 0 4px;
      position: relative;
      text-decoration: none;
      text-indent: 0;
      text-transform: uppercase;
      z-index: 11; /* for third level */
      /* also ie.css */
    }
    #sequenceNav a {
      font-weight: normal;
      margin: 0;
      z-index: 1; /* stay below third level */
    }

/* dont know why this has been removed  
  
    #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 {
      1margin: 0 12px 0 0;
      1padding: 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(/images/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(/images/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,
    .subnavigation span.iconTeich {
      background: url(/images/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 .currentSubnav span.iconTeich,
    .subnavigation .currentSubnavShow span.iconTeich,
    .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
    .subnavigation .activeSubnav span.iconTeich,
    .subnavigation .activeSubnavShow span.iconTeich {
      background: url(/images/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;
    }
    #navigation li .subnavigation span.iconTeich {
      background-position: 0 -276px;
      padding-left: 25px;
    }
    #navigation .subnavigation .currentSubnav span.iconTeich,
      #navigation .subnavigation .currentSubnavShow span.iconTeich,
      #navigation .subnavigation .activeSubnav span.iconTeich,
      #navigation .subnavigation .activeSubnavShow span.iconTeich {
      background-position: -300px -276px;
    }

    /* custom icon */
    #navigation .subnavigation a span.iconCustom {
      background-position: 0 4px;
      background-repeat: no-repeat;
    }

    #navigation .subnavigation .currentSubnav span.iconCustom,
    #navigation .subnavigation .currentSubnavShow span.iconCustom,
    #navigation .subnavigation .activeSubnav span.iconCustom,
    #navigation .subnavigation .activeSubnavShow span.iconCustom,
    #navigation .subnavigation a:hover span.iconCustom {
      background-position: 0 -46px;
    }

    #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(/images/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(/images/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(/images/bg-navigation-third-level-top.png) 0 0 no-repeat;
        padding: 16px 0 8px 12px;
      }

      .productNav li {
        background: url(/images/bg-navigation-product.png) 0 0 no-repeat;
        border: 1px solid #fff;
        border: 1px solid #bcbcbc;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #666;
        float: left;
        font-size: 11px;
        height: 70px;
        margin: 0 10px 10px 0;
        position: relative;
        width: 228px;
      }

      .productNav li:hover {
        border-color: #9a9a9a;
      }

      #navigation .thirdLevelNav .productNav li .navImageborder {
        left: 0px;
        position: absolute;
        top: 0px;
        z-index: 100;
      }

      #navigation .thirdLevelNav .productNav li a.imgLink {
        background: url(/images/bg-situations.jpg) -350px -350px no-repeat;
        border: 1px solid #bcbcbc;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: block;
        float: left;
        height: 62px;
        margin: 3px 8px 0 3px;
        padding: 0;
        text-indent: -9999em;
        width: 62px;
      }
      
      #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 4px 0 0;
      }

/* Sequence Navigation */

#sequenceNav.small {
   margin: 0 0 0 8px;  /* spring */
}

#sequenceNav {
  background: url(/images/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 12px 0 0;
}

#sequenceNav ul li.current {
  background: url(/images/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(/images/bg-sequenceNav-current-right.png) 100% 0 no-repeat;
  float: left;
}

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


/* Breadcrumb Filternav */

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

#navBreadcrumb li {
  background: url(/images/icon-breadcrumb-divider.gif) right 3px no-repeat;
  /* also ie.css */
  display: inline;
  margin-right: 4px;
  padding: 0 8px 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 a {
   background: none;
   color: #000;
   font-size: 18px;
   font-weight: bold;
   left: 4px;
   position: relative;
   text-decoration: none;
   top: 2px;
}
#navBreadcrumb li.lastItem {
   background: none;
}
#navBreadcrumb li.lastItem a:hover {
  text-decoration: underline;
}


/* Category Filternav */

#navCategory,
.navCategory {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline; /* ie6 */
  float: left;
  height: 180px;
  margin: 0 12px 12px 0;
  overflow: hidden;
  padding: 0 4px 0 12px;
}

#navCategory h5,
.navCategory h5 {
  color: #999;
  font-weight: normal;
  margin: 8px 0 0 0;
}


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

  .navCategory h3 {
    padding-bottom: 0;
  }

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

    #navCategory.col1,
    .navCategory.col1 {
      width: 168px;
    }
    #navCategory.col2,
    .navCategory.col2 {
      width: 354px;
    }
    #navCategory.col3,
    .navCategory.col3 {
      width: 552px;
    }
    #navCategory.col4,
    .navCategory.col4 {
      width: 738px;
    }

  /* complete selector only because of ie6 */
  #navCategory.navCategoryContent li,
  .navCategory.navCategoryContent li {
    /* see ie.css */
  }

  #navCategory.navCategoryContent a,
  .navCategory.navCategoryContent a {
    background: url(/images/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: 148px;
  }
  #navCategory.navCategoryContent.col4 a,
  .navCategory.navCategoryContent.col4 a {
    padding-right: 0;
    width: 176px;
  }

  #navCategory.navCategoryContent a.active,
  .navCategory.navCategoryContent a.active {
/*    background: url(/images/bg-navcategory-active.gif) 0 0 no-repeat;*/
    background: none;
    color: #000;
    font-weight: bold;
    margin-top: 5px;
/*    padding: 5px 4px 3px;*/
  }

  #navCategory.navCategoryContent.catProfile a,
  .navCategory.navCategoryContent.catProfile a {
     /* see ie.css */
   }


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

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

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

.navCategoryFilter {
  background: url(/images/bg-navigation-category-filter.png) 0 0 no-repeat;
  float: left;
  height: 155px;
  margin: 4px 0 12px 0;
  padding-top: 5px;
  position: relative;
  width: 192px;
}

.navCategoryFilter label {
  display: none;
}
#site .navCategoryFilter input.inputText,
#site .navCategoryFilter input.inputBox {
  margin-bottom: 4px;
}
.navCategoryFilter a.ui-selectmenu {
  margin-left: 6px;
}

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

#siteHeader .navCategoryFilter .selectbox-wrapper-div {
 margin-bottom: 8px;
}

#siteHeader .contentTeaser {
  float: left;
}

#siteHeader .editorial {
  float: left;
  margin-bottom: 12px;
  padding-right: 40px;
  width: 372px;
}
#siteHeader .editorial.noSidebar {
  padding-right: 0;
  width: 384px;
}

#siteHeader .editorial.sidebar {
  padding-right: 0;
  width: 148px;
}

#siteHeader .editorial h2 {
  margin: 0 0 4px 0;
}

#siteHeader .editorial p {
  margin: 0 0 12px 0;
}


.specialPage table a {
  background: url(/images/icon-arrowlink.gif) 2px 2px no-repeat;
  padding: 0 0 0 10px;
}
.specialPage .mceEditor table a {
  background: none;
  padding: 0;
}

#siteContent table.editorialSpecial caption,
.mceContentBody table.editorialSpecial caption,
#pdTabs .pdTableWrapper table.editorialSpecial caption, 
#pdTabs #pdProductDetails .editorialSpecial caption, 
#pdTabs #pdInhaltsstoffe table.editorialSpecial caption
 {
  background-color: #e1000e; 
  border: 1px solid #e1000e; 
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #fff; 
  padding: 4px 0 4px 12px;
}
#siteContent table.editorialSpecial tbody, 
.mceContentBody table.editorialSpecial tbody,
#pdTabs .pdTableWrapper table.editorialSpecial tbody, 
#pdTabs #pdProductDetails .editorialSpecial tbody, 
#pdTabs #pdInhaltsstoffe table.editorialSpecial tbody {
  border: 1px solid #ccc;
}
#siteContent table.editorialSpecial td,
.mceContentBody table.editorialSpecial td,
#editorialContent .editorialTable .editorialTable th,
#editorialContent .editorialTable .editorialTable td,
#pdTabs .pdTableWrapper table.editorialSpecial th, 
#pdTabs #pdProductDetails .editorialSpecial th, 
#pdTabs #pdInhaltsstoffe table.editorialSpecial th,
#pdTabs .pdTableWrapper table.editorialSpecial td, 
#pdTabs #pdProductDetails .editorialSpecial td, 
#pdTabs #pdInhaltsstoffe table.editorialSpecial td
 {
  border-width: 0;
  height: 28px;
  padding-top: 8px; 
}



/* stage */
#stage {
  padding: 0 10px 0 8px;
  position: relative;
  z-index: 90;
}

.stageRoundCorner {
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 5px 3px 6px #333333;
  -ms-box-shadow: 5px 3px 6px #333333;
  -o-box-shadow: 5px 3px 6px #333333;
  -webkit-box-shadow: 5px 3px 6px #333333;
  box-shadow: 5px 3px 6px #333333;
  overflow: hidden;
  width: 972px;
}

#stage .stageNav {
  position: absolute;
  top: 289px;
  right: 16px;
}

#stage .stageNav li {
  float: left;
  display: inline;
  margin-right: 2px;
}

#stage .stageNav li a {
  background: rgba(0,0,0,0.1);
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #333;
  display: block;
  width: 19px;
  height: 16px;
  text-align: center;
  text-decoration: none;
  padding: 4px 0 0 1px;
  font-weight: bold;
}

#stage .stageNav li a:hover,
#stage .stageNav li a.current {
  background: #fff;
  border-color: #c00;
}


/* site */
#site {
  margin: 0 0 0 8px;
  padding: 0 9px 0 0;
  position: relative;
  z-index: 95;
}

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

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

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

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

.modalScrollContent .editorialTextContainer {
  height: 200px;
  overflow: auto;
  margin: 0; /* damit im Modal kein horiz. Scroller erscheint */
/*  padding-right: 120px;*/ /* entfernt weil Uwe das Padding beim Text nicht gefällt. */
   /* das ist für Datenschutz und andere Contents im Shader */
}
.editorialTextContainer p {
 margin-bottom: 8px;
}
.editorialMarked {
  background-color: #eee;
  padding: 10px;
}

.transCost {
  margin: 0 0 8px 0;
}
.transCost th,
.transCost td {
  padding: 2px 2px 2px 0;
}
.transCost th {
  font-weight: bold;
  text-align: center;
}
.transCost .price {
  text-align: center;
}
.transCost .colored {
  background-color: #eee;
}
.transCost .borderBottom {
  border-bottom: 1px solid #333;
}
.transCost .borderLeft {
  border-left: 1px solid #333;
}
.finePrint,
.transCost .finePrint {
  color: #666;
  font-size: 11px;
}
#siteContent .generalForm fieldset div.finePrint {
  margin-bottom: 24px;
}

#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 p.skipDiscountHint {
  color: #666;
  font-size: 11px;
}

#siteContent #messengerMessage .jq_alist ul {
  float: none;
  margin: 0;
}
#siteContent #messengerMessage .jq_alist ul li {
  float: left;
  margin: 0 16px 4px 0;
}
#siteContent #messengerMessage .jq_alist ul li a {
  background: url(/images/icon-x.gif) 0 0 no-repeat;
  display: block;
  float: left;
  height: 10px;
  padding: 0;
  position: relative;
  text-indent: -9999em;
  top: 4px;
  width: 10px;
}
#siteContent #messengerMessage .jq_alist ul li span {
  display: block;
  float: left;
  margin-right: 4px;
}

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

#siteContent #messengerMessage .body-text,
#siteContent #messengerMessage .formText,
#siteContent #messengerMessage .formButtons {
  margin-right: 4px;
}

#siteContent .body-text,
#siteContent .formText,
#siteContent .generalForm fieldset div.formTextblock{
  margin: 0 217px 12px 0;
}
#siteContent .formButtons {
  margin: 0 225px 12px 0;
}

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

#simpleModalFormLarge .formText {
  margin: 0 0 12px 0;
}

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

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


#siteContent .generalForm .formButton {
  padding: 0 0 24px 184px;
}
#siteContent .generalForm .formButton a {
  cursor: pointer;
}

#siteContent .generalForm .registrationInputs .inputCheckbox {
  clear: left;
}
#siteContent .generalForm .registrationInputs label {
  margin-top: 0;
  text-align: left;
  width: auto;
}

.hiddenSubmitLink {
  display: none;
}

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

#siteContent .backlink a {
  left: 22px;
  line-height: 1em;
  position: absolute;
  top: 12px;
}

#pdTabs .backlink {
  background: url(/images/backLinkTab.png) 0 0 no-repeat;
  height: 32px;
  left: -7px;
  position: relative;
  top: -2px;
  width: 72px;
}

#pdTabs .backlink a {
  left: 18px;
  line-height: 1em;
  position: absolute;
  top: 9px;
}

#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(/images/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(/images/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(/images/bg-siteContentRight-bottom.png) 0 0 no-repeat;
  height: 5px;
}


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

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

  .pdTabsWrapper .pagination .paginationContent,
  .pdTabsWrapper .pagination .paginationBottom {
    background: url(/images/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,
  .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;
    text-align: center;
    width: 18px;
  }
  .pagination .paginator.pages li {
    margin: 0 3px;
  }
  .pagination .paginator.pages li,
  .pagination .paginator.pages li a {
    width: auto;
  }

  .pagination .paginator li a {
    display: block;
    height: 16px;
    padding: 2px 0 0 0;
    width: 18px;
  }
  .pagination .paginator.pages li.firstPage,
  .pagination .paginator.pages li.backPage,
  .pagination .paginator.pages li.nextPage,
  .pagination .paginator.pages li.lastPage,
  .pagination .paginator.pages li.firstPage a,
  .pagination .paginator.pages li.backPage a,
  .pagination .paginator.pages li.nextPage a,
  .pagination .paginator.pages li.lastPage a {
    width: 18px;
  }

  .pagination .paginator li.firstPage,
  .pagination .paginator li.backPage,
  .pagination .paginator li.activePage,
  .pagination .paginator li.nextPage,
  .pagination .paginator li.lastPage {
    background: url(/images/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(/images/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.pages li.activePage {
    background-position: -197px 0;
    padding: 0 0 0 5px;
  }
  .pagination .paginator.pages li.activePage span {
    background: url(/images/bg-paginator.png) right -30px no-repeat;
    display: block;
    padding: 3px 5px 3px 0;
  }
  .pagination .paginator.pages li.dots {
    padding-top: 2px;
  }


  .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 .inlineErrorbox {
  background-color: #fce5e6;
  border: 1px solid #c00;
  margin: 0 32px 24px 0;
  padding: 4px 8px;
}


#simpleModalFormLarge .errorBox,
#siteContent .errorBox,
#simplemodal-container .errorBox {
  border: 1px solid #c00;
  margin: 0 217px 12px 0;
  padding: 4px;
}

#simpleModalFormLarge .errorBox {
  margin: 0 0 12px 0;
}

#simplemodal-container .errorBox {
  margin: 0 148px 12px 0;
}

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

#siteContent .postingToolbar .errorBox {
  background-color: #fff;
  float: left;
  margin: 0;
  padding: 4px 8px;
}

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

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

#siteContent p.inputError,
#simplemodal-container p.inputError,
#simpleModalFormLarge p.inputError {
  background-image: none; /* ie6 */
  color: #c00;
  font-weight: normal;
  margin: 8px 0;
  padding: 0 219px 0 0;
  text-align: right;
}

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

#siteContent p.inputError.genericError {
  padding: 0;
  text-align: left;
  margin-left: 5px;
}

#siteContent #siteHeader p.inputError {
  padding: 0;
  text-align: left;
}

#simplemodal-container p.inputError {
  padding: 0 148px 0 0;
}

#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;
}

#simpleModalFormLarge .generalForm div.hintMsg,
#siteContent .generalForm div.hintMsg,
#simplemodal-container .generalForm div.hintMsg {
  background-color: #fff;
  display: none;
  left: 558px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  position: absolute;
  top: 2px;
  width: 160px;
  z-index: 1100;
}
#siteContent .browse_widget div.hintMsg {
  display: block;
}

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

#siteContent .generalForm div.hintForm label {
  float: none;
  margin-left: 4px;
  width: auto;
}

#siteContent .generalForm div .moreInputs {
  /*margin: 8px 0 20px 4px;*/
  /* MSC: margin bottom wegen Steckbrief entfernt */
  margin: 8px 0 0 4px;
  padding-left: 178px;
}
#siteContent .generalForm div .moreInputs input[type="checkbox"] {
  margin: 0 4px 0 0;
}
#siteContent .generalForm div.newsletterTerms .moreInputs {
  padding-right: 230px;
}
#siteContent .generalForm div.newsletterTerms .moreInputs input[type="checkbox"] {
  float: left;
  margin-bottom: 30px;
}
#siteContent .generalForm div .moreInputs .moreInputs {
  padding-left: 0;
}
#siteContent .generalForm div span.moreInputs {
  padding-left: 0;
  padding-top: 8px;
}
#siteContent .generalForm div .moreInputs span.uniformInline,
#siteContent .generalForm div .moreSelects span.uniformInline,
#siteContent .generalForm .moreInputs div span.uniformInline,
#siteContent .generalForm .moreSelects div span.uniformInline {
  display: block;
  float: left;
  margin-right: 8px;
  padding-top: 2px;
}
#siteContent .generalForm fieldset div.moreInputs div.selector,
#siteContent .generalForm fieldset div.moreSelects div.selector,
#siteContent .generalForm div .moreSelects.openingHours span.uniformInline {
  margin-right: 4px;
}
#siteContent .generalForm fieldset div.moreInputs .inputText.inputUniform,
#siteContent .generalForm fieldset div.moreSelects .inputText.inputUniform {
  float: left;
}
#siteContent .generalForm div .moreSelects {
  margin: 8px 0 10px 4px;
  padding-left: 180px;
}

#siteContent .generalForm div .moreInputs label {
  float: none;
  width: auto;
}

#siteContent .generalForm div .moreInputs label.female {
  background: url(/images/icon-female.gif) 4px 0 no-repeat;
  padding-left: 12px;
}

#siteContent .generalForm div .moreInputs label.male {
  background: url(/images/icon-male.gif) 4px 0 no-repeat;
  padding-left: 12px;
}

#siteContent .generalForm div.newsletterTerms {
  margin-top: 40px;
}

#siteContent .generalForm div .moreInputs p {
  margin: 0 0 0 4px;
  width: 360px;
}
#siteContent .generalForm div .moreInputs .hintMsg p {
  width: auto;
}

#siteContent .generalForm fieldset div .radioContainer {
  float: left;
  width: 24px;
}
#siteContent .generalForm fieldset .moreInputs div .radioContainer, 
#siteContent .generalForm fieldset .moreInputs div .labelContainer {
  margin: 4px 0;
}
#siteContent .generalForm fieldset div .radioContainer input {
  margin: 2px 8px 0 0;
}
#siteContent .generalForm fieldset div .labelContainer {
  float: left;
  width: 548px;
}


/* 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: 27px;
    left: 192px;
  }

  .profileInfo .halfBoxButton {
    position: relative;
    top: 0;
    left: 178px;
  }

/* content */
#content {
  background: url(/images/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 .inputFormText {
    padding-right: 12px;
  }

  #simpleModalFormLarge .generalForm label,
  #siteContent .generalForm label,
  #simplemodal-container .generalForm label {
    display: inline;
    float: left;
    margin: 3px 12px 0 0;
    text-align: right;
    width: 171px;
  }


  #siteContent #messengerMessage .generalForm label {
    display: block;
    float: none;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: left;
    width: auto;
  }

  #simpleModalFormLarge .generalForm label label,
  #siteContent .generalForm label label,
  #simplemodal-container .generalForm label label,
  #siteContent .vetQuestionSearch .generalForm label {
    float: none;
    margin: 0;
    width: auto;
  }

  #simpleModalFormLarge .generalForm fieldset div,
  #siteContent .generalForm fieldset div,
  #simplemodal-container .generalForm fieldset div {
    margin: 0 0 8px 0;
    position: relative;
  }
  #siteContent .generalForm fieldset div .ui-datepicker-title {
    position: static;
  }

  #siteContent .siteHeaderSearchBox .generalForm fieldset.headFilterBox div.selector,
  #siteContent .siteHeaderSearchBox .generalForm fieldset div {
    margin-bottom: 4px;
  }
  #siteContent .siteHeaderSearchBox .generalForm fieldset div.hasDatepicker {
    margin-bottom: 0;
  }

  #siteContent .generalForm fieldset div.containsSelect {
    margin: 0; /* also ie.css */
  }

  #siteContent .generalForm fieldset div.uploadedImage {
    margin: 0 0 16px 183px;
  }

  #simpleModalLarge .inputText,
  #simpleModalFormLarge .inputText,
  #site .inputText,
  #simplemodal-container .inputText {
    background: url(/images/bg-form-input.png) 0 0 no-repeat;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 1em;
    margin-right: 12px;
    padding: 3px 0 1px 4px;
    width: 354px; /* war 358px, wegen Forms und Gewinnspiel angepasst */
  }
  #site .dataBox .inputText {
    margin-right: 0;
  }
  #siteContent #messengerMessage .generalForm input.inputText,
  #siteContent #messengerMessage .generalForm textarea {
    width: 560px;
  }
  #simpleModalFormLarge .inputSelect,
  #site .inputSelect,
  #simplemodal-container .inputSelect {
    background: url(/images/bg-form-input.png) 0 0 no-repeat;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 1em;
    padding: 3px 0 1px 4px;
  }
  #site .moreInputs .inputSelect {
    margin-bottom: 4px;
  }
  #simpleModalFormLarge .paginationContent .ui-selectmenu.inputSelect,
  #site .paginationContent .ui-selectmenu.inputSelect,
  #simplemodal-container .paginationContent .ui-selectmenu.inputSelect {
    float: left;
    margin-right: 12px;
  }
  #simpleModalFormLarge a.inputText,
  #simplemodal-container a.inputText {
    margin-bottom: 4px;
  }
  #simpleModalFormLarge .moreSelects a.inputText,
  #site .moreSelects a.inputText,
  #simplemodal-container .moreSelects a.inputText,
  #simpleModalFormLarge .moreSelects a.inputSelect,
  #site .moreSelects a.inputSelect,
  #simplemodal-container .moreSelects a.inputSelect {
    float: left;
  }
  #site .openingHours .inputText {
    margin-right: 4px;
  }
  
  #siteContent .textTeaser-1-0 .inputSelect {
    width: 178px;
  }
  #site .marktfinderForm .inputText.inputSelect {
    margin-bottom: 4px;
    width: 182px;
  }

  #simpleModalFormLarge .inputText.inputError,
  #site .inputText.inputError,
  #simplemodal-container .inputText.inputError,
  #simpleModalFormLarge .inputSelect.inputError,
  #site .inputSelect.inputError,
  #simplemodal-container .inputSelect.inputError {
    background: url(/images/bg-form-input-error.png) 0 0 no-repeat;
  }
  
  #simpleModalFormLarge .inputText.ac_loading,
  #site .inputText.ac_loading,
  #simplemodal-container .inputText.ac_loading {
    background: transparent url(/images/icon-wait.gif) right center no-repeat;
  }

  #simpleModalLarge textarea.inputText,
  #simpleModalFormLarge textarea.inputText,
  #site textarea.inputText,
  #simplemodal-container textarea.inputText {
    font-family: arial, sans-serif;
    font-size: 11px;
    height: 192px;
  }

  #simpleModalFormLarge textarea.inputText,
  #simplemodal-container textarea.inputText {
    height: 60px;
  }

  #simpleModalFormLarge select.inputText,
  #site select.inputText,
  #simplemodal-container select.inputText {
    height: 22px;
    padding: 2px;
    width: auto;
  }
  #site #siteContent select {
    height: 22px;
    padding: 3px 0 1px 4px;
  }

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

  #marktfinder input.jq_widget_select_market_zip {
    float: left;
    margin-bottom: 12px;
    width: 267px;
  }

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

  #site .inputText.inputAge {
    margin-right: 4px;
    width: 32px;
  }

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

  #site .inputText.inputThreeQuarter {
    width: 257px;
  }
  
  #site .inputText.inputHalf,
  #site .payment .inputText.inputHalf {
    width: 179px;
  }
  #site .payment .inputText.inputHalf,
  #site .payment label.voucherNr {
    float: left;
    margin-right: 12px;
  }

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

  #site .inputText.inputBox {
    margin: 0 0 0 6px;
    width: 158px;
  }

  #site .labelDisplay {
    display: inline;
  }

  #site .inputAndButton {
    margin-top: 8px;
  }
  #site .inputAndButton div {
    margin-right: 8px;
    float: left;
  }

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

  /* checkboxes */
  #site .inputCheckbox,
  #simplemodal-container .inputCheckbox {
    float: left;
    margin: 0 4px 12px 182px; /* label width + 12px */
    /* also ie.css */
  }
  
  #site .inputCheckboxVet {
    margin-left: 0px;
  }
  
  #siteContent .generalForm fieldset div.formTextblock .inputCheckbox {
    margin: 0;
  }
  #siteContent .generalForm fieldset div.formTextblock label {
    float: left;
    display: block;
    width: 522px;
  }
  #site .inputCheckboxCalendar {
    margin: 0;
    float: none;
  }

  #site .generalForm ul.radio_list li {
    float: left;
    margin-bottom: 8px;
    width: 180px;
  }
  #site .generalForm ul.checkbox_list li {
    margin-bottom: 8px;
    clear: both;
  }

  #site .generalForm ul.radio_list label,
  #site .generalForm ul.checkbox_list label,
  #site .generalForm label.labelCheckbox,
  #simplemodal-container .generalForm label.labelCheckbox {
    float: none;
    margin: 0 0 0 12px;
    text-align: left;
    width: 338px;
    /* also ie.css */
  }
  
  #site .generalForm div .moreInputs label.labelCheckboxVet
  {
    display: inline-block;
    width: 340px;
  }
  
  #site .generalForm ul.radio_list label {
    margin: 0 0 12px 0;
    /* also ie.css */
    width: 156px;
  }
  #site .generalForm ul.checkbox_list label {
    margin: 0 8px 12px 0;
    /* also ie.css */
    width: 156px;
  }
  #site .generalForm ul.radio_list input {
    float: left;
    margin: 0 8px 24px 0;
  }
  #site .generalForm label.labelCheckbox,
  #simplemodal-container .generalForm label.labelCheckbox {
    margin: 0 4px 0 4px;
  }

  #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(/images/bg-mediacontainer-nav.png) left bottom no-repeat;
    float: left;
    margin: 0 12px 12px 0;
    width: 372px;
  }

  #mediaContainer .tab_buttons,
  #mediaContainer .mcNoTabs {
    background: url(/images/bg-mediacontainer-nav.png) 0 0 no-repeat;
    height: 35px;
  }

  #mediaContainer .tab_buttons li,
  #mediaContainer .mcNoTabs li {
    float: left;
    width: 101px;
  }

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

  /*
  #mediaContainer .tab_buttons li a.jq360Zoom,
  #mediaContainer .mcNoTabs li a.jq360Zoom {
    background-image: url(/images/bg-mediacontainer-nav-ani.gif);
    background-position: 0 0;
  }
  */

  #mediaContainer .tab_buttons li.ui-tabs-selected a,
  #mediaContainer .tab_buttons li a.selected,
  #mediaContainer .tab_buttons li a:hover,
  #mediaContainer .mcNoTabs li.ui-tabs-selected a,
  #mediaContainer .mcNoTabs li a.selected,
  #mediaContainer .mcNoTabs li a:hover {
    background-position: 0 0;
    color: #c00;
  }

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

  #mediaContainer .mcContainer .imgContainer {
    height: 280px;
    overflow: hidden;
    text-align: center;

  }

  #mediaContainer .mcContainer .mcProductimageDesc {
    color: #333;
    display: block;
    padding: 0 72px 0 0;
  }

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

  #mediaContainer .mcContainer p {
    color: #000;
/*    height: 13px;*/
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 8px;
  }


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

  #mediaContainer #mcImageNavShadow {
    position: absolute;
  }

  #mediaContainer div.clearfix {
    height: 60px;
    margin-top: 8px;
    position: relative;
  }

  #mediaContainer #mcPrevImage a,
  #mediaContainer #mcNextImage a {
    background: url(/images/bg-mediacontainer-scroll.gif) 0 0 no-repeat;
    display: block;
    height: 56px;
    position: absolute;
    text-indent: -999em;
    top: 2px;
    width: 10px;
    z-index: 990;
  }

  #mediaContainer #mcPrevImage a {
    left: 7px;
  }

  #mediaContainer #mcNextImage a {
    left: 347px;
    background-position: -10px 0;
  }

  #mediaContainer #mcPrevImage a:hover {
    background-position: 0 -56px;
  }

  #mediaContainer #mcNextImage a:hover {
    background-position: -10px -56px;
  }

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

  #mediaContainer .mcImageNav {
    height: 60px;
    margin-left: 28px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 28px;
  }

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

  #mediaContainer .mcImageNav li a {
    display: block;
    width: 62px;
    height: 60px;
    text-align: center;
  }

  #mediaContainer .mcImageNav li img {
    position: relative;
    top: 4px;
  }

  #mediaContainer .mcImageNav li img.mcImageBorder {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1000;
  }

  #mediaContainer .mcImageNav li a.current,
  #mediaContainer .mcImageNav li a:hover {
    background: url(/images/bg-mediacontainer-thumb.png) 0 0 no-repeat;
  }

  #gmapsZoom img {
    float: left;
    margin: 0 4px 0 0;
  }

  #gmapsZoom p {
    line-height: 1.2em;
  }

  /* 360 View */
  #articlePanorama {
    display: none;
  }

  .fancybox-title-inside  {
    text-align: left;
  }

  #fancybox-inner {
    background-color: #fff;
    color: #666;
  }

  #fancybox-inner h3,
  #threeSixty h3 {
    background: url(/images/bg-mediacontainer-nav.png) 1px 0 no-repeat;
    color: #666;
    height: 17px;
    line-height: 1em;
    margin-left: 13px;
    padding: 6px 0 0 8px;
    text-decoration: none;
  }
  #threeSixty h3 {
    position: relative;
    width: 93px;
    z-index: 10000;
  }
  #flash360 {
    position: relative;
    top: -1px;
  }
  
  #threeSixtyView {
    -moz-border-radius: 0 4px 4px 4px;
    -ms-border-radius:  0 4px 4px 4px;
    -o-border-radius:  0 4px 4px 4px;
    -webkit-border-radius:  0 4px 4px 4px;
    border-radius:  0 4px 4px 4px;
    border: 1px solid #aaa;
    margin-left: 14px;
    margin-bottom: 14px;
    padding: 14px 0;
  }

  #flash360 a {
    padding-left: 14px;
  }

  /* fancyzoom */
  div#fancy_overlay {
    z-index: 1000;
  }
  div#fancybox-outer {
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 4px #000000;
    -ms-box-shadow: 2px 2px 4px #000000;
    -o-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    box-shadow: 2px 2px 4px #000000;
  }
  div#fancybox-inner {
    1margin: 10px;
    1*margin: 0; /* ie */
    z-index: 10000;
  }
  a#fancybox-close {
    background: url("/images/icon-x.gif") no-repeat scroll 50% 50%;
    height: 18px;
    right: 0;
    top: 0;
    width: 18px;
    z-index: 110201;
  }

  .previewProductDetail {
    float: right;
    margin-top: -28px;
    padding-right: 7px;
  }

  .previewProductDetail a {
    background: #f90 url(/images/icon-toggle-hide-show.gif) no-repeat 3px 6px;
    color: #fff;
    padding: 3px 4px 2px 20px;
    text-decoration: none;
    float: left;
    margin: 0 1px 0 0;
  }


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

  /* MKO new version with scratched price */

  #productDetails p.wishListBox {
    margin-bottom: 12px;
  }

  #productDetails .priceArea {
    margin: 12px 0 18px;
  }

  #productDetails .priceArea span {
    display: block;
    float: left;
    padding: 2px 6px 3px 0;
  }

  #productDetails .scratch,
  #siteContent .contentTeaser .scratch,
  #siteContent .productQuarterTeaser .scratch,
  #siteContent .productTeaser .scratch,
  #siteContent .basket .scratch,
  #siteContent .orderBox .scratch,
  #siteContent .confirm .scratch,
  .simpleModalContent .scratch,
  .customersWho .scratch {
    background: url(/images/bg-scratch.gif) 0 0 no-repeat;
  }
  #siteContent .contentTeaser .scratch,
  #siteContent .productQuarterTeaser .scratch,
  #siteContent .productTeaser .scratch,
  #siteContent .basket .scratch,
  #siteContent .orderBox .scratch,
  #siteContent .confirm .scratch,
  .simpleModalContent .scratch,
  .customersWho .scratch {
    background-position: -8px 0;
  }
  #siteContent .contentTeaser .sale,
  #siteContent .productQuarterTeaser .sale,
  #siteContent .productTeaser .sale,
  #siteContent .orderBox .sale,
  #siteContent .confirm .sale,
  .simpleModalContent .sale,
  .customersWho .sale {
    background-color: #c00;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 2px;
  }
  .simpleModalContent .saleInvert,
  #siteContent .basket .saleInvert,
  #siteContent .orderBox .saleInvert,
  #siteContent .confirm .saleInvert,
  .customersWho .saleInvert {
    color: #c00;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 2px 1px 4px;
  }

  #productDetails .priceArea span.articlePrice {
    padding: 3px 12px 5px 0px;
    color: #999;
    font-size: 11px;
  }


  #productDetails span strong {
    color: #333;
/*    display: block;*/
    font-size: 18px;
    font-weight: bold;
    padding: 2px 8px 0 0;
  }
  #productDetails span strong.hasUvp {
    color: #c00;
  }

  #productDetails .priceArea .shipping {
    font-size: 11px;
    padding-top: 6px;
    white-space: nowrap;
  }
  #productDetails .priceArea .shipping .clear {
    clear: left;
  }

  #site #productDetails .inputText.inputSmall {
    margin-right: 0;
  }

  #productDetails .amountInput {
    left: 200px;
    position: absolute;
    top: -4px;
  }

  #productDetails .productDetailsBuyButton {
    left: 260px;
    position: absolute;
    top: -4px;
  }
  /* MKO END new version with scratched price */

  #productDetails h1 {
    line-height: 18px;
    margin: 0 32px 0 0;
  }

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

  #productDetails .vendor p {
    padding-top: 14px;
  }

  #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 .rating-form-readonly,
  #productDetails .userRatingCounter {
    float: none;
    width: auto;
  }
  #productDetails .rating-form,
  #productDetails .rating-form-readonly {
    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(/images/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 .buttonContainer {
    left: 282px;
    position: absolute;
    top: -4px;
  }

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

   #productDetails .buttonContainer p {
    margin: 0;
  }

  #productDetails fieldset label {
    clear: left;
    display: block;
    margin-top: 8px;
  }
  
  /* pdv alternative products */
  h2.relaunchWarning,
  h2.delistedWarning {
    margin-top: 16px;
    padding-bottom: 4px;
  }
  
  #productDetails #jqOtherVersionAvailable {
    background: url("/images/info.gif") no-repeat 0 3px;
    padding-left: 24px;
  }
  
  #productDetails #alternatives {
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 12px 8px 0;
  }
  
  #productDetails #alternatives li {
    border-top: 1px solid #d6d6d6;
    height: 52px;
    padding: 4px 8px;
    position: relative;
  }
  
  #productDetails #alternatives li.firstItem {
    border-top: none;
  }
  
  #productDetails #alternatives li.sublistItem {
    height: auto;
  }
  
  #productDetails #alternatives li .imgLink {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    text-align: center;
    width: 52px;
  }
  
  #productDetails #alternatives li h3 {
    margin: 4px 0 0 0;
  }
  
  #productDetails #alternatives li .price {
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0 0 0;
  }
  
  #productDetails #alternatives li .price .sale {
    color: #c00;
  }
  
  #productDetails #alternatives li .userRating {
    bottom: 8px;
    left: 224px;
    position: absolute;
  }
  #productDetails #alternatives li .rating {
    height: 12px;
  }
  
  #productDetails #alternatives li .rating-form-readonly {
    display: block;
  }
  
  #productDetails #alternatives li .ratingReadonly {
    overflow: hidden;
  }
  
  #productDetails #alternatives li ul li {
    border: none;
    height: auto;
    margin: 4px 0 6px 0;
    padding: 0;
  }
  
  #productDetails #alternatives li ul.alternativeProductgroups li {
    background: url("/images/icon-sprite.png") no-repeat scroll 0 -88px transparent;
    margin-left: 2px;
    padding-left: 8px;
  }
  
  .situations {
    background: url(/images/bg-situations.jpg);
    float: left;
    margin: 0 8px 0 0;
    height: 52px;
    text-indent: -999em;
    width: 52px;
  }
  

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

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

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

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

  /*ui-corner-top ui-state-focus ui-tabs-selected ui-state-active*/

  #pdTabs .tab_buttons li a:hover,
  #pdTabs .tab_buttons li.ui-tabs-selected a {
    background: url(/images/bg-tabnav.png) 0 0 no-repeat;
    color: #c00;
  }
  #pdTabs .tab_buttons li a:hover span,
  #pdTabs .tab_buttons li.ui-tabs-selected a span {
    background: url(/images/bg-tabnav.png) 100% 0 no-repeat;
    color: #c00;
    padding: 6px 12px 0 0;
  }

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

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

  #pdTabs #pdProductDetails table {
    float: right;
    /* also ie.css */
  }

  #pdTabs .pdTableWrapper table,
  #pdTabs #pdProductDetails table,
  #pdTabs #pdInhaltsstoffe table {
    border-collapse: collapse;
    margin: 12px 12px 12px 60px;
    width: 280px;
  }
  #pdTabs #pdInhaltsstoffe table {
    border-collapse: collapse;
    margin: 12px 12px 12px 0;
    width: auto;
  }
  
  #pdProductDetails ul li,
  #recentPromotions ul li,
  .shippingDeliveryText ul li {
    background: url(/images/icon-generic-ul.gif) no-repeat 2px -791px transparent;
    margin: 0 0 4px;
    padding: 0 0 0 12px;
  }

  .ui-tabs .ui-tabs-hide {
    display: none;
  }
  
  .pawsAccountTable {
    border-collapse: collapse;
    margin: 0 0 18px;
    width: 738px;
  }
  
  .contentTeaser h3.pawsAccount {
    text-transform: uppercase;
  }
  #siteContent .contentTeaser p.pawsAccount {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .contentTeaser .pawsAccountTable {
    margin-bottom: 4px;
    width: 100%;
  }
  .contentTeaser .pawsAccountTable .pawAmount {
    text-align: right;
  }
  .contentTeaser .pawsAccountTable th,
  .contentTeaser .pawsAccountTable td {
    border-bottom: 1px solid #ddd;
    line-height: 16px;
    padding: 1px 4px 0 0
  }
  #siteContent .contentTeaser p.contentLink a {
    background: 0;
    display: inline;
    padding: 0;
  }

  .pawsAccountTable th,
  .pawsAccountTable td {
    padding: 4px 8px;
    border-bottom: 1px solid #ccc;
  }

  .pawsAccountTable th {
    font-weight: bold;
  }

  .pawsAccountTable td.paw-delta {
    text-align: right;
  }

  .pawsAccountDescription {
    float: left;
    margin: 0 12px 24px 0;
    width: 372px;
   }

   .pawsAccountDescription p {
    margin: 0 0 12px 0;
   }

  .contentTable {
    border-collapse: collapse;
    width: auto;
  }

  /* caption misuse hacking */
  #pdTabs #pdProductDetails table {
    margin-top: 1px;
  }
  #pdTabs .pdTableWrapper table caption,
  #pdTabs #pdProductDetails caption,
  #pdTabs #pdInhaltsstoffe table caption {
    background-color: #E1E1E1;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    font-weight: bold;
    line-height: 14px;
  /*  margin-right: 12px;*/
    padding: 2px 8px 3px;
    /*margin-left: -1px;  for firefox 3.6 */
    margin-left /*\**/: 0\9; /* ie8 */
  }


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

  #pdTabs .pdTableWrapper th,
  #pdTabs #pdProductDetails th,
  #pdTabs #pdInhaltsstoffe th,
  #siteContent .contentTable th {
    background-color: #e1e1e1;
  }

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

  #pdTabs .pdTableWrapper tbody th,
  #pdTabs #pdProductDetails tbody th,
  #pdTabs #pdInhaltsstoffe tbody th,
  .contentTable th {
    color: #333;
  }

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

  #pdTabs #pdSealOfQuality h2 {
    margin: 0 0 4px 0;
    padding: 0;
  }

  #pdTabs #pdSealOfQuality p {
    margin: 0 0 16px 0;
  }

  #pdTabs #pdSealOfQuality p img {
    float: left;
    margin: 0 8px 4px 0;
  }


  /* ie7 fixes for quarterteasers */
  #siteContent ol.search-results,
  #siteContent #siteHeader,
  #siteContent .shopProductList,
  #siteContent .profileInfo,
  #pdTabs #pdZubehoer,
  #pdTabs .teaserWrapper {
    /* also ie.css */
  }


  /* Tab Downloads */
  #pdDownloads .downloadDocs li {
    margin-bottom: 20px;
  }
  #siteContent .download_files .downloadDocs li,
  ul.downloadDocs li {
    background-image: none;
    margin-bottom: 8px;
    padding-left: 0px;
  }

  #pdDownloads .downloadDocs li a,
  .download_files .downloadDocs li a,
  .downloadDocs li a,
  #siteContent .contentTeaser .teaserLinkList li a.download {
    background: url(/images/icon-download.gif) 0 0 no-repeat;
    padding: 4px 0 2px 24px;
  }
  #siteContent .contentTeaser .teaserLinkList li a.download {
    background-position: 0 -1px;
  }

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

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

/* carousel */

.carouselBox {
  margin: 0 0 12px;
  width: 756px;
  position:relative;
}

#gallery-album-navigation {
  width: 748px;
}

#gallery-album-navigation .carouselBox {
  width: 748px;
}

.carouselBox h2 {
  padding: 8px 0 4px;
}

.carousel {
  background: transparent url(/images/bg-carousel.png) no-repeat 0 0;
  padding: 4px;
  position: relative;
}

#gallery-album-navigation .carousel {
  background:none;
  padding:0;
}

#pdTabs .carousel {
  background: transparent url(/images/bg-carousel-tab.png) no-repeat 0 0;
  padding: 4px;
  position: relative;
}

.carousel .imageNav {
  height: 56px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 720px;
  z-index: 2;
}

.carousel li {
  float: left;
  height: 56px;
  margin-right: 6px;
  overflow: hidden;
  width: 174px;
}

#pdTabs .carousel li {
  margin-right: 0px;
}

.carousel .jq_product_family li {
  margin-right: 0px;

}

.jcarousel-clip {
  width: 720px;
  overflow: hidden;
}

#pdTabs .jcarousel-clip {
  width: 704px;
}

.carousel li a {
  background: transparent url(/images/bg-carousel-li.png) no-repeat 0 0;
  cursor: pointer;
  display: block;
  height: 56px;
  position: relative;
  text-decoration: none;
  width: 174px;
}

.carousel li.active a,
.carousel li a:hover {
  background-position: 0 -56px;
}

.carousel li.active.allAlbums a {
  background-position: 0 -112px;
}

.carousel li a img {
  position: absolute;
  left: 4px;
  top: 8px;
}

.carousel li a .productTitle {
  color: #CC0000;
  display: block;
  font-weight: normal;
  height: 16px;
  left: 52px;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  text-decoration: underline;
  top: 6px;
  width: 112px;
}

.carousel li a:hover .productTitle {
  color: #333;
}

#gallery-album-navigation .carousel li a .productTitle,
.carousel .communityPictures .productTitle {
  height: 29px;
  line-height: 13px;
}

.carousel .jcarousel-list {
  height: 56px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 720px;
  z-index: 2;
}

.carousel li a .imageCount {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 14px;
  left: 52px;
  position: relative;
  top: 6px;
  width: 112px;
}

.carousel li a .price,
.carousel li a .userName {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 12px;
  left: 52px;
  position: relative;
  top: 6px;
  width: 112px;
}

.carousel .communityPictures .userName {
  font-weight: normal;
}

.carousel li a .userRating {
  left: 52px;
  position: relative;
  top: 8px;
  width: 68px;
}

.carousel li a .userRating .counter-wrap {
  display: none;
}

.carousel .imageNavPrevImage a,
.carousel .imageNavNextImage a,
.carousel .jcarousel-prev,
.carousel .jcarousel-next {
  background: transparent url(/images/bg-carousel-buttons.png) no-repeat 0 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 56px;
  margin: 0 4px 0 0;
  padding: 0;
  position: relative;
  text-indent: -999em;
  width: 16px;
  z-index: 2;
}
.carousel.brand-list .imageNavPrevImage a,
.carousel.brand-list .imageNavNextImage a,
.carousel.brand-list .jcarousel-prev,
.carousel.brand-list .jcarousel-next {
  background-position: 0 -168px;
  height: 106px;
}

.carousel .imageNavPrevImage a:hover,
.carousel .jcarousel-prev:hover {
  background-position: 0 -56px;
}
.carousel.brand-list .imageNavPrevImage a:hover,
.carousel.brand-list .jcarousel-prev:hover {
  background-position: 0 -274px;
}

.carousel .imageNavNextImage a,
.carousel .jcarousel-next {
  background-position: -16px 0;
  left: 732px;
  position: absolute;
  top: 4px;
  width: 20px;
  z-index: 3;
}
.carousel.brand-list .imageNavNextImage a,
.carousel.brand-list .jcarousel-next {
  background-position: -16px -168px;
}

.carousel .imageNavNextImage a:hover,
.carousel .jcarousel-next:hover {
  background-position: -16px -56px;
}
.carousel.brand-list .imageNavNextImage a:hover,
.carousel.brand-list .jcarousel-next:hover {
  background-position: -16px -274px;
}

#gallery-album-navigation .carousel .imageNavNextImage a,
#gallery-album-navigation .carousel .jcarousel-next {
  top: 0;
  left: 728px;
}

#pdTabs .carousel .imageNavNextImage a,
#pdTabs .carousel .jcarousel-next {
  left: 716px;
  top: 4px;
}


.carousel .imageNavPrevImage.disabled a,
.carousel .imageNavPrevImage.disabled a:hover,
.carousel .jcarousel-prev-disabled,
.carousel .jcarousel-prev-disabled:hover {
  background-position: 0 -112px;
  cursor: default;
}
.carousel.brand-list .imageNavPrevImage.disabled a,
.carousel.brand-list .imageNavPrevImage.disabled a:hover,
.carousel.brand-list .jcarousel-prev-disabled,
.carousel.brand-list .jcarousel-prev-disabled:hover {
  background-position: 0 -380px;
}

.carousel .imageNavNextImage.disabled a,
.carousel .imageNavNextImage.disabled a:hover,
.carousel .jcarousel-next-disabled,
.carousel .jcarousel-next-disabled:hover {
  background-position: -16px -112px;
  cursor: default;
}
.carousel.brand-list .imageNavNextImage.disabled a,
.carousel.brand-list .imageNavNextImage.disabled a:hover,
.carousel.brand-list .jcarousel-next-disabled,
.carousel.brand-list .jcarousel-next-disabled:hover {
  background-position: -16px -380px;
}

.carouselBox .indicator {
    position: absolute;
    top: 12px;
    left: 650px;
  }

#simpleModalLarge .customersWho {
  background-image: url(../images/bg-carousel-short.png);
}

#simpleModalLarge .carouselBox {
  width: 564px;
}

#simpleModalLarge .carousel li {
  margin-right: 0px;
}

#simpleModalLarge .carousel li a,
#pdTabs .carousel li a {
background: transparent url(/images/bg-carousel-li-short.png) no-repeat 0 0;
}

#simpleModalLarge .carousel li a:hover,
#pdTabs .carousel li a:hover,
#pdTabs .carousel li.active a {
background-position: 0 -56px;
}

#pdTabs .carousel li.active.allAlbums a {
background-position: 0 -112px;
}

#simpleModalLarge .carousel .imageNavNextImage a {
  left: 540px;
}

/* brand carousel */

.productDetailWrapper .brand-list {
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}
.brand-list,
.brand-list .jcarousel-list,
.brand-list li,
.brand-list li a {
  height: 106px;
}
.brand-list, 
.brand-list li a,
.brand-list li a:hover {
  background: none;
}
.brand-list.imageNavPrevImage a, 
.brand-list .imageNavNextImage a {
  /* TODO: bigger button image here */
  background: url("/images/bg-carousel-buttons.png") no-repeat scroll 0 0 transparent;
}
.brand-list .imageNavNextImage a {
  /* TODO: bigger button image position here */
  background-position: -16px 0;
}

.editorialTextContainer .pk-slot-content-container li {
  background: url(/images/icon-generic-ul.gif) 0 -394px no-repeat;
  margin: 0 0 10px 0;
  padding: 0 0 0 14px;
}

  /* content lists */
  .simpleModalContent .genericList li,
  .mceContentBody .genericList li,
  #siteContent .genericList li {
    background: url(/images/icon-generic-ul.gif) 0 -394px no-repeat;
    margin: 4px 0 6px 0;
    padding: 0 0 0 14px;
  }
  .simpleModalContent .genericList.arrowList li,
  .mceContentBody .genericList.arrowList li,
  #siteContent .genericList.arrowList li {
    background: url(/images/icon-arrowlink.gif) 0 2px no-repeat;
  }

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

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

  .mceContentBody .genericList li li li li,
  #siteContent .genericList li li li li {
    background-position: 0 -1191px;
    color: #666;
    font-size: 11px;
    padding: 0 0 0 8px;
  }
  
  #siteContent .ui-accordion-content .genericList li {
    margin-left: 16px;
  }thMessageAction

  /* Product Quarterteaser */

  #siteContent .productQuarterTeaser,
  .productQuarterTeaser {
    background: url(/images/bg-product-teaser-quarter.png) 0 0 no-repeat;
    display: inline; /* ie6 */
    float: left;
/*    height: 246px;*/ /* use equalheightteaser if you need that */
    margin: 0 12px 12px 0;
    padding-top: 2px;
    width: 180px;
  }
  #siteContent .productQuarterTeaser .equalHeightTeaser,
  #siteContent .productQuarterTeaser .matchingTeaser,
  .productQuarterTeaser .matchingTeaser {
    height: 276px;
    overflow: hidden;
  }
  #siteContent .productQuarterTeaserBottom,
  .productQuarterTeaserBottom {
    background: url(/images/bg-product-teaser-quarter.png) bottom left no-repeat;
    height: 12px;
  }
  #siteContent .imageTeaser .productQuarterTeaserBottom {
    height: 9px;
  }
  
  #siteContent #gallery-album-detail .productQuarterTeaserBottom {
    height: 6px;
  }

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

  .matchingTeaser .userName {
    display: block;
    height: 14px;
    margin-right: 8px;
    overflow: hidden;
  }
  
#siteContent .productQuarterTeaser .matchingTeaser .userCity {
    display: block;
    height: 12px;
    overflow: hidden;
  }

  .matchingTeaser .productImage,
  .matchingTeaser .productImageLink {
    margin-bottom: 4px;
  }

  .productImage,
  .productImageLink {
    display: block;
    margin-left: 2px;
  }

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

  #siteContent .productQuarterTeaser.imageTeaser h3 {
    height: 18px;
  }

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

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

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

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

  #productDetails .userRating span.counter {
    line-height: 10px;
    position: relative;
    top: 4px;
  }

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

  .verticalCenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 180px;
    height: 180px;
  }
  .contentTeaserImageBox .verticalCenter {
    width: 176px;
    height: 176px;
  }
  .verticalCenter * {
    /* also ie.css */
  }
  .verticalCenter span {
    /* also ie.css */
  }

  .verticalCenter a {
    text-decoration: none;
  }


  /* Marktfinder */
  #marktfinder p {
    margin-bottom: 8px;
  }
  #marktfinder .marktfinderForm .markfinderSearchbox {
    /* also ie.css */
  }
  #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(/images/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(/images/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(/images/icons-navigation.png) 0 -320px no-repeat;
    display: block;
    float: left;
    height: 32px;
	  margin: 12px 0 0 0;
    padding: 8px 0 0 32px;
    /* also ie.css */
    width: 100px;
  }
  #marktfinder .marktfinderForm .highlights label {
    background: none;
    height: 18px;
    margin: 0;
    padding: 8px 0 0 0;
    width: 372px;
    /* also ie.css */
  }

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

  #marktfinder .marktfinderForm input {
    float: none;
    margin: 0;
  }
  #marktfinder .marktfinderForm .inputCheckbox {
    left: -1px;
    /* also ie.css */
    margin-right: 4px;
    position: relative;
    /* also ie.css */
  }

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

  #siteContent .generalForm #gmap {
    height: 320px;
    margin: 0;
    width: 356px;
  }
  #siteContent .generalForm #gmap div {
    margin: 0;
  }
  #siteContent .generalForm #marktfinder_result, 
  #siteContent .generalForm #marktfinder_selected {
    margin:0 12px 12px 183px;
  }
  #siteContent #marktfinder_result p.inputError {
    text-align: left;
  }
  #siteContent #marktfinder_selected .scalableRoundedBox {
    background-color: #E8E8E8;
    width: 342px;
  }
  
  .marketDistance {
    font-size: 11px;
  }
  
  #marktfinder #mfShops {
    margin: 0 12px 12px 0;
  }

  #marktfinder #mfShops thead {
    display: none;
  }

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


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

  #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 .halfsize {
    float: left;
    width: 48%;
  }

  .marktFinderCategories h3 {
    padding: 12px;
  }

  .marktFinderCategories li {
    float: left;
    padding: 10px 0 0 0;
    /* also ie.css */
    width: 105px;
  }

  .marktFinderCategories .highlights li {
    background: url(/images/bg-dotlist.gif) no-repeat 14px 6px transparent;
    height: 31px;
    line-height: 14px;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0 0 0 24px;
    width: 342px;
  }

  .marktFinderCategories li span {
    background: url(/images/icon-marktfinder-tiere.png) 0 0 no-repeat;
    display: inline-block;
    height: 30px;
    position: relative;
    top: -8px;
    /* also ie.css */
    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,
  #pdTabs .ui-accordion h3 {
    background: url(/images/icon-open-close.gif) 0 5px no-repeat;
    cursor: pointer;
    padding: 0 0 0 16px;
  }
  #pdTabs .ui-accordion h3 {
    margin: 8px 0 0 0;
  }
  #pdTabs .ui-accordion {
    margin: 0 0 12px 0;
  }
  #pdTabs .ui-accordion .ui-accordion-content {
    margin: 4px 0 0 16px;
    width: auto !important;
  }

  #faqs_accordion h3.ui-state-active,
  #pdTabs .ui-accordion h3.ui-state-active {
    background-position: 0 -40px;
  }

/* FAQ CSS TODO remove this */

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

/* FAQ CSS TODO add this */

  #siteContent #faqs_accordion .roundedBoxMiddle p {
    padding: 8px 0 0 16px;
  }
  #siteContent #faqs_accordion .roundedBoxMiddle .errorBox p {
    padding: 4px 8px;
  }
  
  #faqs_accordion .roundedBoxImageContainer {
    margin: 6px 16px 0 16px;
  }
  #faqs_accordion .roundedBoxImageContainer.floatingContainer {
    float: left;
  }

  #faqs_accordion .roundedBoxImageWrapper {
    float: left;
    margin: 0 20px 10px 0px;
  }
  #siteContent #faqs_accordion .roundedBoxImageWrapper p {
    font-size: 11px;
    padding: 0;
    margin: 6px 0;
    max-height: 32px;
    overflow: hidden;
    width: 176px;
  }
  
  
/* accordion */
#pdTabs #attributeAccordionMini.ui-accordion {
  float: right;
  margin: 0 8px 12px 12px;
  width: 352px;
}
.accordionWrapper {
  background-color: #fff;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 8px 0;
  overflow: hidden;
  padding: 0 12px 8px 12px;
}

#attributeAccordion .accordionWrapper {
  margin: 0 8px 8px 0;
}

.accordionWrapper .arrowLink {
  display: block;
/*  margin: 0 0 12px 0;*/
}

#pdTabs #pdProductDetails .accordionWrapper table  {
  float: none;
  margin: 8px 0 12px 0;
}

#pdTabs #pdProductDetails .accordionWrapper table h3 {
  background: none;
  margin: 0;
  padding: 0;
}

#pdTabs .accordionWrapper h4 {
  color: #333;
  margin-top: 8px;
}





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

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

#sidebar .pk-area {
  position: relative;
  /* also ie.css */
}

#sidebar .marktTeaser {
  background-image: url(/images/bg-sidebar-teaser-vertikal-gradient.png);
}

#sidebar .marktTeaser h3 {
  color: #666666;
  font-size: 11px;
  padding: 8px 8px 4px;
  text-transform: uppercase;
}

#sidebar .marktTeaser h4 {
  margin: 0 8px 8px 0;
}

#sidebar .marktTeaser p {
  margin: 0 8px 2px;
}

#sidebar .marktTeaser .sidebarLinkBox {
  margin: 8px 0 16px;
}

#sidebar .marktTeaser a {
  display: block;
  margin: 0 8px 8px;
}

#sidebar .marktTeaser .sidebarTeaserBottom {
  background-image: url(/images/bg-sidebar-teaser-vertikal-gradient.png);
}

#sidebar .marktTeaser .branchStoreTimes {
  margin: 0 8px 2px;
}

#sidebar .marktTeaser caption {
  padding: 8px 8px 4px 0;
}

#sidebar .marktTeaser th,
#sidebar .marktTeaser td {
  padding: 0 12px 2px 0;
}

.singleVerticalScroller {
  background: transparent url(/images/bg-bestbrands.png) no-repeat scroll 0 0;
  height: 176px;
  text-align: center;
  width: 180px;
  padding: 4px 0 0 0;
  margin: 0 12px 12px 0;
}

#sidebar .singleVerticalScroller {
  height: 172px;
  padding: 8px 0 0 0;
}

.singleVerticalScroller h3 {
  color: #666;
  font-size: 11px;
  margin: 0 0 4px 8px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}

.singleVerticalScroller .scrollUp a,
.singleVerticalScroller .scrollDown a {
  background: transparent url(/images/bg-scroller.gif) no-repeat scroll 0 0;
  cursor: pointer;
  display: block;
  height: 12px;
  margin: 8px 0 8px 8px;
  text-indent: -9999px;
  width: 163px;
}

.singleVerticalScroller .scrollUp a   {background-position: 0 -64px;}
.singleVerticalScroller .scrollDown a {background-position: 0 -76px;}
.singleVerticalScroller .scrollUp a:hover { background-position: 0px -88px;}
.singleVerticalScroller .scrollDown a:hover { background-position: 0px -100px;}

.singleVerticalScroller .jq_scroll_teaser {
  width: 176px;
  margin-left: 2px;
}

.singleVerticalScroller li a img {
  max-height: 106px;
}

/* Sidebar Scrollable Product Teaser */

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

.productTeaser .scrollTeaser h3,
.scrollProductTeaser h3 {
  padding: 0;
  text-transform: uppercase;
  color: #666666;
  font-size: 11px;
}

#sidebar .productTeaser .scrollTeaser h3,
#sidebar .scrollProductTeaser h3 {
  padding-bottom: 8px;
  margin: 0 0 0 -4px;
}

.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;
  line-height: 12px;
  max-height: 22px;
  overflow: hidden;
  padding: 0 0 3px;
}

.communityMatching h4,
.communityUserNew h4,
.communityShelterPets h4 {
  max-height: 14px;
  padding: 0;
  white-space: nowrap;
}

#siteContent .productTeaser .communityMatching p,
#siteContent .productTeaser .communityUserNew p,
#siteContent .productTeaser .communityShelterPets p {
  line-height: 12px;
}

.communityAdvertisements span {
  color:#333333;
display:block;
font-size:11px;
line-height:12px;
overflow:hidden;
padding:2px 0 2px 4px;
width:160px;
}

.communityAdvertisements span.category {
  color: #c00;
  height: 14px;
  padding-bottom: 0;
  text-decoration: underline;
  /* also webkit.css */
}

.communityAdvertisements span.text {
  height: 34px;
}

#siteContent .productTeaser .communityUserPets span {
  float: left;
  margin-right: 4px;
}

#siteContent .productTeaser .communityUserPets a.userName {
  display:block;
  float: left;
  height: 14px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 81px;
}

.scrollProductTeaser.events h4 {
  padding: 3px 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(/images/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: 164px;
}
.scrollTeaser .scrollUp a:hover { background-position: 0px -88px; }

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

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

.carousel-vertical-2-col .scrollTeaser .scrollUp a { background-position: 0px -176px; width: 355px; }
.carousel-vertical-2-col .scrollTeaser .scrollUp a:hover { background-position: 0px -200px; }
.carousel-vertical-2-col .scrollTeaser .scrollDown a { background-position: 0px -188px; width: 355px; }
.carousel-vertical-2-col .scrollTeaser .scrollDown a:hover { background-position: 0px -212px; }

.carousel-vertical-2-col .scrollTeaser h4 {
  max-height: 22px;
}

.scrollTeaser .scrollProductTeaserArea {
  padding: 0;
}

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

.scrollTeaser li {
  border-bottom: 1px solid #F2F2F2;
  height: 40px;
  margin: 0 0 3px 0;
  padding: 0 0 2px;
  position: relative;
}

.scrollTeaser li .actions {
  position: absolute;
  right: 0;
  top: 0;
}

#siteContent .scrollTeaser li p.actions a {
  display: block;
  float: auto;
  height: auto;
  margin: 0 12px 4px 0;
  text-align: left;
  width: auto;
}

.scrollTeaserBox {
  margin-bottom: -1px;
  top: 2px;
}

.scrollTeaser .fullHeightArea li {
	height: 132px;
	overflow: hidden;
	text-align: center;
}
.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;
}

.productTeaser.carousel-vertical-2-col .scrollUp a {
  background-position: 0 -176px;
  height: 12px;
  width: 360px;
}
.productTeaser.carousel-vertical-2-col .scrollUp a:hover {
  background-position: 0 -200px;
}

.productTeaser.carousel-vertical-2-col .scrollDown a {
  background-position: 0 -188px;
  height: 12px;
  width: 360px;
}
.productTeaser.carousel-vertical-2-col .scrollDown a:hover {
  background-position: 0 -212px;
}

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

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

#petsHomepageList {
  float: right;
  width: 180px;
}

#petsHomepageList h4 {
  height: 9px;
  margin-bottom: 2px;
}

#petsHomepageList p {
  font-size: 11px;
  line-height: 12px;
}

#petsHomepageList p.species {
  height: 14px;
  overflow: hidden;
}

  /* Bestell Hotline */
  #bestellHotline {
    background: url(/images/bg-bestellhotline.png) 0 0 no-repeat;
    height: 56px;
    margin: 0 0 12px 0;
    text-indent: -9999px;
    width: 180px;
  }


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

    #chronik h3 {
      color: #666666;
      font-size: 11px;
      left: 8px;
      position: absolute;
      text-transform: uppercase;
      top: 6px;
    }

    #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(/images/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(/images/bg-pagetools-min.png) 0 0 no-repeat;
/*    height: 84px;*/
    height: 60px;
    margin: 0 0 2px 0;
    padding: 5px 5px 0 5px;
    position: relative;
    width: 170px;
    z-index: 900;
  }

    #pageTools li {
      position: relative;
    }

    #pageTools li a,
    #pageTools li h4 {
      color: #333;
      display: block;
      height: 19px;
      /* also ie.css */
      padding: 7px 0 0 32px;
      text-decoration: none;
    }

    #pageTools li a:hover {
      background: url(/images/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: 182px;
      z-index: 99;
    }
    #pageTools #pageToolsBookmarks h4 {
      background: url(/images/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(/images/bg-pagetools-bookmarks.png) left bottom no-repeat;
      padding: 3px 14px 16px 8px;
    }

    #pageTools #pageToolsBookmarks ul {
      background: url(/images/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(/images/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,
.requiredInputs {
  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 */

#siteContent .adItem div.adFormat {
  margin-right: 12px;
}

#siteContent .adItem div.adFormat input {
  float: left;
  margin: 2px 4px 10px -2px;
}

#siteContent .adItem div.adFormat h3 {
  height: 32px;
  margin-top: 4px;
}
#siteContent .adItem div.adFormat p {
  height: 124px;
}
#siteContent .adItem div.adFormat span.sup {
  position: relative;
  top: -3px;
}

#siteContent .adItem label {
  float: none;
  font-weight: bold;
  margin-right: 0;
  text-align: left;
  width: auto;
}
#siteContent .adItem p {
  margin-bottom: 4px;
}

#siteContent .adItemSelect {
  position: relative;
  z-index: 50;
}

#siteContent .adItemSelect span.selectBox {
  float: left;
  margin: 3px 8px 0 0;
}
#siteContent .adItemSelect .inputSelect {
  float: left;
  margin-right: 8px;
}

.adItemImg #bd_ad_img_browse {
  clear: left;
  margin-left: 184px;
  margin-top: 12px;
}

.jq_bd_ad_word_count {
  margin-bottom: 12px;
  margin-left: 184px;
}

#fieldBodyText #bd_ad_body {
  width: 544px;
}
#siteContent #jq_bd_ad_form .formButtons {
  margin-left: 183px;
  margin-right: 36px;
}

/* ie8 checkbox */
#siteContent #jq_bd_ad_form #bd_ad_show_online {
  left: 0;
  position: relative;
}

.adItemCalc .indicator,
.adItemCalc table th,
.adItemCalc table td {
  padding: 5px 8px 4px 0;
}
.adItemCalc table td {
  text-align: right;
}
.adItemCalc #jq_ad_calculation {
  float: left;
}
.adItemCalc #jq_ad_calc_trigger {
  font-size: 11px;
}

#adList .rightButton {
  margin-right: 12px;
}

#fieldPhotoTypeAdd div span {
  display: inline;
  float: left;
  margin: 0 12px 0 0;
  text-align: right;
  width: 171px;
}
#fieldPhotoTypeAdd div br {
  display: none;
}


.adPreview {
  margin: 0 0 20px 0;
}

.adPreview .scalableRoundedBox {
  display: inline; /* ie6 */
  float: left;
  margin: 0 8px 12px 0;
  padding: 8px;
}

.adPreview h2 {
  margin: 0 0 4px 0;
  padding: 0;
}

.adPreview p,
.adPreview table {
  margin: 0 0 8px 0;
}

.adPreview th,
.adPreview td {
  padding: 0 12px 4px 0;
}

.adPreview td {
  text-align: right;
}

.adPreview p sup,
.contentHalf .finePrint p sup {
  position: relative;
  top: 3px;
}

.contentHalf .finePrint p {
  padding: 0 0 0 5px;
}
.contentHalf .finePrint p sup {
  margin: 0 0 0 -5px;
}
.contentHalf .contentTable {
  margin: 0 0 12px 0;
}

#siteContent .contentHalf .formText {
  margin: 0 0 12px 0;
}

.contentHalf {
  float: left;
  margin-right: 12px;
  width: 372px;
}

.teaserOptions {
  height: 20px;
}

.teaserOptions option {
  background: url(/images/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;}
.teaserOptions .option-1-opening { background-position: 0 -578px;}
.teaserOptions .option-1-content { background-position: 0 -612px;}
.teaserOptions .option-1-closing { background-position: 0 -646px; 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;}
.teaserOptions .option-2-2-btn { background-position: 0 -544px; 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;}

.teaserOptions .option-4-4-no-outline { background-position: 0 -476px; }
.teaserOptions .option-4-4-no-outline-headline { background-position: 0 -510px; margin: 0 0 8px;}

.teaserOptions .option-empty { background-image: none; }

.contentTeaser,
.productTeaser,
.carouselBox,
.editorialParagraph {
  border: 1px solid transparent;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 176px;
  margin: 0 12px 12px 0;
  overflow: hidden;
  padding: 1px;
}
.carouselBox {
  height: 115px;
}
.editorialParagraph {
  height: auto;
}
.bdCMSCommunityScrollTeaser .carouselBox {
  height: 91px;
}
.bdCMSCommunityScrollTeaser .carouselBox.borderAll {
  border-color: transparent;
}

.contentTeaser.borderAll,
.productTeaser.borderAll,
.carouselBox.borderAll,
.editorialParagraph.borderAll {
  border-color: #ccc;
}

.contentTeaser.borderTop,
.productTeaser.borderTop,
.carouselBox.borderTop,
.editorialParagraph.borderTop {
  border-top-color: #ccc;
}
.contentTeaser.borderRight,
.productTeaser.borderRight,
.carouselBox.borderRight,
.editorialParagraph.borderRight {
  border-right-color: #ccc;
}
.contentTeaser.borderBottom,
.productTeaser.borderBottom,
.carouselBox.borderBottom,
.editorialParagraph.borderBottom {
  border-bottom-color: #ccc;
}
.contentTeaser.borderLeft,
.productTeaser.borderLeft,
.carouselBox.borderLeft,
.editorialParagraph.borderLeft {
  border-left-color: #ccc;
}

.specialPage .contentTeaser,
.specialPage .productTeaser,
.specialPage .contentTeaser.teaser-3-0 {
 /* background: none;
   border: none;*/
/*  padding: 0;*/
}

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

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

.productTeaser .productTeaserContent a {
  float: left;
  margin-right: 4px;
}

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

.productTeaser.carousel-vertical-2-col {
  width: 360px;
}

.productTeaser .rating,
.productTeaser .counter-wrap {
 float: left; /* for ie7 */
}

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

.forumPosting div.rating-form-readonly {
  float: none;
  margin-top: 3px;
}

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

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

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

#siteContent .productQuarterTeaser .userRating div.rateField {
  height: 12px;
  padding-top: 4px;
}

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

.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 h3 {
  margin-left: 4px;
  margin-top: 4px;
}
#siteContent .contentTeaser p {
  font-size: 11px;
  line-height: 14px;
  margin: 2px 0 8px 4px;
}

#siteContent .productTeaser-2-1 h3 {
  max-height: 30px;
  overflow: hidden;
}

#siteContent .productTeaser-2-1 p {
  max-height: 70px;
  overflow: hidden;
}

#siteContent .contentTeaser.teaser-2-1 .userRating,
#siteContent .contentTeaser.teaser-2-1 p,
#siteContent .contentTeaser.teaser-4-2 p {
  float: left;
  margin-left: 0;
  width: 352px;
}


#siteContent .contentTeaser.teaser-2-1 .userRating,
#siteContent .contentTeaser.teaser-2-1 p {
  width: 168px;
}

#siteContent .contentTeaser p sup {
  font-size: 9px;
}

#siteContent .productTeaser h3 {
  height: 16px;
  overflow: hidden;
  padding: 0;
}

#siteContent .productTeaser .hiddenOverflow {
  height: 88px;
  margin: 0 0 4px 0;
}

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

#siteContent .productTeaser p a {
  display: inline;
  float: none;
}

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

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

#siteContent .productTeaser .counter-wrap {
  font-size: 11px;
}

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

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

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

.sidebarTeaser .checklist li {
  color: #666;
  background: url(/images/sidebar-CMS-check-icon.gif) 0px 2px no-repeat;
  padding-left: 12px;
}

.sidebarTeaser .checklist li a {
  color: #666;
  text-decoration: none;
}
.sidebarTeaser .checklist li a:hover {
  color: #C00;
  text-decoration: underline;
}

#siteContent .contentTeaser .teaserLinkList,
.sidebarTeaser .teaserLinkList {
  float: left;
  width: 168px;
}
#siteContent .contentTeaser.teaser-4-2 .teaserLinkList {
  width: 352px;
}
#siteContent .contentTeaser .teaserLinkList li,
.sidebarTeaser .teaserLinkList li {
  background: none;
  padding-left: 0;
}

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

#siteContent .contentTeaser p a.inlineLink,
.sidebarTeaser p a.inlineLink,
#siteContent .contentTeaser .teaserLinkList li a.inlineLink,
.sidebarTeaser .teaserLinkList li a.inlineLink {
  background: none;
  display: inline;
  padding: 0;
}

/* social widgets */

#socialWidgets {
  margin: 0 0 11px;
  width: 180px;
}

.socialWidgetsBottom {
    height: 2px;
}

#socialWidgets ul {
  padding: 0;
}

#socialWidgets ul li { 
  float: left;
  display: block;
  margin: 0 12px 0 0;
  width: 50px;
  padding: 0 0 1px 0;
}

#socialWidgets ul li.wait {
  padding: 0 0 20px 0;
}

#socialWidgets ul li.last_item { 
  float: left;
  display: block;
  /*height: 64px;*/
  margin: 0 0 0 1px;
}

#socialWidgets ul li a { 
  /*margin: 41px 0 0 0;*/
}

#socialWidgets .gplusWidget a {
  background: url("/images/gplus_icons.png") no-repeat scroll -204px 0 transparent;
  height: 20px;
  width: 50px;
  display: block;
  outline: 0 none;
  text-decoration: none;
  white-space: nowrap;
  text-indent: -99999px;
}

#socialWidgets .twWidget {
  width: 55px;
}

#socialWidgets .twWidget a {
  width: 55px;
  height: 20px;
  background: url("/images/twitter_icons.png") no-repeat scroll 0 0 transparent;
  display: block;
  border: medium none;
  outline: medium none;
  overflow: visible;
  padding: 0;
  text-decoration: none;
  text-indent: -99999px;
}

#socialWidgets .fbWidget a {
  padding: 2px 4px;
  background-color: #ECEEF5;
  border: 1px solid #CAD4E7;
  border-radius: 3px 3px 3px 3px;
  display: block;
  float: left;
  color: #3B5998;
  cursor: pointer;
  text-decoration: none;
}  

#socialWidgets .fbWidget span {
    background: url("/images/fb_icons.png") no-repeat scroll -1px -47px transparent;
    color: #3B5998;
    display: block;
    padding-left: 20px;
    white-space: nowrap;
    line-height: 14px;
}

#socialWidgets .fbWidget iframe {
  width:50px; 
  height:62px; 
}

/* end - social widgets */

.textTeaserBox {
  float: left;
  width: 384px;
}

.textTeaserBox .textTeaser-2-0 {
  margin: 0 0 12px 0;
}

.textTeaser {float: left;}

.textTeaser.textTeaser-1-0 {width: 180px; margin-right: 12px;}
.textTeaser.textTeaser-2-0 {width: 372px; margin-right: 12px;}
.textTeaser.textTeaser-3-0 {width: 564px; margin-right: 12px;}
.textTeaser.textTeaser-4-0 {width: 756px; margin-right: 12px;}


.contentTeaser.teaser-1-half {width: 176px; /*margin-right: 8px;*/}
.contentTeaser.teaser-1-half img {width: 176px; height: 90px; margin-bottom: 4px;}

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

.contentTeaser.teaser-1-1,
.contentTeaser.teaser-1-1-first-in-row, 
.contentTeaser.teaser-1-1-middle-in-row, 
.contentTeaser.teaser-1-1-last-in-row {width: 176px; padding-right: 1px; }
.contentTeaser.teaser-1-1 img,
.contentTeaser.teaser-1-1-first-in-row img, 
.contentTeaser.teaser-1-1-middle-in-row img, 
.contentTeaser.teaser-1-1-last-in-row img {width: 176px; height: 176px; margin: 0}

.contentTeaser.teaser-1-1-last-in-row img {float: right; margin-right: 1px;}

.contentTeaser.teaser-1-1-first-in-row, 
.contentTeaser.teaser-1-1-middle-in-row, 
.contentTeaser.teaser-1-1-last-in-row { width: 178px; }

.contentTeaser.teaser-1-1-first-in-row {
  background-image: none;
  -moz-border-radius:  4px 0 0 4px;
  -ms-border-radius:  4px 0 0 4px;
  -o-border-radius:  4px 0 0 4px;
  -webkit-border-radius:  4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-right: 0;
  margin: 0 0px 12px 0;
  padding: 1px 12px 1px 1px;
  width: 178px;
}

.contentTeaser.teaser-1-1-middle-in-row {
  background-image: none;
  border-left: 0;
  border-right: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 1px 12px 1px 2px;
  margin: 0 0px 12px 0;
}

.contentTeaser.teaser-1-1-last-in-row {
  background-image: none;
  border-left: 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  margin: 0 12px 12px 0;
  padding-right: 0;
  width: 178px;
}

.contentTeaser.teaser-2-0 { width: 362px; padding-left: 4px; padding-right: 4px; padding-top: 5px; height: 172px;}
.contentTeaser.teaser-2-0 img { display: none; }
.contentTeaser.teaser-2-0 table { margin: 4px 0 0 0; }

.contentTeaser.teaser-2-1 {width: 362px; padding-right: 7px; overflow: hidden;}
/* .contentTeaser.teaser-2-1 img {width: 176px; height: 176px;} */

.contentTeaser.right.teaser-2-1 {padding-right: 1px; padding-left: 7px; width: 362px;}

.contentTeaser.rightHalf.teaser-2-1 {padding-right: 1px; padding-left: 7px; float: right; width: 362px;}

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

/*.contentTeaser.teaser-2-2-btn a { left:0; top: 0; width: 372px; height: 52px; position: absolute; text-indent: -9999em; }*/
#siteContent .contentTeaser.teaser-2-2-btn p a { display: inline; }
.contentTeaser.teaser-2-2-btn { width: 352px; height: 48px; background-image: url('/images/bg-button-teaser.png'); padding-left: 14px; padding-right: 4px; position: relative;}
.contentTeaser.teaser-2-2-btn img { margin: 0 6px 0 0; }
.contentTeaser.teaser-2-2-btn:hover { background-position: 0 -60px; }
#siteContent .contentTeaser.teaser-2-2-btn h3 { font-weight: normal; color: #666; font-size: 18px; line-height: 24px; padding: 0; margin-top: 0;}
#siteContent .contentTeaser.teaser-2-2-btn p { color: #666; margin-top: 0; }
#siteContent .contentTeaser.teaser-2-2-btn a { color: #666; text-decoration: none; background-image: none; padding: 0; }
#siteContent .contentTeaser.teaser-2-2-btn a:hover { color:#CC0000; text-decoration: underline; }
#siteContent .contentTeaser.teaser-2-2-btn .contentTeaserTextVertical { height: 25px; padding: 12px 4px 12px 6px; }
#siteContent .contentTeaser.teaser-2-2-btn div { height: 32px; padding: 5px 4px 12px 6px; }

.contentTeaser.teaser-3-0 {width: 552px; padding-left: 3px; padding-right: 7px; }
.contentTeaser.teaser-3-0 img {display: none}

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

.contentTeaser.teaser-3-2 {width: 554px; padding-right: 7px}
.editorial .contentTeaser.teaser-3-2 {width: 548px; }
.contentTeaser.teaser-3-2 img {width: 370px; height: 176px;}

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


.contentTeaser.teaser-4-1 {width: 742px; padding-right: 11px}
.contentTeaser.teaser-4-1 img {width: 176px; height: 176px;}

.contentTeaser.teaser-4-2 {width: 742px; padding-right: 11px}
.contentTeaser.teaser-4-2 img {width: 370px; height: 176px;}

.contentTeaser.teaser-4-2-text-list {width: 756px;}
.contentTeaser.teaser-4-2-text-list img {width: 370px; height: 176px;}
.contentTeaser.teaser-4-2-text-list {float: left; width: 176px;}
.contentTeaser.teaser-4-2-text-list {float: right; width: 168px;}

.contentTeaser.teaser-4-3 {width: 742px; padding-right: 11px}
.contentTeaser.teaser-4-3 img {width: 562px; height: 176px;}

.contentTeaser.teaser-4-4,
.contentTeaser.teaser-4-4-no-outlines,
.contentTeaser.teaser-4-4-small {width: 752px;}
.specialPage .contentTeaser.teaser-4-4-small { padding-left: 2px; }
.contentTeaser.teaser-4-4 img,
.contentTeaser.teaser-4-4-no-outlines img,
.contentTeaser.teaser-4-4-small img {width: 752px; height: 176px; margin: 0;}
/*.contentTeaser.teaser-4-4,
.contentTeaser.teaser-4-4-no-outlines, 
.contentTeaser.teaser-4-0-headline,
.contentTeaser.teaser-4-4-small {padding-right: 2px}*/

.contentTeaser.teaser-4-4-no-outlines,
.contentTeaser.teaser-4-4-no-outlines,
.contentTeaser.teaser-4-0-headline, 
.contentTeaser.teaser-4-0-headline {
  border: none;
  background-image: none;
}

.contentTeaser.teaser-4-4-small {
  height: 48px;
}
.contentTeaser.teaser-4-4-small img {
  height: auto;
}

.contentTeaser.teaser-4-0-headline {width: 756px; height: 24px;}

.contentTeaser.teaserNavi {
  padding: 4px 0 4px 8px;
}
.contentTeaser.teaserNavi li {
  float: left;
  width: 182px;
}

#simpleModalLarge .contentTeaser.teaser-4-4,
#simpleModalLarge .text-4 {
  width: 520px;
}

.contentTeaserImageBox {
  display: inline;
  float: left;
  margin: 0 16px 0 0;
  width: 176px;
  height: 176px;
}

.contentTeaser .contentTeaserImageBox img {
  float: none;
  margin: 0;
}

/* Messenger */

#siteContent .messengerHead {
  margin: 0 0 20px 0;
  position: relative;
}

#siteContent .messengerHead p {
  margin: 0 0 12px 0;
}

#siteContent .messengerHead ul {
  float: left;
}

#siteContent .messengerHead a.button {
  bottom: 0;
  margin: 0 12px 0 0;
  position: absolute;
  right: 0;
}

#siteContent .messageToolbar  {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  margin: 0 12px 12px 0;
  padding: 8px 0 8px 0;
}

#siteContent .messageToolbar fieldset {
  float: left;
}

#siteContent .messageToolbar input {
  margin-left: 0;
}

#siteContent .messageToolbar label.labelText {
  display: block;
  float: left;
  margin-right: 40px;
  width: 372px;
}
#siteContent .messageToolbar input.inputText {
  width: 170px;
}

#siteContent .messageToolbar .messageToolbarForm {
  border-bottom: 1px solid #999;
  margin-bottom: 8px;
  padding-bottom: 4px;
}

#siteContent .iconReply {
  background: url(/images/icon-reply.gif) 0 1px no-repeat;
  padding: 0 0 2px 24px;
}
#siteContent .iconForward {
  background: url(/images/icon-forward.gif) 0 1px no-repeat;
  padding: 0 0 2px 24px;
}
#siteContent .iconSpam {
  background: url(/images/icon-spam.gif) 0 1px no-repeat;
  padding: 0 0 2px 24px;
}
#siteContent .iconNoSpam {
  background: url(/images/icon-nospam.gif) 0 1px no-repeat;
  padding: 0 0 2px 24px;
}
#siteContent .iconDelete {
  background: url(/images/envelope-delete.gif) 0 1px no-repeat;
  padding: 0 0 2px 24px;
}
#siteContent #favoriteCategories .iconDelete {
  background: url(/images/favorite-delete.gif) 0 0 no-repeat;
  padding: 0 0 2px 24px;
}
#siteContent .iconDeleteX {
  background: url(/images/icon-x.gif) 0 2px no-repeat;
  padding: 0 0 2px 14px;
}
#siteContent .iconOnline {
  background: url(/images/icon-contact-online.gif) 0 0 no-repeat;
  padding: 0 0 0 18px;
}
#siteContent .iconOffline {
  background: url(/images/icon-contact-offline.gif) 0 0 no-repeat;
  padding: 0 0 0 18px;
}
#siteContent .iconContactIgnore {
  background: url(/images/icon-contact-ignore.gif) 0 0 no-repeat;
  padding: 0 0 0 18px;
}
#siteContent .iconContactDelete {
  background: url(/images/icon-contact-delete.gif) 0 0 no-repeat;
  padding: 0 0 0 18px;
}
#siteContent .iconContactAdd {
  background: url(/images/icon-contact-add.gif) 0 0 no-repeat;
  padding: 2px 20px 2px 22px;
}
#siteContent .iconContactConfig {
  background: url(/images/icon-contact-config.gif) 0 0 no-repeat;
  margin-top: 24px;
  padding: 0 0 0 24px;
}
#siteContent .iconNewMessage,
#siteContent .iconMessage {
  background: url(/images/icon-sprite.png) 0 -28px no-repeat;
  margin-top: 24px;
  padding: 2px 0 2px 20px;
}
#siteContent .homepageToolbar .iconNewMessage {
  margin-right: 20px;
}
#siteContent .iconMemberAlert {
  background: url(/images/icon-member-alert.gif) 0 2px no-repeat;
  margin-top: 24px;
  padding: 2px 0 2px 20px;
}
#siteContent .iconMessageAlert {
  background: url(/images/icon-message-alert.gif) 0 2px no-repeat;
  margin-top: 24px;
  padding: 2px 0 2px 20px;
}
#siteContent .iconAllImages {
  background: url(/images/icon-all-images.gif) 0 2px no-repeat;
  margin-top: 24px;
  padding: 3px 0 2px 20px;
}
#siteContent .iconProfile {
  background: url(/images/icon-sprite.png) 0 4px no-repeat;
  margin-top: 24px;
  padding: 4px 0 4px 20px;
}
#siteContent .iconProfileEdit {
  background: url(/images/icon-edit-pencil.gif) 0 2px no-repeat;
  margin-top: 24px;
  padding: 3px 20px 2px 20px;
}

#siteContent .iconProfileDelete {
  background: url(/images/icon-delete.gif) 2px 7px no-repeat;
  margin-top: 24px;
  padding: 3px 20px 2px 20px;
}

#siteContent .iconBlogEdit {
  background: url(/images/icon-edit-blog.png) -1px 2px no-repeat;
  margin-top: 24px;
  padding: 3px 0 2px 20px;
}

#siteContent .iconHomepagePreview {
  background: url(/images/icon-home.gif) 0 3px no-repeat;
  margin-top: 24px;
  padding: 3px 0 2px 20px;
}

#siteContent .iconFemale {
  background: url(/images/icon-female.gif) 2px 0 no-repeat;
  margin-top: 24px;
  padding: 0px 0 2px 16px;
}

#siteContent .iconMale {
  background: url(/images/icon-male.gif) 2px 0 no-repeat;
  margin-top: 24px;
  padding: 0px 0 2px 16px;
}

#siteContent .petsHomepageList .iconMale {
  background-position: 2px 2px;
  margin: 0;
}


#messengerContent table .iconReply,
#messengerContent table .iconForward,
#messengerContent table .iconDelete,
#messengerContent table .iconSpam,
#messengerContent table .iconNoSpam,
#messengerContent table .iconContactIgnore,
#messengerContent table .iconContactDelete,
#messengerContent table .iconOnline,
#messengerContent table .iconOffline,
#messengerContent table .iconContactAdd,
#messengerContent table .iconContactConfig {
  display: block;
  float: left;
  height: 16px;
  margin-right: 4px;
  padding: 0 0 1px 0;
  text-indent: -9999px;
  width: 20px;
}

#siteContent .iconDocumentRemove {
  background: url(/images/icon-document_remove.png) 2px 0 no-repeat;
  padding: 0px 0 2px 16px;
}
#siteContent .iconDocumentEdit {
  background: url(/images/icon-document_edit.png) 2px 0 no-repeat;
  padding: 0px 0 2px 16px;
}
#siteContent .iconDocumentUp {
  background: url(/images/icon-document_up.png) 2px 0 no-repeat;
  padding: 0px 0 2px 16px;
}

#siteContent .iconDocumentRemove.legende,
#siteContent .iconDocumentEdit.legende,
#siteContent .iconDocumentUp.legende {
  background-position: 0 0;
  margin-bottom: 4px;
  padding-left: 24px;
}

#adList table  {
  margin-bottom: 18px;
  width: 738px;
}

#adList table .iconDocumentRemove,
#adList table .iconDocumentEdit,
#adList table .iconDocumentUp {
  display: block;
  float: left;
  height: 16px;
  margin: 0 4px 0 0;
  padding: 0 0 2px 0;
  text-indent: -9999px;
  width: 20px;
}

#messengerContent table td li {
  display: inline;
}

#messengerContent table {
  margin-bottom: 12px;
}

#messengerContent table td {
  padding: 4px 0;
}

#messengerContent table td input {
  position: relative;
  top: -1px;
}

#messengerContent table th ,
#adList table th {
  font-size: 13px;
  font-weight: bold;
}

#messengerContent .thMessageSelect {
  text-indent: -9999px;
  width: 32px;
}
#messengerContent .thMessageFrom {
  width: 120px;
}
  #messengerContent .thContactName {
    width: 160px;
  }
#messengerContent .thMessageSubject {
  width: 352px;
}
  #messengerContent .thContactStatus {
    width: 282px;
  }
#messengerContent .thMessageDate {
  width: 140px;
}
  #messengerContent .thContactDate {
    width: 160px;
  }
#messengerContent .thMessageAction {
  width: 110px;
}

#messengerContent .thContactIgnoreDate {
  width: 452px;
}

#messengerRead .iconSpam,
#messengerRead .iconNoSpam {
  display: inline-block;
  margin-right: 4px;
}

#adList th ,
#adList td {
  padding: 4px 0 4px 12px;
  border-bottom: 1px solid #ccc;
}

#adList .thAction {
  width: 60px;
}
#adList .tdPrice {
  text-align: right;
}



#siteContent .messageToolbar .iconDelete {
  margin-left: 24px;
}
#siteContent .messageToolbar .iconContactDelete {
  margin-left: 24px;
  padding: 0 0 4px 22px;
}


#siteContent .messageToolbar a.button {
  float: right;
  margin: 0;
}



#verticalLists .messenger {
  float: left;
  width: 180px;
}

#messengerMessage {
  float: right;
  margin: 0 12px 0 0;
  width: 566px;
}

#messengerMessage h3 {
  padding: 0;
}

#messengerMessage h3.messageSubjectHeader {
  margin-top: 16px;
}

#siteContent #messengerMessage ul {
  float: right;
  margin-top: 18px;
}
#siteContent #messengerMessage ul li a {
  display: block;
  padding: 2px 0 2px 22px;
  margin-bottom: 4px;
}

#messengerMessage p strong {
  color: #666;
}
#messengerMessage p a strong {
  color: inherit;
}

#messengerMessage textarea.inputText,
#simpleModalLarge textarea.inputText {
  margin: 4px 0 16px 0;
  width: 556px;
}
#simpleModalLarge textarea.inputText {
  width: 560px;
}

#messengerMessage p.formButtons {
  margin-right: 0;
  margin-top: 0;
}

#messengerMessage p.formButtons .button {
  margin-left: 12px;
}




#kontaktliste {
  height: 384px;
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  width: 180px;
}

  #kontaktliste h3 {
    background: url(/images/bg-kontaktliste.png) 0 0 no-repeat;
    text-indent: -999em;
    padding: 0;
  }

  #kontaktliste ul {
    background: url(/images/bg-kontaktliste.png) 0 -16px no-repeat;
    height: 334px;
    padding: 2px 0 0 3px;
  }

  #kontaktliste li a {
    display: block;
    height: 16px;
    margin: 0 0 3px 0;
    /* overflow: hidden; */
    padding: 0 0 0 2px;
    white-space: nowrap;
  }

  #kontaktliste ul ul {
    background: none;
    height: 292px;
    overflow: hidden;
    padding: 0;
  }

  #kontaktliste ul ul li {
    border-bottom: 1px solid #e0e0e0;
    height: 46px;
    margin: 0 4px;
    padding-top: 4px;
  }

  #kontaktliste ul ul li a {
    float: left;
    margin-right: 4px;
    max-width: 148px;
    overflow: hidden;
  }

  #kontaktliste .contactImage {
    display: block;
    height: 48px;
    position: relative;
    width: 40px;
  }

  #kontaktliste .contactImage img {
    left: 0;
    position: absolute;
    top: 0;
  }

  #kontaktliste ul ul li span.contactMale,
  #kontaktliste ul ul li span.contactFemale {
    background: url(/images/icon-male.gif) 0 3px no-repeat;
    display: block;
    float: left;
    text-indent: -9999px;
    width: 10px;
  }
  #kontaktliste ul ul li span.contactFemale {
    background: url(/images/icon-female.gif) 0 2px no-repeat;
  }

  #kontaktliste li.kontaktlistePager {
    height: 16px;
    text-indent: -999em;
    width: 174px;
  }

  #kontaktliste li.kontaktlistePager a {
    background: url(/images/bg-kontaktliste.png) 0 -352px no-repeat;
  }

  #kontaktliste li.kontaktlistePager a:hover {
    background-position: 0 -384px;
  }

  #kontaktliste li.kontaktlistePager.kontaktlistePagerback {
    background-position: 0 -368px;
    position: absolute;
    top: 333px;
  }

  #kontaktliste li.kontaktlistePager.kontaktlistePagerback a {
    background-position: 0 -368px;
  }

  #kontaktliste li.kontaktlistePager.kontaktlistePagerback a:hover {
    background-position: 0 -400px;
  }

  #siteContent #kontaktliste .iconContactConfig {
    position: absolute;
    top: 336px;
  }



  #ignoreliste {
    height: 184px;
    margin: 0 0 12px 0;
    padding: 0;
    position: relative;
    width: 180px;
  }

    #ignoreliste h3 {
      background: url(/images/bg-ignoreliste.png) 0 0 no-repeat;
      text-indent: -999em;
      padding: 0;
    }

    #ignoreliste ul {
      background: url(/images/bg-ignoreliste.png) 0 -16px no-repeat;
      height: 135px;
      padding: 2px 0 0 3px;
    }

    #ignoreliste li a {
      display: block;
      height: 16px;
      margin: 0 0 3px 0;
      /* overflow: hidden; */
      padding: 0 0 0 2px;
      white-space: nowrap;
    }

    #ignoreliste ul ul {
      background: none;
      height: 94px;
      overflow: hidden;
      padding: 0;
    }

    #ignoreliste ul ul li {
      height: 16px;
      margin: 0 4px;
      padding-top: 4px;
    }

    #ignoreliste ul ul li a {
      float: left;
      margin-right: 4px;
      max-width: 148px;
      overflow: hidden;
    }

    #ignoreliste .contactImage {
      display: block;
      height: 48px;
      position: relative;
      width: 40px;
    }

    #ignoreliste .contactImage img {
      left: 0;
      position: absolute;
      top: 0;
    }

    #ignoreliste li.ignorelistePager {
      height: 16px;
      text-indent: -999em;
      width: 174px;
    }

    #ignoreliste li.ignorelistePager a {
      background: url(/images/bg-ignoreliste.png) 0 -151px no-repeat;
    }

    #ignoreliste li.ignorelistePager a:hover {
      background-position: 0 -183px;
    }

    #ignoreliste li.ignorelistePager.ignorelistePagerback {
      background-position: 0 -166px;
      position: absolute;
      top: 132px;
    }

    #ignoreliste li.ignorelistePager.ignorelistePagerback a {
      background-position: 0 -166px;
    }

    #ignoreliste li.ignorelistePager.ignorelistePagerback a:hover {
      background-position: 0 -198px;
    }

    #siteContent #ignoreliste .iconContactConfig {
      position: absolute;
      top: 136px;
    }




/* Mitgliedshomepage */

/* mix cms content with static content */
.pkStaticContent .pk-area {
  float: left;
}
.pkStaticContent .textTeaser {
  float: left;
  height: 180px;
  position: relative;
}
.pkStaticContent .textTeaser a.bottomLink {
  bottom: 0;
  position: absolute;
}
.pkStaticContent .textTeaser p,
.pkStaticContent .textTeaser .selector,
.pkStaticContent .textTeaser select {
  margin-bottom: 8px;
}

#pdTabs .editButton,
#pdTabs .backButton {
  float: right;
}

#siteContent .freSkin table.mceLayout {
  position: relative;
  z-index: 100000;
}

.blogEntry {
  padding-right: 12px;
  overflow: hidden; /* zu lange worte kappen */
  position: relative;
}

#siteContent .blogEntry .backlink {
  /*background: url("/images/icon-arrowlink-category.gif") no-repeat 12px 14px;*/
  background: url("/images/icon-arrowlink-category.gif") no-repeat 10px 11px; /* wegen Tiertagebüchern zurück Pfeil */
  left: auto;
  position: absolute;
  right: 0;
}

.blogEntry h2 {
  padding-bottom: 4px;
}

.blogEntry .createdAt {
  font-size: 11px;
  margin: 0 0 12px 0;
}

.blogIntro {
  float:left;
  margin: 0 12px 0 0;
  width: 544px;
}

.blogIntro p,
.blogEntry p {
  margin: 0 12px 12px 0;
}

#homepageHead {
  margin-bottom: 12px;
  margin-right: 12px;
}

#homepageHead .blogIntro {
  width: 576px;
}

#homepageHead .ui-datepicker {
  margin: 0;
  background: url(/images/bg-calendar.png) no-repeat 0 0 transparent;
}

#homepageHead #mediaContainer {
  margin-right: 12px;
  width: 276px;
}

#homepageHead #mediaContainer .tab_buttons {
  background-image: url(/images/bg-mc-homepage-nav.png);
}

#homepageHead #mediaContainer .tab_buttons li a {
  background-image: url(/images/bg-mc-homepage-nav.png);
}

#homepageHead #mediaContainer .tab_buttons li {
  width: 49px;
}

#homepageHead #mediaContainer .mcContainer {
  background-image: url(/images/bg-mc-homepage-nav.png);
  background-position: 0 -114px;
  position: relative;
}

#homepageHead #mediaContainer .mcContainer p {
  height: auto;
  margin-top: 2px;
  position: relative;
}

#homepageHead #mediaContainer .mcContainer p.mcIconLinks {
  margin-top: 8px;
}

#homepageHead #mediaContainer .mcContainer p span {
  position: absolute;
  left: 46%;
  width: 20%;
}

#homepageHead #mediaContainer .mcContainer ul.imageNav {
  position: absolute;
  left: 4px;
  top: 210px;
  width: 40%;
}

#homepageHead #mediaContainer .mcContainer p.caption {
  color: #333;
  font-size: 11px;
  margin: 12px 0 0 0;
}

#homepageHead #mediaContainer .mcContainer p .mcZoomLink {
  background: url(/images/icon-vergroessern.gif) 0 0 no-repeat;
  height: 12px;
  padding: 0;
  text-indent: -9999px;
  width: 12px;
}

#homepageHead #mediaContainer .mcContainer ul.imageNav li {
  float: left;
}

#homepageHead #mediaContainer .mcContainer ul.imageNav a {
  background: url(/images/icons-mediacontainer-controls.png) 0 0 no-repeat;
  display: block;
  height: 12px;
  margin: 0 4px 0 0;
  padding: 0;
  text-indent: -9999px;
  width: 12px;
}

#homepageHead #mediaContainer .mcContainer ul.imageNav .navFirst a {
  background-position: 0 0;
}
#homepageHead #mediaContainer .mcContainer ul.imageNav .navBack a {
  background-position: -20px 0;
}
#homepageHead #mediaContainer .mcContainer ul.imageNav .navPause a {
  background-position: -40px 0;
}
#homepageHead #mediaContainer .mcContainer ul.imageNav .navPlay a {
  background-position: -58px 0;
}
#homepageHead #mediaContainer .mcContainer ul.imageNav .navNext a {
  background-position: -80px 0;
}
#homepageHead #mediaContainer .mcContainer ul.imageNav .navLast a {
  background-position: -100px 0;
}

.mediaContainerWrapper #mediaContainer {
  float: none;
}
.mediaContainerWrapper {
  float:left;
  margin: 0 0 12px 0;
}

/* Steckbrief */

#steckbrief {
  float: left;
  overflow: hidden;
  width: 276px;
}
#steckbrief.shelter {
  width: auto;
}

#steckbrief h3 {
  margin-bottom: 8px;
  padding-bottom: 0;
}

#steckbrief .column {
  float: left;
  overflow: hidden;
  width: 274px; /* not 232px, shelter  */
}
#steckbrief.shelter .column {
  width: 232px; /* shelter only */
}

.halfsizeBoxMiddle #steckbrief h3 {
  font-weight: normal;
  margin: 4px 0 12px 0;
}

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

#siteContent p span.tatzen {
  background: url(/images/icon-tatzen.gif) 0 0 no-repeat;
  padding: 2px 0 2px 20px;
}

#siteContent #steckbrief .section {
  margin: 0 0 12px 0;
}
#steckbrief table th,
#steckbrief table td {
  padding: 0 8px 4px 0;
}

#steckbrief .donatePaws {
  margin: 12px 0 0 0;
}
#steckbrief .donatePaws .inputText {
  float: left;
}


#homepageHead #kontaktliste li a {
  margin-bottom: 0;
  padding-left: 0;
}
#homepageHead #kontaktliste li p.caption {
  font-size: 11px;
}

.commentForm p {
  line-height:16px;
  padding-bottom:12px;
}

#commentForm #comment_body {
  background: url(/images/bg-form-input.png) no-repeat scroll 0 0 transparent;
  border: 1px solid #ccc;
  color: #333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin-bottom: 24px;
  padding: 4px;
  width: 575px;
}

.jq_comment_preview .marginBottom {
  margin-bottom: 24px;
}

.homepageIcon {
  background: url(/images/icons-homepage.png) 0 0 no-repeat;
  display: block;
  height: 44px;
  left: 510px;
  position: absolute;
  text-indent: -9999em;
  width: 44px;
}
.homepageIcon.Pet-hund {
  background-position: -44px 0;
}
.homepageIcon.Pet-katze {
  background-position: -88px 0;
}
.homepageIcon.Pet-kleintier-oder-nager {
  background-position: -132px 0;
}
.homepageIcon.Pet-vogel {
  background-position: -352px 0;
}
.homepageIcon.Pet-aquaristik {
  background-position: 0 0;
}
.homepageIcon.Pet-terraristik {
  background-position: -264px 0;
}
.homepageIcon.Pet-pferd {
  background: none;
}
.homepageIcon.Pet-teich {
  background-position: -220px 0;
}
.homepageIcon.Pet-notype {
  background: none;
}
.homepageIcon.User-nogender,
.homepageIcon.User-male,
.homepageIcon.User-female {
  background-position: -176px 0;
}
.homepageIcon.Shelter {
  background-position: -308px 0;
  left: 712px;
}


/* Homepagetoolbar */

.homepageToolbar,
.donatePaws,
.postingToolbar,
.roundetToolbar {
  background: url(/images/bg-homepage-toolbar.png) 0 0 no-repeat;
  height: 30px;
  margin: 0 12px 12px 0;
}
#faqs_accordion .postingToolbar {
  background-image: none;
  clear: left;
  height: auto;
  margin: 16px 0 0 4px;
}
#faqs_accordion .roundedBoxImageWrapper img {
  border: 1px solid #ccc;
}
#faqs_accordion .helpFullyVotebox {
  display: none;
  margin-bottom: 12px;
  position: relative;
  top: 8px;
}
#faqs_accordion .helpFullyVotebox textarea {
  float: left;
  height: 80px;
  line-height: 1.4em;
  margin: 0 12px 0 0;
  width: 244px;
}
#faqs_accordion .helpFullyVotebox a.button {
  margin: 64px 0 0 0;
}

#pdTabs .postingToolbar {
  background-position: 0 -60px;
}

#siteContent .homepageToolbar a.blogEntry {
  position: relative;
  top: -2px
}

.homepageToolbar.profileToolbar {
  background-position: 0 -30px;
}

.homepageToolbar .ratingBox {
  float: left;
  position: relative;
  margin: 9px 0 0 8px;
}

.homepageToolbar .commentThis {
  padding: 2px 0 0 240px;
}

#siteContent .homepageToolbar .commentThis p {
  margin: 5px 0 0 0;
}

#siteContent .homepageToolbar .commentThis a {
  display: inline;
  float: none;
}

#pdTabs .homepageToolbar {
  background-position: 0 -60px;
}

#siteContent .homepageToolbar .rating .rating-form-readonly {
  float: left;
}

#siteContent .homepageToolbar .distanceBox {
  float: left;
  margin: 9px 0 0 8px;
  white-space: nowrap;
}

#siteContent .homepageToolbar .counter-wrap {
  display: inline;
  padding-right: 24px;
  position: relative;
  top: -2px;
}

#siteContent .homepageToolbar .requiresLogin {
  padding-right: 18px;
  position: relative;
  top: -2px;
}

#siteContent .homepageToolbar .iconBlogEdit {
  position: relative;
  top: 7px;
}

#siteContent .homepageToolbar.inactive a,
#siteContent .homepageDirectLinks a.inactive,
#siteContent .pdTabsWrapper a.inactive {
  color: #ccc;
  cursor: default;
}

#siteContent .homepageToolbar a.iconMemberAlert {
  background-position: 6px 7px;
  border-left: 1px solid #ccc;
  display: block;
  float: right;
  margin: 0;
  padding: 7px 8px 6px 28px;
}

#siteContent .homepageToolbar a.iconHomepagePreview {
  background-position: 6px 10px;
  border-left: 1px solid #ccc;
  display: block;
  float: right;
  margin: 0;
  padding: 7px 8px 6px 28px;
}

#siteContent .homepageToolbar a.iconMessageAlert,
#siteContent .homepageToolbar a.iconBlogAlert {
  background: url(/images/icon-image-alert.gif) 7px 6px no-repeat;
  border-left: 1px solid #ccc;
  display: block;
  float: right;
  margin: 0;
  padding: 7px 8px 6px 28px;
}

#siteContent .homepageToolbar a.iconBlogAlert {
  background: url(/images/icon-blog-alert.png) 7px 6px no-repeat;
  display: block;
  padding-left: 32px;
}

#siteContent .halfsizeBoxTop,
#siteContent .halfsizeBoxMiddle,
#siteContent .halfsizeBoxBottom {
  background: url(/images/bg-halfsize-box.gif) 0 0 no-repeat;
  overflow: hidden;
  padding: 0 8px;
  width: 356px;
}

#siteContent .halfsizeBoxTop {
  height: 4px;
}

#siteContent .halfsizeBoxMiddle {
  background-position: -372px 0;
  background-repeat: repeat;
}

#siteContent .halfsizeBoxBottom {
  background-position: bottom left;
  height: 4px;
  margin-bottom: 12px;
}

#pdTabs .imageDetailPage h3 {
  margin: 4px 0 0 0;
}

#pdTabs .pdTabsWrapper .imageDetailPage p  {
  margin-bottom: 0;
}


/* Button in form */
#blog_entry_image_id_src,
#shelter_pet_image_id_src {
  margin-bottom: 12px;
}

#blog_entry_image_id_browse,
#shelter_pet_image_id_browse {
  margin-left: 183px;
}

#kontaktliste.tierliste {
  float: right;
}

#kontaktliste.tierliste h3 {
   background-image: none;
   margin-bottom: 8px;
   text-indent: 0;
}

#kontaktliste.tierliste li.kontaktlistePager.kontaktlistePagerback {
  top: 341px;
}

.donatePaws .pawCount {
  float: left;
  margin: 8px 12px 0  0;
  text-align: right;
  width: 276px;
}
.donatePaws .donateText {
  float: left;
  margin: 8px 12px 0 0;
}

#site .donatePaws .inputText {
  float: left;
  margin-top: 4px;
  width: 54px;
}
#site .donatePaws a.button {
  margin-top: 4px;
}


/* Matchingprofil */

.floatingSelect {
  float: left;
}

.inlineCheckbox {
  position: relative;
  top: 3px;
}

#matchingContent {
  margin: 0 12px 12px 8px;
}

#matchingTable {
  width: 362px;
  background: url(/images/matching-tablehead.png) 8px 0 no-repeat;
  margin: 12px 12px 12px 0;
}

#pdTabs #matchingTable {
  float: left;
}

#matchingTable thead th {
  height: 84px;
  text-indent: -999em;
  width: 28px;
  font-size: 1px;
}
#matchingTable tbody th {
  font-size: 11px;
  padding-left: 4px;
  width: 200px;
}


#matchingTable td {
  background: url(/images/sprite.png) -282px -262px no-repeat;
  height: 28px;
  width: 28px;
}

#matchingTable td input {
  cursor: pointer;
  height: 24px;
  width: 24px;
}

#matchingTable td input[disabled="disabled"] {
  cursor: default;
}


/* Special Pages */

#siteContent .special {
  background: url(/images/special-polaroids.jpg) 0 0 no-repeat;
  font-size: 14px;
  line-height: 1.4em;
  min-height: 800px;
  padding: 32px 0 0 180px;
}

#siteContent .special .editorialTextContainer {
  padding-right: 24px;
}

#siteContent .special li {
  background: url(/images/icon-pfote.gif) 0 0 no-repeat;
  padding-left: 28px;
}









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

  .sidebarTeaser img {
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin: 2px 0 6px 1px;
  }

  .sidebarTeaser h5,
  .sidebarTeaser p,
  .sidebarTeaser ul {
    line-height: 12px;
    margin: 0 16px 6px 8px;
  }

  .sidebarTeaser h5 {
    color: #666666;
    font-size: 11px;
    margin: 0;
    padding: 8px 8px 0px;
    text-transform: uppercase;
  }

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

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


/* 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(/images/bg-footer-top.png) 0 0 no-repeat;
  padding: 22px 0 0 0;
  position: relative;
}

#footerBox ul,
#footerBox .footerBg {
  background: url(/images/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.shop {
  width: 176px;
}
#footerBox ul li.meinKonto {
  width: 176px;
}
#footerBox ul li.service {
  width: 166px;
}
#footerBox ul li.ratgeber {
  width: 176px;
}
#footerBox ul li.community {
  width: 176px;
}
#footerBox ul li.vorteile {
  width: 226px;
}

#footerBox .paymentOptions {
  float: left;
  margin: 12px 0 12px 12px;
}

#footerBox .paymentOptions a {
  background: url(/images/bg-payment_options.png) 0 0 no-repeat;
  display: block;
  height: 36px;
  text-indent: -9999em;
  width: 298px;
}

#footerBox ul li ul {
  background: none repeat scroll 0 0 transparent;
  float: left;
  margin: 0 12px 0 0;
  padding: 0;
  width: 173px;
}

#footerBox ul li ul.vorteile {
  margin-right: 24px;
  width: 166px;
}
#footerBox ul li.community ul {
  width: 150px;
}

#footerBox ul li ul li {
  color: #fff;
  float: none;
  font-size: 11px;
  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 .bestell-hotline {
  background: url(/images/de/btn-bestell-hotline.png) 0 0 no-repeat;
  height: 23px;
  margin-top: 170px;
  text-indent: -999em;
  width: 123px;
}

#footerBox .creditkarte-versand {
  background: url(/images/bg-credit-cards.png) 0 0 no-repeat;
  width: 328px;
  height: 34px;
  text-indent: -999em;
  margin-top: 124px;
}

#footerBox h3 {
/*  background: url(/images/de/headings.png) 0 0 no-repeat;*/
  color: #fff;
  height: 10px;
  margin-bottom: 8px;
  padding: 0;
/*  text-indent: -9999em;*/
  text-transform: uppercase;
}

#footerBox h3 a {
  height: 11px;
  padding: 0 0 14px 0;
  display: block;
  width: 100%;
}

#footerBox .shop h3 {
  background-position: 0 -60px;
}
#footerBox .meinKonto h3 {
  background-position: 0 -70px;
}
#footerBox .service h3 {
  background-position: 0 -80px;
}
#footerBox .vorteile h3 {
  background-position: 0 -90px;
}


#footerLinks {
  /* height: 51px; short footer */
  /* height: 190px; */ /* long footer */
/*  min-height: 190px;*/ /* commented out for oxid footer */
  padding: 8px 0 0 0;
}

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

.footerLinks p {
  color: #FFFFFF;
  font-size: 11px;
  margin-bottom: 8px;
  margin-left: 18px;
  margin-right: 8px;
/*  text-align: center;*/
  width: 948px;
}
.footerLinks div.hintMsg p {
  color: #333;
}

.footerLinks .pk-slot-content p {
  width: auto;
}

.footerLinks ul,
.footerLinksBottom {
  margin: 0 0 8px 0;
  text-align: center;
}
.footerLinksBottom {
  background-color: #1a4b00;
  height: 18px;
  margin-bottom: 72px;
  padding: 6px 0 0 0;
}
.footerLinks ul.infoList {
  margin: 0;
  position: relative;
  text-align: left;
}

.footerLinks li,
.footerLinksBottom li {
  background: url(/images/bg-footer-links.png) 0 2px no-repeat;
  color: #fff;
  display: inline;
  font-size: 11px;
  padding: 0 6px 0 12px;
}
.footerLinks .infoList li {
  background: none;
  display: block;
  padding: 0 10px 12px 18px;
}
.footerLinks .infoList li span {
  display: block;
  left: -12px;
  position: absolute;
  text-align: right;
  width: 24px;
}

.footerLinks li.first ,
.footerLinksBottom li.first{
  background: none;
  padding: 0 8px 0 0;
}

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

.footerLinks a,
.footerLinksBottom a {
  color: #fff;
}
.footerLinksBottom a {
  font-weight: bold;
}

.footerLinks li a:hover,
.footerLinksBottom 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(/images/bg-dataBoxTop-full.png) 0 0 no-repeat;
  height: 5px;
}

.dataBoxBottom {
  background: url(/images/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;
}

.dataBoxRightNoBorder div {
  margin-top: 19px;
}

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

.roundedBoxTop {
  background: url(/images/bg-roundedBox-full.gif) left top no-repeat;
  height: 5px;
}
.roundedBoxActive .roundedBoxTop {
  background-image: url(/images/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(/images/bg-roundedBox-full.gif) left bottom no-repeat;
  height: 5px;
}
.roundedBoxActive .roundedBoxBottom {
  background-image: url(/images/bg-contentbox.png);
}

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

.dataBoxRight .roundedBoxBottom {
  background: url(/images/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(/images/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(/images/bg-dataBoxBottom-orderBox.png);
}

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

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

.dataBoxContentFull {
  float: left;
  padding: 0 12px 12px 0;
  width: auto;
}

.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;
}


#siteContent .profileInfo .dataBoxContent p {
  padding-right: 84px;
}

.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 {
  /* also ie.css */
}

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

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

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

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

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

.basketItemsChange {
  padding-right: 213px;
}


.subtotalBox {
  /* background: url(/images/bg-subtotal-box.png) no-repeat scroll 0 0; */
  background-color: #eee;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 48px;
  margin-top: 8px;
  xposition: relative;
  width: 284px;
}

#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: 28px;
  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,
.subtotalBox .arrowBox p {
  display: block;
  height: 15px;
  margin-bottom: 1px;
  text-indent: -9999em;
  width: 20px;
}

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

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

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

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

.subtotalBox .decrementArrow p {
  background: url(/images/bg-basket-arrows.gif) no-repeat -75px 0px;
}

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

.subtotalBox span.piece {
	font-size: 11px;
  left: 60px;
  text-align: right;
  top: 26px;
  width: 50px;
}
.subtotalBox span.pieceText {
  font-size: 11px;
  left: 12px;
  text-align: left;
  top: 26px;
  width: 40px;
}

.subtotalBox span.priceAsOf {
  font-size: 11px;
  left: 12px;
  position: absolute;
  text-align: left;
  top: 26px;
  width: 60px;
}
.subtotalBox span.date {
  font-size: 11px;
  left: 72px;
  position: absolute;
  text-align: right;
  top: 26px;
  width: 65px;
}

.subtotalBox strong {
  left: 12px;
  position: absolute;
  top: 10px;
}

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

.subtotal .shipping {
  float: left;
  font-weight: normal;
  font-size: 11px;
}

.basket.notepad .subtotal {
  bottom: 4px;
  font-size: 12px;
  margin: 9px 0 0;
  position: absolute;
  text-align: right;
  width: 368px;
}

#siteContent .basket.notepad .subtotal .saleInvert {
  font-size: 14px;
}

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

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

.basket.notepad .articleBoxRightMiddle {
  float: none;
  padding-bottom: 0;
  width: 100%;
}

.state {
  background: url(/images/icon-state.gif) no-repeat 0 -100px;
  bottom: 12px;
  color: #333;
  cursor: default;
  height: 14px;
  left: 104px;
  line-height: 14px;
  text-decoration: none;
  padding: 1px 0 1px 24px;
  position: absolute;
  width: 154px;
}

.state span {
  background: transparent url(/images/info.gif) no-repeat scroll 5px 0;
  padding: 1px 7px 2px 12px;
}

#productDetails .state {
  bottom: 0;
  display: block;
  left: 0;
  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;}

.basket .state.unavailable.alternatives {
  bottom: 20px;
}

.alternativesLink {
  bottom: 3px;
  font-size: 11px;
  left: 121px;
  position: absolute;
}


.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(/images/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(/images/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;
  width: 250px;
}

.basket .subtotalBox {
  height: 30px;
  width: 372px;
}

.basketSuccessItem .subtotalBox {
  height: 30px;
}

.basket .subtotalBox span.amount {
  left: 8px;
}
.basket .subtotalBox span {
  left: 36px;
}

.basketSuccessItem .subtotalBox span {
  top: 10px;
}

.deleteBasket a {
  background: url(/images/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;
  max-height: 28px;
  line-height: 14px;
  margin: 0 0 4px;
  overflow: hidden;
  /*padding: 0 0 4px;*/
}

.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: 284px;
}

.articleBoxRightBottom {
  float: right;
  position: relative;
}

.articleBoxRightBottom .shipping {
  position: absolute;
  right: 0;
  font-size: 11px;
}

.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-align: center;
  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(/images/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 12px 12px 0;
}

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

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

#site .payment .paymentText {
  margin: 0 0 8px 0;
}
#site .payment .paymentTextBottom {
  margin: 8px 0 0 0;
}

#site .payment .paymentImage {
  left: 4px;
  position: relative;
  top: 44px;
}

#site .payment .formText {
  margin-right: 12px;
}

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

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

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

/* simple modal */
#simpleModalSmall {
  width: 407px;
}
#simpleModalLarge {
  width: 598px;
}
#modalNb2Accept #simpleModalLarge {
  height: auto;
  width: auto;
}
#simpleModalFormLarge {
  width: 796px;
}
#simpleModalSmall .simplemodal-data,
#simpleModalLarge .simplemodal-data {
/*  overflow: auto;*/
}

/* for modal with no alias*/
#simpleModalSmall .simplemodal-wrap {
  overflow: visible !important;
}

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

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

#simpleModalSmall h1,
#simpleModalLarge h1,
#simpleModalFormLarge h1 {
  /* removed to make h1 fit into simpleModalSmall */
  /*margin-right: 20px;*/
}

#simpleModalLarge .articleBox {
  margin-bottom: 12px;
  padding: 0 0 12px;
}

#simpleModalLarge .state {
  left: 92px;
}

#simpleModalLarge .articleBoxRightMiddle {
  padding: 9px 0 8px 0;
}

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

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

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

#simpleModalSmall .simpleModalContent .modalScrollContent,
#simpleModalLarge .simpleModalContent .modalScrollContent {
  max-height: 270px;
  position: relative; /* ie7 */
/*  overflow-y: scroll; */ /* dont change or other shaders _will_ break */
}

#simpleModalSmall .simpleModalContent .modalScrollContent .specialPage,
#simpleModalLarge .simpleModalContent .modalScrollContent .specialPage {
  max-height: 270px;
  overflow-y: scroll; 
}

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

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

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

#simpleModalFormLarge .simpleModalBottom {
  background: url(/images/bg-simple-modal-form-large.png) bottom left no-repeat;
  height: 23px;
}

#dataprivacy_container,
#terms_container {
  background: url(/images/bg-content-privacy.png) 0 0 no-repeat;
  height: 90px;
  margin: 0 0 8px 0;
  padding: 5px;
}
#dataprivacy_container div.privacyText,
#terms_container div.privacyText {
  font-size: 10px;
  height: 90px;
  overflow: auto;
}
#dataprivacy_container .editorialTextContainer,
#terms_container .editorialTextContainer {
  height: auto;
  overflow: visible;
  padding-right: 0;
}

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

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

.orderOverview tr {
  height: 20px;
}

.basketSummary tr {
  height: 24px;
}

.orderOverview table th {
  vertical-align: top;
}
.orderOverview table td {
  padding: 0 0 0 0;
  text-align: right;
  vertical-align: top;
}

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

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

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

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

.basketSuccessItem .articleBoxRight .userRating {
  float: right;
  width: 270px;
}


.basket form.rating-form,
.basket div.rating-form-readonly {
  float: left;
}

.basketSuccessItem form.rating-form,
.basketSuccessItem div.rating-form-readonly,
.orderBox form.rating-form,
.orderBox div.rating-form-readonly {
  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.button {
  margin-left: 12px;
}

.rightButton a {
  margin-right: 0;
}

.siteHeaderSearchBox .rightButton a.button {
  margin: 0;
}

.siteHeaderSearchBox {
  margin-bottom: 12px;
}
.siteHeaderSearchBox.faqSearchbox {
  float: left;
  width: 382px;
}

.siteHeaderSearchBox .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,
#siteContent .summary 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 {
  /* also ie.css */
}

.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 4px 24px 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: 130px;
}

.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(/images/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 .hintMsg .pwsMeter h3 {
  padding: 3px 0 0 5px;
}


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

#siteContent .pwsMeter .colorbar {
  background-image: url(/images/passwordstrength.jpg);
  height: 2px;
  margin: 1px;
  position: absolute;
  top: 22px;
  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(/images/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(/images/bg-loginOld-top.gif) no-repeat 0 0;
  width: 370px;
  height: 14px;
}

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

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

#loginOld .applicationBoxRegistration {
  background: transparent url(/images/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(/images/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.inputError {
  background: #fff url(/images/error.gif) no-repeat scroll 2px 1px;
  border: 1px solid #CC0000;
  color: #CC0000;
  margin: 0 36px 12px 0;
  padding: 4px 4px 4px 24px;
}

#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(/images/button-loginOld-einloggen.gif) no-repeat 0 0;
  display: block;
  width: 76px;
  height: 25px;
  text-indent: -9999px;
}

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

.checkoutText p,
.checkoutText li {
  margin-bottom: 4px;
}

.checkoutText ol {
  list-style-type: decimal;
  margin: 0 0 24px 20px;
}

#homepageHead #mediaContainer .mcContainer .imgContainer {
  height: 208px;
}
.jcarousel-skin-fre-mc .jcarousel-clip {
  left: auto;
  width: 268px;
  height: 176px;
  position: relative;
}

.jcarousel-skin-fre-mc .jcarousel-clip ul {
  position: absolute;
}
.jcarousel-skin-fre-mc li {
  width: 268px;
  float: left;
  height: 176px;
}

/* rating only */

.ratingReadonly {
  background: url(/images/icon-rating-star.gif) 0 0 repeat-x;
  width: 60px;
  height: 12px;
}

.ratingReadonly div {
  background: url(/images/icon-rating-star.gif) 0 -12px repeat-x;
  height: 12px;
}

/* Quick Contakt */

#simplemodal-overlay {
  background-color: #000;
  cursor: default;
}

#simplemodal-container {
  height: 490px;
  background-color: #fff;
  /*border: 3px solid #ccc;*/
}

#simpleModalFormLarge {
  height: 490px;
}

#simplemodal-container .simplemodal-data {
  overflow: scroll;
  /*height: 600px;*/
  width: 650x;
}
/* need to be smaller for feedback form, if padding is added */
/*#simplemodal-container #jq_quick_contact_form.simplemodal-data {
  width: 600px;
}
*/
#simpleModalFormLarge .simplemodal-data {
  /*width: 650x;*/
}

#simplemodal-container .formButtons {
  margin: 20px 48px 20px 182px;
}

#simpleModalFormLarge .formButtons {
  margin: 20px 221px 0 0;
}

#simpleModalFormLarge h1 {
	line-height: 10px;
}

#jq_quick_contact {
  position: fixed;
  z-index: 10002;
  left: 0px;
  top: 228px;
}

#jq_quick_contact .triggerLink a {
  background: url(/images/btn-feedback.png) 0 0 no-repeat;
  display: block;
  height: 76px;
  text-indent: -999em;
  width: 22px;
}

#jq_quick_contact .triggerLink a:hover {
  background-position: 0 -80px;
}

#jq_quick_contact_form p.feedbackPara {
  line-height: 16px;
  margin: 0 0 12px;
}

#jq_quick_contact_form .feedbackFlag a {
  background: url(/images/btn-feedback.png) no-repeat 0 0;
  display: block;
  height: 76px;
  left: 740px;
  position: absolute;
  text-indent: -999em;
  top: 0;
  width: 22px;
}

#jq_quick_contact_form .feedbackFlag a:hover {
  background-position: 0 -80px;
}

#jq_quick_contact_form {
	/*TODO define this*/
  /*padding: 12px 0 0 140px;*/
  padding: 12px 0 0 24px;
}

#tooltip {
  background: #f1f1f1 url(/images/info.gif) no-repeat scroll 6px 4px;
  border: 1px solid #ccc;
  display: none;
  line-height: 16px;
  max-width: 240px;
  padding: 5px 12px 8px 28px;
  position: absolute;
  z-index: 10003;
}


/* Poll */
#siteContent .generalForm fieldset .pollQuestion {
  font-weight: bold;
  margin: 20px 0 12px 0;
}

/* Poll Starrating */
#siteContent .generalForm fieldset div.pollStars .stars {
  float: left;
  margin: 3px 0 0 4px;
}

#siteContent .generalForm fieldset div.pollStars label {
  margin: 0 12px 0 0;
}

#siteContent .generalForm fieldset div.pollStars li label {
  font-weight: normal;
}
#siteContent .generalForm fieldset div.pollQuestion li label {
  font-weight: normal;
}
#siteContent .generalForm fieldset div.pollQuestion h3 {
  margin: 0 0 12px 0;
}
#siteContent .generalForm fieldset div.pollQuestion ul.radio_list {
  height: 30px;
}
#siteContent .generalForm fieldset div.pollQuestion ul.radio_list li {
  clear: none;
  float: left;
  margin: 0 50px 0 0;
}
/* Poll Checkboxes */
#siteContent .generalForm fieldset div.pollCheckbox {
  float: left;
}

#siteContent .generalForm fieldset div.pollCheckbox input {
  float: left;
  margin: 0 0 0 12px;
}

#siteContent .generalForm fieldset div.pollCheckbox input.firstInput {
  margin-left: 184px;
}

#siteContent .generalForm fieldset div.pollCheckbox label {
  float: none;
  margin: 0 12px 0 4px;
  text-align: left;
  width: auto;
}

#siteContent .generalForm fieldset div.pollQuestion label {
  margin: 0 0 12px 0;
  text-align: left;
  width: 460px;
}


#shopPollForm textarea.inputText {
  width: 380px;
  height: 40px;
}

#siteContent .generalForm .pollText label,
#siteContent .generalForm p.pollText {
  display: block;
  float: none;
  margin: 20px 0 8px 184px;
  text-align: left;
  width: auto;
}
#siteContent .generalForm .pollText select {
  margin: 0 0 8px 184px;
}

#siteContent .generalForm .pollTerms .legalConfirmationLabel label {
  float: none;
}

/* forum */

.forumNotifications {
  margin: 12px 12px 12px 0;
}

.forumNotifications table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 100%;
}

.forumNotifications th {
  background-color: #f5f4f4;
  font-weight: bold;
}

.forumNotifications th,
.forumNotifications td {
  border-bottom: 1px solid #ccc;
  padding: 4px 8px;
}

.notificationsToolbar label {
  display: block;
  float: left;
}

.notificationsToolbar span {
  display: block;
  float: left;
}

.notificationsToolbar .deleteAllNotifications {
  display: block;
  float: left;
}

.forumMessagesList li {
  border-top: 1px solid #ccc;
  padding: 12px 0;
}

.forumMessagesList li:first-child {
  border-top: none;
}

.userBox {
  float: left;
  width: 156px;
  font-size: 11px;
  line-height: 14px;
}

.userBox p {
  margin-right: 12px;
}

.userBox a.toUserPage {
  display: block;
  overflow: hidden;
  width: 80px;
  margin: 2px 0 4px 0;
}

.avatarFrame {
  background: transparent url(/images/bg-avatar-frame.gif) no-repeat 0 0;
  width: 48px;
  height: 48px;
  padding: 4px;
  float: left;
  display: inline;
  margin: 2px 8px 6px 0;
}

.galleryBox .avatarFrame {
  background: transparent url(/images/bg-gallery-frame.png) no-repeat 0 0;
  width: 120px;
  height: 120px;
}

.avatarFrame span {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  width: 48px;
  height: 48px;
  text-indent: -999em;
}

.galleryBox .avatarFrame span {
  width: 120px;
  height: 120px;
}

.avatarLinks li {
  float: left;
}

.avatarLinks a {
  display: block;
  text-indent: -999em;
  height: 20px;
}

#siteContent .avatarLinks .icon {width: 21px;}
#siteContent .avatarLinks .iconMale {background: transparent url(/images/icon-male.gif) no-repeat 0 3px; width: 21px; margin: 0; padding: 0;}
#siteContent .avatarLinks .iconFemale {background: transparent url(/images/icon-female.gif) no-repeat 0 2px; width: 21px; margin: 0; padding: 0;}
#siteContent .avatarLinks .iconHome {background: transparent url(/images/icon-home.gif) no-repeat 0 2px; width: 25px; margin: 0; padding: 0;}
#siteContent .avatarLinks .iconPN {background: transparent url(/images/icon-pn.gif) no-repeat 0 2px; width: 28px; margin: 0; padding: 0;}
#siteContent .avatarLinks .iconAddFriend {background: transparent url(/images/icon-contact-add.gif) no-repeat 0 0; width: 29px; margin: 0; padding: 0;}

.posting {
  display: inline;
  float: left;
  line-height:1.33;
  margin: 0 0 12px 0;
  overflow: hidden;
  width: 600px;
}
.tabPosting .posting {
  width: 592px;  
}

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

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

.quoted .prefix {
  color: #666;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
}

.quoted .quotedBox {
  border: 1px solid #CCCCCC;
  padding: 4px 8px 0;
}

.searchResults .posting {
  width: 584px;
}

.forumPostingContent {
  margin-bottom: 12px;
}

.forumPosting h3 {
  padding-bottom: 4px;
}
.forumPosting p.date {
  font-size: 11px;
}

.postingButtons {
  float: right;
}

.postingButtons a {
  margin-bottom: 0;
}

.postingToolbar,
.roundetToolbar {
  font-size: 11px;
}

.roundetToolbar .twoliner {
  line-height: 12px;
  padding: 3px 0 0 12px;
}

.postingToolbar span,
.roundetToolbar span {
  float: left;
  padding: 8px 0 0 12px;
}

.votingArea a {
  text-decoration: none;
}

.positive,
.negative {
  background: transparent url(/images/bg-voting.png) no-repeat 0 0;
  padding: 2px 0 2px 20px;
}

.negative {
  background-position: 0 -17px;
  margin-left: 7px;
}


.postingToolbar em,
.forumBox em {
  color: #333;
}

.postingToolbar .voting,
.forumBox .forumBox {
  color: #c00;
  text-decoration: underline;
  float: none;
  padding: 0;
}

#faqs_accordion .postingToolbar a .voting,
.postingToolbar a.noDecoration .voting {
  color: #333;
  text-decoration: none;
}

.postingToolbar a:hover .voting {
  color: #333;
}

.postingToolbar .user {
  padding-right: 24px;
}

.postingToolbar .sneak {
  background: transparent url(/images/bg-sneak.png) no-repeat 8px 9px;
  border-left: 1px solid #CCCCCC;
  float: right;
  padding: 8px 8px 6px 28px;
}

.roundetToolbar span.buyLink {
  float: right;
  padding: 0;
}

.buyLink a {
  background: transparent url(/images/icon-breadcrumb-divider.gif) no-repeat 16px 12px;
  border-left: 1px solid #CCCCCC;
  float: right;
  padding: 8px 8px 6px 34px;
}

.roundetToolbar .right {
  float: right;
  padding-right: 8px;
  text-align: right;
}

.forumBox {
  background: url(/images/bg-forum-box.png) no-repeat -350px 0 #f3f3f3;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  min-height: 44px;
  margin: 0 12px 12px 0;
  position: relative;
}

  .forumBox.text { background-position: -350px 0 }
  .forumBox.exclamation { background-position: -300px -64px }
  .forumBox.blabla { background-position: -250px -128px }
  .forumBox.question { background-position: -200px -192px }
  .forumBox.sticked { background-position: -150px -256px }
  .forumBox.sad { background-position: -100px -320px }
  .forumBox.closed { background-position: -50px -384px }
  .forumBox.fn { background-position: 0 -448px }

.forumIntro {
  padding: 0 12px 12px 0;
}

.subjectTitle {
  display: block;
  height: 32px;
  overflow: hidden;
}

.forumBox .columnLeft {
  border-right: 1px solid #ccc;
  display: inline; /* ie6 */
  float: left;
  margin-right: 18px;
  min-height: 48px;
  overflow: hidden;
  padding: 12px 8px 12px 42px;
  width: 422px;
}

.columnRight {
  float: left;
  margin: 12px 8px 12px 0;
}

.forumBox.forumSearch h3 {
  margin: 8px 0 4px 0;
}

.forumBox.forumSearch .highlight {
  color: #477c0b;
}

.forumBox .userPrefix {
  float: left;
  padding: 0 4px 0 0;
}

.forumBox .userName {
  display: block;
  float: left;
  height: 16px;
  overflow: hidden;
  width: 108px;
}
.forumBox .columnLeft .userName,
.forumBox .columnRight .userName {
  width: 230px;
}

.forumBox .votingArea {
  position: absolute;
  left: 180px;
  top: 40px;
}

.statistic {
  display: block;
  float: left;
  width: 108px;
}

#forumOverview .subjectTitle {
  height: 16px;
  display: inline;
}

#forumOverview .categoryTitle {
  height: 16px;
  display: inline;
  color: #999999;
  overflow: hidden;
}

#forumComment h2 {
  padding-bottom: 12px;
}

#forumComment p {
  padding-bottom: 12px;
}

#siteContent #forumComment p.inputError {
  padding: 0 12px 0 0;
  text-align: left;
}

#forumComment input.inputText {
  margin: 0 0 12px;
  width: 500px;
}

#forumComment textarea.inputText {
  margin: 0 0 8px;
  width: 750px;
}

.forumCommentLeft {
  float: left;
  width: 50%
}

.forumCommentRight {
  float: right;
  width: 50%
}

.forumCommentRight a {
  float: right;
}

ul.forumSymbols {
  margin: 8px 0 20px 0;
}

.forumSymbols li {
  float: left;
  margin-right: 12px;
}

.forumSymbols li input {
  float: left;
}

.forumSymbols li label {
  background: url(/images/forum-symbols.png) no-repeat 0 0 transparent;
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  width: 36px;
  margin-right: 36px;
  text-indent: -999em;
}

.forumSymbols .text label { background-position: 0px 0px }
.forumSymbols .blabla label { background-position: 0px -30px }
.forumSymbols .sad label { background-position: 0px -60px }
.forumSymbols .question label { background-position: 0px -90px }
.forumSymbols .exclamation label { background-position: 0px -120px }

#siteContent #forumComment .section {
  position: relative;
}
#siteContent #forumComment .browse_btn {
  position: absolute;
  right: 461px;
  top: 4px;
  z-index: 100001;
}
#siteContent #forumComment .browse_btn a.browseImage {
  text-indent: -10000px;
  /* copied from .mceButton - ui.css */
  display: block;
  border: 1px solid #F0F0EE; 
  width: 20px;
  height: 20px;
  margin-right: 1px;
}
#siteContent #forumComment .browse_btn a.browseImage:hover {
  /* copied from .mceButton:hover - ui.css */
  border: 1px solid #0A246A;
  background-color: #B2BBD0;
}
#siteContent #forumComment .browse_btn a.browseImage span {
  background: url("/js/tiny_mce/themes/advanced/img/icons.gif") no-repeat scroll -380px 0 transparent;
  display: block;
  height: 20px;
  width: 20px;
}

/* forumElements in Modal box */
.simpleModalContent .forumPosting .posting {
  width: 340px;
}

.simpleModalContent .forumPosting.commentPreview .posting {
  width: 600px;
}

.simpleModalContent .forumPosting .posting.previewAdText {
  width: 540px;
}
.simpleModalContent .forumPosting .posting.previewAdTextWithImage {
  height: 128px;
  overflow: auto;
  width: 400px;
}
/* made for adPreview, never use #simpleModalLarge only. it breaks basket modal */
#simpleModalLarge {
/*  height: 330px; */
}

.newSubject {
  margin: 0 0 12px 0;
}
.newSubject.authorView {
  margin: 0 0 32px 0;
}

.newSubjectContent {
  background: url(/images/bg-pagination.png) no-repeat 0 0;
}

.newSubjectContent p {
  float: left;
  padding: 8px 0 4px 12px;
  width: 488px;
}

.newSubjectContent a.button {
  float: right;
  margin: 5px 24px 0 0;
}

.newSubjectBottom {
  background: url(/images/bg-pagination.png) no-repeat 0 100%;
  height: 4px;
}

#communityHeadBox h3 {
  padding-bottom: 8px;
}

#communityHeadBox p {
  margin: 0 0 8px 0;
}

#communityHeadBox label {
  font-weight: bold;
  display: block;
  margin: 0 0 9px;
}

#site #communityHeadBox div select,
#site .headFilterBox div select {
  width: 178px;
  margin-bottom: 4px;
}

#site #communityHeadBox div input {
  width: 170px;
  margin-bottom: 8px;
}

#siteHeader .editorial .button,
#communityHeadBox div .button {
  float: right;
  margin: 0;
}

.marktfinderTeaser {
  padding-left: 12px;
}
.contentTeaser.marktfinderTeaser.teaser-1-1 {
/*  width: 166px; 165px wegen Katalog!*/
  width: 165px;
}

.marktfinderTeaser h3 {
  color: #c00;
  padding: 8px 12px 16px 0;
}

#siteContent .marktfinderTeaserInfos {
  float: left;
  padding: 8px 0 0 8px;
  width: 168px;
}

#siteContent .marktfinderTeaserLinks {
  float: right;
  margin: 2px 2px 0 0;
  width: 176px;
}

#siteContent .teaser-2-1 .marktfinderTeaser {
  padding: 0;
}

#siteContent .teaser-2-1 .marktfinderTeaser h3 {
  color: #6a6a6a;
  margin-left: 0;
  padding: 0 0 4px 0;
}
#siteContent .teaser-1-1.marktfinderTeaser h3,
#siteContent .marktfinderTeaserInfos h3 {
  color: #6a6a6a;
}
#siteContent .teaser-2-1 .marktfinderTeaserInfos h3 a {
  display: block;
  margin-bottom: 0;
}
#siteContent .marktfinderTeaserLinks img {
  float: none;
  margin: 0 0 16px 0;
}
#siteContent .marktfinderTeaserLinks li {
  background-image: none;
  padding-left: 0;
}
#siteContent .marktfinderTeaserInfos h4 {
  color: #000;
}
#siteContent .marktfinderTeaserInfos p {
  margin-bottom: 12px;
}
#siteContent .marktfinderTeaserInfos p a {
  background: none;
  display: inline;
  padding: 0;
}
#siteContent .teaser-2-1 .marktfinderTeaser div.rightButton {
  margin-right: 6px;
}
#siteContent .marktfinderTeaserInfos .contentTeaserText {
  height: auto;
}

#siteContent .marktfinderTeaserLinks p {
  float: left;
  padding: 0 16px 16px 16px;
  width: 160px;
}
#siteContent .marktfinderTeaserLinks .branchStoreTimes p {
  padding: 4px 16px 16px 0;
  width: 100px;
}
#siteContent .branchStoreTimes {
  margin: 0 8px 0 2px;
}
#siteContent .branchStoreTimes caption {
  font-size: 12px;
  padding: 0;
}
#siteContent .branchStoreTimes th,
#siteContent .branchStoreTimes td {
  font-size: 11px;
  line-height: 13px;
  padding: 0 12px 0 0;
}

.marktfinderTeaser div div {
  float: right;
}

#site .teaser-1-1.marktfinderTeaser .inputText {
  width: 146px;
  margin: 4px 0 12px;
}
#site .teaser-2-1 .marktfinderTeaser .inputText {
  width: 158px;
  margin: 4px 0 12px;
}

#site .teaser-1-1.marktfinderTeaser .inputSelect {
  width: 150px;
  margin: 0 0 12px 0;
}
#site .teaser-2-1 .marktfinderTeaser .inputSelect {
  width: 162px;
  margin: 0 0 12px 0;
}

.customersWho a.microbutton {
  background: url(/images/button-kaufen-mini.gif) 0 0 no-repeat;
  height:11px;
  left:52px;
  position:absolute;
  text-indent:-999em;
  top:40px;
  width:59px;
}

.customersWho a:hover.microbutton {
  background-position: 0 -11px;
}

/* gallery */
#siteContent .section {
  margin: 0 0 12px 0;
}

#gallery-album-detail .textAndButton {
  float: right;
}
#gallery-album-detail .textAndButton p {
  float: left;
  padding: 3px 12px 0 0;
}
#gallery-album-detail .textAndButton a.button {
  float: right;
  margin: 0px;
}

#gallery-album-detail .productQuarterTeaser .albumDetailEditBox {
  height: 88px;
  margin: 4px 0 0;
}

#gallery-album-detail .productQuarterTeaser p {
  height: auto;
  line-height: 12px;
  margin: 0 8px 8px;
}
#gallery-album-detail .productQuarterTeaser input {
  margin: 0;
  position: relative;
  top: 2px;
}

.deleteAllImagesBox {
  margin: 0 12px 12px 0;
}

#bd_image_name_field,
#bd_image_image_field {
  margin: 0 0 12px 0;
}

#bd_image_name_field .inputError {
  color: #c00;
  font-weight: bold;
}

#bd_image_name_field label,
#bd_image_image_field label {
  display: block;
  float: left;
  padding: 5px 0 0;
  width: 100px;
}

.uploadFileInfoBox {
  background: url(/images/bg-form-input.png) no-repeat 0 0;
  border: 1px solid #ccc;
  color: #666666;
  float: left;
  font-size: 11px;
  height: 14px;
  line-height: 1em;
  margin-right: 12px;
  padding: 4px 0 2px 6px;
  width: 250px;
}

#bd_image_image_field a span {
  line-height: 1em;
}

#uploadSuccessFeedback p {
  padding: 12px 0;
}


#pdTabs #gallery-album-detail {
  margin: 0;
}

.scalableRoundedBox.changeAlbumName {
  border-top: none;
  margin: 0 12px 0 0;
  padding-top: 12px;
  top: -16px;
}

.sticky .scalableRoundedBox {
  border-top: none;
  padding-top: 12px;
  position: relative;
  top: -19px;
  z-index: 1;
}

.textTeaser.textTeaser-4-0.extractTeaser {
  margin-bottom: 12px;
  width: 738px;
}

.textTeaser.textTeaser-4-0.extractTeaser h3 {
  color: #666666;
  font-size: 11px;
  text-transform: uppercase;
}

.textTeaser.textTeaser-4-0.extractTeaser h4 {
  color: #333333;
  font-size: 14px;
  padding: 0 0 4px;
}

.textTeaser.textTeaser-4-0.extractTeaser a {
  background: url(/images/icon-download.gif) 0 2px no-repeat;
  display: block;
  margin: 8px 0;
  padding: 4px 0 4px 24px;
}

.scalableRoundedBox.imageFrame {
  float: left;
  padding: 4px;
}

.changeAlbumName h3 {
  float: left;
  height: 12px;
  margin: 3px 12px 0 0;
  overflow: hidden;
  width: 300px;
}

.changeAlbumName label {
  float: left;
  margin: 3px 12px 0 0;
}

.changeAlbumName a {
  margin: 0;
}

.noImagesMessage {
  background: url(/images/info.gif) 0 0 no-repeat;
  color:#CC0000;
  font-size:12px;
  line-height:20px;
  margin:12px 0 12px 4px;
  padding-left:24px;
}

.editAlbumBox {
  padding: 0 0 0 5px;
}

.editAlbumBox p {
  padding: 0 0 12px 0;
}

.editAlbumBox h3 {
  padding: 0 0 12px 0;
}

.editAlbumBox .addImage {
  float: left;
  width: 360px;
  margin: 0 12px 0 0;
}

.editAlbumBox .addImage a{
  width: 120px;
}

.editAlbumBox .albumSecurity {
  float: left;
  width: 180px;
  margin: 0 12px 0 0;
}

.editAlbumBox .albumDelete {
  float: left;
  width: 172px;
}

.newAlbumBox h3 {
  padding: 0 0 12px 0;
}

.newAlbumLeftBox {
  float: left;
  width: 360px;
  margin: 0 12px 0 0;
}

.newAlbumLeftBox p {
  padding: 0 0 12px 0;
}

.newAlbumLeftBox input {
  width: 160px;
}

.newAlbumHint {
  float: right;
  width: 354px;
  margin: 0 12px 12px 0;
}

.productEighthTeaser {
  background: transparent url(/images/bg-product-teaser-eighth.png) 0 0 no-repeat;
  float: left;
  font-size: 10px;
  margin: 0 12px 0 0;
  width: 84px;
  height: 128px;
  position: relative;
}

.productEighthTeaser .imageBox {
  background: no-repeat 50% 50% transparent;
  display: block;
  height: 80px;
  left: 2px;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  top: -80px;
  width: 80px;
}

.productEighthTeaser label {
  display: block;
  position: relative;
  top: 82px;
}

.productEighthTeaser:hover {
  background-position: -84px 0;
}

.productEighthTeaser input {
  position: relative;
  top: 2px;
}

.productEighthTeaser .imageName {
  display: block;
  height: 19px;
  line-height: 10px;
  overflow: hidden;
  padding:2px 0 2px 4px;
  width:76px;
}

#gallery-album-detail .textTeaser p {
  font-size: 11px;
  padding: 4px 0 0 8px;
}

#edit_image .editImageHeader {
  margin: 0 0 12px 0;
}

.albumCheckList {
  margin: 12px 0 20px;
}

.albumCheckList li {
  display: inline;
  float: left;
  margin: 0 12px 8px 0;
  width: 172px;
}

#edit_image .editImageBox {
  float: left;
  width: 384px;
}

#edit_image .editImageInfo {
  float: left;
  width: 372px;
}

#edit_image .editImageInfo input {
  margin: 0 0 12px 0;
}

#edit_image .editImageInfo .albumCheckList li input {
  margin: 0;
}

#edit_image .editImageInfo p {
  margin: 0 0 12px 0;
}

#edit_image .editImageInfo textarea {
  height: 100px; margin: 0 0 20px 0
}

#GalleryAddAlbumForm #bd_album_name {
  float: left;
  width: 160px;
}

.galleryChangeAlbumName {
  padding:12px 0 12px 5px;
}

.galleryChangeAlbumName .button {
  margin-bottom:0;
}

#gallery_change_album_name_form #bd_album_name {
  width: 160px;
}

#gallery_change_album_name_form #bd_album_name {
  width: 160px;
}

/* Community Kalender */

#communityHeadBox {
  margin-bottom: 12px;
}

.ui-datepicker {
  background: url(/images/bg-community-calendar.png) 0 0 no-repeat;
  display: inline;
  float: left;
  font-size: 10px;
  height: 151px;
  margin: 0 12px 0 0;
  padding: 5px 5px 0;
  width: 170px;
}

.ui-datepicker-header {
  margin-bottom: 8px;
}

a.ui-datepicker-prev span,
a.ui-datepicker-next span {
  background: url(/images/icon-calendar-month-scroll.gif) 0 0 no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  height: 16px;
  text-indent: -999em;
  width: 18px;
}

a.ui-datepicker-prev:hover span {
  background-position: -18px 0;
}

a.ui-datepicker-next span {
  background-position: 0 -16px;
  float: right;
}

a.ui-datepicker-next:hover span {
  background-position: -18px -16px;
}

.ui-datepicker-title {
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
  margin: 0 22px;
  text-align: center;
}

.ui-datepicker-calendar {
  border-collapse: collapse;
  margin-top: 1px;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  background-color: #fff;
  text-align: right;
}

.ui-datepicker-calendar td.isSelected {
  background: #fff url(/images/bg-community-calendar-active.gif) 2px 3px no-repeat;
}

.ui-datepicker-calendar td.isSelected a {
  background: none;
  color: #fff;
}

.ui-datepicker-calendar th span {
  display: block;
  padding: 0 5px 0 2px;
}

.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
  color: #666;
  display: block;
  padding: 1px 4px 1px 5px;
  text-decoration: none;
}

.ui-datepicker-calendar th.ui-datepicker-week-col,
.ui-datepicker-calendar td.ui-datepicker-week-col {
  background-color: #eeeced;
  padding-right: 6px;
}


.ui-datepicker-calendar a:hover {
  background: #fff url(/images/bg-community-calendar-active.gif) 2px 3px no-repeat;
  color: #fff;
}

.ui-datepicker-calendar a.ui-state-highlight,
.ui-datepicker-calendar td.isSelected a.ui-state-highlight {
  background: #fff url(/images/bg-community-calendar-active.gif) 2px -17px no-repeat;
  color: #fff;
}

#ui-datepicker-div {
  display: none;
}

.ui-datepicker-calendar td.hasEvent {
  background: #fff url(/images/bg-community-calendar-active.gif) 2px -36px no-repeat;
}

.ui-datepicker-calendar td.hasEvent a {
  color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-other-month a {
  color: #ccc;
}

.calendarDateTeaser {
  background: url(/images/bg-calendar-dateTeaser.png) 0 0 no-repeat;
  height: 112px;
  margin-bottom: 12px;
}

.calendarDateTeaser h3 span {
  padding: 0 12px;
}

.calendarDateTeaserLeft {
  float: left;
  padding: 4px 12px;
  width: 484px;
}

.calendarDateTeaserRight {
  float: left;
  padding: 4px 12px;
  width: 236px;
}

.calendarDateTeaserRight p {
  height: 16px;
  overflow: hidden;
}

.eventFilterBox,
.headFilterBox {
  display: inline;
  width: 180px;
  float: left;
  margin: 0 12px 0 0;
}

#siteContent .headFilterBox p.inputError {
  margin: 4px 0;
  width: 180px;
}


#siteHeader .siteHeaderSearchBox {
  width: 384px;
  float: left;
  min-height: 180px;
}

/*#siteHeader .siteHeaderSearchBox.forumHeaderSearchBox {
  min-height: 0;
}*/

#siteHeader .siteHeaderSearchBox #search_user_name,
#siteHeader .search_user_name,
#site .inputText.search_1col_input {
  width: 174px;
}
#site .inputText.search_1line_input {
  width: 272px;
}
#siteHeader .textTeaser .inputText.search_1col_input {
  margin-bottom: 4px;
  margin-right: 0;
}

#siteHeader .siteHeaderSearchBox .search_image_name  {
  width: 366px;
}

#siteHeader .siteHeaderSearchBox .errorBox {
  margin: 0 12px 12px 0;
}

#siteHeader .siteHeaderSearchBox .eventFilterBox,
#siteHeader .siteHeaderSearchBox .headFilterBox {
  width: 192px;
  margin: 0;
}

#siteHeader .siteHeaderSearchBox h3 {
  padding: 0 12px 10px 0;
}

.headFilterBotton,
.headFilterBottom {
  margin-top: 12px;
}
.headFilterBotton .jq_reset_link,
.headFilterBottom .jq_reset_link {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 4px; /* for windows */
}

.headFilterBotton .rightButton,
.headFilterBottom .rightButton {
  padding-right: 12px;
}

#site #communityHeadBox .headFilterBox div input.plz,
#site #communityHeadBox .eventFilterBox input.plz,
#site #siteHeader div input.plz {
  display: inline;
  float: left;
  margin: 0 4px 0 0;
  width: 36px;
}

#site #communityHeadBox div select.range,
#site #siteHeader div select.range {
  display: inline;
  float: left;
  margin: 0 0 4px 0;
  width: 132px;
}

#site #communityHeadBox .headFilterBox .inlineLabel,
#site #communityHeadBox .eventFilterBox .inlineLabel,
#site #siteHeader .inlineLabel {
  display: inline;
  float: none;
  margin-right: 4px;
  width: auto;
}

#site #siteHeader .inputCheckbox {
  margin: 0 4px 0 0;
}

.googleMapsBox {
  border: 1px solid #CCCCCC;
  float: left;
  height: 154px;
  overflow: hidden;
  position: relative;
  width: 370px;
}

#siteHeader .googleMapsBox {
  width: 370px;
/*  top: 27px;*/
}

.googleMapsBox iframe {
  position: absolute;
}

.eventDetailInfobox {
  float: left;
  background-color: #eeeded;
  border: solid 1px #ccc;
  padding: 4px 12px;
  margin: 4px 12px 12px 0;
  font-size: 11px;
}

.eventDetail .eventDetailInfobox p {
  margin: 0;
}

.eventDetailInfobox th,
.eventDetailInfobox td {
  padding: 0 16px 4px 0;
}

.eventDetailInfobox th {
  font-weight: bold;
}

.eventDetail p {
  margin: 0 12px 12px 0;
}

/* editorialContent */
.siteBanner,
.linkList,
.headline {
  margin: 0 0 16px 0;
}

.linkList {
  margin-left: -12px;
}

#editorialContent .linkList p {
  margin: 0;
}

#newsletterFormular .checkbox_list {
  padding: 4px 0 8px 188px;
  width: 360px;
}

#newsletterFormular .generalForm ul.checkbox_list li {
  clear: none;
  float: left;
  margin: 0 24px 12px 0;
  width: 146px;
}

#newsletterFormular .checkbox_list input {
  float: none;
  margin: 0;
}

#newsletterFormular .checkbox_list label {
  float: none;
  margin: 0;
  width: auto;
}

#newsletterFormular .newsletterHelpText {
  padding: 0px 0px 0px 184px;
  width: 358px;
}

.newsletterSignupFooter {
  bottom: 10px;
  margin: 0 12px 0 0;
  position: absolute;
  right: 0;
  width: 343px;
}

#site .newsletterSignupFooter h3,
.newsletterSignupFooter,
.newsletterSignupFooter a {
  color: #fff;
}
#site .newsletterSignupFooter .inputText {
  margin-bottom: 8px;
  margin-right: 5px;
  width: 228px;
}
#site .newsletterSignupFooter .inputCheckbox {
  float: left;
  margin: 0 8px 8px 0;
}
#site .newsletterSignupFooter .newsletterTerms label {
  font-size: 11px;
  line-height: 1.2em;
  margin: 1px 0 0 0;
  padding-right: 12px;
  display: block;
  width: 280px;
}

#site .newsletterSignupFooter .buttonCss {
  margin: 0;
  position: relative;
  top: 1px; /* also ie */
} 

.linkList a {
  background: transparent url(/images/icon-arrowlink-category.gif) no-repeat 0 4px;
  display: block;
  float: left;
  font-size: 11px;
  height: 12px;
  overflow: hidden;
  padding: 0 0 6px 8px;
  margin: 0 0 0 12px;
  width: 166px;
}

.stripLine {
  background-color: #e0e0e0;
  height: 1px;
  margin: 0 12px 16px 0;
  width: 756px;
}

a.anchor {
  display: block;
  width: 756px;
}
.searchResults .stripLine {
  width: auto;
}
.stripLine hr {
  display: none;
}

.headline h2 {
  font-size: 14px;
  padding: 0;
}

.table-2,
.image-2,
.text-2,
.links-2 {
  width: 372px;
  margin-right: 12px;
}

.table-4,
.image-4,
.text-4,
.links-4,
.image-text-4,
.image-text-4-right,
.infobox-text-4-left,
.infobox-text-4-right {
  width: 756px;
}

.image-1,
.image-2,
.image-4  {
  background-color: #E1E1E1;
}

#editorialContent .image-1 p,
#editorialContent .image-2 p,
#editorialContent .image-4 p {
  padding: 0 8px;
  font-size: 11px;
  margin: 0;
}

.image-text-4 .image-2,
.image-text-4-right .image-2 {
  float: left;
  margin-bottom: 4px;
}
.image-text-4-right .image-2 {
  float: right;
  margin-right: 0;
  margin-left: 12px;
  margin-bottom: 4px;
}

.infobox-text-4-left .infoBox,
.infobox-text-4-right .infoBox {
  float: left;
  margin-bottom: 0;
}
.infobox-text-4-right .infoBox {
  float: right;
  margin-right: 0;
  margin-left: 12px;
  margin-bottom: 0;
}

.mceContentBody .mceItemTable,
#editorialContent .editorialTable table {
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}


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

.mceContentBody .mceItemTable caption,
#editorialContent caption {
  background-color: #E1E1E1;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  font-weight: bold;
  line-height: 14px;
/*  margin-right: 12px;*/
  padding: 2px 8px 3px;
}

#editorialContent .editorialParagraph caption {
  margin-right: 0px;
  width: 354px;
}

.mceContentBody .mceItemTable th,
#editorialContent .editorialTable th {
  font-weight: bold;
}

.mceContentBody .mceItemTable th,
.mceContentBody .mceItemTable td,
#editorialContent .editorialTable th,
#editorialContent .editorialTable td {
  border: 1px solid #ccc;
  font-size: 11px;
  line-height: 14px;
  padding: 2px 8px;
  vertical-align: top;
}

.editorialTable {
  margin: 0 0 16px;
}

.editorialParagraph {
  margin: 0 12px 16px 0;
}

.editorialProductTeaser .contentTeaser {
	float: left;
}	

.mceContentBody .infoBox,
.infoBox {
  background: transparent url(/images/bg-editorialContainer.png) no-repeat 0 0;
  width: 372px;
  margin-bottom: 12px;
  margin-right: 12px;
}

.mceContentBody .infoBox.infobox-4,
.infoBox.infobox-4 {
  background: transparent url(/images/bg-editorialContainerFull.png) no-repeat 0 0;
  width: 756px;
  margin-bottom: 12px;
  margin-right: 12px;
}

.mceContentBody .infoBox .content,
.infoBox .content {
  padding: 12px 12px 0;
}

.mceContentBody .infoBox .genericList,
.infoBox .genericList {
  margin: 12px 0;
}

.mceContentBody .infoBox a,
.infoBox a {
  width: 160px;
}

.floatLeft {
  float: left;
  margin: 0 12px 12px 0;
}

.floatRight {
  float: right;
  margin: 0 0 12px 12px;
}

.floatingListCol2 .genericList {
  overflow: hidden;
}

.positionBottom {
  margin-bottom: 0;
  margin-top: 12px;
}

.infoBoxBottom {
  background: transparent url(/images/bg-editorialContainer.png) no-repeat 0 100%;
  height: 2px;
}

.infoBox.infobox-4 .infoBoxBottom {
  background: transparent url(/images/bg-editorialContainerFull.png) no-repeat 0 100%;
  height: 2px;
}

.image-select-container {
  width: 120px;
  height: 98px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #CCCCCC;
  padding: 0;
}
.image-select-container .image-select {
  padding: 5px 10px;
  margin: 0;
  display: block;
}
.image-select-container .image-select img {
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
}
.image-select-container .selected {
  background-color: #CCCCCC;
}
.image-select-container .selected img {
  border: 1px solid #333333;
}

/* jq zoom */
.jqZoomPup {
  overflow: hidden;
  background-color: #FFF;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  z-index: 10;
  border-color: #c4c4c4;
  border-style: solid;
  cursor: crosshair;
}

.jqZoomPup img {
  border: 0px;
}

.jqZoomWindow {
  border: 1px solid #999;
  background-color: #FFF;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.scalableRoundedBox,
#siteContent fieldset div.scalableRoundedBox {
  background-color: #fff; /* MKO: Necessary, if the box is in front of grey background (e.g. in the tabs) */ 
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 8px;
  position: relative;
}

.scalableRoundedBox.forumNotifications {
  padding: 0 8px 24px;
}

.scalableRoundedBox.gallery {
  padding: 0 3px 8px;
}

#siteContent fieldset div.scalableRoundedBox {
  width: 162px;
}

.borderLeftRight {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color:white;
  padding:10px 8px 4px;
  position:relative;
  top:-19px;
}

.grey {
  background-color: #e8e8e8;
}

.scalableRoundedBox .roundedBoxCorner,
#siteContent fieldset div.scalableRoundedBox .roundedBoxCorner {
  background: url(/images/bg-roundedBox.gif) no-repeat;
  position: absolute;
  width: 4px;
  height: 4px;
}
.grey .roundedBoxCorner,
#siteContent fieldset div.grey .roundedBoxCorner {
  background-image: url(/images/bg-roundedBox-grey.gif);
}
#siteContent fieldset div.scalableRoundedBox .roundedBoxCorner {
  margin: 0;
}

    .scalableRoundedBox .northEast,
    #siteContent fieldset div.scalableRoundedBox .northEast
      { background-position: 100%    0; right: -1px; top: -1px;}
    .scalableRoundedBox .southEast,
    #siteContent fieldset div.scalableRoundedBox .southEast
      { background-position: 100% 100%; right: -1px; bottom: -1px;}
    .scalableRoundedBox .southWest,
    #siteContent fieldset div.scalableRoundedBox .southWest
      { background-position:  0  100%; left: -1px; bottom: -1px;}
    .scalableRoundedBox .northWest,
    #siteContent fieldset div.scalableRoundedBox .northWest
      { background-position:  0     0; left: -1px; top: -1px;}


.scalableRoundedBox .hr {
  background-color: #E0E0E0;
  height: 1px;
  margin: 6px 0 4px;
}

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

.dashboardHeader {
  margin: 0 0 12px 0;
}

.dashboardHeaderLeft {
  float: left;
  width: 372px;
}

.dashboardHeaderLeft img {
  float: left;
  margin: 0 12px 0 0;
}

.dashboardHeaderRight {
  float: right;
  margin: 0 12px 0 0;
  width: 372px;
}

.dashboardHeaderRight .personalData {
  height: 146px;
  margin: 0 0 4px 0;
}

.direktLink {
  height: 18px;
  font-size: 11px;
}

.quarterBox {
  display: inline;
  width: 180px;
  margin: 0 12px 0 0;
  float: left;
}

.quarterBox fieldset {
  margin: 0 0 4px 0;
}
.quarterBox label {
  display: block;
  font-weight: bold;
  margin: 0 0 4px 0;
}
#siteHeader .quarterBox fieldset .inputText.inputHalf {
  width: 174px;
}


.dashboardHeaderInfoboxes {
  margin: 0 0 12px 0;
}

.dashboardHeaderInfoboxes h2,
.dashboardHeaderRight h2 {
  padding: 4px 0 8px 0;
}

.dashboardHeaderInfoboxes p {
  font-size: 11px;
}

.dashboardHeaderInfoboxes p span {
  display: block;
  float: left;
  padding: 0 4px 0 0;
  text-align: right;
  width: 18px;
}

.dashboardHeaderInfoboxes li {
  font-size: 11px;
  line-height: 18px;
}

.dashboardHeaderInfoboxes li span {
  display: block;
  float: left;
  padding: 0 4px 0 0;
  text-align: right;
  width: 18px;
}

.dashboardHeaderInfoboxes li.new {
  font-weight: bold;
}

.dashboardHeaderInfoboxes .scalableRoundedBox.infoBox {
  height: 170px;
  margin: 0 0 4px 0;
}

.iconInbox {
  background: url(/images/icon-new-message.gif) no-repeat scroll 0 2px transparent;
  color: #666;
  padding: 0 0 0 22px;
}

.iconInbox strong,
.iconTatze strong {
  color: #333;
}

.iconTatze {
  background: url(/images/icon-tatze.gif) no-repeat scroll 0 0 transparent;
  color: #666;
  padding: 0 0 0 22px;
}

.dashboardHeaderInfoboxes .orders li {
  border-top: 1px solid #E0E0E0;
  line-height: 10px;
  margin: 8px 0;
  padding: 8px 0 0;
}

.dashboardLinkBox {
  margin: 0 12px 12px 0;
}

.scalableRoundedBox.myInputInfos {
  height: 338px;
  margin: 0 0 4px;
  padding: 4px 2px;
}

.myInputBox h2 {
  padding: 4px 0 8px 6px;
}

.jcarousel-skin-myInputBox {
  position: relative;
  font-size: 11px;
  color: #666;
  line-height: 14px;
}

.jcarousel-skin-myInputBox a {
  display: block;
  margin: 0 0 2px;
}

.jcarousel-skin-myInputBox .jcarousel-prev {
  background: url(/images/bg-scroller.gif) no-repeat scroll 0 -112px transparent;
  cursor: pointer;
  display: block;
  width: 174px;
  height: 16px;
}

.jcarousel-skin-myInputBox .jcarousel-prev:hover {
  background-position: 0 -144px;
}

.jcarousel-skin-myInputBox .jcarousel-next {
  background: url(/images/bg-scroller.gif) no-repeat scroll 0 -128px transparent;
  cursor: pointer;
  display: block;
  width: 174px;
  height: 16px;
  position: absolute;
  top: 296px;
}

.jcarousel-skin-myInputBox .jcarousel-next:hover {
  background-position: 0 -160px;
}

.jcarousel-skin-myInputBox .jcarousel-clip {
  height: 276px;
  left: 0;
  top: 2px;
  width: auto;
}

.jcarousel-skin-myInputBox li {
  border-bottom: 1px solid #E0E0E0;
  float: none;
  height: auto;
  margin: 0 0 4px;
  padding: 4px 8px 4px 2px;
  width: 174px;
}

.quarterBox {
  display: inline;
  width: 180px;
  margin: 0 12px 0 0;
  float: left;
}

.quarterBox fieldset {
  margin: 0 0 4px 0;
}
.quarterBox label {
  display: block;
  font-weight: bold;
  margin: 0 0 4px 0;
}
.quarterBox select {
  margin: 0 0 4px 0;
}

#siteHeader .quarterBox fieldset .inputText.inputHalf {
  width: 174px;
}

.pawProduct a p {
  color: #333;
}

#pawDetail .pawImage {
  float: left;
  padding: 0 12px 12px 0;
}

.pawImage {
  float: left;
  padding: 0 24px 24px 0;
}

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

.pawDescription p {
  margin: 0 0 12px 0;
}

.pawDescription .description {
  margin: 0 0 16px;
}

.pawDescription .chooseAddress {
  margin: 0 0 4px;
}

.pawDescription .newDeliveryAddress {
  margin: 24px 0;
}

.pawDescription .address {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 24px;
}

.pawDescription .address p {
  margin: 0;
}

.picOfTheDay {
  background: transparent url(/images/bg-pic-of-the-day.png) no-repeat 0 0;
  height: 356px;
  padding: 8px;
  width: 356px;
  margin: 0 12px 12px 0;
}

.picOfTheDay h1 {
  margin: 0;
  padding: 0 0 4px;
}

.picOfTheDay img {
  margin: 0 0 4px -6px;
}

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


#galleryImageDetail .scalableRoundedBox {
  padding: 4px;
}

#galleryImageDetail .date {
  font-size: 10px;
  color: #999;
}

#galleryImageDetail .galleryImageDetailImage {
  float: left;
  margin: 0 16px 12px 0;
}

#galleryImageDetail .publishedBox {
  width: 388px;
  float: right;
}

#galleryImageDetail .published,
#homepageHead .published {
  width: 172px;
  float: left;
  margin: 0px 12px 12px 0;
  font-size: 11px;
}
#homepageHead .published {
  float: right;
  position:absolute;
  right: 0;
}

#galleryImageDetail .published .publishedRight,
#homepageHead .published .publishedRight {
  float: right;
  line-height: 12px;
  overflow: hidden;
  width: 124px;
}

#homepageHead .published .publishedRight p {
  margin: 0 0 4px 0;
}

#galleryImageDetail .allImages {
  margin-top: 12px;
}

#galleryImageDetail .published img,
#homepageHead .published img {
  float: left;
  margin: 0 8px 0 0;
}

#galleryImageDetail .description p {
  margin: 0 12px 12px 0;
}

.marginRight {
  margin: 0 12px 0 0;
}

.marginBottom {
  margin: 0 0 12px 0;
}

.paddingBottom {
  padding: 0 0 12px 0;
}

.marginRightTop {
  margin: 12px 12px 0 0;
}

.marginRightBottom {
  margin: 0 12px 12px 0;
}

.screencastBox {
  float: left;
}

.homepageDirectLinks {
  padding: 8px 0;
}

.homepageDirectLinks li {
  float: left;
}

.homepageDirectLinks li a {
  background: transparent url(/images/icons-homepageDirectLinks.gif) no-repeat 0 0;
  display: block;
  padding: 2px 0 2px 24px;
  width: 160px;
}

.homepageDirectLinks li a.editProfile {background-position: 0 0;}
.homepageDirectLinks li a.aboutMe {background-position: 0 0;}
.homepageDirectLinks li a.matchingProfile {background-position: 0 -40px;}
.homepageDirectLinks li a.gallery {background-position: 0 -70px;}
.homepageDirectLinks li a.blog {background-position: 0 -120px;}
.homepageDirectLinks li a.ourAnimals {background-position: 0 -160px;}
.homepageDirectLinks li a.coupledAnimals {background-position: 0 -160px;}

.legende {
  font-size: 10px;
}

/* tinyMCE styles */
body .clearlooks2_modalBlocker {
  background-color: #000;
}
body .clearlooks2 .mceFocus .mceClose,
body .clearlooks2 .mceFocus .mceClose:hover {
  background: url(/images/icon-x.gif) no-repeat 0 0 transparent;
}

body .clearlooks2 {
  background: #fff;
}
body .clearlooks2 a {
  height: 10px;
  top: 7px;
  width: 10px;
}

body .clearlooks2 .mceMiddle {
  background: none;
}

body .clearlooks2 .mceMiddle span {
  background: inherit;
}

body .clearlooks2 .mceTop, .clearlooks2 .mceTop div {
  background: none;
}
body .clearlooks2 .mceFocus .mceTop .mceLeft,
.clearlooks2 .mceTop .mceLeft {
  background: none;
}
body .clearlooks2 .mceFocus .mceTop .mceCenter {
  background: none;
}
body .clearlooks2 .mceFocus .mceTop .mceRight,
.clearlooks2 .mceTop .mceRight {
  background: none;
}
body .clearlooks2 .mceFocus .mceTop span,
body .clearlooks2 .mceTop span {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  margin-left: 16px;
  text-align: left;
}

body .clearlooks2 .mceMiddle .mceLeft {
  background: none;
}
body .clearlooks2 .mceMiddle .mceRight {
  background: none;
}
body .clearlooks2 .mceBottom .mceLeft {
  background: none;
}
body .clearlooks2 .mceBottom .mceCenter {
  background: none;
}
body .clearlooks2 .mceBottom .mceRight {
  background: none;
}
body .clearlooks2 .mceBottom, .clearlooks2 .mceBottom div {
  background: none;
}

.productQuarterTeaser,
.contentTeaser {
  position: relative;
}

.productQuarterTeaser .action,
.productQuarterTeaser .statement,
#productDetails .action,
#productDetails .statement {
  background-color: #c00;
  color: #fff;
  font-weight: bold;
  height: 30px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 100%;
}
.productQuarterTeaser .statement,
#productDetails .statement {
  background-color: #777;
}
#productDetails .action,
#productDetails .statement {
  margin-top: 12px;
  position: relative;
  top: 0;
  width: 172px;
}

#siteContent .productQuarterTeaser .action p.short,
#siteContent .productQuarterTeaser .statement p.short,
#siteContent #productDetails .action p.short,
#siteContent #productDetails .statement p.short {
  font-size: 16px;
  margin: 0;
  padding: 8px 4px 2px 4px;
}

#siteContent .productQuarterTeaser .action p.long,
#siteContent .productQuarterTeaser .statement p.long,
#siteContent #productDetails .action p.long,
#siteContent #productDetails .statement p.long {
  font-size: 11px;
  line-height: 1.1em;
  margin: 0;
  padding: 4px 12px 2px 12px;
}

.eyeCatcher {
  display: block;
  position: absolute;
  text-indent: -999em;
}

.eyeCatcher.new  { background: url(/images/icon_jetztneu.png) no-repeat 0 0 transparent; height: 70px; width: 85px; left: 2px; top: 2px; }
.eyeCatcher.only { background: url(/images/icon_nurbeiuns.png) no-repeat 0 0 transparent; height: 70px; width: 85px; left: 2px; top: 2px; }
.eyeCatcher.view { background: url(/images/icon_360.png) no-repeat 0 0 transparent; height: 32px; width: 43px; right: 3px; top: 3px; }

.contentTeaserImageBox .eyeCatcher.view { right: 195px; }

#productDetails .eyeCatcher.only { background: url(/images/icon_pdv_nurbeiuns.png) no-repeat 0 0 transparent; height: 32px; width: 81px; left: 0; top: -12px; }
#productDetails .eyeCatcher.new { background: url(/images/icon_pdv_jetztneu.png) no-repeat 0 0 transparent; height: 32px; width: 81px; left: 0; top: -12px; }
.eyeCatcherSpacer {height:36px}

#recentPromotions .recentPromotion_image {
  float: left; /* so the link is not bigger than the image */
}

#favoriteCategories .newContent {
  background: url(/images/new-content.gif) no-repeat 0 0 transparent;
  display: inline-block;
  height: 15px;
  left: 200px;
  margin: 0 0 0 12px;
  text-indent: -999em;
  width: 89px;
}

.addToFavorites a {
  background: url(/images/add-to-favorites.gif) no-repeat 0 0 transparent;
  padding: 2px 0 0 24px;
}

/* Donation */
.pawSpecialDonationSummary {
  background: url(/images/bg-aktion-pfoetchen.jpg) 0 0 no-repeat;
  height: 260px;
  margin: 0 0 16px 0;
  position: relative;
  width: 754px;
}

.donationSum {
  position: absolute;
  right: 271px;
  top: 157px;
}
.donationSum.digitCount2 {
  right: 260px;
}
.donationSum.digitCount3 {
  right: 252px;
}
.donationSum.digitCount4 {
  right: 242px;
}
.donationSum.digitCount5 {
  right: 234px;
}
.donationSum.digitCount6 {
  right: 228px;
}

.donationSum span {
  background: url(/images/aktion-counter.png) 0 0 no-repeat;
  display: block;
  float: left;
  height: 36px;
  margin-right: 2px;
  text-indent: -9999em;
}
.donationSum span.donationSum0 {
  width: 17px;
}
.donationSum span.donationSum1 {
  background-position: -29px 0;
  margin-right: 3px;
  width: 9px;
}
.donationSum span.donationSum2 {
  background-position: -51px 0;
  width: 17px;
}
.donationSum span.donationSum3 {
  background-position: -80px 0;
  width: 17px;
}
.donationSum span.donationSum4 {
  background-position: -110px 0;
  width: 21px;
}
.donationSum span.donationSum5 {
  background-position: -142px 0;
  width: 18px;
}
.donationSum span.donationSum6 {
  background-position: -172px 0;
  width: 17px;
}
.donationSum span.donationSum7 {
  background-position: -200px 0;
  margin-right: 0;
  width: 17px;
}
.donationSum span.donationSum8 {
  background-position: -227px 0;
  margin-right: 3px;
  width: 17px;
}
.donationSum span.donationSum9 {
  background-position: -258px 0;
  width: 16px;
}

.download_files {
  clear: left;
  margin-top: 12px;
}


.articleBoxLeft .spedition {
  background: url("/images/spedition-icon-small.png") no-repeat scroll 0 0 transparent;
  left: 97px;
  padding-left: 24px;
  position: absolute;
  top: 55px;
}

.spedition {
	background: url("/images/spedition-icon-small.png") no-repeat scroll 0 0 transparent;
	padding-left: 24px;
	bottom: 0;
  display: block;
  left: 0;
  margin-bottom: 8px;
  position: relative;
  width: auto;
}
#productDetails .priceArea .spedition {
	background: url("/images/spedition-icon-small.png") no-repeat scroll 0 4px transparent;
  display: block;
  float: left;
  height: 18px;
  margin: 0 8px 0 0;
  padding: 0;
  text-indent: -9999em;
  width: 15px;
}

#pdProductDetails #speditionText {
  background: url("/images/spedition-icon.png") no-repeat scroll 0 4px transparent; 
  margin-top: 32px;
  min-height: 30px;
  padding-left: 30px;
}

.articleBoxLeft a.hasTooltip,
#productDetails a.hasTooltip {
	color: #333333;
}

#productDetails a.hasTooltip {
  text-decoration: none;
}

#basket h2.specialShipping {
  background: url("/images/spedition-icon.png") no-repeat scroll 0 10px transparent;
  font-weight:bold; padding: 12px 0 8px 24px;
  margin-top: 20px;
}

#basket h2.standardShipping {
  font-weight:bold; padding: 12px 0 8px 0;
  margin-top: 20px;
}

#basket h2.standardShippingNoBold {
  font-weight: normal;
  padding: 12px 0 8px 0;
  margin-top: 20px;
}

#basket p.specialShippingDescription {
  color:#666; padding: 0 0 12px 0;
  margin-left: 24px;
}

.orderBox .shippingText,
#basket .shippingText {
  font-size:12px; 
  padding: 0 0 12px 0;
}
.orderBox .shippingText {
  padding: 0 12px 12px 12px;
}

.articleBoxLeft .spedition {
  background: url("/images/spedition-icon-small.png") no-repeat scroll 0 0 transparent;
  left: 97px;
  padding-left: 24px;
  position: absolute;
  top: 55px;
}


div.shippingText {
  padding: 12px 8px 0 12px;
  font-size: 11px;
  line-height: 14px;
}

div.shippingBorder {
  border-top: 1px solid #CCCCCC;	

}

div.shippingTextDesc {
  padding: 12px 8px 0 12px;
  line-height: 14px;
  font-size: 12px;
}

p.shippingText {
   font-size: 11px;
}

#basket .shippingDeliveryText {
  font-size:12px; 
  padding: 12px 3px 3px 3px;
}

#productDetails .priceArea span {
    display: block;
    float: left;
    padding: 2px 6px 3px 0;
}
  
#basket p.specialShipping {
  background: url("/images/spedition-icon.png") no-repeat 0 10px;
  font-weight:normal; 
  padding: 12px 0 8px 24px;
}

.orderOverview tr.vatGrey {
  color: #969696;
}

.articleBoxRightBottomShipping {
  position: absolute;
  right: 0;
  top: 34px;
}

.basket .state.shippingRoute {
  bottom: auto;
  left: 97px;
  top: 73px;
  width: 250px;
}

/* marktfinder countries */
.countryDisplay {
  margin: 24px 0 0 0;
}

.countryDisplay .country {
  float: left;
  margin: 0 12px 30px 0;
  width: 372px;
}

.countryDisplay .country.countryDe {
  background: url("/images/fre-marktfinder-de.png") no-repeat 100% 0;
  height: 250px;
}
.countryDisplay .country.countryLu {
  background: url("/images/fre-marktfinder-l.png") no-repeat 100% 0;
  height: 200px;
}

.countryDisplay .country ul li {
  margin: 0 0 4px 0;
}

.countryDisplay .country.countryDe.dePlz1 {
  background-position: 100% -250px;
}
.countryDisplay .country.countryDe.dePlz2 {
  background-position: 100% -500px;
}
.countryDisplay .country.countryDe.dePlz3 {
  background-position: 100% -750px;
}
.countryDisplay .country.countryDe.dePlz4 {
  background-position: 100% -1000px;
}
.countryDisplay .country.countryDe.dePlz5 {
  background-position: 100% -1250px;
}
.countryDisplay .country.countryDe.dePlz6 {
  background-position: 100% -1500px;
}
.countryDisplay .country.countryDe.dePlz7 {
  background-position: 100% -1750px;
}
.countryDisplay .country.countryDe.dePlz8 {
  background-position: 100% -2000px;
}
.countryDisplay .country.countryDe.dePlz9 {
  background-position: 100% -2250px;
}

.moreArticles {
  margin: 32px 0;
}
.moreArticles .imageFrame {
  margin-bottom: 16px;
}

#siteContent .generalForm fieldset div.action_code {
  margin: 30px 0 50px 0;
}


/*#myTest {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
    height: 50px;
    width: 100px;
    margin: 20px;
    padding: 10px;
    
}*/


fieldset.form_images_list ol {
}
fieldset.form_images_list ol li {
  display: block;
  background: url(/images/icon-generic-ul.gif) 0 -394px no-repeat;
  margin: 4px 0 35px 0;
}

fieldset.form_images_list .inputFile {
  margin: 0 0 0 182px;
}
fieldset.form_images_list th {
  text-align: right;
  vertical-align: top;
  width: 170px;
}
fieldset.form_images_list td {
  border-bottom: 1px solid;
  display: block;
  margin: 0 0 2px 14px;
}

.simplemodal-container ul.vet-question li
{
	margin: 10px;
}

div.vet-question-history
{
  margin-bottom: 30px;
}

div.vet-question-history div
{
   display: inline-block;
}

div.vet-question-history div.vet-question-label
{
	margin: 3px 12px 0 0;
	text-align: right;
  vertical-align: top;
  width: 171px;
}

div.vet-question-history div.vet-question-text
{
	margin-right: 12px;
  padding: 3px 0 1px 4px;
  width: 354px
}