/* -------------------------------------------------------------------------------------------------------------------------- */
/* NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* navigation level 1 */

#nav {text-align: left; float: left; width: 240px; font-size: 16px; line-height: 16px; 
	font-family: PFDinTextPro-Regular, Tahoma, Geneva, sans-serif; font-weight: normal; font-style: normal; letter-spacing: 0; }
	
#nav li {margin: 0; padding: 0; width: 240px; overflow: auto; clear: both; border-bottom: 1px solid #2c3235; float: left; height: 1%; background-image: none;}

#nav li a {text-decoration: none; padding: 11px 10px 0 20px; margin: 0; width: 210px; float: left; display: block; height: 25px; 
	background: url(../images/back_navi.png) no-repeat left -2px; color: #fff;}
#nav li a.hover,
#nav li a.click {background-image: url(../images/back_navi_over.png); color: #192126;}

#nav li.menu a {background-image: url(../images/back_navi_menu.png); color: #fff;}
#nav li.menu a.hover,
#nav li.menu a.click {background-image: url(../images/back_navi_menu_over.png); color: #192126;}

#nav li.active a,
#nav li.active a.hover,
#nav li.active a.click {background-image: url(../images/back_navi_active.png); color: #70706f;}

#nav li.menu.active a,
#nav li.menu.active a.hover,
#nav li.menu.active a.click {background-image: url(../images/back_navi_menu_active.png); color: #70706f;}


/* navigation level 2 */

#nav li ul {position: absolute; top: 0; left: 240px; width: 239px; height: 451px; background: url(../images/back_popup.png) repeat; border-right: 1px solid #b0b0af; display: none;}
#nav li ul li {width: 239px; border-bottom: 1px solid #b0b0af; height: auto;}
#nav li ul li a {width: 209px;}


#nav li.menu ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu ul li a.hover,
#nav li.menu ul li a.click {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu ul li.menu a {background: url(../images/back_navi_popup_menu.png) no-repeat left -2px; color: #fff;}
#nav li.menu ul li.menu a.hover,
#nav li.menu ul li.menu a.click {background: url(../images/back_navi_popup_menu_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu ul li.active a,
#nav li.menu ul li.active a.hover,
#nav li.menu ul li.active a.click {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}

#nav li.menu ul li.menu.active a,
#nav li.menu ul li.menu.active a.hover,
#nav li.menu ul li.menu.active a.click {background: url(../images/back_navi_menu_active.png) no-repeat left -2px; color: #70706f;}


#nav li.menu.active ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li a.hover,
#nav li.menu.active ul li a.click {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu a {background: url(../images/back_navi_popup_menu.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu a.hover,
#nav li.menu.active ul li.menu a.click {background: url(../images/back_navi_popup_menu_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.active a,
#nav li.menu.active ul li.active a.hover,
#nav li.menu.active ul li.active a.click {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}

#nav li.menu.active ul li.menu.active a,
#nav li.menu.active ul li.menu.active a.hover,
#nav li.menu.active ul li.menu.active a.click {background: url(../images/back_navi_menu_active.png) no-repeat left -2px; color: #70706f;}


/* navigation level 3 */

#nav li.menu ul li.menu ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu ul li.menu ul li a.hover, 
#nav li.menu ul li.menu ul li a.click {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu ul li.menu ul li.menu a {background: url(../images/back_navi_popup_menu.png) no-repeat left -2px; color: #fff;}
#nav li.menu ul li.menu ul li.menu a.hover, 
#nav li.menu ul li.menu ul li.menu a.click {background: url(../images/back_navi_popup_menu_over.png) no-repeat left -2px; color: #192126;}


#nav li.menu.active ul li.menu ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu ul li a.hover,
#nav li.menu.active ul li.menu ul li a.click {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu ul li.menu a {background: url(../images/back_navi_popup_menu.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu ul li.menu a.hover,
#nav li.menu.active ul li.menu ul li.menu a.click {background: url(../images/back_navi_popup_menu_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu ul li.active a,
#nav li.menu.active ul li.menu ul li.active a.hover,
#nav li.menu.active ul li.menu ul li.active a.click {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}

#nav li.menu.active ul li.menu ul li.menu.active a,
#nav li.menu.active ul li.menu ul li.menu.active a.hover,
#nav li.menu.active ul li.menu ul li.menu.active a.click {background: url(../images/back_navi_menu_active.png) no-repeat left -2px; color: #70706f;}


#nav li.menu.active ul li.menu.active ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu.active ul li a.hover,
#nav li.menu.active ul li.menu.active ul li a.click {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu.active ul li.menu a {background: url(../images/back_navi_popup_menu.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu.active ul li.menu a.hover,
#nav li.menu.active ul li.menu.active ul li.menu a.click {background: url(../images/back_navi_popup_menu_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu.active ul li.active a,
#nav li.menu.active ul li.menu.active ul li.active a.hover,
#nav li.menu.active ul li.menu.active ul li.active a.click {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}

