/* CSS Document */

/* Styles für die Hauptnavigation mit Grafiken */
#mainnav #cat_ul {
	
	border-top: 0px solid #bbbbbb;
	border-bottom: 0px solid #bbbbbb;
	padding: 0px 0px 0px 0px;
	width:995px;
}

#mainnav #cat_ul img {
	border: 0px;
}


/* Styles für das erste Level */

#mainnav #cat_ul ul.level1 {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 10;
	
}

#mainnav #cat_ul ul.level1 li {
	float: left;
	
}

#mainnav #cat_ul ul.level1 li a,
#mainnav #cat_ul ul.level1 li a:link,
#mainnav #cat_ul ul.level1 li a:visited,
#mainnav #cat_ul ul.level1 li a:active,
#mainnav #cat_ul ul.level1 li a:hover {
	display: block;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	
}


/* Styles für das zweite Level */

	

#mainnav #cat_ul ul.level2 {
	font-weight:bold;
	color:#616161;
	display: none;
	background: #ffffff;
	border-top: 1px solid #616161;
	border-right:2px solid #616161;
	border-left:1px solid #616161;
	border-bottom:2px solid #616161;
	padding: 5px 5px 0px 5px;
	width: 180px;
	position: absolute;
	margin-top:-5px;
	margin-left: 5px;
	z-index: 10;
}
* html #mainnav #cat_ul ul.level2 {
	margin-top:30px;
	}

#mainnav #cat_ul ul.level2 li {
	list-style: none;
	float: none;
	
}

#mainnav #cat_ul ul.level2 li a,
#mainnav #cat_ul ul.level2 li a:link,
#mainnav #cat_ul ul.level2 li a:visited,
#mainnav #cat_ul ul.level2 li a:active {
	display: block;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	color: #616161;
	text-decoration: none;
}

#mainnav #cat_ul ul.level2 li a:hover {
	color: #0097da;
	text-decoration:underline;
}

#mainnav #cat_ul ul.level1 li:hover ul.level2 {
	display: block
}

/* Styles für das dritte Level */

#mainnav #cat_ul ul.level3 {
	display: none;
}

/* Styles für das vierte Level */

#mainnav #cat_ul ul.level4 {
	display: none;
}






/* Styles für die graue TopNavigation mit Warenkorb */
#topnav {
	width: 100%;
}

#topnav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#topnav li {
	padding: 5px 15px 5px 5px;
	margin: 0px;
	float: left;
	background: #616161;
	color: #ffffff;
	font-weight: bold;
}

#topnav li.flagge {
	padding: 5px 7px 5px 5px;
	border-right: 1px solid #ffffff;
}

#topnav li.begruessung {
	padding: 5px 20px 5px 10px;
}

#topnav li.shortbasket {
	padding: 5px;
	background: #0097da;
	border-left: 1px solid #ffffff;
}

#topnav li.shortbasket a,
#topnav li.shortbasket a:link,
#topnav li.shortbasket a:visited,
#topnav li.shortbasket a:active,
#topnav li.shortbasket a:hover {
	display: block;
	padding: 0px 0px 0px 25px;
	text-decoration: none;
	background: url(../images/icons_navi/icon_basket_blue.jpg) left no-repeat;
}


#topnav li a,
#topnav li a:link,
#topnav li a:visited,
#topnav li a:active {
	display: block;
	padding: 0px 8px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	background: url(../images/icons_navi/arrow_white.gif) right no-repeat;
}

#topnav li a:hover {
	text-decoration: none;
}



/* Styles für die Subnavigation links */
#subnav #cat_ul {
	width: 228px;
	border: 1px solid #bcbcbc;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
}


/* Styles für den gewählten Hauptnavigationspunkt */

#subnav #cat_ul ul {
	padding: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	
	list-style: none;
}
* html #subnav #cat_ul ul {margin-top:0px;}

#subnav #cat_ul li {
	list-style: none;
	padding: 5px 5px 5px 18px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	
	color: #ffffff;
	font-weight: bold;
	background: url(../images/icons_navi/arrow_white_subnav.gif) #0098dd 8px 10px no-repeat ;
	
}
* html #subnav #cat_ul li {}


/* Styles für die automatisch generierte Sub-Navigation (Anzeige links im Template) */


/* Level 1 der SubNavigation */

#subnav #cat_ul ul.level2 li {
	padding: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}

* html #subnav #cat_ul ul.level2 li {margin-top:0px;margin-bottom:-14px;}


#subnav #cat_ul ul.level2 li a,
#subnav #cat_ul ul.level2 li a:link,
#subnav #cat_ul ul.level2 li a:visited,
#subnav #cat_ul ul.level2 li a:active,
#subnav #cat_ul ul.level2 li a:hover {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;	display: block;
	padding: 5px 5px 5px 28px;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	font-weight: normal;
	background: url(../images/icons_navi/arrow_black_subnav.gif) #e6e6e6 18px 10px no-repeat;
}



#subnav #cat_ul ul.level2 li a.selected {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	background: url(../images/icons_navi/arrow_white_subnav.gif) #0098dd 18px 10px no-repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}

#subnav #cat_ul ul.level2 li a.opened {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	background: url(../images/icons_navi/arrow_black_subnav2.gif) #e6e6e6 18px 10px no-repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}


/* Level 2 der SubNavigation */
#subnav #cat_ul ul.level3 li a,
#subnav #cat_ul ul.level3 li a:link,
#subnav #cat_ul ul.level3 li a:visited,
#subnav #cat_ul ul.level3 li a:active,
#subnav #cat_ul ul.level3 li a:hover {
	display: block;
	padding: 5px 5px 5px 38px;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	font-weight: normal;
	background: url(../images/icons_navi/quadrat_black_subnav.gif) #ffffff 28px 10px no-repeat ;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}

#subnav #cat_ul ul.level3 li a.selected {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	background: url(../images/icons_navi/arrow_white_subnav.gif) #0098dd 28px 10px no-repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}

#subnav #cat_ul ul.level3 li a.opened {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	background: url(../images/icons_navi/arrow_black_subnav2.gif) #e6e6e6 28px 10px no-repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}


/* Level 3 der SubNavigation */
#subnav #cat_ul ul.level4 li a,
#subnav #cat_ul ul.level4 li a:link,
#subnav #cat_ul ul.level4 li a:visited,
#subnav #cat_ul ul.level4 li a:active,
#subnav #cat_ul ul.level4 li a:hover {
	display: block;
	padding: 5px 5px 5px 48px;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	font-weight: normal;
	background: url(../images/icons_navi/kreis_black_subnav.gif) #ffffff 38px 10px no-repeat ;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

#subnav #cat_ul ul.level4 li a.selected {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	background: url(../images/icons_navi/arrow_white_subnav.gif) #0098dd 38px 10px no-repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

#subnav #cat_ul ul.level4 li a.opened {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #bcbcbc;
	background: url(../images/icons_navi/arrow_black_subnav2.gif) #e6e6e6 38px 10px no-repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;}