/*----------------------------------------------------------------------------------------/
/ Menü linke Spalte mit Kategorien und weiteren Inhalten
/----------------------------------------------------------------------------------------*/
ul.menu, ul.menu ul {
	padding:0;
	margin:0;
	list-style:none; }
ul#categories {
	background:#E1E8F0 url(../img/menu/menu_bg.gif) repeat-x; }

ul.menu li {
	padding:0;
	margin:0;
	display:inline; }

/* Menüeinträge allgemein */
ul.menu a {
	position:relative;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	background-repeat:no-repeat; }
* html ul.menu a {
	position:static; }

ul.menu a, ul.menu a:visited {
	color:#414141; }
ul.menu a:hover, ul.menu a.active, ul.menu a.active:visited {
	color:#FFF;
	background-color:#769BC8; /* #84A5CA */ }

ul.menu a, ul.menu a span.con {
	text-decoration:underline; }

ul.menu a, .menuEnd {
	border-top:1px solid #FFF; }
ul.menu a.first {
	border:0; }

/* Viereck, wenn keine Unterkategorien */
/* ul.menu a.square {
	background-image:url(../img/menu/square.gif); }
ul.menu a.squareActive {
	background-image:url(../img/menu/square_active.gif); } */
/* Pfeil, wenn Unterkategorien */
ul.menu a.arrow {
	background-image:url(../img/menu/arrow.gif); }
ul.menu a.arrowActive {
	background-image:url(../img/menu/arrow_active.gif); }

/* Produktanzahl */
ul.menu .amount {
	font-size:10px;
	line-height:13px;
	font-weight:normal; }

/* Ausgewählter Menüpunkt */
ul.menu a.selected, ul.menu a.selected span.con {
	text-decoration:none; }


/*------------------------------------------------------------------/
/ Hauptpunkte
/------------------------------------------------------------------*/
ul.menu a.main {
	padding-top:4px;
	padding-bottom:4px;
	padding-left:14px;
	background-position:6px 9px; }
/* ul.menu a.main.square:hover, ul.menu a.main.arrow:hover {
	background-position:-174px 9px; } */
ul.menu a.main.arrow:hover {
	background-position:-174px 9px; }
ul.menu a.main.arrowActive {
	background-position:5px 10px; }
/* Wegen border-top y-Koordinate + 1 */
* html ul.menu a.main {
	background-position:6px 10px; }
* html ul.menu a.main.arrow:hover {
	background-position:-174px 10px; }
* html ul.menu a.main.arrowActive {
	background-position:5px 11px; }

/* Runde Ecke rechts oben bei erstem Eintrag */
ul.menu a.main #corner {
	position:absolute;
	display:block;
	z-index:10;
	top:0;
	left:173px;
	width:7px;
	height:7px;
	background:url(../img/menu/menu_corner.gif) no-repeat; }

/* Einträge Angebote, Neuheiten */
ul.menu a.top span.con {
	color:#FFF; }
ul.menu a.top:hover span.con, ul.menu a.top.active span.con {
	color:#000; }

/* Einträge unter Kategorien */
ul.menu a.bottom span.con {
	color:#385F8E; }
ul.menu a.bottom:hover span.con, ul.menu a.bottom.active span.con {
	color:#000; }


/*------------------------------------------------------------------/
/ Unterpunkte
/------------------------------------------------------------------*/
ul.menu ul a {
	padding-left:22px;
	border-color:#CFDAE7;
	background-color:#F2F5F9;
	background-position:14px 8px; }
/* ul.menu ul a.square:hover, ul.menu ul a.arrow:hover {
	background-position:-165px 8px; } */
ul.menu ul a.arrow:hover {
	background-position:-166px 8px; }
ul.menu ul a.arrowActive {
	background-position:13px 9px; }
/* Wegen border-top y-Koordinate + 1 */
* html ul.menu ul a {
	background-position:14px 9px; }
* html ul.menu ul a.arrow:hover {
	background-position:-166px 9px; }
* html ul.menu ul a.arrowActive {
	background-position:13px 10px; }

/* Weitere Level allgemein */
ul.menu ul ul a {
	border:0;
	font-size:11px;
	font-weight:normal;
	line-height:14px; }
ul.menu ul ul a.active {
	font-weight:bold; }

/* Level 1 */
ul.menu ul ul a {
	padding-left:30px;
	background-position:22px 7px; }
/* ul.menu ul ul a.square:hover, ul.menu ul ul a.arrow:hover {
	background-position:-156px 7px; } */
ul.menu ul ul a.arrow:hover {
	background-position:-158px 7px; }
ul.menu ul ul a.arrowActive {
	background-position:21px 8px; }

/* Level 2 */
ul.menu ul ul ul a {
	padding-left:38px;
	background-position:30px 7px; }
ul.menu ul ul ul a.arrow:hover {
	background-position:-150px 7px; }
ul.menu ul ul ul a.arrowActive {
	background-position:29px 8px; }

/* Level 3 */
ul.menu ul ul ul ul a {
	padding-left:46px;
	background-position:38px 7px; }
ul.menu ul ul ul ul a.arrow:hover {
	background-position:-142px 7px; }
ul.menu ul ul ul ul a.arrowActive {
	background-position:37px 8px; }

/* Level 4 */
ul.menu ul ul ul ul ul a {
	padding-left:54px;
	background-position:46px 7px; }
ul.menu ul ul ul ul ul a.arrow:hover {
	background-position:-134px 7px; }
ul.menu ul ul ul ul ul a.arrowActive {
	background-position:45px 8px; }

/* Level 5 und weitere */
ul.menu ul ul ul ul ul ul a {
	padding-left:62px;
	background-position:54px 7px; }
ul.menu ul ul ul ul ul ul a.arrow:hover {
	background-position:-126px 7px; }
ul.menu ul ul ul ul ul ul a.arrowActive {
	background-position:53px 8px; }


/*------------------------------------------------------------------/
/ Links am Ende (Kontakt / Impressum)
/------------------------------------------------------------------*/
.menuEnd {
	text-align:center;
	padding:4px 15px 0;
	height:19px; }
* html .menuEnd {
	height:24px; } /* height + padding + border */
.menuEnd.copyright {
	padding-top:10px; }


/*----------------------------------------------------------------------------------------/
/ Boxen linke Spalte
/*------------------------------------------------------------------/
/ Tag Cloud
/------------------------------------------------------------------*/
#boxTagCloud {
	width:164px;
	overflow:hidden;
	margin:0 8px 0; }

#boxTagCloud .boxHeader {
	height:21px;
	overflow:hidden;
	padding:4px 7px 0;
	background:url(../img/boxes/tag_cloud_bg_h.gif) no-repeat; }
* html #boxTagCloud .boxHeader {
	height:25px; }

#boxTagCloud .boxContent {
	background:#FFF url(../img/boxes/tag_cloud_bg.gif) repeat-y; }
#boxTagCloud .boxContent .bgContent {
	padding-bottom:4px;
	background:url(../img/boxes/tag_cloud_icon.gif) no-repeat 71px bottom; }
#boxTagCloud .boxContent .boxLinks {
	text-align:center;
	padding:5px 4px 1px;
	min-height:104px; }
* html #boxTagCloud .boxContent .boxLinks {
	height:110px;
	overflow:visible; }
#boxTagCloud .boxContent .linkSearch {
	padding:0 8px; }

#boxTagCloud .boxFooter {
	height:7px;
	background:url(../img/boxes/tag_cloud_bg_f.gif) no-repeat; }
