#naviouter {
  position: relative;
  float: left;
  padding-bottom: 16px;
}


#navi,
#navi_sub {
	position: relative;
	width: 194px;
	background-color: #ffffff;

}


.navifooter {
  position: relative;
  width:162px;
  margin-left: 11px;
}


.navifooter .csc-textpic-image img{
  border: 5px solid #D7D4C3;
}


/* Auf der Freiheit*/
#navi ul,
#navi_sub ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#navi ul li,
#navi_sub ul li {
  width: 172px;
  margin-bottom: 13px;
}

#navi ul li.single a,
#navi_sub ul li.single a {
  background-image: none;
}

#navi ul li a,
#navi_sub ul li a {
  width:158px;
  display: block;
  border-top: 1px solid #916B16;
  border-bottom: 1px solid #916B16;
  color: #916B16;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 14px;
  margin-left:11px;
  text-decoration: none;
  background-image: url(../layout/pfeil_navi_freiheit.gif);
  background-repeat: no-repeat;
  background-position: 3px 10px;
}

#navi ul li a:hover,
#navi_sub ul li a:hover {
  background-color: #D9D6CB;
}

#navi ul li.active a,
#navi_sub ul li.active a {
  background-color: #D9D6CB;
}


#navi ul li ul,
#navi_sub ul li ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
}

#navi ul li ul li,
#navi_sub ul li ul li {
  margin-bottom: 0px;
}

#navi ul li ul li a,
#navi_sub ul li ul li a {
  border: none;
  padding: 0px;
  margin: 0px;
  background-image: url(../layout/pfeil_navi_freiheit_sub.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  color: #916B16;
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
  line-height:17px;
  padding-left: 14px;
  margin-left:1px;
}

#navi ul li.active ul li a,
#navi_sub ul li.active ul li a {
  background-color: #ffffff;
}

#navi ul li ul li a:hover,
#navi_sub ul li ul li a:hover {
  border: none;
  background-image: url(../layout/pfeil_navi_freiheit_sub.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  background-color: #D9D6CB;
}


#navi ul li ul li.active a,
#navi_sub ul li ul li.active a {
  background-color: #D9D6CB;
}




/* Immobilien & Verkauf */
#navi ul li.immobilien a,
#navi_sub ul li.immobilien a{
  border-top: 1px solid #8c7616;
  border-bottom: 1px solid #8c7616;
  color: #8c7616;  /*#CBAF31;*/
  background-image: url(../layout/pfeil_navi_immobilien.gif);
}

#navi ul li.immobilien a:hover,
#navi_sub ul li.immobilien a:hover {
  background-color: #E1D7A9;
}

#navi ul li.immobilienactive a,
#navi ul li.immobilienactive a:hover,
#navi_sub ul li.immobilienactive a,
#navi_sub ul li.immobilienactive a:hover {
  background-color: #E1D7A9;
  color: #8c7616;
  background-image: url(../layout/pfeil_navi_immobilien.gif);
}


#navi ul li.immobilien ul li a,
#navi_sub ul li.immobilien ul li a {
  border: none;
  color: #8c7616;
  background-image: url(../layout/pfeil_navi_immobilien_sub.gif);
}

#navi ul li.immobilien ul li a:hover,
#navi_sub ul li.immobilien ul li a:hover {
  border: none;
  color: #8c7616;
  background-image: url(../layout/pfeil_navi_immobilien_sub.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  background-color: #E1D7A9;
}

#navi ul li.immobilienactive ul li a,
#navi_sub ul li.immobilienactive ul li a {
  background-color: #ffffff;
  color: #8c7616;
  background-image: url(../layout/pfeil_navi_immobilien_sub.gif);
}

#navi ul li.immobilienactive ul li a:hover,
#navi_sub ul li.immobilienactive ul li a:hover {
  background-color: #E1D7A9;
  color: #8c7616;
  background-image: url(../layout/pfeil_navi_immobilien_sub.gif);
}

