/* Home-Button (Logo) */
#mainNavigation h1 a {
	display: block;
	position: absolute;
	width: 319px;
	height: 46px;
	text-indent: -5000px;
	z-index: 10;
	left: 5px;
	top: 30px;
	background-image: url(../media/template/passioneBiciLogo.gif);
	background-repeat: no-repeat;
}

/* Home-Button (Logo 2) */
#mainNavigation h2 a {
	display: block;
	position: absolute;
	width: 107px;
	height: 73px;
	text-indent: -5000px;
	z-index: 10;
	left: 859px;
	top: 19px;
	background-image: url(../media/template/deRosaLogo.gif);
	background-repeat: no-repeat;
}

/* CSS fuer gesamte Top-Navigation */

#mainNavigation ul {
	list-style-type: none;
	position: absolute;
	z-index: 10;
	top: 105px;
	left: 5px;
	background-image: url(../media/template/navigBgr.jpg);
	background-repeat: repeat-x;
}

#mainNavigation ul li {
	float: left;
	margin : 0px 0px;
}

#mainNavigation ul li a {
	display: block;
	height: 27px;
	text-indent: -5000px;
	background-image: url(../media/template/mainnav.gif);
	background-repeat: no-repeat;
}

#mainNavigation ul li a:hover {
	border: none;
}

/* CSS fuer Buttons der Top-Navigation */

/* Home */
#mainNavigation ul li a#home {
	width: 71px;
	background-position: 3px 0px;
}

#mainNavigation ul li a#home:hover {
	background-position: 3px -27px;
}

#mainNavigation ul li a#home.active, #mainNavigation ul li a#home.active:hover {
	background-position: 3px -54px;
}

/* Kollektionen */
#mainNavigation ul li a#kollektionen {
	width: 110px;
	background-position: -68px 0px;
}

#mainNavigation ul li a#kollektionen:hover {
	background-position: -68px -27px;
}

#mainNavigation ul li a#kollektionen.active, #mainNavigation ul li a#kollektionen.active:hover {
	background-position: -68px -54px;
}

/* Kollektionen */
#mainNavigation ul li a#accessoires {
	width: 125px;
	background-position: -178px 0px;
}

#mainNavigation ul li a#accessoires:hover {
	background-position: -178px -27px;
}

#mainNavigation ul li a#accessoires.active, #mainNavigation ul li a#accessoires.active:hover {
	background-position: -178px -54px;
}

/* service */
#mainNavigation ul li a#service {
	width: 87px;
	background-position: -303px 0px;
}

#mainNavigation ul li a#service:hover {
	background-position: -303px -27px;
}

#mainNavigation ul li a#service.active, #mainNavigation ul li a#service.active:hover {
	background-position: -303px -54px;
}

/* service */
#mainNavigation ul li a#ueberuns {
	width: 100px;
	background-position: -390px 0px;
}

#mainNavigation ul li a#ueberuns:hover {
	background-position: -390px -27px;
}

#mainNavigation ul li a#ueberuns.active, #mainNavigation ul li a#ueberuns.active:hover {
	background-position: -390px -54px;
}

/* events */
#mainNavigation ul li a#events {
	width: 81px;
	background-position: -490px 0px;
}

#mainNavigation ul li a#events:hover {
	background-position: -490px -27px;
}

#mainNavigation ul li a#events.active, #mainNavigation ul li a#events.active:hover {
	background-position: -490px -54px;
}

/* aktuell */
#mainNavigation ul li a#aktuell {
	width: 90px;
	background-position: -571px 0px;
}

#mainNavigation ul li a#aktuell:hover {
	background-position: -571px -27px;
}

#mainNavigation ul li a#aktuell.active, #mainNavigation ul li a#aktuell.active:hover {
	background-position: -571px -54px;
}

/* kontakt */
#mainNavigation ul li a#kontakt {
	width: 92px;
	background-position: -661px 0px;
}

#mainNavigation ul li a#kontakt:hover {
	background-position: -661px -27px;
}

#mainNavigation ul li a#kontakt.active, #mainNavigation ul li a#kontakt.active:hover {
	background-position: -661px -54px;
}

/* Subnavigation */

#subNavigationFrame {
	font-size: 11px;
}

#subNavigationFrame #top {
	width: 175px;
	height: 13px;
	background-image: url(../media/template/subnavShadowTop.png);
	background-repeat: no-repeat;
}

#subNavigationFrame #bottom {
	width: 175px;
	height: 13px;
	background-image: url(../media/template/subnavShadowBottom.png);
	background-repeat: no-repeat;
}

#subNavigation {
	width: 175px;
	background-image: url(../media/template/subnavShadowCenter.png);
	background-repeat: repeat-y;
}

/* Subnavigation Hintergrund mit PNG-Hack */

