/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
ul.kategorien {
	background:url(../images/kategorien_bg.png) no-repeat;
	width: 900px;
	height: 425px;
	display:inline-block;
	}
ul.kategorien li {
	float: left;
	vertical-align: middle;
	width: 170px;
	height: 134px;
	margin: 0 10px 10px 0;
	}
ul.kategorien li a, ul.kategorien li a:link, ul.kategorien li a:visited {
	text-align: center;
	vertical-align: middle;
	font-size: 1.4em;
	line-height: 1.8em;
	display: block;
	padding: 20px 10px;
	width: 150px;
	height: 94px;
	}
ul.kategorien li a:hover, ul.kategorien li a:active, ul.kategorien li a:focus {
	text-decoration: none;
	color: #004985;
	font-weight: bold;
	}
ul.kategorien a:hover, ul.kategorien a:active, ul.kategorien a:focus {
	background:url(../images/kategorien_hover_bg.png) no-repeat;
}

ul.kategorien li.akupunktur a:hover, ul.kategorien li.akupunktur a:active, ul.kategorien li.akupunktur a:focus {
	background-position: 0 0;
}
ul.kategorien li.wk-therapien a:hover, ul.kategorien li.wk-therapien a:active, ul.kategorien li.wk-therapien a:focus {
	background-position: -180px 0;
}
ul.kategorien li.manuelle-therapien a:hover, ul.kategorien li.manuelle-therapien a:active, ul.kategorien li.manuelle-therapien a:focus {
	background-position: -360px 0;
	}
ul.kategorien li.spezialtherapien a:hover, ul.kategorien li.spezialtherapien a:active, ul.kategorien li.spezialtherapien a:focus {
	background-position: -540px 0;
	}
ul.kategorien li.didaktisches-material a:hover, ul.kategorien li.didaktisches-material a:active, ul.kategorien li.didaktisches-material a:focus {
	background-position: -720px 0;
	}
ul.kategorien li.diagnostik a:hover, ul.kategorien li.diagnostik a:active, ul.kategorien li.diagnostik a:focus {
	background-position: 0 -144px;
	}
ul.kategorien li.verbrauchsmaterial a:hover, ul.kategorien li.verbrauchsmaterial a:active, ul.kategorien li.verbrauchsmaterial a:focus {
	background-position: -180px -144px;
	}
ul.kategorien li.einrichtung a:hover, ul.kategorien li.einrichtung a:active, ul.kategorien li.einrichtung a:focus {
	background-position: -360px -144px;
	}
ul.kategorien li.nahrungsergaenzung a:hover, ul.kategorien li.nahrungsergaenzung a:active, ul.kategorien li.nahrungsergaenzung a:focus {
	background-position: -540px -144px;
	}
ul.kategorien li.naturkosmetik a:hover, ul.kategorien li.naturkosmetik a:active, ul.kategorien li.naturkosmetik a:focus {
	background-position: -720px -144px;
	}
ul.kategorien li.aktionen a:hover, ul.kategorien li.aktionen a:active, ul.kategorien li.aktionen a:focus {
	background-position: 0px -285px;
}

ul.kategorien li.geschenkideen a:hover, ul.kategorien li.geschenkideen a:active, ul.kategorien li.geschenkideen a:focus {
	background-position: -180px -285px;
}


ul.kategorien li.kurse a:hover, ul.kategorien li.kurse a:active, ul.kategorien li.kurse a:focus {
	background-position: -360px -285px;
}

ul.kategorien li.neuheiten a:hover, ul.kategorien li.neuheiten a:active, ul.kategorien li.neuheiten a:focus {
	background-position: -540px -285px;
}

/*
ul.sf-menu { float:left; margin-top:15px; margin-left:15px; font-size:1.1em; }
*/
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels
ul.sf-menu li { position:relative;text-transform:uppercase; text-align:left; padding-right: 5px;}
ul.sf-menu li.over { z-index:999; }
ul.sf-menu a, ul.sf-menu a:link, ul.sf-menu a:visited {
	display: block;
	line-height: 1.3em;
	text-decoration: none;
	}
ul.sf-menu span { display:block; cursor:pointer; white-space:nowrap; }
ul.sf-menu li ul span {white-space:normal; } */

/************ 0 LEVEL  **************
ul.sf-menu li {
	float:left;
	margin:1px 8px 11px 1px;
	}
ul.sf-menu li.active a,
ul.sf-menu li.active a:link, 
ul.sf-menu li.active a:visited {
	color:#444;
	}
ul.sf-menu a, ul.sf-menu a:link, ul.sf-menu a:visited {
	float:left;
	background:url(../images/nav_top_level_arrow.gif) no-repeat 100% 50%;
	color:#004985;
	font-weight:bold;
	padding:3px 11px 3px 8px;
	}
ul.sf-menu li.over a,
ul.sf-menu a:hover {
	color:#004985;
	}
ul.sf-menu li.over,
ul.sf-menu li.active {
	margin:0 7px 10px 0;
	border:1px solid #bbb;
	background:#ececec;
	}*/