#navi ul li.immobilienactive ul li.active a,
#navi_sub ul li.immobilienactive ul li.active a {
  background-color: #E1D7A9;
  color: #8c7616;
  background-image: url(../layout/pfeil_navi_immobilien_sub.gif);
}




/* Mensch & Natur */
#navi_sub ul li.mensch ul {
  display: none;
}
#navi_sub ul li.menschactive ul {
  display: block;
}

#navi ul li.mensch a,
#navi_sub ul li.mensch a {
  border-top: 1px solid #787D47;
  border-bottom: 1px solid #787D47;
  color: #787D47;
  background-image: url(../layout/pfeil_navi_mensch.gif);
}

#navi ul li.mensch a:hover,
#navi_sub ul li.mensch a:hover {
  background-color: #CDCFBF;
}

#navi ul li.menschactive a,
#navi ul li.menschactive a:hover,
#navi_sub ul li.menschactive a,
#navi_sub ul li.menschactive a:hover {
  background-color: #CDCFBF;
  color: #787D47;
  border-top: 1px solid #787D47;
  border-bottom: 1px solid #787D47;
  background-image: url(../layout/pfeil_navi_mensch.gif);
}

#navi ul li.mensch ul li a,
#navi_sub ul li.mensch ul li a {
  border: none;
  background-image: url(../layout/pfeil_navi_mensch_sub.gif);
}

#navi ul li.mensch ul li a:hover,
#navi_sub ul li.mensch ul li a:hover {
  border: none;
  background-image: url(../layout/pfeil_navi_mensch_sub.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  background-color: #CDCFBF;
}

#navi ul li.menschactive ul li a,
#navi_sub ul li.menschactive ul li a {
  background-color: #ffffff;
  border: none;
  color: #787D47;
  background-image: url(../layout/pfeil_navi_mensch_sub.gif);
}

#navi ul li.menschactive ul li a:hover,
#navi_sub ul li.menschactive ul li a:hover {
  background-color: #CDCFBF;
  border: none;
  background-image: url(../layout/pfeil_navi_mensch_sub.gif);
}

#navi ul li.menschactive ul li.active a,
#navi_sub ul li.menschactive ul li.active a {
  background-color: #CDCFBF;
  border: none;
  background-image: url(../layout/pfeil_navi_mensch_sub.gif);
}




/* Bildung & Wissen */
#navi_sub ul li.bildung ul {
  display: none;
}
#navi_sub ul li.bildungactive ul {
  display: block;
}

#navi ul li.bildung a,
#navi_sub ul li.bildung a {
  border-top: 1px solid #99998B;
  border-bottom: 1px solid #99998B;
  color: #99998B;
}

#navi ul li.bildung a:hover,
#navi_sub ul li.bildung a:hover {
  background-color: #;
  border-top: 1px solid #99998B;
  border-bottom: 1px solid #99998B;
  color: #99998B;
}

#navi ul li.bildungactive a,
#navi ul li.bildungactive a:hover,
#navi_sub ul li.bildungactive a,
#navi_sub ul li.bildungactive a:hover {
  background-color:#d5d5cd;
  color: #99998B;
  border-top: 1px solid #99998B;
  border-bottom: 1px solid #99998B;
}





/* Kulturtherme & Hotel */
#navi ul li.therme a,
#navi_sub ul li.therme a {
  border-top: 1px solid #6A84A0;
  border-bottom: 1px solid #6A84A0;
  color: #6A84A0;
}

#navi ul li.therme a:hover,
#navi_sub ul li.therme a:hover {
  background-color: #B3BCC7;
}

#navi ul li.thermeactive a,
#navi ul li.thermeactive a:hover,
#navi_sub ul li.thermeactive a,
#navi_sub ul li.thermeactive a:hover {
  background-color: #B3BCC7;
  border-top: 1px solid #6A84A0;
  border-bottom: 1px solid #6A84A0;
  color: #6A84A0;
}






/* Sport & Ferien */

#navi_sub ul li.sport ul {
  display: none;
}
#navi_sub ul li.sportactive ul {
  display: block;
}

