/* PRIMÄRNAVIGATION */

ul#primaerNavi { 
	display: block;
	list-style-type: none;
	height: 16px;
	position: relative;
	bottom: 0;
	left:0;
	width: 663px;
	}
	ul#primaerNavi li {
		float: left;
		}	
		ul#primaerNavi a {
			display: block;
			} 	
		
		/* echttext der listenpunkte ausblenden */
		ul#primaerNavi span {
			display: none;
			}	


	/* startseite */
	ul#primaerNavi a.startseite {
		width: 92px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_startseite.gif) 0 0 no-repeat;
		}
	ul#primaerNavi a.startseite:hover, ul#primaerNavi a.startseite-aktiv {
		width: 92px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_startseite.gif) 0 -16px no-repeat;
		}
	
	
	/* allgemeines */	
	ul#primaerNavi a.allgemeines {
		width: 106px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_allgemeines.gif) 0 0 no-repeat;
		}
	ul#primaerNavi a.allgemeines:hover, ul#primaerNavi a.allgemeines-aktiv {
		width: 106px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_allgemeines.gif) 0 -16px no-repeat;
		}	
	
	
	/* privat */	
	ul#primaerNavi a.privat {
		width: 62px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_privat.gif) 0 0 no-repeat;
		}
	ul#primaerNavi a.privat:hover, ul#primaerNavi a.privat-aktiv {
		width: 62px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_privat.gif) 0 -16px no-repeat;
		}
	
	
	/* gewerbe */					
	ul#primaerNavi a.gewerbe {
		width: 69px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_gewerbe.gif) 0 0 no-repeat;
		}
	ul#primaerNavi a.gewerbe:hover, ul#primaerNavi a.gewerbe-aktiv {
		width: 69px;
		height: 16px;
		background: url(/web/assets/images/primaernavigation/primnav_gewerbe.gif) 0 -16px no-repeat;
		}

/* FUNKTIONALNAVIGATION */

ul#funktionalNavi {
	list-style-type: none;
	font-size: 11px;
	padding-top: 20px;
	}
	ul#funktionalNavi li {
		display: block;
		padding-left: 7px;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
		}
		
		
/* SEKUNDÄRNAVIGATION */

ul#sekundaerNavi {
	display: block;
	list-style-type: none;
	width: 217px;
	border: 1px solid #d7d7cd;
	padding-bottom: 48px;
	background-color: #fff;
	margin: 0 0 12px 0 !important;
	}	
	ul#sekundaerNavi li {
		display: block;		
		width: 217px;
		}
	ul#sekundaerNavi li ul  {
		margin: 0 !important;
		padding: 0 !important;
		}
	ul#sekundaerNavi li a {
		display: block;
		width: 217px;
		font-weight: bold;
		color: #827454;
		line-height: 21px;
		}
	ul#sekundaerNavi li a:hover, ul#sekundaerNavi li a.aktiv {
		background-color: #fdb11a;
		text-decoration: none;
		color: #000000;
		}
		ul#sekundaerNavi li a span {
			display: block;
			padding: 3px 3px 3px 0;
			margin-left: 12px;
			padding-left: 7px;
			line-height: 15px;
			background: url(../images/icon_linkpfeil.gif) 0 6px no-repeat;		
			}
		ul#sekundaerNavi li ul li a {
			font-weight: normal;
			background-color: #feeac4;
			}
		ul#sekundaerNavi li ul li a:hover {
		        color: #000000;
			background-color: #fdb11a;
			}
		ul#sekundaerNavi li ul li a.aktiv {
		 	font-weight: bold;
		 	background-color: #fdcd70;	
		 	}			
		 ul#sekundaerNavi li ul li ul li a {
		 	background-color: #fdb11a;	
		 	}
		 ul#sekundaerNavi li ul li ul li a.aktiv {
		 	font-weight: bold;
		 	background-color: #fdb11a;	
		 	}
		 ul#sekundaerNavi li ul li a.aktiv:hover {
		 	background-color: #fdb11a;
		 	}	
		/* 3. Ebene */
		ul#sekundaerNavi li ul li a span {
			margin-left: 24px;
			padding-left: 7px;
			background: url(../images/icon_linkpfeil.gif) 0 6px no-repeat;		
			}		
		ul#sekundaerNavi li ul li ul li a span {
			margin-left: 48px;
			padding-left: 7px;
			background: url(../images/icon_linkpfeil.gif) 0 6px no-repeat;		
			}	
			
			
	/* überschriften der sekundärnavigation */
	.sekundaernavi-allgemeines {
		padding-top: 35px;
		background: url(/web/assets/images/headlines/headline_allgemeines.gif) top left no-repeat;
		}	
	.sekundaernavi-vorteile {
		padding-top: 35px;
		background: url(../images/headlines/headline_vorteile_im_ueberblick.gif) top left no-repeat;
		}	
	.sekundaernavi-services {
		padding-top: 35px;
		background: url(../images/headlines/headline_services_im_ueberblick.gif) top left no-repeat;
		}	
	.sekundaernavi-informationen {
		padding-top: 35px;
		background: url(../images/headlines/headline_informationen_im_ueberblick.gif) top left no-repeat;
		}	
		
				