@media all{

* html b\ody #subNavigationFrame #top {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.passione-bici.de/fileadmin/media/template/subnavShadowTop.png', sizingMethod='scale');
	background:none;
}

* html b\ody #subNavigationFrame #bottom {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.passione-bici.de/fileadmin/media/template/subnavShadowBottom.png', sizingMethod='scale');
	background:none;
}

* html b\ody #subNavigation {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.passione-bici.de/fileadmin/media/template/subnavShadowCenter.png', sizingMethod='scale');
	background:none;
}

}

/* ende ie6*/

#subNavigationFrame ul {
	width: 161px;
	margin-left: 8px;
	list-style-type: none;
}

#subNavigationFrame ul li {
	margin : 0px 0px;
}

#subNavigationFrame ul li a {
	width: 146px;
	height: 21px;
	display: block;
	padding-top: 3px;
	padding-left: 15px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AB2839;
	text-transform: uppercase;
}

#subNavigationFrame ul li a:hover {
	color: #FFFFFF;
}

/* Sub-Sub-Navigation */

#subNavigationFrame ul li ul {
	margin-left: 0px;
}

#subNavigationFrame ul li ul li a {
	width: 146px;
	height: 21px;
	padding-top: 5px;
	padding-left: 15px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../media/template/subBgrArrow0.gif);
	background-repeat: no-repeat;
	background-color: #596064;
	text-transform: none;
}

#subNavigationFrame ul li ul li a:hover {
	color: #FFFFFF;
	background-image: url(../media/template/subBgrArrow1.gif);
	background-repeat: no-repeat;
	background-color: #AB2839;
}

#subNavigationFrame ul li ul li a.active, #subNavigationFrame ul li ul li a:hover.active {
	width: 139px;
	padding-top: 4px;
	padding-left: 22px;
	color: #AB2839;
	font-weight: bold;
	background-image: url(../media/template/subBgr2.gif);
	background-repeat: no-repeat;
	background-color: #D5D7D8;
}

#subNavigationFrame ul li ul li a.arrow_active, #subNavigationFrame ul li ul li a:hover.arrow_active {
	width: 146px;
	padding-top: 5px;
	padding-left: 15px;
	color: #AB2839;
	font-weight: bold;
	background-image: url(../media/template/subSubBgr1.gif);
	background-repeat: no-repeat;
	background-color: #D5D7D8;
}

/* Sub-Sub-Sub-Navigation */

#subNavigationFrame ul li ul li ul {
	margin-bottom: -1px;
}

#subNavigationFrame ul li ul li ul li a {
	width: 139px;
	height: 23px;
	padding-top: 3px;
	padding-left: 22px;
	text-decoration: none;
	color: #1A1E21;
	background-image: url(../media/template/subSubBgr0.gif);
	background-repeat: no-repeat;
	background-color: #D5D7D8;
}

#subNavigationFrame ul li ul li ul li a:hover {
	color: #AB2839;
	background-image: url(../media/template/subSubBgr0.gif);
	background-repeat: no-repeat;
}

#subNavigationFrame ul li ul li ul li a.active, #subNavigationFrame ul li ul li ul li a:hover.active {
	width: 139px;
	height: 23px;
	padding-top: 3px;
	padding-left: 22px;
	font-weight: bold;
	background-image: url(../media/template/subSubBgr2.gif);
	background-repeat: no-repeat;
}

#subNavigationFrame ul li ul li ul li a.arrow_active, #subNavigationFrame ul li ul li ul li a:hover.arrow_active {
	width: 139px;
	height: 23px;
	padding-top: 3px;
	padding-left: 22px;
	font-weight: bold;
	background-image: url(../media/template/subSubBgr2.gif);
	background-repeat: no-repeat;
}

/* Sub-Sub-Sub-Sub-Navigation */

#subNavigationFrame ul li ul li ul li ul {
	margin-bottom: 0px;
}

#subNavigationFrame ul li ul li ul li ul li a {
	width: 132px;
	height: 23px;
	padding-top: 3px;
	padding-left: 29px;
	text-decoration: none;
	color: #1A1E21;
	background-image: url(../media/template/subSubSubBgr0.gif);
	background-repeat: no-repeat;
	background-color: #E8E9EA;
}

#subNavigationFrame ul li ul li ul li ul li a:hover {
	color: #AB2839;
	background-image: url(../media/template/subSubSubBgr0.gif);
	background-repeat: no-repeat;
}

#subNavigationFrame ul li ul li ul li ul li a.active, #subNavigationFrame ul li ul li ul li ul li a:hover.active {
	width: 132px;
	height: 23px;
	padding-top: 3px;
	padding-left: 29px;
	font-weight: bold;
	background-image: url(../media/template/subSubSubBgr2.gif);
	background-repeat: no-repeat;
}