/* *************************************************************************** */
/* STYLES FÜR DIE TOPNAVI WEBSEITE 		                               */
/* *************************************************************************** */


/*** TOPNAVI allgemein***/

#rahmenTopnavi
{
	padding: 0px 0px 0px 0px;
	/*width: 904px;*/
	width: 56.5em;
	margin: -16px 0px 0px 0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: -13px 0px 0px 0px;
}

html>#rahmenTopnavi
{
	margin: -13px 0px 0px 0px;
} 


#rahmenIndikator
{
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
	font-size: 0px;
	height: 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 11px;
}
html>#rahmenIndikator
{
	height: 11px;
} 


.schattenTopnavi
{
	width: 904px;
	height: 5px;
	padding: 0px 0px 0px 0px;
	line-height: 0;
	font-size: 0;
	background-image: url(schatten.gif);
	background-repeat: repeat-x;
	margin: 10px 0px 0px 0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 0px 0px 0px 0px;
}
html>.schattenTopnavi
{
	margin: 0px 0px 0px 0px;
}


.schattenStartseite
{
	width: 704px;
	margin: -2px 0px 0px 0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 0px 0px 0px 0px;
}
html>.schattenStartseite
{
	margin: 0px 0px 0px 0px;
} 


.linieSpalte
{
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
	font-size: 0px;
	border-top: 1px solid #888888;
}


#ulTopnavi
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#ulTopnavi li
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}


#ulTopnavi li a
{
	display: block;
}

/*** navipunkt1 ***/

#navipunkt1Indikator
{
	float: left;
	height: 10px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #DFA6BD;
	 /*#C45984*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	visibility: hidden;
	width: 178px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 176px;
}
html>#navipunkt1Indikator
{
	width: 176px;
} 


#divNavipunkt1
{
	/*width: 176px;*/
	width: 11em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #D01A61;
	/*#A50946*/
	/*height: 40px;*/
	height: 2.525em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 34px;*/
	height: 2.125em;
}
html>#divNavipunkt1
{
	/*height: 34px;*/
	height: 2.125em;
} 


#divNavipunkt1 a
{
	padding-top: 4px;
	margin-top: -4px;
	display: block;
	height: 34px;
}


#navipunkt1, #navipunkt1 ul 
{
	float:left;
	/*width: 176px;*/
	width: 11em;
	/*height: 39px;*/
	height: 2.4375em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#navipunkt1 .ausklapp
{
	display: block;
	width: 100%;
}
#navipunkt1 .ausklapp:hover, #navipunkt1 .ausklapp:focus, #navipunkt1 .ausklapp:active
{
	background-color: #DFA6BD;
}


#liNavipunkt1
{ /* li in der ersten ebene */
	float: left;
	/*height: 39px;*/
	height: 2.4375em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}


#navipunkt1 li ul
{ /* li in der zweiten ebene */
	position: absolute;
	top: 12.09em;
	left: -999px;
	/*width: 174px;*/
	width: 10em;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #D01A61;
	border-bottom: 1px solid #D01A61;
	border-left: 1px solid #D01A61;
	 /*#A50946*/
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	top: 12.1875em;
	width: 10.875em;
}
html>#navipunkt1 li ul
{
	top: 12.1875em;
	width: 10.875em;
} 


#navipunkt1 #liNavipunkt1:hover ul, #navipunkt1 #liNavipunkt1.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
	left: 3.1875em;	
}