/************ 1ST LEVEL **********
ul.sf-menu ul li,
ul.sf-menu ul li.active,
ul.sf-menu ul li.over {
	float:none;
	border:none;
	background:none;
	margin:0;
	padding:0;
	padding-bottom:1px;
	text-transform:none;
	}
ul.sf-menu ul li.parent {
	background:url(../images/nav_parent_arrow.gif) no-repeat 175px 6px
	}
ul.sf-menu ul li.last {
	padding-bottom:0;
	}
ul.sf-menu ul li.active {
	margin:0; border:0; background:none;
	}
ul.sf-menu ul li a, ul.sf-menu ul li a:link, ul.sf-menu ul li a:visited,
ul.sf-menu ul ul li a, ul.sf-menu ul ul li a:link, ul.sf-menu ul ul li a:visited,
ul.sf-menu ul ul ul li a, ul.sf-menu ul ul ul li a:link, ul.sf-menu ul ul ul li a:visited {
	float:none;
	width:170px;
	display: block;
	color: #444; 
	background: transparent;
	padding: 4px 8px;
	font-weight:normal !important;
	}
ul.sf-menu ul li a:hover, ul.sf-menu ul li a:active, ul.sf-menu ul li a:focus,
ul.sf-menu ul ul li a:hover, ul.sf-menu ul ul li a:active, ul.sf-menu ul ul li a:focus,
ul.sf-menu ul ul ul li a:hover, ul.sf-menu ul ul ul li a:active, ul.sf-menu ul ul ul li a:focus,
ul.sf-menu ul li.over a, ul.sf-menu ul ul li.over a,  ul.sf-menu ul ul ul li.over a {
	color: #004985;
	background: #ececec; 
	}**/
/************ 2ND LEVEL **********ul.sf-menu ul { position:absolute; width:186px; top:22px; left:-10000px; border:1px solid #bbb; background:#fcfcfc; font-size:11px; }
**/

/* Show menu 
ul.sf-menu li.over > ul { left:-1px; }
ul.sf-menu li.over > ul li.over > ul { left:158px; }
ul.sf-menu li.over ul ul { left:-10000px; }
*/
/************ 3RD+ LEVEL ***********
ul.sf-menu ul ul { top:-1px; }

ul.sf-menu ul li:hover ul.level1,
ul.sf-menu ul li:hover ul.level2 {
	left: 186px !important;
	}*/
	
.katnav,
.layered-nav,
.vertnav {
	border: 1px solid #ddd;
	}
.katnav .head { 
	text-align: left;
	padding: 2px 10px;
	background:#004985;
	border-bottom: 1px solid #DDDDDD; 
	}
.katnav .head h4 {
	color:#fff;
	margin: 0;
	}
#vertnav span {
	cursor: pointer !important;
	}
#vertnav ul ul {
	}
#vertnav li a, #vertnav li a:link, #vertnav li a:visited {
	display: block;
	padding: 2px 0;
	color: #444;
	font-size: 1.1em;
	}
#vertnav li a:hover, #vertnav li a:active, #vertnav li a:focus {
	text-decoration: none;
	color: #004985 !important;
	}
#vertnav li.active a, #vertnav li.active a:link, #vertnav li.active a:visited,
#vertnav li.parent a, #vertnav li.parent a:link, #vertnav li.parent a:visited,
#vertnav li.active a:hover, #vertnav li.active a:active, #vertnav li.active a:focus,
#vertnav li.parent a:hover, #vertnav li.parent a:active, #vertnav li.parent a:focus,
#vertnav li.parent ul li.parent a, #vertnav li.parent ul li.parent a:link, #vertnav li.parent ul li.parent a:visited,
#vertnav li.parent ul li.active a, #vertnav li.parent ul li.active a:link, #vertnav li.parent ul li.active a:visited,
#vertnav li.parent ul li.parent ul li.active a, #vertnav li.parent ul li.parent ul li.active a:link, #vertnav li.parent ul li.parent ul li.active a:visited {
	color: #004985;
	font-weight: bold;
	}
#vertnav li.parent ul li a, #vertnav li.parent ul li a:link, #vertnav li.parent ul li a:visited,
#vertnav li.active ul li a, #vertnav li.active ul li a:link, #vertnav li.active ul li a:visited,
#vertnav li.parent ul li.active ul li a, #vertnav li.parent ul li.active ul li a:link, #vertnav li.parent ul li.active ul li a:visited,
#vertnav li.parent ul li.parent ul li a, #vertnav li.parent ul li.parent ul li a:link, #vertnav li.parent ul li.parent ul li a:visited {
	font-weight: normal;
	color: #444;
	}
	
#vertnav ul li a, #vertnav ul li a:link, #vertnav ul li a:visited {
	color: #444;
	font-size: 1em;
	}
#vertnav li.level0 {
	margin-bottom: 10px;
	}
#vertnav li.level1 a, #vertnav li.level1 a:link, #vertnav li.level1 a:visited {
	padding-left: 15px;
	}
#vertnav li.level1-active a, #vertnav li.level1-active a:link, #vertnav li.level1-active a:visited {
	background:url(../images/nav_parent_arrow.gif) no-repeat 5px 5px;
	}