/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {height:130px; display:block;clear:both; background: #5a3b63 url(img/navbg.jpg) repeat-x; margin-right:3px;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;	
	height: 130px;	
	border: 0;	
	padding:0;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	list-style-image: none;
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #fff; text-align: left; font-weight: normal; list-style-type: none; list-style-image: none;}
#nav ul li a {display: block; text-shadow: 0px 1px 3px #222; font-size:  16px; padding: 100px 30px 0px 12px; color: #fff; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#XXnav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {color: #fff;}
#XXnav a.menu-parent {background: url(img/navbgl0parent.gif) right 0px; color: #fff;}




/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;} 
#XXnav .menu .home a {display: block; width:2px; height:30px; background: #7290a7 url(img/home.gif); margin:0; padding:0;}

.mlev0 a {height:30px; border-right:1px #fff solid;}
li.li11 {	width:150px; 	background-color: #c6bda9;} /*große Zelte*/
li.li12  {	width:140px; 	background-color: #7fab9d;} /*Leichtzelte*/
li.li17  {	width:130px;  	background-color: #d2623a;} /*Faltzelte*/
li.li20 {	width:160px; 	background-color: #939834;} /*Spezielle Zelte*/
li.li18 {	width:110px; 	background-color: #d8b770;} /*Zubehör*/




/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 220px; margin: -1px 0 0 -1px; display: none; text-transform: none; border-bottom: 1px solid #fff; font-size: 110%;}
#nav .menu li ul li {width: 220px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;  }
#nav .menu li ul li a {width: 160px; text-shadow: 0px 1px 2px #444; padding: 10px 0 6px 60px; color: #fff; border-top: 1px solid #fff; font-weight: normal;  background: none;}


li.li11 ul li{	background-color: #c6bda9;} /*große Zelte*/
li.li12  ul li {background-color: #7fab9d;} /*Leichtzelte*/
li.li17 ul li {background-color: #d2623a;} /*Faltzelte*/
li.li20 ul li {background-color: #939834;} /*Spezielle Zelte*/
li.li18 ul li {	background-color: #d8b770;} /*Zubehör*/


/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { color:#fff; font-weight: bold;}
#XXnav .menu li ul a.menu-parent {background: #7290a7 url(img/navbgl1parent.gif) right 0px; color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul	{ margin: 10px 0 0 -40%; z-index: 9999;  background: #3d3140 url(img/ulbg2.jpg) no-repeat right 0px;}
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a 	{ width: 10.5em;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: #808080 url(img/ulbg3.jpg) no-repeat right 0px;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}



/* IE6 only 
*html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* IE7 only 
*+html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* ul class="ullev1" , sorry doesnt work
#nav .ullev1  {z-index: 1000 ! important; background: #4b4c4d;}
#nav .ullev2  {z-index: 2000 ! important; background: #4b4c4d;}
#nav .ullev3  {z-index: 3000 ! important; background: #4b4c4d;}
*/

/* Better: */
#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}


/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.p11 { background: url(../../pics/mpics/grosse-zelte.jpg) no-repeat left bottom ! important; }
.p12 { background: url(../../pics/mpics/campingzelte.jpg) no-repeat left bottom ! important; }
.p17 { background: url(../../pics/mpics/faltzelte.jpg) no-repeat left bottom ! important; }
.p18 { background: url(../../pics/mpics/zubehoer.jpg) no-repeat left bottom ! important; }
.p20 { background: url(../../pics/mpics/spezielle-zelte.jpg) no-repeat left bottom ! important; }




.p13 { background: url(../../pics/mpics/p13.jpg) no-repeat left bottom ! important; }
.p14 { background: url(../../pics/mpics/p14.jpg) no-repeat left bottom ! important; }
.p15 { background: url(../../pics/mpics/p15.jpg) no-repeat left bottom ! important; }
.p16 { background: url(../../pics/mpics/p16.jpg) no-repeat left bottom ! important; }
.XXp17 { background: url(../../pics/mpics/p17.jpg) no-repeat left bottom ! important; }

.p21 { background: url(../../pics/mpics/p21.jpg) no-repeat left bottom ! important; }
.p22 { background: url(../../pics/mpics/p22.jpg) no-repeat left bottom ! important; }
.p23 { background: url(../../pics/mpics/p23.jpg) no-repeat left bottom ! important; }
.p24 { background: url(../../pics/mpics/p24.jpg) no-repeat left bottom ! important; }
.p25 { background: url(../../pics/mpics/p25.jpg) no-repeat left bottom ! important; }

.p38 { background: url(../../pics/mpics/p38.jpg) no-repeat left bottom ! important; }
.p39 { background: url(../../pics/mpics/p39.jpg) no-repeat left bottom ! important; }
.p40 { background: url(../../pics/mpics/p40.jpg) no-repeat left bottom ! important; }
.p41 { background: url(../../pics/mpics/p41.jpg) no-repeat left bottom ! important; }
.p42 { background: url(../../pics/mpics/p42.jpg) no-repeat left bottom ! important; }
.p43 { background: url(../../pics/mpics/p43.jpg) no-repeat left bottom ! important; }
.p44 { background: url(../../pics/mpics/p44.jpg) no-repeat left bottom ! important; }
.p45 { background: url(../../pics/mpics/p45.jpg) no-repeat left bottom ! important; }

.p46 { background: url(../../pics/mpics/p46.jpg) no-repeat left bottom ! important; }

.p49 { background: url(../../pics/mpics/p49.jpg) no-repeat left bottom ! important; }
.p50 { background: url(../../pics/mpics/p50.jpg) no-repeat left bottom ! important; }
.p51 { background: url(../../pics/mpics/p51.jpg) no-repeat left bottom ! important; }
.p52 { background: url(../../pics/mpics/p52.jpg) no-repeat left bottom ! important; }
.p53 { background: url(../../pics/mpics/p53.jpg) no-repeat left bottom ! important; }
.p54 { background: url(../../pics/mpics/p54.jpg) no-repeat left bottom ! important; }

.p175 { background: url(../../pics/mpics/p175.jpg) no-repeat left bottom ! important; }
.p176 { background: url(../../pics/mpics/p176.jpg) no-repeat left bottom ! important; }
.p177 { background: url(../../pics/mpics/p177.jpg) no-repeat left bottom ! important; }
.p178 { background: url(../../pics/mpics/p178.jpg) no-repeat left bottom ! important; }
.p179 { background: url(../../pics/mpics/p179.jpg) no-repeat left bottom ! important; }
.p180 { background: url(../../pics/mpics/p180.jpg) no-repeat left bottom ! important; }
.p181 { background: url(../../pics/mpics/p181.jpg) no-repeat left bottom ! important; }
.p182 { background: url(../../pics/mpics/p182.jpg) no-repeat left bottom ! important; }
.p183 { background: url(../../pics/mpics/p183.jpg) no-repeat left bottom ! important; }

.p270 { background: url(../../pics/mpics/p270.jpg) no-repeat left bottom ! important; }