#nav li.menu.active ul li.menu.active ul li.menu.active a,
#nav li.menu.active ul li.menu.active ul li.menu.active a.hover,
#nav li.menu.active ul li.menu.active ul li.menu.active a.click {background: url(../images/back_navi_menu_active.png) no-repeat left -2px; color: #70706f;}


/* navigation level 4 */

#nav li.menu ul li.menu ul li.menu ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu ul li.menu ul li.menu ul li a.hover {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu ul li.menu ul li.menu ul li.active a,
#nav li.menu ul li.menu ul li.menu ul li.active a.hover {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}


#nav li.menu.active ul li.menu ul li.menu ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu ul li.menu ul li a.hover {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu ul li.menu ul li.active a,
#nav li.menu.active ul li.menu ul li.menu ul li.active a.hover {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}


#nav li.menu.active ul li.menu.active ul li.menu ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu.active ul li.menu ul li a.hover {background: url(../images/back_navi_popup_over.png) no-repeat; color: #192126;}

#nav li.menu.active ul li.menu.active ul li.menu ul li.active a,
#nav li.menu.active ul li.menu.active ul li.menu ul li.active a.hover {background: url(../images/back_navi_active.png) no-repeat; color: #70706f;}


#nav li.menu.active ul li.menu.active ul li.menu.active ul li a {background: url(../images/back_navi_popup.png) no-repeat left -2px; color: #fff;}
#nav li.menu.active ul li.menu.active ul li.menu.active ul li a.hover {background: url(../images/back_navi_popup_over.png) no-repeat left -2px; color: #192126;}

#nav li.menu.active ul li.menu.active ul li.menu.active ul li.active a,
#nav li.menu.active ul li.menu.active ul li.menu.active ul li.active a.hover {background: url(../images/back_navi_active.png) no-repeat left -2px; color: #70706f;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* SERVICE NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

.service-nav-container ul {line-height: 22px; color: #ccc; height: 22px; position: relative;
	list-style: none; margin: 0; padding: 0; border: 0; font-size: 11px;}
.service-nav-container ul li {margin: 0; padding: 0; border: 0; float: left; background-image: none;}

.service-nav-container .left {width: 280px; margin-top: 6px;}
.service-nav-container .left ul {float: left; width: 480px; margin-left: 7px;}

.service-nav-container .left ul li a {margin: 0; padding: 0 13px 0 0; text-decoration: none; height: 22px; line-height: 22px; display: block; color: #ccc;}
.service-nav-container .left ul li a.hover {color: #fff;}
.service-nav-container .left ul li.active a {color: #fff;}

.service-nav-container .left ul li a.backBtn {margin: 0; padding: 0 13px 0 15px; text-decoration: none; height: 22px; line-height: 22px; display: block; color: #ccc;
	background: url(../images/icn_service_back-btn.png) no-repeat 0 5px;}
.service-nav-container .left ul li a.backBtn:hover {color: #fff;}

.service-nav-container .right {width: 480px; margin-top: 5px;} 
.service-nav-container .right ul {float: right; margin-right: 10px; display: none;}  /* per javascript eingeblendet, nur nach dem händler-login */
.service-nav-container .right ul li a {margin: 0 0 0 5px; padding: 0 5px 0 5px; text-decoration: none; height: 22px; line-height: 22px; display: block; color: #fff;}
.service-nav-container .right ul li a.hover {color: #fff; background: #bd1c28;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

.footer-container {margin: 0; padding: 0 0 15px 0; overflow: hidden;}
.footer-container .left {margin-left: 280px;}

.footer-container .footer-nav {float: right; font-size: 11px; line-height: 11px; margin: 8px 0 0 0;}
.footer-container .footer-nav li {float: left; margin: 0; padding: 0; border: 0; background-image: none;}
.footer-container .footer-nav li a {margin: 0; padding: 0 20px 0 0; text-decoration: none; display: block;}
.footer-container .footer-nav li a:link, 
.footer-container .footer-nav li a:active, 
.footer-container .footer-nav li a:visited {color: #a3a6a8;}
.footer-container .footer-nav li a.hover {color: #bd1c28;}

.footer-container .footer-nav li.topLink {padding: 0 20px 0 0; font-size: 12px; line-height: 12px;}
.footer-container .footer-nav li.topLink a {margin: 0; padding: 0 20px 0 0; text-decoration: none;} 
.footer-container .footer-nav li.topLink a:link, 
.footer-container .footer-nav li.topLink a:active, 
.footer-container .footer-nav li.topLink a:visited {color: #bd1c28; background: url(../images/icn_toplink.png) no-repeat right center;}
.footer-container .footer-nav li.topLink a.hover {color: #575756; background: url(../images/icn_toplink_over.png) no-repeat right center;}