/* ======================= */
/* ! CSSExtra CodaPlugIn   */
/* ======================= */


@constants {
  gold:#b8941e;
  dunkelgold:#765e11;
  grau:#3c3c3c;
  gelb:#ffffc8;
  p_Mini:#00924e;
  p_Medium:#be2330;
  p_Maxi:#0074b5;
  p_Junior_Kitten:#f08897;
  p_Light:#009bd6;
  p_Adult:#cc175b;
  p_Senior:#a4ceeb;
  p_Lamm:#F49642;
  p_Lachs:#009CAE;
  p_Lamm_Lachs:#C1AED3;
  p_Digestion:#9D61A0;
  p_Acceptance:#00A8A8;
  p_Hair_Skin:#f49b62;
  rBoxBG:#f7f3e2;
  allWidth: 994px;
  innerWidth:976px;
  innerWidthwP:944px;
  innerhalfWidth:480px;
  navHeight:49px;
  navFont:arial, sans-serif;
}

@base(outradiusContent) {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;  
}

@base(outtopradiusContent) {
  -moz-border-radius-topleft:15px;
  -webkit-border-top-left-radius:15px;
  -moz-border-radius-topright:15px;
  -webkit-border-top-right-radius:15px;
}


@base(inradiusContent) {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
}

@base(intopradiusContent) {
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;  
}

@base(innerSidePadding) {
  padding-left:12px;
  padding-right:12px;  
}

@base(innerSideMargin) {
  margin-left:16px;
  margin-right:16px;  
}


/* ========== */
/* ! STYLES   */
/* ========== */

#logo {
  position: absolute;
  display: inline-block;
  top:59px;
  right:25px;
  z-index: 100;
}

#logo_start {
  position: absolute;
  display: inline-block;
  top:59px;
  right:15px;
}

#toolbox {
  position:relative;
  height:auto;
  padding:10px 12px 12px 12px;
  margin-bottom: 15px;
  background: transparent url(../img/bg/search.png) repeat-y;
}

#toolbox input[type=text] {
  position: relative;
  display: inline-block;
}

#breadcrumb {
  position:relative;
  height:auto;
  padding:0 12px;
  margin-bottom: 15px;
  color:#765E11;
  font-size:12px;
}  

#breadcrumb span:first-child, #breadcrumb .act {
  font-weight:bold;
}

#breadcrumb .spanfirstchild {
  margin-right:5px;
}

#breadcrumb a {
  color:#765E11;
}

.btn1 {
  position:relative;
  top:3px;
  margin:0 8px;
}

h1 {
  font-size: 17px;
}

.headlines {
  position:relative;
  width:624px;
  /*basedon(innerSideMargin)*/
  margin-left:16px;
  margin-right:16px;  
  /*basedon(end)*/
  margin-top:65px;
  margin-bottom:25px;
}
.text-content {
  position:relative;
  width:944px;
  /*basedon(innerSideMargin)*/
  margin-left:16px;
  margin-right:16px;  
  /*basedon(end)*/
  margin-bottom:25px;
  clear:both;
}
.text-content a{
  color:#765E11;
}

.linkBTN {
  display: inline-block;
  /*margin-bottom: 15px;*/
}

.pagenav {
  position: absolute;
  top: 9px;
  right: 12px;
  display: inline-block;
  text-align:right;
}

#content .pagenav a {
  display: inline-block;
  text-decoration:none;
  color:#fff;
  margin-left:3px;
}

#content .pagenav a.act {
  font-weight:bold;
}

#content .rBox5 .pagenav a {
  color:#3C3C3C;
}

/* ========== */
/* ! COLUMS   */
/* ========== */


.columns,
.tx-uhproducts-pi1{
  position:relative;
  width:944px/*constant(innerWidthwP)*/;
  /*basedon(innerSideMargin)*/
  margin-left:16px;
  margin-right:16px;  
  /*basedon(end)*/
}


.columns h1:first-child {
  margin-bottom: 8px;
}


.columns .cBox {
  position:relative;
  float:left;
  margin-bottom:15px;
  margin-left:15px;
}

.columns .cBox:first-child {
  margin-left:0;
}

.columns .cBox:first-of-type {
  margin-left:0;
}

.columns .cBox h3, .columns .cBox h4, .columns .cBox p, .columns .cBox table {
  /*basedon(innerSidePadding)*/
  padding-left:12px;
  padding-right:12px;
  /*basedon(end)*/
  margin-bottom:0;
  margin-top:0;
}

.columns .cBox h2 {
  height: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top:8px;
  padding-bottom:8px;
  /*basedon(innerSidePadding)*/
  padding-left:12px;
  padding-right:12px;
  /*basedon(end)*/
  color:#fff;
  font-size:15px;
  font-weight:normal;
  text-transform:uppercase;
}

.columns .cBox h3 {
  font-size:14px;
  font-weight:normal;
  margin-bottom: 12px;
}