#navi ul li.sport a,
#navi_sub ul li.sport a {
  border-top: 1px solid #6A84A0;
  border-bottom: 1px solid #6A84A0;
  color: #6A84A0;
  background-image: url(../layout/pfeil_navi_sport.gif);
}

#navi ul li.sport a:hover,
#navi_sub ul li.sport a:hover {
  background-color: #B3BCC7;
}

#navi ul li.sportactive a,
#navi ul li.sportactive a:hover,
#navi_sub ul li.sportactive a,
#navi_sub ul li.sportactive a:hover {
  background-color: #B3BCC7;
  color: #6A84A0;
  border-top: 1px solid #6A84A0;
  border-bottom: 1px solid #6A84A0;
  background-image: url(../layout/pfeil_navi_sport.gif);
}

#navi ul li.sport li a,
#navi_sub ul li.sport li a{
  border: none;
  background-image: url(../layout/pfeil_navi_sport_sub.gif);
}

#navi ul li.sport ul li a:hover,
#navi_sub ul li.sport ul li a:hover {
  border: none;
  background-image: url(../layout/pfeil_navi_sport_sub.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  background-color: #B3BCC7;
}

#navi ul li.sportactive ul li a,
#navi_sub ul li.sportactive ul li a {
  background-color: #ffffff;
  border: none;
  color: #6A84A0;
  background-image: url(../layout/pfeil_navi_sport_sub.gif);
}

#navi ul li.sportactive ul li a:hover,
#navi_sub ul li.sportactive ul li a:hover {
  background-color: #B3BCC7;
  border: none;
  color: #6A84A0;
  background-image: url(../layout/pfeil_navi_sport_sub.gif);
}

#navi ul li.sportactive ul li.active a,
#navi_sub ul li.sportactive ul li.active a {
  background-color: #B3BCC7;
  border: none;
  color: #6A84A0;
  background-image: url(../layout/pfeil_navi_sport_sub.gif);
}





/* Kunst & Kultur */
#navi ul li.kunst a,
#navi_sub ul li.kunst a {
  border-top: 1px solid #AA5125;
  border-bottom: 1px solid #AA5125;
  color: #AA5125;
  background-image: url(../layout/pfeil_navi_kunst.gif);
}

#navi ul li.kunst a:hover,
#navi_sub ul li.kunst a:hover {
  background-color: #D6BEB2;
}

#navi_sub ul li.kunst ul {
  display: none;
}
#navi_sub ul li.kunstactive ul {
  display: block;
}

#navi ul li.kunstactive a,
#navi ul li.kunstactive a:hover,
#navi_sub ul li.kunstactive a,
#navi_sub ul li.kunstactive a:hover {
  background-color: #D6BEB2;
  color: #AA5125;
  border-top: 1px solid #AA5125;
  border-bottom: 1px solid #AA5125;
  background-image: url(../layout/pfeil_navi_kunst.gif);
}

#navi ul li.kunst li a,
#navi_sub ul li.kunst li a {
  border: none;
  background-image: url(../layout/pfeil_navi_kunst_sub.gif);
}

#navi ul li.kunst ul li a:hover,
#navi_sub ul li.kunst ul li a:hover {
  border: none;
  background-image: url(../layout/pfeil_navi_kunst_sub.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  background-color: #D6BEB2;
}

#navi ul li.kunstactive ul li a,
#navi_sub ul li.kunstactive ul li a {
  background-color: #ffffff;
  border: none;
  color: #AA5125;
  background-image: url(../layout/pfeil_navi_kunst_sub.gif);
}

#navi ul li.kunstactive ul li a:hover,
#navi_sub ul li.kunstactive ul li a:hover {
  background-color: #D6BEB2;
  border: none;
  color: #AA5125;
  background-image: url(../layout/pfeil_navi_kunst_sub.gif);
}

#navi ul li.kunstactive ul li.active a,
#navi_sub ul li.kunstactive ul li.active a {
  background-color: #D6BEB2;
  border: none;
  color: #AA5125;
  background-image: url(../layout/pfeil_navi_kunst_sub.gif);
}