/* ======================= */
/* ! 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   */
/* ========== */

#nav {
  position:relative;
  width:976px/*constant(innerWidth)*/;
  background: transparent url(../img/nav/nav.gif) repeat-x;
  /*basedon(outtopradiusContent)*/
  -moz-border-radius-topleft:15px;
  -webkit-border-top-left-radius:15px;
  -moz-border-radius-topright:15px;
  -webkit-border-top-right-radius:15px;
  /*basedon(end)*/
  height:49px/*constant(navHeight)*/;
  z-index:1000;
}

#nav ul, #nav li {
  list-style:none;
  list-style-position:inside;
  padding:0;
  margin:0;
}

#nav a, #nav span {
    position:relative;
    display:block;
    text-decoration:none;
}

#nav ul {
  position:relative;
  width:976px/*constant(innerWidth)*/;
  height:auto;
  background: transparent none;
  padding:0;
}

#nav ul li {
  display:block;
  float:left;
  width:16.66%;
  height:49px/*constant(navHeight)*/;
  text-align:center;
}

#nav ul li span {
  width:auto;
  height: 19px;
  padding:6px 0;
  margin:9px 0;
  font: 15px arial, sans-serif/*constant(navFont)*/;
  color:#765e11/*constant(dunkelgold)*/;
  background: transparent url(../img/elements/trenner.gif) repeat-y;
  text-transform:uppercase;
  font-weight:bolder;
}

#nav ul li ul li span {
  text-transform:none;
}

#nav ul li span:hover {
  color:#000;
  cursor: default;
}

#nav ul li:first-child span {
  background: transparent none;
}

#nav ul li a:hover img {
  visibility:hidden;
}

#nav ul li ul ul a:hover {
  color:#000;
}

#nav ul li.act ul .act {
  font-size:12px;
  color:#000;
}

#nav ul li ul {
  position: absolute;
  display:none;
  top:49px;
  left:0;
  width: auto;
}

#nav ul li ul li {
  position:relative;
  display:block;
  float:left;
  width: auto;
  height:80px;
  padding: 10px 0;
  border-top:1px solid #ccc;
  text-align:left;
  background-color:#b8941e/*constant(gold)*/;
  -moz-box-shadow: 1px 0px 1px #666;
  -webkit-box-shadow: 1px 0px 1px #666;
}

#nav ul li ul {
  float:none;
}

#nav ul li ul li ul li {
  -moz-box-shadow: 0 0 0 #000;
  -webkit-box-shadow: 0 0 0 #000;
}

#nav ul li:last-child ul {
  right:0;
  left:auto;
  width:auto;
}

#nav ul li ul li:first-child a {
  margin-left:0;
}

#nav ul li ul li a {
  color:#fff;
  font-weight:bold;
  padding:0;
  margin-left:2px;
}

#nav ul li ul li a span {
  display:block;
  padding: 4px 8px 0 8px;
  margin-top:0px;
  color: #fff;
  font-size: 12px;
  background-image: none;
}

#nav ul li ul li a:hover span {
  color: #000;
}

#nav ul li ul li ul li a {
  padding:0;
}

#nav ul li:first-child ul li {
  max-width: 162px;
  min-width: 50px;
}

#nav ul li:hover ul, #nav ul li ul li:hover {
  display:block;
}

#nav ul li ul li ul {
  position:relative;
  top:0;
  display:block;
  float:none;
  width: auto;
  max-width:153px;
  min-width:79px;
  border-top:0 none;
}

#nav ul li ul li ul li {
  position:relative;
  display:block;
  float:none;
  width: auto;
  height:15px;
  padding:2px 8px;
  border-top:0 none;
  background:transparent url(../img/elements/trenner.gif) repeat-y scroll 0 0;
}

#nav ul li ul li:first-child ul li {
  background:transparent none;
}

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

#nav #n1 ul li ul li.ulliullifirstchildulli {
  padding: 2px 0;
}

#nav #n1 ul li ul li {
  padding: 2px 3px;
}

#nav #n1 ul li ul li a {
  margin-left:0;
  
}

#nav #n2 ul li {
  height: 100px;
}

#nav #n2 ul li ul li {
  height: 15px;
  padding-bottom: 5px;
}

#nav #n4 ul li {
  height: 100px;
  width: 150px;
  padding-right: 13px;
}

#nav #n4 ul .ulliullifirstchildulli {
  height: auto;
  min-height: 15px;
  max-height: 32px;
  line-height: 12px;
  padding-bottom: 5px;
}

#nav #n5 ul {
  right:233px;
  left:auto;
  height: 35px;
  padding-left:0 !important;
}
#nav #n5 ul ul{
  right: 0;
}

#nav ul li#n5 ul li {
  height: 135px;
}
#nav ul li#n5 ul li ul li {
  height: auto;
}
#nav #n6 ul li {
  height:110px;
  
}

#nav #n6 ul li ul li {
  height:auto;
  
}

#nav #n6 ul li ul li {
  height:auto;
  
}

#nav #n6 ul li ul li a {
  margin-left:0;
  
}

#nav #n6 ul li ul li span {
  height:auto;
  padding:0 0 0 2px;
  margin:0;
  
}

#nav #n6 ul li ul li.ulliullifirstchildulli span, #nav #n5 ul li ul li a span {
  padding-left:0;
  margin:0;
  
}