/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/droplist-images.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {
	width:950px;
	height:122px;
	position:absolute;
	font:bold 11px/30px verdana,sans-serif;
	left: 38px;
	z-index: 9;
	top: 1px;
}
#level1 {
	padding:0;
	margin:0;
	list-style:none;
	width:950px;
	height:122px;
}
#level1 li.level1-li {
	width:150px;
	height:110px;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
#level1 li.last {margin:0;}
#level1 li.level1-li a.level1-a {
	display:block;
	width:150px;
	height:110px;
	text-align:center;
	font:bold 11px/30px verdana,sans-serif;
	color:#fff;
	text-decoration:none;
}
#level1 li.level1-li a#camera {
	background-image: url(droplist_menu_hiphop.jpg);
}
#level1 li.level1-li a#camcorder {
	background-image: url(droplist_menu_yoga.jpg);
}
#level1 li.level1-li a#dvd {
	background-image: url(droplist_menu_fitness.jpg);
}
#level1 li.level1-li a#television {
	background-image: url(droplist_menu_kids.jpg);
}
#level1 li.level1-li a#mobile {
	background-image: url(droplist_menu_weiterekurse.jpg);
}
#level1 li.level1-li a#computer {
	background-image: url(droplist_menu_medizin.jpg);
}

#level1 li.level1-li a.double {line-height:14px;}
#level2 {
	padding:0;
	list-style:none;
	width:950px;
	height:25px;
	margin-top:-25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#level2 li.level2-li {
	width:150px;
	height:25px;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
#level2 li.last {margin:0;}
#level2 li.level2-li a.level2-a {
	display:block;
	width:150px;
	text-align:center;
	height:25px;
	font:normal 11px/25px nerdana,sans-serif;
	color:#1c224f;
	text-decoration:none;
	background:url(plain.png) left bottom;
}
#level2 li.level2-li a.level2-a:hover {text-decoration:underline;}

ul#level1 table {
	border-collapse:inherit;
	margin:-1px 0;
}

ul#level1 div {position:absolute; left:-9999px;}
ul#level1 li.level1-li:hover {position:relative;}
ul#level1 li.level1-li a.level1-a:hover {
	border:0;
	position:relative;
}
ul#level1 :hover div.holder {
	left:0;
	top:110px;
	background:#fff url(bottom.gif) repeat-x left bottom;
	border:1px solid #1c224f;
	border-top-color:#1c224f;
	text-align:left;
}
ul#level1 div.holder span {
	display:block;
	width:148px;
	height:1px;
	background:#1c224f;
	overflow:hidden;
	position:absolute;
	left:0;
	top:-1px;
	z-index:500;
}
ul#level1 div.holder p {clear:left; color:#666; line-height:15px; padding:5px 10px; margin:0; font-weight:normal;}
ul#level1 div.holder p a {
	color:#1c224f;
	text-decoration:none;
}
ul#level1 div.holder p a:hover {text-decoration:underline;}

ul.sublevel {padding:0 0 5px 10px; margin:0; list-style:none;}
ul.sublevel li {
	float:left;
	width:150px;
	margin-right:10px;
	display:inline;
}
ul.sublevel li a {
	display:block;
	width:160px;
	height:15px;
	line-height:15px;
	color:#1C224F;
	text-decoration:none;
	text-indent:10px;
	background-image: url(dot.png);
	background-repeat: no-repeat;
	background-position: left center;
	white-space: nowrap;
}

ul.sublevel li a:hover {text-decoration:underline;}


ul#level1 :hover div.col3 {
	width:468px;
}
ul#level1 :hover div.col2 {
	width:308px;
}
 
ul#level1 :hover div.left {left:auto; right:0;}
ul#level1 div.left span {
	display:block;
	width:0px;
	height:1px;
	background:#fff;
	overflow:hidden;
	position:absolute;
	left:auto;
	right:0;
	top:-1px;
	z-index:500;
}

ul#level1 a:hover div.left {right:-1px;} /* fix for IE6 only */
ul#level1 a:hover div.left span.flyLeft {right:-1px;} /* fix for IE6 only */