/* REITER FÜR PRODUKTNAVIGATION IM CONTENT */
ul#produktNavi {
	width: 445px;
	height: 20px;
	background: url(../images/background_produktNavi.gif) 0 0 no-repeat;	
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 0 24px 0 !important;
	}	
	ul#produktNavi li {
		display: block;
		float: left;
		height: 20px !important;
		background: none !important;
		padding: 0 !important;
		margin: 0 -12px 0 0 !important;
		}

		ul#produktNavi a {
			height: 20px;		
			}		
			ul#produktNavi li a span {
				display: none;
				}
	
	
	
	/* zusatzinformationen */			
	ul#produktNavi li a.zusatzinfo {
		display: block;
		width: 157px;
		background: url(../images/background_produktNavi_zusatz.gif) 0 -20px no-repeat;
		z-index: 3;
		}		
	ul#produktNavi li a.zusatz-aktiv  {
		display: block;
		width: 157px;
		background: url(../images/background_produktNavi_zusatz.gif) 0 0 no-repeat;
		z-index: 5;
		}		
	
	/* faq */
	ul#produktNavi li a.faq {
		display: block;
		width: 57px;
		background: url(../images/background_produktNavi_faq.gif) -1px -20px no-repeat;
		z-index: 2;
		}	
	ul#produktNavi li a.faq-aktiv {
		display: block;
		width: 57px;
		background: url(../images/background_produktNavi_faq.gif) 0 0 no-repeat;
		z-index: 5;
		}	
		
	/* produktinformationen */
	ul#produktNavi li a.produktinformationen {
		display: block;
		width: 158px;
		background: url(../images/background_produktNavi_infos.gif) 0 -20px no-repeat;
		z-index: 1;
		}	
	ul#produktNavi li a.produktinformationen-aktiv {
		display: block;
		width: 158px;
		background: url(../images/background_produktNavi_infos.gif) 0 0 no-repeat;
		z-index: 5;
		}							
	ul#produktNavi li.erster {
		margin-left: -1px;
		}	

/* SEITENNAVIGATION */
.seitennavigation {
	margin-bottom: 12px;
	}
	.seitennavigation a.uebersicht {
		padding-left: 9px;
		margin-left: 12px;
		background: url(../images/icon_linkpfeil.gif) 2px 3px no-repeat;
		}



/* FORMULARWIZARDS */
ul#formularwizard {
	width: 663px;
	border-left: 1px solid #83c7e5;
	height: 20px;
	list-style-type: none;
	background: url(../images/formwizard_bg.gif) 0 0 repeat-x;
	position: relative;
	margin-left: 10px;
	}
	ul#formularwizard li {
		float: left;
		padding-right: 11px;
		background-repeat: no-repeat !important;
		background-position: top right !important;
		height: 20px;
		margin: 0 0 0 -30px !important;
		position: relative;
		}
		ul#formularwizard  li.erster {
			margin-left: -20px !important;
			}
		ul#formularwizard li.inaktiv {
			background-image: url(../images/formwizard_inaktiv_rechts_ver2.gif) !important;
			padding: 0 11px 0 20px !important;
			}
		ul#formularwizard li.aktiv  {
			background-image: url(../images/formwizard_aktiv_rechts_v2.gif) !important;
			padding: 0 11px 0 20px !important;
			}				
		ul#formularwizard li.ausgefuellt  {
			background-image: url(../images/formwizard_ausgefuellt_rechts_v2.gif) !important;
			padding: 0 10px 0 20px !important;
			}	
		
		/* aktiv */
		ul#formularwizard li.aktiv a {
			display: block;
			float: left;
			background: url(../images/formwizard_aktiv_bg.gif) 0 0 repeat-x !important;
			height: 20px;
			line-height: 20px;
			font-weight: bold;
			color: #107ba9;
			}
			
			ul#formularwizard li.aktiv span {
				padding-left: 24px;
				padding-right: 24px;
				display: block;
				float: left;
				}

		/* inaktiv */
		ul#formularwizard li.inaktiv a {
			display: block;
			float: left;
			background-color: #acd9ed;
			height: 20px;
			line-height: 20px;
			font-weight: bold;
			color: #fff;
			}
				
			ul#formularwizard li.inaktiv a span {
				padding-left: 24px;
				padding-right: 24px;
				display: block;
				float: left;
				}
		
		/* ausgefüllt */	
		ul#formularwizard li.ausgefuellt a {
			display: block;
			float: left;
			background-color: #83c7e5;
			height: 20px;
			line-height: 20px;
			font-weight: bold;
			color: #fff;
			}
		
			ul#formularwizard li.ausgefuellt a span {
				padding-left: 24px;
				padding-right: 12px;
				display: block;
				float: left;
				}		
		ul#formularwizard li a:hover {
			text-decoration: none;
			}