#balkenNavipunkt1
{
	/*width: 174px;*/
	width: 11em;
	height: 19px;
	margin: 0px 0px 0px -16px;
	padding: 0px 0px 0px 0px;
	background-image: url(pfeil_senkrecht_rat.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #D01A61;
	/*#A50946*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 10.875em;
	margin: 0px 0px 0px 0px;
}
html>#balkenNavipunkt1
{
	width: 10.875em;
	margin: 0px 0px 0px 0px;
} 


.spalteNavipunkt1
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float: none;
	clear: none;
}
html>.spalteNavipunkt1
{
	float: none;
	clear: none;
}


/*** navipunkt2 ***/

#navipunkt2Indikator
{
	float: left;
	height: 10px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
	background-color: #FCC08D;
	/*#FACC67*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	visibility: hidden;
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 178px;
}
html>#navipunkt2Indikator
{
	width: 178px;
} 


#divNavipunkt2
{
	/*width: 178px;*/
	width: 11.125em;
	/*height: 34px;*/
	height: 2.525em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #F38D36;
	/*#F5A708*/
	/*height: 40px;*/
	height: 2.5em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 34px;*/
	height: 2.125em;
}
html>#divNavipunkt2
{
	/*height: 34px;*/
	height: 2.125em;
} 


#divNavipunkt2 a
{
	padding-top: 4px;
	margin-top: -4px;
	display: block;
	height: 34px;
}


#navipunkt2, #navipunkt2 ul 
{
	float:left;
	/*width: 178px;*/
	width: 11.125em;
	/*height: 39px;*/
	height: 2.4375em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#navipunkt2 .ausklapp
{
	display: block;
	width: 100%;
}
#navipunkt2 .ausklapp:hover, #navipunkt2 .ausklapp:focus, #navipunkt2 .ausklapp:active
{
	background-color: #FCC08D;
}


#liNavipunkt2
{ /* li in der ersten ebene */
	float: left;
	/*height: 39px;*/
	height: 2.4375em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}


#navipunkt2 li ul
{ /* li in der zweiten ebene */
	position: absolute;
	top: 12.09em;
	left: -999px;
	/*width: 176px;*/
	width: 10.4em;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #F38D36;
	border-bottom: 1px solid #F38D36;
	border-left: 1px solid #F38D36;
	/*#F5A708*/
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	top: 12.1875em;
	width: 11em;
}
html>#navipunkt2 li ul
{
	top: 12.1875em;
	width: 11em;
}

#navipunkt2 #liNavipunkt2:hover ul, #navipunkt2 #liNavipunkt2.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
	left: 14.25em;	
}


#balkenNavipunkt2
{
	/*width: 176px;*/
	width: 11.25em;
	height: 19px;
	margin: 0px 0px 0px -16px;
	padding: 0px 0px 0px 0px;
	background-image: url(pfeil_senkrecht_tourismus.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #F38D36;
	/*#F5A708*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 0px 0px 0px 0px;
	width: 11em;
}
html>#balkenNavipunkt2
{
	width: 11em;
	margin: 0px 0px 0px 0px;
} 


.spalteNavipunkt2
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float: none;
	clear: none;
}
html>.spalteNavipunkt2
{
	float: none;
	clear: none;
}


/*** navipunkt3 ***/

#navipunkt3Indikator
{
	float: left;
	width: 182px;
	height: 10px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
	background-color: #DFEA96;
	/*#C4D652*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	visibility: hidden;
	width: 184px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 182px;
}
html>#navipunkt3Indikator
{
	width: 182px;
} 


#divNavipunkt3
{
	/*width: 182px;*/
	width: 11.375em;
	/*height: 34px;*/
	height: 2.525em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #8ECA2F;
	/*#68A608*/
	/*height: 40px;*/
	height: 2.5em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 34px;*/
	height: 2.125em;
}
html>#divNavipunkt3
{
	/*height: 34px;*/
	height: 2.125em;
} 


#divNavipunkt3 a
{
	padding-top: 4px;
	margin-top: -4px;
	display: block;
	height: 34px;
}


#navipunkt3, #navipunkt3 ul 
{
	float:left;
	/*width: 182px;*/
	width: 11.375em;
	/*height: 39px;*/
	height: 2.4375em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#navipunkt3 .ausklapp
{
	display: block;
	width: 100%;
}
#navipunkt3 .ausklapp:hover, #navipunkt3 .ausklapp:focus, #navipunkt3 .ausklapp:active
{
	background-color: #DFEA96;
}


#liNavipunkt3
{ /* li in der ersten ebene */
	float: left;
	/*height: 39px;*/
	height: 2.4375em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}


#navipunkt3 li ul
{ /* li in der zweiten ebene */
	position: absolute;
	top: 12.09em;
	left: -999px;
	/*width: 180px;*/
	width: 10.6em;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #8ECA2F;	
	border-bottom: 1px solid #8ECA2F;
	border-left: 1px solid #8ECA2F;
	/*#68A608*/
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	top: 12.1875em;
	width: 11.25em;
}
html>#navipunkt3 li ul
{
	top: 12.1875em;
	width: 11.25em;
} 


#navipunkt3 #liNavipunkt3:hover ul, #navipunkt3 #liNavipunkt3.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
	left: 25.4375em;	
}


#balkenNavipunkt3
{
	/*width: 180px;*/
	width: 11.5em;
	height: 19px;
	margin: 0px 0px 0px -16px;
	padding: 0px 0px 0px 0px;
	background-image: url(pfeil_senkrecht_familie.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #8ECA2F;
	/*#68A608*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 11.25em;
	margin: 0px 0px 0px 0px;
}
html>#balkenNavipunkt3
{
	width: 11.25em;
	margin: 0px 0px 0px 0px;
} 


.spalteNavipunkt3
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float: none;
	clear: none;
}
html>.spalteNavipunkt3
{
	float: none;
	clear: none;
}


/*** navipunkt4 ***/

#navipunkt4Indikator
{
	float: left;
	width: 180px;
	height: 10px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
	background-color: #AFD8DB;
	/*#A2D0D3*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	visibility: hidden;
	width: 182px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;
}
html>#navipunkt4Indikator
{
	width: 180px;
} 


#divNavipunkt4
{
	/*width: 180px;*/
	width: 11.25em;
	/*height: 34px;*/
	height: 2.525em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #11A8AA;
	/*#089698*/
	/*height: 40px;*/
	height: 2.5em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 34px;*/
	height: 2.125em;
}
html>#divNavipunkt4
{
	/*height: 34px;*/
	height: 2.125em;
} 


#divNavipunkt4 a
{
	padding-top: 4px;
	margin-top: -4px;
	display: block;
	height: 34px;
}


#navipunkt4, #navipunkt4 ul 
{
	float:left;
	/*width: 180px;*/
	width: 11.25em;
	/*height: 39px;*/
	height: 2.4375em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#navipunkt4 .ausklapp
{
	display: block;
	width: 100%;
}
#navipunkt4 .ausklapp:hover, #navipunkt4 .ausklapp:focus, #navipunkt4 .ausklapp:active
{
	background-color: #AFD8DB;
}


#liNavipunkt4
{ /* li in der ersten ebene */
	float: left;
	/*height: 39px;*/
	height: 2.4375em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}


#navipunkt4 li ul
{ /* li in der zweiten ebene */
	position: absolute;
	top: 12.09em;
	left: -999px;
	/*width: 178px;*/
	width: 10.4em;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #11A8AA;
	border-bottom: 1px solid #11A8AA;
	border-left: 1px solid #11A8AA;
	background-color: #FFFFFF;
	/*#089698*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	top: 12.1875em;
	width: 11.125em;
}
html>#navipunkt4 li ul
{
	top: 12.1875em;
	width: 11.125em;
}


#navipunkt4 #liNavipunkt4:hover ul, #navipunkt4 #liNavipunkt4.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
	left: 36.875em;	
}


#balkenNavipunkt4
{
	/*width: 178px;*/
	width: 11.325em;
	height: 19px;
	margin: 0px 0px 0px -16px;
	padding: 0px 0px 0px 0px;
	background-image: url(pfeil_senkrecht_umwelt.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #11A8AA;
	/*#089698*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 11.125em;
	margin: 0px 0px 0px 0px;
}
html>#balkenNavipunkt4
{
	width: 11.125em;
	margin: 0px 0px 0px 0px;
} 


.spalteNavipunkt4
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float: none;
	clear: none;
}
html>.spalteNavipunkt4
{
	float: none;
	clear: none;
}


/*** navipunkt5 ***/

#navipunkt5Indikator
{
	float: left;
	width: 182px;
	height: 10px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
	background-color: #A4BBE1;
	/*#668AC9*/
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	visibility: hidden;
	width: 184px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 182px;
}
html>#navipunkt5Indikator
{
	width: 182px;
} 


#divNavipunkt5
{
	/*width: 182px;*/
	width: 11.375em;
	/*height: 34px;*/
	height: 2.525em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #1F54BC;
	/*#083898*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 34px;*/
	height: 2.125em;
}
html>#divNavipunkt5
{
	/*height: 34px;*/
	height: 2.125em;
} 


#divNavipunkt5 a
{
	padding-top: 4px;
	margin-top: -4px;
	display: block;
	height: 34px;
}


#navipunkt5, #navipunkt5 ul 
{
	float:left;
	/*width: 182px;*/
	width: 11.375em;
	/*height: 39px;*/
	height: 2.4375em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	border: 1px solid #FFFFFF;
}

#navipunkt5 .ausklapp
{
	display: block;
	width: 100%;
}
#navipunkt5 .ausklapp:hover, #navipunkt5 .ausklapp:focus, #navipunkt5 .ausklapp:active
{
	background-color: #A4BBE1;
}


#liNavipunkt5
{ /* li in der ersten ebene */
	float: left;
	/*height: 39px;*/
	height: 2.4375em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}


#navipunkt5 li ul
{ /* li in der zweiten ebene */
	position: absolute;
	top: 12.09em;
	left: -999px;
	/*width: 180px;*/
	width: 10.4em;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #1F54BC;
	border-bottom: 1px solid #1F54BC;
	border-left: 1px solid #1F54BC;
	/*#083898*/
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	top: 12.1875em;
	width: 11.25em;
}
html>#navipunkt5 li ul
{
	top: 12.1875em;
	width: 11.25em;
} 




#navipunkt5 #liNavipunkt5:hover ul, #navipunkt5 #liNavipunkt5.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
	left: 48.1875em;	
}


#balkenNavipunkt5
{
	/*width: 180px;*/
	width: 11.25em;
	height: 19px;
	margin: 0px 0px 0px -16px;
	padding: 0px 0px 0px 0px;
	background-image: url(pfeil_senkrecht_wirtschaft.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #1F54BC;
	/*#083898*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 11.25em;
	margin: 0px 0px 0px 0px;
}
html>#balkenNavipunkt5
{
	width: 11.25em;
	margin: 0px 0px 0px 0px;
} 


.spalteNavipunkt5
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float: none;
	clear: none;
}
html>.spalteNavipunkt5
{
	float: none;
	clear: none;
}