/* ======================= */
/* ! 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:0px;
	left:auto;
	height: 35px;
	padding-left:0 !important;
}

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