.columns .cBox .rbox h3 {
  margin-bottom: 0;
}

.columns .cBox h3 a {
  font-size:13px;
  font-weight:bold;
  margin-bottom: 0;
  color: #3c3c3c;
  text-decoration: none;
}

.columns .cBox h4 {
  font-size:13px;
  font-weight:bold;
  margin-bottom: 12px;
}
.columns .cBox .products4 h4 {
	height:50px;
}

.columns .cBox p {
  margin-bottom: 12px;
}

.columns .twelve {
  width:944px;
}

.columns .ten {
  width:784px;
}

.columns .eight {
  width:624px;
}

.columns .seven {
  width:544px;
}

.columns .six {
  width:464px;
}

.columns .five {
  width:384px;
}

.columns .four {
  width:304px;
}

.columns .two {
  width:144px;
}

.columns .rBox1 {
  /*basedon(inradiusContent)*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  /*basedon(end)*/
  background: #f7f3e2/*constant(rBoxBG)*/ url(../img/bg/rBox1_div.gif) repeat-x left bottom;
  -moz-box-shadow: 1px 0px 1px #666;
  -webkit-box-shadow: 1px 0px 1px #666;
}

.columns .rBox1 h2 {
  /*basedon(intopradiusContent)*/
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;  
  /*basedon(end)*/
  background: #b8941e/*constant(gold)*/ url(../img/bg/rBox1_h2.gif) repeat-x left top;
}

.columns .cBox a  {
  color:#765e11/*constant(dunkelgold)*/;
  text-transform: uppercase;
}

.columns .rBox1 a {
  color:#fff;  
}

.columns .rBox2, .columns .rBox3, .columns .rBox4, .columns .rBox5,  .columns .cBox .rbox {
  /*basedon(inradiusContent)*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  /*basedon(end)*/
  background-color: #f7f3e2/*constant(rBoxBG)*/;
  -moz-box-shadow: 0 1px 2px #666;
  -webkit-box-shadow: 0 1px 2px #666;
}

.columns .rBox2 h2 {
  /*basedon(intopradiusContent)*/
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;  
  /*basedon(end)*/
  background: #000 url(../img/bg/rBox2_h2.gif) repeat-x left top;
}

.columns .rBox3 h2 {
  /*basedon(intopradiusContent)*/
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;  
  /*basedon(end)*/
  background: #000 url(../img/bg/rBox3_h2.gif) repeat-x left top;
}

.columns .rBox4 h2 {
  /*basedon(intopradiusContent)*/
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;  
  /*basedon(end)*/
  background: #b8941e/*constant(gold)*/ url(../img/bg/rBox4_h2.gif) repeat-x left top;
}

.columns .rBox5 h2 {
  display:none;
}

.columns .rBox5 h3 {
  margin-top:10px;
  padding-right: 60px;
}


.columns .products1 li {
  width:100%;
}

.columns .products4 li {
  width:25%;
}

.columns .cBox li {
  float:left;
  background:transparent url(../img/elements/trenner.gif) repeat-y 0 0;
  margin-bottom: 12px;
  font-size:13px;
}

.columns .cBox:first-child, .columns .cBoxfirstchild {
  margin-left:0;
}

.columns .cBox li:first-child {
  background:transparent none;
}

.columns li img {
  float:left;
  margin-right:12px;
}

#content .cBox .rbox h4 {
  margin-bottom:5px;
  
}

#content .cBox .rbox ul {
  margin-bottom:15px;
  display:block;
  position:relative;
  
}

#content .cBox .rbox ul li {
  position:relative;
  float:none;
  margin-left:26px;
  list-style-position:outside;
  list-style-type:disc;
  background:transparent none;
  font-size: 14px;
  margin-bottom:0px;
  
}

#content .cBox .box ul li {
  position:relative;
  float:none;
  margin-left:15px;
  list-style-position:outside;
  list-style-type:disc;
  background:transparent none;
  font-size: 14px;
  margin-bottom:0px;
  
}

.packshot_xl {
  position:relative;
  width:384px;
  height:433px;
  padding-top: 34px;
  margin-bottom:15px;
  background:transparent url(../img/bg/packshot_xl.jpg) repeat-x;
  /*basedon(inradiusContent)*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  /*basedon(end)*/
  text-align:center;
  -moz-box-shadow: 0 1px 2px #666;
  -webkit-box-shadow: 0 1px 2px #666;
  
}
.packshot_xl.classic {
  background:transparent url(../img/bg/packshot_xl_classic.png) repeat-x;
  padding-top:0;
  height: auto;

}
#content .cBox .rbox h2, #content .cBox .box h2 {
  font-size:15px;
  font-weight:bold;
  color:#3c3c3c;
  padding:0;
  margin-bottom:5px;  
}

#content .cBox .box p {
  padding:0;  
}

#content .cBox .rbox {
  padding-bottom:25px;
  padding-top:15px;
}


#content .cBox .box, #content .cBox .rbox {
  position:relative;
  margin-bottom:15px;
  min-height:1px;
}

#content .legend {
  position:relative;
  display:block;
  width:auto;
  min-width:65px;
  max-width:70px;
  float:left;
  height:118px;
  margin-left:8px;
  top:0;
  overflow: hidden;
  text-align:center;
}

#content .legend:first-child {
  margin-left:0;
}

#content .legend span {
  display:block;
  max-width: 65px;
  padding-left:5px;
  font-size:11px;
  text-align: center;
  line-height: 12px;
}

#content .legend img {
  position:relative;
  display:block;
  top:0;
}

#content .clapbar {
  background-color:transparent;
}

#content .cBox .clapbar h3 {
  position:relative;
  padding: 5px 12px;
  color:#fff;
  font-weight:bold;
  /*basedon(inradiusContent)*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  /*basedon(end)*/
  cursor:pointer;  
}

#content .cBox .clapbar h3 span {
  position: absolute;
  display:inline-block;
  top:5px;
  right:12px;  
}

.clapbar table {
  display:none;
  width:100%;
  text-align:left;
  border-collapse:separate;
}

.clapbar table.on {
  display:table;
}

.clapbar table th {
  padding: 2px 12px;
  border-width: 1px 0;
  border-style:solid;
}

.clapbar table td {
  padding: 2px 12px;
  border-width:0 0 1px 0;
  border-style:solid;
}

#content .cBox label, #content .cBox input, #content .cBox textarea, #content .cBox select {
  display:inline-block;
  margin-bottom: 8px;
  margin-left: 16px;
}

#content .cBox label:first-child, #content .cBox input:first-child, #content .cBox textarea:first-child, #content .cBox select:first-child {
  margin-left: 0;
}

#content .cBox ul a {
  display: inline;
}

.categorieIMG {
  float:left;
  margin-right:8px;
}

.rBox1 .woPadding img,
.rBox2 .woPadding img,
.rBox3 .woPadding img,
.rBox4 .woPadding img,
.rBox5 .woPadding img {
  position: relative;
  top: -10px;
}

.rBox1 p.woPadding,
.rBox2 p.woPadding,
.rBox3 p.woPadding,
.rBox4 p.woPadding,
.rBox5 p.woPadding  {
  background-color: #000;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius:10px;
}

.newsdata {
  margin: 75px 0 10px 0;
  font-size: 11px;
}

/* ================== */
/* ! CSSExtra BUILD   */
/* ================== */

.news_links a {
  display: block;
  font-weight: bold;
  color:#765e11;
  margin-bottom: 5px;
}

.cBox .rbox ul li {
  padding-bottom: 4px;
}

.single-backlink a, .cBox .rbox ul li a {
  display: inline-block;
  color:#765e11;
  text-decoration:none;
}

/* Indexed Search Styles */
.tx-indexedsearch-sw {font-weight:bold;}

/* Glossar Styles */
.tx-sgglossary-pi1 {
  margin : 0 16px 10px 16px;
}

.tx-sgglossary-pi1 p,.tx-sgglossary-pi1 p a  {
  color: #765e11;
  /*font-weight: bold;*/
  font-size:16px;
  text-decoration: none;
}

.tx-sgglossary-pi1 .act  {
  color: #000;
}

.tx-sgglossary-pi1 table {
  color: #000;
  font-size: 14px;
}

.tx-sgglossary-pi1 table a {
  color: #765e11;
  text-decoration: none;
}

.tx-sgglossary-pi1 table .glossarcontent {
  /*basedon(inradiusContent)*/
  padding: 10px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  /*basedon(end)*/
  background-color: #f7f3e2/*constant(rBoxBG)*/;
  -moz-box-shadow: 0 1px 2px #666;
  -webkit-box-shadow: 0 1px 2px #666;
  background-color:#F7F3E2;
  margin-left: 15px;
}
.headlines a{
color:#765e11;
}

.columns .two label{
  font-weight:bold;
}

.captcha img{
  margin-left:16px;
}

/* AnythingZoomer */
.az-wrap, .az-small, .az-large {
	position: relative;
}
.az-wrap-inner {
	display: block;
	height:auto;
	width: 100%;
}
/* This wraps the large image and hides it */
.az-zoom {
	background: transparent;
	border: #333 1px solid;
/*
	-moz-border-radius: 20px;
	border-radius: 20px;
*/
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	overflow: hidden;
	z-index: 100;
	display: none;
	-moz-box-shadow: inset 0px 0px 4px #000;
	-webkit-box-shadow: inset 0px 0px 4px #000;
	box-shadow: inset 0px 0px 4px #000;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
	overflow: hidden;
	position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
	height: auto;
	width: auto;
	position: static;
	overflow: visible;
}
.zoom{
	height: 482px;
/*
	-moz-border-radius: 59px;
	border-radius: 59px;
	border: #333 4px solid;
*/
}